From 8828474312dfa348369544a13991e182f1b8878b Mon Sep 17 00:00:00 2001
From: Zach Kelling <z@zeekay.io>
Date: Mon, 8 Jan 2024 02:30:38 +0100
Subject: [PATCH] Add in ui package

---
 .nvmrc                                        |   2 +-
 package.json                                  |   5 +-
 packages/cli/package.json                     |   3 +-
 .../ui/blocks/components/accordian-block.tsx  |  50 +
 .../ui/blocks/components/banner-block.tsx     | 103 ++
 .../ui/blocks/components/block-factory.tsx    |  52 +
 packages/ui/blocks/components/card-block.tsx  | 214 ++++
 packages/ui/blocks/components/cta-block.tsx   |  58 ++
 packages/ui/blocks/components/group-block.tsx |  85 ++
 .../ui/blocks/components/heading-block.tsx    |  45 +
 packages/ui/blocks/components/image-block.tsx |  35 +
 packages/ui/blocks/components/index.ts        |  23 +
 packages/ui/blocks/components/space-block.tsx |  47 +
 packages/ui/blocks/components/video-block.tsx | 101 ++
 packages/ui/blocks/def/accordian-block.ts     |  14 +
 packages/ui/blocks/def/banner-block.ts        |  18 +
 packages/ui/blocks/def/block.ts               |   7 +
 packages/ui/blocks/def/card-block.ts          |  24 +
 packages/ui/blocks/def/cta-block.ts           |  12 +
 packages/ui/blocks/def/element-block.ts       |  11 +
 packages/ui/blocks/def/group-block.ts         |  11 +
 packages/ui/blocks/def/heading-block.ts       |  12 +
 packages/ui/blocks/def/image-block.ts         |  12 +
 packages/ui/blocks/def/index.ts               |  27 +
 packages/ui/blocks/def/space-block.ts         |  10 +
 packages/ui/blocks/def/special-block.ts       |  11 +
 packages/ui/blocks/def/video-block.ts         |  27 +
 packages/ui/blocks/index.ts                   |   2 +
 packages/ui/common/action-button.tsx          |  46 +
 .../ui/common/contact-dialog/contact-form.tsx | 110 ++
 .../ui/common/contact-dialog/disclaimer.tsx   |  13 +
 packages/ui/common/contact-dialog/index.tsx   |  48 +
 packages/ui/common/copyright.tsx              |  13 +
 packages/ui/common/drawer-menu.tsx            |  43 +
 packages/ui/common/footer.tsx                 |  53 +
 packages/ui/common/header/index.tsx           |  59 ++
 packages/ui/common/header/mobile-nav.tsx      |  38 +
 packages/ui/common/header/theme-toggle.tsx    |  26 +
 packages/ui/common/icons/github.tsx           |  14 +
 packages/ui/common/icons/index.tsx            |  34 +
 packages/ui/common/icons/lux-logo.tsx         |  10 +
 packages/ui/common/icons/secure-delivery.tsx  |  13 +
 packages/ui/common/icons/social-icon.tsx      |  35 +
 packages/ui/common/icons/youtube-logo.tsx     |  59 ++
 packages/ui/common/index.ts                   |  16 +
 packages/ui/common/link-element.tsx           |  70 ++
 packages/ui/common/logo.tsx                   |  52 +
 packages/ui/common/main.tsx                   |  21 +
 packages/ui/common/mini-chart/index.tsx       |   8 +
 .../ui/common/mini-chart/mini-chart-props.ts  |  44 +
 packages/ui/common/mini-chart/mini-chart.tsx  |  76 ++
 packages/ui/common/mini-chart/wrapper.tsx     |  23 +
 packages/ui/common/nav-items.tsx              |  65 ++
 packages/ui/common/typography-test.mdx        |  36 +
 packages/ui/common/youtube-embed.tsx          |  83 ++
 packages/ui/conf/footer.tsx                   | 164 +++
 packages/ui/conf/main-nav.ts                  |  58 ++
 .../ui/context-providers/theme-provider.tsx   |  11 +
 packages/ui/index.ts                          |  21 +
 .../ui/next/determine-device-middleware.ts    |  13 +
 packages/ui/next/index.ts                     |  11 +
 packages/ui/next/not-found-content.mdx        |   4 +
 packages/ui/next/not-found.tsx                |  23 +
 packages/ui/next/root-layout.tsx              | 100 ++
 packages/ui/package.json                      |  50 +
 packages/ui/primitives/accordion.tsx          |  61 ++
 packages/ui/primitives/apply-typography.tsx   |  51 +
 packages/ui/primitives/button.tsx             |  72 ++
 packages/ui/primitives/card.tsx               |  83 ++
 .../ui/primitives/dialog-video-controller.tsx |  38 +
 packages/ui/primitives/dialog.tsx             | 145 +++
 packages/ui/primitives/form.tsx               | 179 ++++
 packages/ui/primitives/index.ts               |  76 ++
 packages/ui/primitives/input.tsx              |  30 +
 packages/ui/primitives/label.tsx              |  28 +
 packages/ui/primitives/mdx-link.tsx           |  22 +
 packages/ui/primitives/sheet.tsx              | 147 +++
 packages/ui/primitives/tailwind-indicator.tsx |  19 +
 packages/ui/primitives/toast.tsx              | 129 +++
 packages/ui/primitives/toaster.tsx            |  37 +
 packages/ui/primitives/use-toast.ts           | 192 ++++
 packages/ui/primitives/video-player.tsx       |  30 +
 packages/ui/style/colors.tailwind.js          |  46 +
 packages/ui/style/fonts.tailwind.js           |  48 +
 .../style/fonts/DrukTextWide-Bold-Trial.otf   | Bin 0 -> 73904 bytes
 .../style/fonts/DrukTextWide-Heavy-Trial.otf  | Bin 0 -> 73948 bytes
 .../style/fonts/DrukTextWide-Medium-Trial.otf | Bin 0 -> 74120 bytes
 packages/ui/style/get-plugin-styles.js        | 616 +++++++++++
 packages/ui/style/globals.css                 | 113 ++
 packages/ui/style/nextFonts.ts                |  34 +
 packages/ui/style/safelist.tailwind.js        |  27 +
 packages/ui/style/screens.tailwind.js         |   8 +
 packages/ui/style/social-svg.css              |   3 +
 .../style/typo-plugin/demo/MarkdownSample.mdx | 223 ++++
 .../typo-plugin/demo/MarkdownSampleShort.mdx  |  60 ++
 packages/ui/style/typo-plugin/demo/dark.js    |  24 +
 .../ui/style/typo-plugin/demo/list-items.js   | 176 ++++
 packages/ui/style/typo-plugin/demo/themes.js  | 282 +++++
 .../ui/style/typo-plugin/demo/variants.js     |  64 ++
 packages/ui/style/typo-plugin/index.d.ts      |   9 +
 packages/ui/style/typo-plugin/index.js        | 141 +++
 packages/ui/style/typo-plugin/utils.js        |  62 ++
 packages/ui/tsconfig.json                     |  13 +
 packages/ui/types/breakpoints.ts              |  11 +
 packages/ui/types/button-def.ts               |  39 +
 packages/ui/types/contact-info.ts             |  11 +
 packages/ui/types/dimensions.ts               |  18 +
 packages/ui/types/icon.ts                     |  10 +
 packages/ui/types/index.ts                    |  38 +
 packages/ui/types/link-def.ts                 |  21 +
 packages/ui/types/site-conf.ts                |  18 +
 packages/ui/types/t-shirt-size.ts             |   5 +
 packages/ui/util/classNames.ts                |   3 +
 packages/ui/util/index.ts                     |  66 ++
 packages/ui/util/specifier.ts                 |  43 +
 pnpm-lock.yaml                                | 979 +++++++++++++++++-
 tsconfig.base.json                            |  17 +
 tsconfig.json                                 |   7 +
 118 files changed, 7138 insertions(+), 20 deletions(-)
 create mode 100644 packages/ui/blocks/components/accordian-block.tsx
 create mode 100644 packages/ui/blocks/components/banner-block.tsx
 create mode 100644 packages/ui/blocks/components/block-factory.tsx
 create mode 100644 packages/ui/blocks/components/card-block.tsx
 create mode 100644 packages/ui/blocks/components/cta-block.tsx
 create mode 100644 packages/ui/blocks/components/group-block.tsx
 create mode 100644 packages/ui/blocks/components/heading-block.tsx
 create mode 100644 packages/ui/blocks/components/image-block.tsx
 create mode 100644 packages/ui/blocks/components/index.ts
 create mode 100644 packages/ui/blocks/components/space-block.tsx
 create mode 100644 packages/ui/blocks/components/video-block.tsx
 create mode 100644 packages/ui/blocks/def/accordian-block.ts
 create mode 100644 packages/ui/blocks/def/banner-block.ts
 create mode 100644 packages/ui/blocks/def/block.ts
 create mode 100644 packages/ui/blocks/def/card-block.ts
 create mode 100644 packages/ui/blocks/def/cta-block.ts
 create mode 100644 packages/ui/blocks/def/element-block.ts
 create mode 100644 packages/ui/blocks/def/group-block.ts
 create mode 100644 packages/ui/blocks/def/heading-block.ts
 create mode 100644 packages/ui/blocks/def/image-block.ts
 create mode 100644 packages/ui/blocks/def/index.ts
 create mode 100644 packages/ui/blocks/def/space-block.ts
 create mode 100644 packages/ui/blocks/def/special-block.ts
 create mode 100644 packages/ui/blocks/def/video-block.ts
 create mode 100644 packages/ui/blocks/index.ts
 create mode 100644 packages/ui/common/action-button.tsx
 create mode 100644 packages/ui/common/contact-dialog/contact-form.tsx
 create mode 100644 packages/ui/common/contact-dialog/disclaimer.tsx
 create mode 100644 packages/ui/common/contact-dialog/index.tsx
 create mode 100644 packages/ui/common/copyright.tsx
 create mode 100644 packages/ui/common/drawer-menu.tsx
 create mode 100644 packages/ui/common/footer.tsx
 create mode 100644 packages/ui/common/header/index.tsx
 create mode 100644 packages/ui/common/header/mobile-nav.tsx
 create mode 100644 packages/ui/common/header/theme-toggle.tsx
 create mode 100644 packages/ui/common/icons/github.tsx
 create mode 100644 packages/ui/common/icons/index.tsx
 create mode 100644 packages/ui/common/icons/lux-logo.tsx
 create mode 100644 packages/ui/common/icons/secure-delivery.tsx
 create mode 100644 packages/ui/common/icons/social-icon.tsx
 create mode 100644 packages/ui/common/icons/youtube-logo.tsx
 create mode 100644 packages/ui/common/index.ts
 create mode 100644 packages/ui/common/link-element.tsx
 create mode 100644 packages/ui/common/logo.tsx
 create mode 100644 packages/ui/common/main.tsx
 create mode 100644 packages/ui/common/mini-chart/index.tsx
 create mode 100644 packages/ui/common/mini-chart/mini-chart-props.ts
 create mode 100644 packages/ui/common/mini-chart/mini-chart.tsx
 create mode 100644 packages/ui/common/mini-chart/wrapper.tsx
 create mode 100644 packages/ui/common/nav-items.tsx
 create mode 100644 packages/ui/common/typography-test.mdx
 create mode 100644 packages/ui/common/youtube-embed.tsx
 create mode 100644 packages/ui/conf/footer.tsx
 create mode 100644 packages/ui/conf/main-nav.ts
 create mode 100644 packages/ui/context-providers/theme-provider.tsx
 create mode 100644 packages/ui/index.ts
 create mode 100644 packages/ui/next/determine-device-middleware.ts
 create mode 100644 packages/ui/next/index.ts
 create mode 100644 packages/ui/next/not-found-content.mdx
 create mode 100644 packages/ui/next/not-found.tsx
 create mode 100644 packages/ui/next/root-layout.tsx
 create mode 100644 packages/ui/package.json
 create mode 100644 packages/ui/primitives/accordion.tsx
 create mode 100644 packages/ui/primitives/apply-typography.tsx
 create mode 100644 packages/ui/primitives/button.tsx
 create mode 100644 packages/ui/primitives/card.tsx
 create mode 100644 packages/ui/primitives/dialog-video-controller.tsx
 create mode 100644 packages/ui/primitives/dialog.tsx
 create mode 100644 packages/ui/primitives/form.tsx
 create mode 100644 packages/ui/primitives/index.ts
 create mode 100644 packages/ui/primitives/input.tsx
 create mode 100644 packages/ui/primitives/label.tsx
 create mode 100644 packages/ui/primitives/mdx-link.tsx
 create mode 100644 packages/ui/primitives/sheet.tsx
 create mode 100644 packages/ui/primitives/tailwind-indicator.tsx
 create mode 100644 packages/ui/primitives/toast.tsx
 create mode 100644 packages/ui/primitives/toaster.tsx
 create mode 100644 packages/ui/primitives/use-toast.ts
 create mode 100644 packages/ui/primitives/video-player.tsx
 create mode 100644 packages/ui/style/colors.tailwind.js
 create mode 100644 packages/ui/style/fonts.tailwind.js
 create mode 100644 packages/ui/style/fonts/DrukTextWide-Bold-Trial.otf
 create mode 100644 packages/ui/style/fonts/DrukTextWide-Heavy-Trial.otf
 create mode 100644 packages/ui/style/fonts/DrukTextWide-Medium-Trial.otf
 create mode 100644 packages/ui/style/get-plugin-styles.js
 create mode 100644 packages/ui/style/globals.css
 create mode 100644 packages/ui/style/nextFonts.ts
 create mode 100644 packages/ui/style/safelist.tailwind.js
 create mode 100644 packages/ui/style/screens.tailwind.js
 create mode 100644 packages/ui/style/social-svg.css
 create mode 100644 packages/ui/style/typo-plugin/demo/MarkdownSample.mdx
 create mode 100644 packages/ui/style/typo-plugin/demo/MarkdownSampleShort.mdx
 create mode 100644 packages/ui/style/typo-plugin/demo/dark.js
 create mode 100644 packages/ui/style/typo-plugin/demo/list-items.js
 create mode 100644 packages/ui/style/typo-plugin/demo/themes.js
 create mode 100644 packages/ui/style/typo-plugin/demo/variants.js
 create mode 100644 packages/ui/style/typo-plugin/index.d.ts
 create mode 100644 packages/ui/style/typo-plugin/index.js
 create mode 100644 packages/ui/style/typo-plugin/utils.js
 create mode 100644 packages/ui/tsconfig.json
 create mode 100644 packages/ui/types/breakpoints.ts
 create mode 100644 packages/ui/types/button-def.ts
 create mode 100644 packages/ui/types/contact-info.ts
 create mode 100644 packages/ui/types/dimensions.ts
 create mode 100644 packages/ui/types/icon.ts
 create mode 100644 packages/ui/types/index.ts
 create mode 100644 packages/ui/types/link-def.ts
 create mode 100644 packages/ui/types/site-conf.ts
 create mode 100644 packages/ui/types/t-shirt-size.ts
 create mode 100644 packages/ui/util/classNames.ts
 create mode 100644 packages/ui/util/index.ts
 create mode 100644 packages/ui/util/specifier.ts
 create mode 100644 tsconfig.base.json

diff --git a/.nvmrc b/.nvmrc
index 7950a445..3f430af8 100644
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-v18.17.0
+v18
diff --git a/package.json b/package.json
index d0cbaf88..aa3c244d 100644
--- a/package.json
+++ b/package.json
@@ -1,11 +1,10 @@
 {
-  "name": "@luxdefi/ui",
+  "name": "@luxdefi/ui/cli",
   "version": "0.0.1",
-  "private": true,
   "license": "MIT",
   "type": "module",
   "author": {
-    "name": "luxdefi",
+    "name": "@lx/ui",
     "url": "https://twitter.com/luxdefi"
   },
   "workspaces": [
diff --git a/packages/cli/package.json b/packages/cli/package.json
index 44baf32f..67d04940 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -1,4 +1,5 @@
-  "name": "luxdefi-ui",
+{
+  "name": "@luxdefi/ui/cli",
   "version": "0.6.0",
   "description": "Add components to your apps.",
   "publishConfig": {
diff --git a/packages/ui/blocks/components/accordian-block.tsx b/packages/ui/blocks/components/accordian-block.tsx
new file mode 100644
index 00000000..6597c248
--- /dev/null
+++ b/packages/ui/blocks/components/accordian-block.tsx
@@ -0,0 +1,50 @@
+import React from 'react'
+
+import { 
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  ApplyTypography
+} from '../../primitives'
+
+import { cn } from '../../util'
+
+import type { Block, AccordianBlock } from '../def'
+
+const AccordianBlockComponent: React.FC<{
+  block: Block
+  className?: string
+}> = ({
+  block,
+  className=''
+}) => {
+
+  if (block.blockType !== 'accordian') {
+    return <>accordian block required</>
+  }
+
+  const accordian = block as AccordianBlock
+
+  return (
+    <Accordion type="single" collapsible className={cn('w-full border rounded-xl overflow-hidden', className)}>
+      {accordian.items.map((item, index) => (
+      <AccordionItem className='border-b last:border-0 overflow-hidden' value={`value-${index}`} key={index}>
+        <AccordionTrigger className='px-3 md:px-4 lg:px-6 hover:no-underline hover:bg-level-3' >
+          <ApplyTypography>
+            {/* styles specific to accordion.  From old site */}
+            <h6 className='leading-[1.2] text-[1.05rem] font-semibold ' >{item.trigger}</h6>
+          </ApplyTypography>
+        </AccordionTrigger>
+        <AccordionContent className='p-4 border-t bg-level-1'>
+        <ApplyTypography className='flex flex-col justify-start items-start '>
+          {(typeof item.content === 'string') ? (<p>{item.content}</p>) : item.content} 
+        </ApplyTypography>
+        </AccordionContent>
+      </AccordionItem>
+      ))}
+    </Accordion>
+  )
+}
+
+export default AccordianBlockComponent
diff --git a/packages/ui/blocks/components/banner-block.tsx b/packages/ui/blocks/components/banner-block.tsx
new file mode 100644
index 00000000..e550fc24
--- /dev/null
+++ b/packages/ui/blocks/components/banner-block.tsx
@@ -0,0 +1,103 @@
+
+import React  from 'react'
+
+import { Dimensions, type TShirtSize } from '../../types'
+import type { Block, BannerBlock } from '../def'
+
+import VideoBlockComponent from './video-block'
+import CTABlockComponent from './cta-block'
+
+type BannerGrouping = 'all-separate' | 'title-media-cta' | 'titleAndMedia-cta'
+
+const BannerBlockComponent: React.FC<{
+  block: Block,
+  videoSize?: TShirtSize
+  videoConstraint?: Dimensions
+  grouping?: BannerGrouping
+  groupingClasses?: string[] // count should match number of siblings in the chosen grouping 
+  ctaItemClassName?: string
+}> = ({
+  block,
+  grouping = 'titleAndMedia-cta',
+  groupingClasses=[],
+  ctaItemClassName='',
+  videoSize='md',
+  videoConstraint
+}) => {
+
+  if (block.blockType !== 'banner') {
+    return <>banner block required</>
+  }
+  const banner = block as BannerBlock
+
+  if (grouping === 'title-media-cta') {
+    const titleClasses = (groupingClasses && groupingClasses[0]) ? groupingClasses[0] : ''
+    const mediaClasses = (groupingClasses && groupingClasses[1]) ? groupingClasses[1] : ''
+    const ctaClasses = (groupingClasses && groupingClasses[2]) ? groupingClasses[2] : ''
+    return (<>
+      <div className={titleClasses}>
+        <h1>{banner.title}</h1>
+        {banner.byline && (<h5 className='text-center'>{banner.byline}</h5>)}
+      </div>
+      <div className={'self-center flex flex-col justify-start items-center ' + mediaClasses}>
+        {banner.contentBefore && banner.contentBefore}
+        {banner.video && (
+          <VideoBlockComponent className='self-center mt-6 not-typography' block={banner.video} size={videoSize} constraint={videoConstraint}/>
+        )}
+        {banner.contentAfter && banner.contentAfter }
+      </div>
+      {banner.cta && (
+        <div className={'flex flex-row items-stretch gap-2 sm:gap-6 sm:justify-center ' + ctaClasses}>
+          <CTABlockComponent block={banner.cta} itemClassName={ctaItemClassName} itemSize='lg'/>
+        </div>  
+      )}
+    </>)
+  }
+  else if (grouping === 'titleAndMedia-cta') {
+    const titleAndMediaClasses = (groupingClasses && groupingClasses[0]) ? groupingClasses[0] : ''
+    const ctaClasses = (groupingClasses && groupingClasses[1]) ? groupingClasses[1] : ''
+    return (<>
+      <div className={'self-center flex flex-col justify-start items-center ' + titleAndMediaClasses} >
+        <h1>{banner.title}</h1>
+        {banner.byline && (<h5 className='text-center'>{banner.byline}</h5>)}
+        {banner.contentBefore && banner.contentBefore}
+        {banner.video && (
+          <VideoBlockComponent className='self-center mt-6 not-typography' block={banner.video} size={videoSize} constraint={videoConstraint}/>
+        )}
+        {banner.contentAfter && banner.contentAfter }
+      </div>
+      {banner.cta && (
+        <div className={'flex flex-row items-stretch gap-2 sm:gap-6 justify-center ' + ctaClasses}>
+          <CTABlockComponent block={banner.cta} itemClassName={'xs:w-1/2 ' + ctaItemClassName} itemSize='lg'  />
+        </div>  
+      )}
+    </>)
+  }
+  
+  const titleClasses = (groupingClasses && groupingClasses[0]) ? groupingClasses[0] : ''
+  const bylineClasses = (groupingClasses && groupingClasses[1]) ? groupingClasses[1] : ''
+  const contentBeforeClasses = (groupingClasses && groupingClasses[2]) ? groupingClasses[2] : ''
+  const mediaClasses = (groupingClasses && groupingClasses[3]) ? groupingClasses[3] : ''
+  const contentAfterClasses = (groupingClasses && groupingClasses[4]) ? groupingClasses[4] : ''
+  const ctaClasses = (groupingClasses && groupingClasses[5]) ? groupingClasses[5] : ''
+
+  return (<>
+    <h1 className={titleClasses}>{banner.title}</h1>
+    {banner.byline && (<h5 className={'text-center ' + bylineClasses}>{banner.byline}</h5>)}
+    {banner.contentBefore && (<div className={contentBeforeClasses}>banner.contentBefore</div>)}
+    {banner.video && (
+      <VideoBlockComponent className={'self-center mt-6 not-typography ' + mediaClasses} block={banner.video} size={videoSize} constraint={videoConstraint}/>
+    )}
+    {banner.contentAfter && (<div className={contentAfterClasses}>banner.contentAfter</div>)}
+    {banner.cta && (
+      <div className={'flex flex-col gap-4 items-stretch sm:flex-row sm:gap-6 sm:justify-center ' + ctaClasses}>
+        <CTABlockComponent block={banner.cta} itemClassName={ctaItemClassName} itemSize='lg' />
+      </div>  
+    )}
+  </>)
+}
+
+export {
+  BannerBlockComponent as default,
+  type BannerGrouping as AssetBannderGroupingType
+}
diff --git a/packages/ui/blocks/components/block-factory.tsx b/packages/ui/blocks/components/block-factory.tsx
new file mode 100644
index 00000000..676b05df
--- /dev/null
+++ b/packages/ui/blocks/components/block-factory.tsx
@@ -0,0 +1,52 @@
+import React from 'react'
+
+import type * as B from '../def'
+
+import CardBlockComponent from './card-block'
+import HeadingBlockComponent from './heading-block'
+import CTABlockComponent from './cta-block'
+import SpaceBlockComponent from './space-block'
+import ImageBlockComponent from './image-block'
+import VideoBlockComponent from './video-block'
+import AccordianBlockComponent from './accordian-block'
+import GroupBlockComponent from './group-block'
+
+const BlockFactory: React.FC<{
+  block: B.Block
+  className?: string
+}> = ({
+  block,
+  className=''
+}) => {
+
+  switch (block.blockType) {
+    case 'group': {
+      return <GroupBlockComponent block={block} className={className} />
+    }
+    case 'card': {
+      return <CardBlockComponent block={block} className={className} />
+    }
+    case 'cta': {
+      return <CTABlockComponent block={block} itemClassName={className}/>
+    }
+    case 'heading': {
+      return <HeadingBlockComponent block={block} className={className}/>
+    }
+    case 'space': {
+      return <SpaceBlockComponent block={block} className={className} />
+    }
+    case 'video': {
+      return <VideoBlockComponent block={block} className={className} />
+    }
+    case 'image':  {
+      return <ImageBlockComponent block={block} className={className} />
+    }
+    case 'accordian': {
+      return <AccordianBlockComponent block={block} className={className} />
+    }
+  }
+
+  return <>unknown block type</>
+}
+
+export default BlockFactory
diff --git a/packages/ui/blocks/components/card-block.tsx b/packages/ui/blocks/components/card-block.tsx
new file mode 100644
index 00000000..595b7261
--- /dev/null
+++ b/packages/ui/blocks/components/card-block.tsx
@@ -0,0 +1,214 @@
+import React from 'react'
+
+import type { Dimensions, LinkDef, TShirtDimensions  } from  '../../types'
+
+import {
+  ApplyTypography,  
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  type TypographySize
+} from '../../primitives'
+
+import {
+  Icons,
+  LinkElement
+} from '../../common'
+
+import {
+  getSpecifierData, 
+  getPrimaryStartingWith, 
+  getDim, 
+} from '../../util/specifier'
+
+import type { Block, CardBlock } from '../def'
+
+
+import ImageBlockComponent from './image-block'
+import VideoBlockComponent from './video-block'
+import CTABlockComponent from './cta-block'
+
+const ArrowLinkElement: React.FC<{
+  def: LinkDef,
+}> = ({
+  def
+}) => (
+  <LinkElement
+    def={def}
+    className='justify-between'
+    variant='link'
+    icon={<Icons.linkOut className='w-[18px] h-[18px]' />}
+    iconAfter
+  />
+) 
+
+const getTypographySize = (s: string): TypographySize => (
+  getSpecifierData<TypographySize>(
+    s,
+    (s: string) => (getPrimaryStartingWith(s, 'typography')),
+    (s: string): TypographySize | undefined => {
+      const subTokenArray = s.split('-')
+      return subTokenArray[subTokenArray.length - 1] as TypographySize
+    },
+    'responsive'
+  ) as TypographySize
+)
+
+const getSmallIconDim = (s: string): Dimensions | undefined => (
+  getSpecifierData<Dimensions>(
+    s,
+    (s: string) => (getPrimaryStartingWith(s, 'small-icon')),
+    getDim,
+  ) 
+)
+
+const CardBlockComponent: React.FC<{
+  block: Block
+  className?: string
+  contentClassName?: string
+}> = ({
+  block,
+  className='',
+  contentClassName=''
+}) => {
+
+  if (block.blockType !== 'card') {
+    return <>card block required</>
+  }
+
+  const card = block as CardBlock
+  const has = (s: string) => (card.specifiers?.includes(s))  
+
+  const ghost = has('ghost') // no outer padding, no borders, larger title, all left-aligned bg is same (default)
+
+  const contentclx = (has('content-left') ? 'items-start ' : 'items-center ') + contentClassName
+  const disabledBorder = (has('appear-disabled' ) ? ' border-muted-4' : ' border-muted-3')
+  const outerBorder = ((has('no-outer-border') || ghost) ? ' border-0' : '')
+  const innerBorder = (ghost ? ' border-0' : '')
+  const paddingclx = ghost ? ' px-0 py-0' : ' px-6 py-3'
+  const mainGap = ghost ? ' gap-2' : ''
+  const disabledText = (has('appear-disabled') ? ' text-muted-2' : '')
+  const disabledTypoText = (has('appear-disabled') ? ' typography-p:text-muted-2' : '')
+  const bgclx = (has('bg-card') ? ' bg-level-1' : '')
+  const titleclx = (has('heading-style-title') ? ' font-heading text-base leading-tight' : '') + 
+    (ghost ? ' text-left md:text-xl' : '') 
+  
+  const typoSize: TypographySize = (card.specifiers) ? getTypographySize(card.specifiers) : 'responsive'
+  const typoclx = (typoSize === 'sm') ? 'typography-sm typography-p:text-sm ' : (typoSize === 'lg') ? 'typography-lg ' : '' 
+
+  const contentBefore = has('content-before')
+  const iconInline = has('icon-inline')
+  const contentOnHover = has('reveal-content-on-hover')
+  //const smallIconDim = (contentOnHover && card.specifiers) ? getSmallIconDim(card.specifiers) : undefined
+  
+  const Header: React.FC<{
+    inContent?: boolean
+    className?: string
+  }> = ({
+    inContent=false,
+    className=''
+  }) => (
+    (card.title || card.byline || card.icon) ? (
+      <CardHeader className={'not-typography' + ' text-accent' + disabledText + paddingclx + innerBorder + className}>
+      <div className={(iconInline || inContent) ? 'flex flex-row justify-start items-end my-3' : ''}>        
+      {(card.icon && !card.iconAfter ) && (<div className={iconInline ? 'mr-1' : 'mb-2'}>{card.icon}</div>)}
+      {card.title && (
+        <CardTitle className={'text-center text-lg font-medium' + titleclx + (iconInline ? ' md:text-xl/none' : '') }>
+          {card.title}
+        </CardTitle>
+      )}
+      {(card.icon && card.iconAfter) && (<div className={iconInline ? 'ml-1' : 'my-1'}>{card.icon}</div>)}
+      </div>
+      {card.byline && (<CardDescription>{card.byline}</CardDescription>)}
+      </CardHeader>      
+    ) : null
+  )
+
+  const MediaAndContent: React.FC<{
+    className?: string
+  }> = ({
+    className=''
+  }) => (has('media-left') ? ( 
+    // media left layout
+    <CardContent className={'flex flex-row justify-start items-stretch p-0 grow ' + disabledBorder + bgclx + contentclx + className}>
+    {card.media && (
+      <div className={'box-content grow-0 not-typography' + paddingclx} style={{
+          // If this layout has been specified, assume video, and that the 'sm' variant is there.
+        width: (card.media.dim as TShirtDimensions).sm!.w 
+      }}>
+        <VideoBlockComponent 
+          block={card.media} 
+          usePoster={has('video-use-poster')} 
+          size='sm' 
+          className={has('appear-disabled') ? 'opacity-[0.6]' : ''}
+        />
+      </div>
+    )}
+    {card.content && (
+      <ApplyTypography className={'grow border-l flex flex-col justify-center '  + disabledTypoText + paddingclx + disabledBorder + contentclx} size={typoSize}>
+        {(typeof card.content === 'string') ? (<p>{card.content}</p>) : card.content} 
+      </ApplyTypography>
+    )}
+    </CardContent>
+  ) : ( // default layout
+    <CardContent className={
+      'grow typography flex flex-col justify-center ' + 
+      typoclx + disabledTypoText + bgclx + paddingclx + contentclx + (has('full-width') ? ' p-0 ' : ' ') +
+      className
+    }>
+      {contentOnHover && (<Header inContent/>)}
+      {card.content && contentBefore && (
+        (typeof card.content === 'string') ? (<p>{card.content}</p>) : card.content
+      )}
+      {card.media && (card.media.blockType === 'image' ? (
+        <ImageBlockComponent block={card.media} />
+      ) : (
+        <VideoBlockComponent block={card.media} />
+      ))}
+      {card.content && !contentBefore && (
+        (typeof card.content === 'string') ? (<p>{card.content}</p>) : card.content
+      )}
+    </CardContent>
+  ))
+
+  const Footer: React.FC = () => ( !card.cta ? null : (has('links-w-arrow') ? (
+      // links w arrow
+    <CardFooter className={
+      'typography typography-a:text-muted-2 typography-a:hover:text-muted-1 typography-a:text-xs typography-a:no-underline typography-a:hover:underline ' + 
+      'flex flex-col justify-start items-stretch ' + paddingclx
+    }>
+      <CTABlockComponent 
+        block={card.cta} 
+        renderLink={(def: LinkDef, key: any) => (<ArrowLinkElement def={def} key={key} />)}
+      />
+    </CardFooter>
+  ) : ( // default 
+    <CardFooter className={'grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center ' + paddingclx} >
+      <CTABlockComponent block={card.cta} />
+    </CardFooter>
+  )))
+
+  return (
+    <Card className={
+      'flex flex-col self-stretch ' + 
+      (contentOnHover ? 'group relative' : '') + 
+      disabledBorder + 
+      outerBorder + 
+      bgclx + 
+      mainGap + 
+      className
+    }>
+      <Header className={(contentOnHover ? ' absolute top-[0px] left-[0px] w-full hidden ' : '')}/>
+      <MediaAndContent className={(contentOnHover ? 
+        ' bg-gradient-to-t from-secondary to-65%' + 
+        ' items-start justify-start rounded-lg p-4' + 
+        ' transition-opacity duration-500 ease-out opacity-100  ' : '')}/>
+      <Footer />
+    </Card>  
+  )
+}
+
+export default CardBlockComponent
diff --git a/packages/ui/blocks/components/cta-block.tsx b/packages/ui/blocks/components/cta-block.tsx
new file mode 100644
index 00000000..37da8004
--- /dev/null
+++ b/packages/ui/blocks/components/cta-block.tsx
@@ -0,0 +1,58 @@
+import React from 'react'
+
+import type { LinkDef, ButtonDef} from '../../types'
+import type { ButtonSizes } from '../../primitives'
+import { ActionButton, LinkElement } from '../../common'
+import type { Block, CTABlock } from '../def'
+
+const CtaBlockComponent: React.FC<{
+  block: Block,
+  itemClassName?: string,
+  itemSize?: ButtonSizes
+  renderLink?: (def: LinkDef, key: any) => JSX.Element
+  renderButton?: (def: ButtonDef, key: any) => JSX.Element
+}> = ({
+  block,
+  itemClassName='',
+  itemSize, // do not provide default.  this is an override to the def
+  renderLink,
+  renderButton
+}) => {
+  
+  if (block.blockType !== 'cta') {
+    return <>cta block required</>
+  }
+
+  const { elements } = block as CTABlock
+
+  return (
+    <>
+    {elements.map((element, index) => {
+      if ((element as any).title) {
+        const def = element as LinkDef
+        return renderLink ? renderLink(def, index) : (
+          <LinkElement 
+            def={def}
+            key={index}
+            size={itemSize}
+            className={itemClassName}
+          />
+        )
+      } 
+      else {
+        const def = element as ButtonDef
+        return renderButton ? renderButton(def, index) : (
+          <ActionButton 
+            def={def}
+            key={index}
+            size={itemSize}
+            className={itemClassName}
+          />
+        ) 
+      }
+    })}
+    </>
+  )
+}
+
+export default CtaBlockComponent
diff --git a/packages/ui/blocks/components/group-block.tsx b/packages/ui/blocks/components/group-block.tsx
new file mode 100644
index 00000000..9e27455e
--- /dev/null
+++ b/packages/ui/blocks/components/group-block.tsx
@@ -0,0 +1,85 @@
+import React from 'react'
+
+import { type Breakpoint, Breakpoints} from '../../types'
+import { cn } from '../../util'
+
+import type { Block, GroupBlock } from '../def'
+import BlockFactory from './block-factory'
+
+// eg: 'layout-grid-2-starting-md'
+// see comments below regarding dynamic classes and the safelist
+const getLayoutInfo = (s: string): {
+  layout: string
+  spec: any
+} | undefined => {
+  const tokenArray = s.split(' ')
+  const layoutToken = tokenArray.find((tok) => (tok.startsWith('layout-')))
+  if (layoutToken) {
+    const subtokens = layoutToken.split('-')
+    const layout = subtokens[1]
+    let spec: any = {}
+    switch (layout) {
+      case 'grid': {
+        const columns = parseInt(subtokens[2], 10)
+        const starting = subtokens[4] as Breakpoint
+        if (Number.isNaN(columns) || columns < 2 || columns > 6 || !Breakpoints.includes(starting)) {
+          return undefined
+        }
+        spec = {
+          columns,
+          starting
+        }
+      } break
+      // no other types supported yet
+    } 
+    return {
+      layout,
+      spec
+    }
+  }
+  return undefined
+}
+
+const GroupBlockComponent: React.FC<{
+  block: Block
+  className?: string,
+}> = ({
+  block,
+  className=''
+}) => {
+
+  if (block.blockType !== 'group') {
+    return <>group block required</>
+  }
+
+  const group = block as GroupBlock
+
+    // only one supported so fat
+  if (group.specifiers?.includes('layout')) {
+    const layoutSpec = getLayoutInfo(group.specifiers)
+    if (!layoutSpec) {
+      return <>invalid or missing layout specifier in group block!</>
+    }
+
+    if (layoutSpec.layout === 'grid') {
+      const { elements } = group
+      const { spec: {starting, columns} } = layoutSpec 
+
+        // https://tailwindcss.com/docs/content-configuration#dynamic-class-names
+        // All variants in use MUST be in style/safelist.tailwind.js
+      const clazzName = cn('grid xs:grid-cols-1 gap-2 sm:gap-3',
+        `${starting}:grid-cols-${columns} `, 
+        className)
+      return (
+        <div className={clazzName}>
+        {elements.map((block, index) => (
+          <BlockFactory block={block} key={index} />
+        ))}
+        </div>
+      )
+    }
+  }
+  return <></>
+}
+
+export default GroupBlockComponent
diff --git a/packages/ui/blocks/components/heading-block.tsx b/packages/ui/blocks/components/heading-block.tsx
new file mode 100644
index 00000000..0398ee2c
--- /dev/null
+++ b/packages/ui/blocks/components/heading-block.tsx
@@ -0,0 +1,45 @@
+import React from 'react'
+
+import type { Block, HeadingBlock } from '../def'
+
+const HeadingBlockComponent: React.FC<{
+  block: Block,
+  className?: string
+}> = ({
+  block,
+  className=''
+}) => {
+
+  if (block.blockType !== 'heading') {
+    return <>heading block required</>
+  }
+  const heading = block as HeadingBlock
+
+  let Tag: React.ElementType = 'h3' // default 
+
+  switch (heading.level) {
+    case 0: {
+      Tag = 'p'
+    } break
+    case 1: {
+      Tag = 'h1'
+    } break
+    case 2: {
+      Tag = 'h2'
+    } break
+
+    case 4: {
+      Tag = 'h4'
+    } break
+    case 5: {
+      Tag = 'h5'
+    } break
+    case 6: {
+      Tag = 'h6'
+    } break
+  }
+
+  return <Tag className={className}>{heading.heading}</Tag>
+}
+
+export default HeadingBlockComponent
diff --git a/packages/ui/blocks/components/image-block.tsx b/packages/ui/blocks/components/image-block.tsx
new file mode 100644
index 00000000..cf3a99f3
--- /dev/null
+++ b/packages/ui/blocks/components/image-block.tsx
@@ -0,0 +1,35 @@
+import React from 'react'
+
+import Image from 'next/image'
+
+import { constrain } from '../../util'
+import type { Dimensions } from '../../types'
+
+import type { Block, ImageBlock } from '../def'
+
+const ImageBlockComponent: React.FC<{
+  block: Block
+  className?: string
+  constraint?: Dimensions
+}> = ({
+  block,
+  className='',
+  constraint
+}) => {
+  
+  if (block.blockType !== 'image') {
+    return <>iamge block required</>
+  }
+
+  const b = block as ImageBlock
+
+  const dim = b.dim as Dimensions
+  const conDim = (constraint ? constrain(dim, constraint) : dim) 
+
+  return (
+    <Image src={b.image!} alt='image' width={conDim.w} height={conDim.h}  className={className}/>
+  )
+}
+
+export default ImageBlockComponent
+
diff --git a/packages/ui/blocks/components/index.ts b/packages/ui/blocks/components/index.ts
new file mode 100644
index 00000000..06f1ac5a
--- /dev/null
+++ b/packages/ui/blocks/components/index.ts
@@ -0,0 +1,23 @@
+import AccordianBlock from './accordian-block'
+import BannerBlock from  './banner-block'
+import BlockFactory from './block-factory'
+import CardBlock from './card-block'
+import CTABlock from './cta-block'
+import GroupBlock from './group-block'
+import HeadingBlock from './heading-block'
+import ImageBlock from './image-block'
+import VideoBlock from './video-block'
+import SpaceBlock from './space-block'
+
+export { 
+   AccordianBlock as AccordianBlockComponent, 
+   BannerBlock as BannerBlockComponent, 
+   BlockFactory,
+   CardBlock as CardBlockComponent,
+   CTABlock as CTABlockComponent,
+   GroupBlock as GroupBlockComponent,
+   HeadingBlock as HeadingBlockComponent,
+   ImageBlock as ImageBlockComponent,
+   VideoBlock as VideoBlockComponent,
+   SpaceBlock as SpaceBlockComponent,
+}
\ No newline at end of file
diff --git a/packages/ui/blocks/components/space-block.tsx b/packages/ui/blocks/components/space-block.tsx
new file mode 100644
index 00000000..9ef1a8a5
--- /dev/null
+++ b/packages/ui/blocks/components/space-block.tsx
@@ -0,0 +1,47 @@
+import React from 'react'
+
+import type { Block, SpaceBlock } from '../def'
+
+const SpaceBlockComponent: React.FC<{
+  block?: Block
+  className?: string
+}> = ({
+  block,
+  className=''
+}) => {
+  
+  if (block && block.blockType !== 'space') {
+    return <>space block required</>
+  }
+
+  const size = (block) ? ((block as SpaceBlock).level ?? 0) : 0
+
+  let Tag: React.ElementType = 'div' // corresponds to 0
+
+  switch(size) {
+    case 1:
+      Tag = 'h1'
+    break
+    case 2:
+      Tag = 'h2'
+    break
+    case 3:
+      Tag = 'h3'
+    break
+    case 4:
+      Tag = 'h4'
+    break
+    case 5:
+      Tag = 'h5'
+    break
+    case 6:
+      Tag = 'h6'
+    break
+  }
+
+  return (
+    <Tag className={`invisible m-0 ${Tag === 'div' ? 'h-[1px]' : ''} ${className}`} >&nbsp;</Tag> 
+  )
+}
+
+export default SpaceBlockComponent
diff --git a/packages/ui/blocks/components/video-block.tsx b/packages/ui/blocks/components/video-block.tsx
new file mode 100644
index 00000000..d87cca6b
--- /dev/null
+++ b/packages/ui/blocks/components/video-block.tsx
@@ -0,0 +1,101 @@
+'use client'
+import React, { useEffect, useLayoutEffect, useState } from 'react'
+
+import Image from 'next/image'
+
+import type { Dimensions, TShirtSize, TShirtDimensions } from '../../types'
+import { constrain, asNum } from '../../util'
+import type { Block, VideoBlock } from '../def'
+import { VideoPlayer } from '../../primitives'
+
+const VideoBlockComponent: React.FC<{
+  block: Block
+  className?: string
+  usePoster?: boolean
+  size?: TShirtSize
+  constraint?: Dimensions
+}> = ({
+  block,
+  className='',
+  usePoster=false,
+  size='md',
+  constraint
+}) => {
+
+  const [_dim, setDim] = useState<Dimensions | undefined>(undefined)
+
+  const onResize = () => { 
+    const height = window.innerHeight 
+    const width = window.innerWidth 
+ 
+    setDim({
+      w: width,
+      h: height
+    }) 
+  } 
+
+  useEffect(() => { 
+    if (window) {
+      window.addEventListener('resize', onResize) 
+      return () => window.removeEventListener('resize', onResize) 
+    }
+  }, []) 
+
+  useLayoutEffect(() => { 
+    onResize() 
+  }, [])
+
+
+  if (block.blockType !== 'video') {
+    return <>video block required</>
+  }
+
+  const b = block as VideoBlock
+  if (b.sizing?.vh) {
+    const H = `${b.sizing.vh}vh`
+    const ar = asNum(b.dim.md.w) / asNum(b.dim.md.h)
+      // serverside, generate the css for the correctly sized poster image
+    if (!_dim) {
+      return <div className='dummy-div' style={{
+        height: H,
+        width: `calc(${H}*${ar})`,
+        backgroundImage: `url(${b.poster!})`,
+        backgroundSize: 'cover',
+        backgroundRepeat: 'no-repeat', 
+      }} />
+    }
+    else {
+      const height = ((b.sizing.vh / 100) * asNum(_dim.h))
+      const dim  = {
+        h: height,
+        w: height * ar
+      }
+      return ((
+        <VideoPlayer 
+          className={className} 
+          sources={b.sources} 
+          width={dim.w} 
+          height={dim.h} 
+          {...b.videoProps} 
+        />
+      ))
+    }
+  }
+  
+  const videoDims = b.dim as TShirtDimensions
+  const dim = ((size && size in videoDims) ? videoDims[size] : videoDims.md) as Dimensions
+  const conDim = (constraint ? constrain(dim, constraint) : dim) 
+  return usePoster ? (
+    <Image src={b.poster!} alt='image' width={conDim.w} height={conDim.h} className={className}/>
+  ) : (
+    <VideoPlayer 
+      className={className} 
+      sources={b.sources} 
+      width={conDim.w} 
+      height={conDim.h} 
+      {...b.videoProps} 
+    />
+  )
+}
+
+export default VideoBlockComponent
diff --git a/packages/ui/blocks/def/accordian-block.ts b/packages/ui/blocks/def/accordian-block.ts
new file mode 100644
index 00000000..d8a97192
--- /dev/null
+++ b/packages/ui/blocks/def/accordian-block.ts
@@ -0,0 +1,14 @@
+import React from 'react'
+import type Block from './block'
+
+interface AccordianBlock extends Block {
+  blockType: 'accordian'
+  items: {
+    trigger: string
+    content: React.ReactNode 
+  }[]
+}
+
+export {
+  type AccordianBlock as default
+}
diff --git a/packages/ui/blocks/def/banner-block.ts b/packages/ui/blocks/def/banner-block.ts
new file mode 100644
index 00000000..cf5632ee
--- /dev/null
+++ b/packages/ui/blocks/def/banner-block.ts
@@ -0,0 +1,18 @@
+import React from 'react'
+import type Block from './block'
+import type VideoBlock from './video-block'
+import type CTABlock from './cta-block'
+
+interface BannerBlock extends Block {
+  blockType: 'banner'
+  title: string
+  byline?: string
+  contentBefore?: React.ReactNode
+  video?: VideoBlock
+  contentAfter?: React.ReactNode
+  cta?: CTABlock
+}
+
+export {
+  type BannerBlock as default
+}
diff --git a/packages/ui/blocks/def/block.ts b/packages/ui/blocks/def/block.ts
new file mode 100644
index 00000000..370b0b07
--- /dev/null
+++ b/packages/ui/blocks/def/block.ts
@@ -0,0 +1,7 @@
+interface Block {
+  blockType: string
+}
+
+export {
+  type Block as default
+}
\ No newline at end of file
diff --git a/packages/ui/blocks/def/card-block.ts b/packages/ui/blocks/def/card-block.ts
new file mode 100644
index 00000000..77606be3
--- /dev/null
+++ b/packages/ui/blocks/def/card-block.ts
@@ -0,0 +1,24 @@
+import React from 'react'
+
+import { Icon } from '../../types'
+
+import type CTABlock from './cta-block'
+import type Block from './block'
+import type ImageBlock from './image-block'
+import VideoBlock from './video-block'
+
+interface CardBlock extends Block {
+  blockType: 'card'
+  specifiers?: string // 'media-left' or 'appear-disabled' or 'no-borders', etc... can be combined
+  title?: string
+  byline?: string
+  icon?: Icon // for title area
+  iconAfter?: boolean
+  media?: ImageBlock | VideoBlock
+  content?: React.ReactNode
+  cta?: CTABlock
+}
+
+export {
+  type CardBlock as default
+}
diff --git a/packages/ui/blocks/def/cta-block.ts b/packages/ui/blocks/def/cta-block.ts
new file mode 100644
index 00000000..e5d2969c
--- /dev/null
+++ b/packages/ui/blocks/def/cta-block.ts
@@ -0,0 +1,12 @@
+import type { LinkDef, ButtonDef } from '../../types'
+import type Block from './block'
+
+interface CTABlock extends Block {
+  blockType: 'cta'
+  specifiers?: string // eg, 'nav' (hint to renderer)
+  elements: (LinkDef | ButtonDef)[]
+}
+
+export {
+  type CTABlock as default
+}
diff --git a/packages/ui/blocks/def/element-block.ts b/packages/ui/blocks/def/element-block.ts
new file mode 100644
index 00000000..e4c9fca1
--- /dev/null
+++ b/packages/ui/blocks/def/element-block.ts
@@ -0,0 +1,11 @@
+import React from 'react'
+import type Block from './block'
+
+interface ElementBlock extends Block {
+  blockType: 'element'
+  element: React.ReactNode | JSX.Element
+}
+
+export {
+  type ElementBlock as default 
+}
\ No newline at end of file
diff --git a/packages/ui/blocks/def/group-block.ts b/packages/ui/blocks/def/group-block.ts
new file mode 100644
index 00000000..583a9620
--- /dev/null
+++ b/packages/ui/blocks/def/group-block.ts
@@ -0,0 +1,11 @@
+import type Block from './block'
+
+interface GroupBlock extends Block {
+  blockType: 'group'
+  specifiers?: string // grid-2 slider disabled or whatever
+  elements: Block[]
+}
+
+export {
+  type GroupBlock as default
+}
diff --git a/packages/ui/blocks/def/heading-block.ts b/packages/ui/blocks/def/heading-block.ts
new file mode 100644
index 00000000..1355a796
--- /dev/null
+++ b/packages/ui/blocks/def/heading-block.ts
@@ -0,0 +1,12 @@
+import React from 'react'
+import type Block from './block'
+
+interface HeadingBlock extends Block {
+  blockType: 'heading'
+  heading: string
+  level?: number
+}
+
+export {
+  type HeadingBlock as default 
+}
\ No newline at end of file
diff --git a/packages/ui/blocks/def/image-block.ts b/packages/ui/blocks/def/image-block.ts
new file mode 100644
index 00000000..8a37a918
--- /dev/null
+++ b/packages/ui/blocks/def/image-block.ts
@@ -0,0 +1,12 @@
+import type { Dimensions } from '../../types'
+import type Block from './block'
+
+interface ImageBlock extends Block {
+  blockType: 'image'
+  image?: string,      
+  dim:  Dimensions 
+}
+
+export {
+  type ImageBlock as default,
+}
\ No newline at end of file
diff --git a/packages/ui/blocks/def/index.ts b/packages/ui/blocks/def/index.ts
new file mode 100644
index 00000000..76aaaa3d
--- /dev/null
+++ b/packages/ui/blocks/def/index.ts
@@ -0,0 +1,27 @@
+import type AccordianBlock from './accordian-block'
+import type BannerBlock from  './banner-block'
+import type Block from './block'
+import type CardBlock from './card-block'
+import type CTABlock from './cta-block'
+import type ElementBlock from './element-block'
+import type GroupBlock from './group-block'
+import type HeadingBlock from './heading-block'
+import type ImageBlock from './image-block'
+import type VideoBlock from './video-block'
+import type SpaceBlock from './space-block'
+import type SpecialBlock from './special-block'
+
+export { 
+   type AccordianBlock, 
+   type BannerBlock, 
+   type Block,
+   type CardBlock,
+   type CTABlock,
+   type ElementBlock,
+   type GroupBlock,
+   type HeadingBlock,
+   type ImageBlock,
+   type VideoBlock,
+   type SpaceBlock,
+   type SpecialBlock,
+}
\ No newline at end of file
diff --git a/packages/ui/blocks/def/space-block.ts b/packages/ui/blocks/def/space-block.ts
new file mode 100644
index 00000000..f389317b
--- /dev/null
+++ b/packages/ui/blocks/def/space-block.ts
@@ -0,0 +1,10 @@
+import type Block from './block'
+
+interface SpaceBlock extends Block {
+  blockType: 'space'
+  level?: number // default:0 = 1px div (plus any gap-y * 2), 1 = <h1>&nbsp;<h1> (plus any gap-y * 2), etc.
+}
+
+export {
+  type SpaceBlock as default
+}
diff --git a/packages/ui/blocks/def/special-block.ts b/packages/ui/blocks/def/special-block.ts
new file mode 100644
index 00000000..f90ce822
--- /dev/null
+++ b/packages/ui/blocks/def/special-block.ts
@@ -0,0 +1,11 @@
+import type Block from './block'
+
+interface SpecialBlock extends Block {
+  blockType: 'special'
+  typeId: string
+  options: any
+}
+
+export {
+  type SpecialBlock as default
+}
diff --git a/packages/ui/blocks/def/video-block.ts b/packages/ui/blocks/def/video-block.ts
new file mode 100644
index 00000000..269bb315
--- /dev/null
+++ b/packages/ui/blocks/def/video-block.ts
@@ -0,0 +1,27 @@
+import type { TShirtDimensions } from '../../types'
+import type Block from './block'
+
+interface VideoBlock extends Block {
+  blockType: 'video'
+  videoProps?: any   // For example,
+    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+      videoProps: {
+        autoPlay: true, 
+        loop: true, 
+        muted: true, 
+        playsInline: true
+      }, 
+
+      Valueless props are boolean.  
+      NOTE: Must be camalCase as per React conventions! (playsinline => playsInline)
+    ~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+  poster?: string      
+  sources?: string[]
+  dim: TShirtDimensions 
+  sizing?: any
+}
+
+export {
+  type VideoBlock as default,
+}
\ No newline at end of file
diff --git a/packages/ui/blocks/index.ts b/packages/ui/blocks/index.ts
new file mode 100644
index 00000000..c1768054
--- /dev/null
+++ b/packages/ui/blocks/index.ts
@@ -0,0 +1,2 @@
+export * from './def'
+export * from './components'
\ No newline at end of file
diff --git a/packages/ui/common/action-button.tsx b/packages/ui/common/action-button.tsx
new file mode 100644
index 00000000..c76db24d
--- /dev/null
+++ b/packages/ui/common/action-button.tsx
@@ -0,0 +1,46 @@
+import React from 'react'
+import dynamic from 'next/dynamic'
+
+import { cn } from '../util'
+
+import type { ButtonDef, ButtonModalDef } from '../types'
+import { ButtonSizes } from '../primitives/button'
+
+  // The DVC must be rendered client-side since it accesses the DOM directly.
+  // There is no need for a loading UI since the dialog only opens
+  // once it's been rendered and the user is already waiting.
+  // https://nextjs.org/docs/app/building-your-application/optimizing/lazy-loading
+const DynamicDVC = dynamic(() => (import('../primitives/dialog-video-controller')), {ssr: false})
+
+const ActionButton: React.FC<{
+  def: ButtonDef
+  size?: ButtonSizes
+  className?: string
+}> = ({
+  def,
+  size, // no default.  overrides!
+  className=''
+}) => {
+  if (def.action.type === 'modal') {
+    const m = def.action.def as ButtonModalDef
+    const Modal = m.Comp
+    const sizeToSpread = size ? {size} : {}
+    return (
+      <DynamicDVC>
+        <Modal 
+          title={m.title}
+          byline={m.byline}
+          buttonText={def.text}
+          buttonProps={{...def.props, ...sizeToSpread, className: cn((def.props?.className ?? ''), className)}}
+          action={m.action}
+          actionEnclosure={m.actionEnclosure}
+          {...m.props}
+        />
+      </DynamicDVC>
+    )
+  }
+    // no other types supported yet
+  return <></>
+}
+
+export default ActionButton
diff --git a/packages/ui/common/contact-dialog/contact-form.tsx b/packages/ui/common/contact-dialog/contact-form.tsx
new file mode 100644
index 00000000..87912de5
--- /dev/null
+++ b/packages/ui/common/contact-dialog/contact-form.tsx
@@ -0,0 +1,110 @@
+'use client'
+
+import React, { useTransition } from 'react'
+
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useForm, SubmitHandler, type ControllerRenderProps } from 'react-hook-form'
+import * as z from 'zod'
+  // @ts-ignore
+import validator from 'validator'
+
+import { Loader2 } from 'lucide-react'
+
+import {
+  Button,
+  Input,
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormMessage,
+} from '../../primitives'
+
+import type { ContactInfo, SubmitServerAction } from '../../types'
+
+const ValidationSchema = z.object({
+  email: z
+    .string()
+    .min(1, { message: "Email must be provided." })
+    .email("Invalid email."),
+  phone: z
+    .string()
+    .min(1, { message: "Telephone must be provided." })
+    .refine(validator.isMobilePhone, { message: "Invalid format." })
+})
+
+const ContactForm: React.FC<{
+  onSubmit: SubmitServerAction
+  enclosure: any
+}> = ({
+  onSubmit,
+  enclosure
+}) => {
+
+  const form = useForm<ContactInfo>({
+    resolver: zodResolver(ValidationSchema),
+    defaultValues: {
+      email: '',
+      phone: '',
+    },
+  })
+
+  const [isPending, startTransition] = useTransition()
+
+  const onFormSubmit: SubmitHandler<ContactInfo> = (data) => {
+    // https://github.com/orgs/react-hook-form/discussions/10757#discussioncomment-6672403
+    // @ts-ignore
+    startTransition(async () => {
+      await onSubmit(data, enclosure)
+    })
+  }
+
+  const MyFormItem: React.FC<{ 
+    field: ControllerRenderProps<ContactInfo, 'email'> | ControllerRenderProps<ContactInfo, 'phone'>  
+    placeholder: string
+  }> = ({
+    field,
+    placeholder
+  }) => (
+  <FormItem className="space-y-0" >
+    <FormControl>
+      <Input placeholder={placeholder} {...field} className="mt-0 text-foreground"/>
+    </FormControl>
+    <div className="flex flex-row justify-start items-stretch gap-2">
+      <FormMessage />
+    </div>
+  </FormItem>
+)
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onFormSubmit)} className="w-3/4">
+        <div className='flex flex-col justify-start items-stretch mt-4'>
+        <FormField
+          control={form.control}
+          name='email'
+            // @ts-ignore
+          render={({ field }) => ( <MyFormItem field={field} placeholder='email'/> )}
+        />
+        <FormField
+          control={form.control}
+          name='phone'
+            // @ts-ignore
+          render={({ field }) => ( <MyFormItem field={field} placeholder='phone'/> )}
+        />
+          <Button disabled={isPending} type='submit' className='bg-primary text-primary-fg hover:bg-primary-hover'>
+            {isPending ? (<>
+              <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+              Please wait
+              </>
+            ) : (
+              <>Submit</>
+            )}
+          </Button>
+        </div>
+      </form>
+    </Form>
+  )
+}
+
+export default ContactForm
diff --git a/packages/ui/common/contact-dialog/disclaimer.tsx b/packages/ui/common/contact-dialog/disclaimer.tsx
new file mode 100644
index 00000000..711b7817
--- /dev/null
+++ b/packages/ui/common/contact-dialog/disclaimer.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+
+const Disclaimer: React.FC = () => (
+  <div>
+    By entering your mobile number and submitting, you consent to receive text messages from Lux at the number provided. 
+    Message and data rates may apply. Message frequency varies. 
+    You can unsubscribe at any time by replying STOP. 
+    View our <a href='/assets/standard-docs/LUX-Privacy-Policy.pdf'>Privacy Policy</a> and <a href='/assets/standard-docs/LUX-NFT-Terms-and-Conditions.pdf'>Terms & conditions</a>.
+  </div>
+)
+
+export default Disclaimer
+
diff --git a/packages/ui/common/contact-dialog/index.tsx b/packages/ui/common/contact-dialog/index.tsx
new file mode 100644
index 00000000..37ce637c
--- /dev/null
+++ b/packages/ui/common/contact-dialog/index.tsx
@@ -0,0 +1,48 @@
+'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 light-theme">
+      <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
diff --git a/packages/ui/common/copyright.tsx b/packages/ui/common/copyright.tsx
new file mode 100644
index 00000000..99d61fde
--- /dev/null
+++ b/packages/ui/common/copyright.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+
+const Copyright: React.FC = () => {
+
+  const year = new Date().getFullYear()
+  const yearString = (year > 2023) ? `${year} - 2023` : '2023'
+
+  return (
+    <>{`Copyright © ${yearString} Lux Partners Ltd. `} <br className='sm:hidden'/> All rights reserved.</> 
+  )
+}
+
+export default Copyright
diff --git a/packages/ui/common/drawer-menu.tsx b/packages/ui/common/drawer-menu.tsx
new file mode 100644
index 00000000..a6f16c11
--- /dev/null
+++ b/packages/ui/common/drawer-menu.tsx
@@ -0,0 +1,43 @@
+'use client'
+import React, { type PropsWithChildren } from 'react'
+
+import { Sheet, SheetContent, SheetTrigger } from '../primitives/sheet'
+import * as Icons from './icons'
+
+const DrawerMenu: React.FC<PropsWithChildren & {
+  triggerIcon: keyof typeof Icons
+  triggerProps?: any
+  className?: string
+}> = ({
+  triggerIcon,
+  triggerProps,
+  children,
+  className=''
+}) => {
+
+  const [open, setOpen] = React.useState(false)
+
+  const onAction = () => { setOpen(false) }
+  const Icon = Icons[triggerIcon]
+
+    // 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>
+        <Icon {...triggerProps} />
+      </SheetTrigger>
+      <SheetContent side="right" className={className} closeButtonClass='text-inherit opacity-90' onClick={onAction}>
+        {updatedChildren}
+      </SheetContent>
+    </Sheet>
+  )
+}
+
+export default DrawerMenu
diff --git a/packages/ui/common/footer.tsx b/packages/ui/common/footer.tsx
new file mode 100644
index 00000000..7d1eed04
--- /dev/null
+++ b/packages/ui/common/footer.tsx
@@ -0,0 +1,53 @@
+import React from 'react'
+
+import { ButtonVariants } from '../primitives'
+import type { LinkDef, SiteConf } from '../types'
+import { Copyright, NavItems } from '../common'
+
+import Logo from './logo'
+
+const Footer: React.FC<{
+  conf: SiteConf,
+  className?: string,
+  noHorizPadding?: boolean
+}> = ({
+  conf,
+  className='',
+  noHorizPadding=false
+}) => (
+  <footer className={className}> 
+    <div className={
+      (noHorizPadding ? '' : 'lg:px-8 px-5 md:px-[32px] ') +
+      'grid grid-cols-2 gap-x-16 gap-y-6 ' +
+      'sm:grid-cols-3 ' + 
+      'md:w-full md:mx-0 ' +
+      'lg:flex lg:flex-row lg:justify-between lg:gap-8 lg:w-full' + 
+      'max-w-screen-2xl ' + 
+      `lg:columns-${conf.footer.length + 1}` // must safelist these! see tailwind docs
+    }>
+      <div className='hidden lg:flex flex-col' key={0}>
+        <Logo size='md' />
+      </div>
+      {conf.footer.map((defs: LinkDef[], index, arr) => {
+        const colSpan = ((index === arr.length - 1) && (arr.length % 2 === 1)) ? 'col-span-2 mx-auto items-center sm:col-span-1 sm:mx-0 sm:items-start' : ''
+        return (
+        <NavItems
+          items={defs} 
+          currentAs={conf.currentAs}
+          as='nav' 
+          className={'w-fit flex flex-col justify-start items-start gap-[11px] sm:gap-[12px] md:gap-[15px] ' + colSpan} 
+          key={index + 1}
+          itemClassName={'text-[15px]/[1.1] font-normal tracking-[0.2px] text-muted-1'}
+          itemClassNameFromVariant={(variant: ButtonVariants) => ( variant === 'linkFG' ? 
+            'font-heading text-[15px]/[1.3] font-medium text-foreground tracking-normal' 
+          : '')}
+        /> 
+      )})}
+    </div>
+    <div className='text-sm text-center text-muted-3'>
+      <Copyright />
+    </div>
+  </footer>
+)
+
+export default Footer
diff --git a/packages/ui/common/header/index.tsx b/packages/ui/common/header/index.tsx
new file mode 100644
index 00000000..eeb0f44f
--- /dev/null
+++ b/packages/ui/common/header/index.tsx
@@ -0,0 +1,59 @@
+import React from 'react'
+
+import type SiteConf from '../../types/site-conf'
+
+import Logo from '../logo'
+import { ButtonVariants } from '../../primitives'
+import { NavItems, LinkElement, DrawerMenu } from '../../common'
+import MobileNav from './mobile-nav'
+
+const Header: React.FC<{
+  conf: SiteConf
+}> = ({
+  conf
+}) => (
+  <header className="bg-background sticky z-10 top-0">
+    <div className="hidden md:flex flex-row md:h-[80px] items-center justify-between px-[32px] 2xl:mx-auto max-w-screen-2xl">
+      <Logo size='md' className='hidden lg:flex' key='two'/>
+      <Logo size='sm' className='hidden md:flex lg:hidden' key='one'/>
+      <NavItems 
+        currentAs={conf.currentAs}
+        items={conf.mainNav.full} 
+        className='hidden lg:flex justify-between gap-[24px] text-[13px]/[13px] min-w-[690px]' 
+        itemClassName='font-heading h-[32px] tracking-[-0.3px]' 
+        itemClassNameFromVariant={(variant: ButtonVariants) => (variant === 'primary' ? 'min-w-[174px]' : '')}
+        key='three'
+      />
+      <NavItems 
+        currentAs={conf.currentAs}
+        items={conf.mainNav.short ?? conf.mainNav.full} 
+        className='hidden md:flex lg:hidden gap-4' 
+        itemClassName='text-sm font-heading'  
+        itemClassNameFromVariant={(variant: ButtonVariants) => (variant === 'link' ? 'text-muted-1' : '')}
+        key='four'
+      />
+      { conf.mainNav.aux && /* TODO unhack */ (
+        <LinkElement def={conf.mainNav.aux[0]} size='sm' className='min-w-0 hidden md:flex lg:hidden' />
+      )}
+    </div>
+    <div className="flex md:hidden h-[44px] items-center justify-between px-2">
+      <Logo size='sm' />
+      <DrawerMenu 
+        className='p-0 text-primary' // ui has 'text-inherit', so need this for close buttons to appear.
+        triggerIcon='burger' 
+        triggerProps={{
+          className: 'h-7 w-7 text-primary'
+        }}
+      >
+        <MobileNav 
+          conf={conf}
+          itemVariant='link' 
+          className='pt-12' 
+          itemClassName='px-8 text-xl h-14 justify-start border-b' 
+        />
+      </DrawerMenu>
+    </div>
+  </header>
+)
+
+export default Header
diff --git a/packages/ui/common/header/mobile-nav.tsx b/packages/ui/common/header/mobile-nav.tsx
new file mode 100644
index 00000000..16599ac4
--- /dev/null
+++ b/packages/ui/common/header/mobile-nav.tsx
@@ -0,0 +1,38 @@
+'use client'
+import React from 'react'
+
+import { LinkElement }  from '../../common'
+import { ButtonVariants }  from '../../primitives'
+import { SiteConf } from '../../types'
+
+const MobileNav: React.FC<{
+  conf: SiteConf
+  itemVariant?: ButtonVariants
+  className?: string
+  itemClassName?: string
+  onAction?: () => void // for close functionality
+}> = ({
+  conf,
+  onAction,
+  className='',
+  itemClassName='',
+  itemVariant
+}) => (
+  conf.mainNav.full.length ? (
+    <nav className={className} >
+      {conf.mainNav.full.map((el, index) => (
+        <LinkElement 
+          def={el}
+          key={index}
+          size='lg'
+          className={itemClassName}
+          variant={itemVariant}
+          onClick = {onAction} 
+        />
+      ))}
+      </nav>
+  ) 
+  : null
+)
+
+export default MobileNav
diff --git a/packages/ui/common/header/theme-toggle.tsx b/packages/ui/common/header/theme-toggle.tsx
new file mode 100644
index 00000000..1385aa02
--- /dev/null
+++ b/packages/ui/common/header/theme-toggle.tsx
@@ -0,0 +1,26 @@
+'use client'
+
+import React from 'react'
+import { Moon, Sun } from 'lucide-react'
+import { useTheme } from 'next-themes'
+
+import { Button } from '../../primitives'
+
+const ThemeToggle: React.FC = () => {
+
+  const { setTheme, theme } = useTheme()
+
+  return (
+    <Button
+      variant='ghost'
+      size='icon'
+      onClick={() => {setTheme(theme === 'light' ? 'dark' : 'light')}}
+    >
+      <Sun className='h-[1.5rem] w-[1.3rem] dark:hidden' />
+      <Moon className='hidden h-5 w-5 dark:block' />
+      <span className='sr-only'>Toggle theme</span>
+    </Button>
+  )
+}
+
+export default ThemeToggle
diff --git a/packages/ui/common/icons/github.tsx b/packages/ui/common/icons/github.tsx
new file mode 100644
index 00000000..cfdeaa92
--- /dev/null
+++ b/packages/ui/common/icons/github.tsx
@@ -0,0 +1,14 @@
+import React from 'react'
+import { type LucideProps } from 'lucide-react'
+
+
+const GitHub: React.FC<LucideProps> = (props: LucideProps) => (
+  <svg viewBox="0 0 438.549 438.549" {...props}>
+    <path
+      fill="currentColor"
+      d="M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
+    ></path>
+  </svg>
+)
+
+export default GitHub
diff --git a/packages/ui/common/icons/index.tsx b/packages/ui/common/icons/index.tsx
new file mode 100644
index 00000000..6aa5404c
--- /dev/null
+++ b/packages/ui/common/icons/index.tsx
@@ -0,0 +1,34 @@
+import {
+  Moon as moon,
+  SunMedium as sun,
+  Menu as burger,
+  ArrowUpRight as linkOut,
+  type XIcon as LucideIcon,
+} from 'lucide-react'
+
+import gitHub from './github'
+import logo from './lux-logo'
+import youtube from './youtube-logo'
+import secureDelivery from './secure-delivery'
+
+import  {
+  type SocialIconProps,
+  default as SocialIcon 
+} from './social-icon'
+
+export { type LucideIcon as Icon, type SocialIconProps } 
+
+
+export {
+  sun,
+  moon,
+  logo,
+  burger,
+  gitHub,
+  linkOut,
+  youtube,
+  secureDelivery,
+  SocialIcon,
+}
+
+
diff --git a/packages/ui/common/icons/lux-logo.tsx b/packages/ui/common/icons/lux-logo.tsx
new file mode 100644
index 00000000..10da7284
--- /dev/null
+++ b/packages/ui/common/icons/lux-logo.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import { type LucideProps } from 'lucide-react'
+
+const LuxLogo: React.FC<LucideProps> = (props: LucideProps) => (
+  <svg fill='currentColor' viewBox="0 0 260 260" xmlns="http://www.w3.org/2000/svg"  {...props}>
+    <path d="M5,5H265L135,230"/>
+  </svg>
+)
+
+export default LuxLogo
diff --git a/packages/ui/common/icons/secure-delivery.tsx b/packages/ui/common/icons/secure-delivery.tsx
new file mode 100644
index 00000000..c0467056
--- /dev/null
+++ b/packages/ui/common/icons/secure-delivery.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import { type LucideProps } from 'lucide-react'
+
+//  width="52" height="36" 
+const SecureDelivery: React.FC<LucideProps> = (props: LucideProps) => (
+<svg fill="currentColor" viewBox="0 0 52 36" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <path d="M47.7611 24.5439H42.822L39.5293 14.9971H12.0732L8.7805 24.5439H2.96342L0 36.0001H51.7127L47.7611 24.5439ZM38.4147 16.9064L41.0488 24.5439H28.0049L25.3708 16.9064H38.4147ZM13.1879 16.9064H23.5976L26.2317 24.5439H10.5528L13.1879 16.9064ZM2.21225 34.0907L4.18786 26.4532H14.4865L16.4621 34.0907H2.21225ZM17.6804 32.1537L16.2061 26.4531H19.646L17.6804 32.1537ZM28.2706 34.0907H18.7854L21.4196 26.4532H31.8293L34.4634 34.0907H28.2706ZM36.2367 34.0907L33.6025 26.4532H46.6473L49.2814 34.0907H36.2367Z" />
+  <path d="M10.0843 0.108973C10.1056 -0.0363242 10.2915 -0.0363242 10.3128 0.108973L10.5061 1.43021C10.9095 4.18489 12.8287 6.34425 15.2772 6.79764L16.4515 7.01512C16.5808 7.03912 16.5808 7.24823 16.4515 7.27223L15.2772 7.4897C12.8286 7.94345 10.9091 10.1026 10.5061 12.8571L10.3128 14.1782C10.2915 14.3237 10.1056 14.3237 10.0843 14.1782L9.89096 12.8571C9.48763 10.1025 7.56837 7.9431 5.11989 7.4897L3.94562 7.27223C3.8163 7.24823 3.8163 7.03912 3.94562 7.01512L5.11989 6.79764C7.5685 6.3439 9.48794 4.18475 9.89096 1.43021L10.0843 0.108973Z" />
+  <path d="M22.034 0.0726485C22.0473 -0.0242162 22.1635 -0.0242162 22.1768 0.0726485L22.2977 0.953473C22.5497 2.78993 23.7493 4.2295 25.2796 4.53176L26.0135 4.67675C26.0943 4.69275 26.0943 4.83215 26.0135 4.84815L25.2796 4.99314C23.7492 5.29563 22.5495 6.73507 22.2977 8.57142L22.1768 9.45212C22.1635 9.54911 22.0473 9.54911 22.034 9.45212L21.9132 8.57142C21.6611 6.73497 20.4616 5.2954 18.9313 4.99314L18.1973 4.84815C18.1165 4.83215 18.1165 4.69275 18.1973 4.67675L18.9313 4.53176C20.4616 4.22926 21.6613 2.78983 21.9132 0.953473L22.034 0.0726485Z" />
+</svg>
+)
+
+export default SecureDelivery
diff --git a/packages/ui/common/icons/social-icon.tsx b/packages/ui/common/icons/social-icon.tsx
new file mode 100644
index 00000000..627dbe44
--- /dev/null
+++ b/packages/ui/common/icons/social-icon.tsx
@@ -0,0 +1,35 @@
+import React from 'react'
+
+import { SocialIcon as BaseSocialIcon } from 'react-social-icons'
+
+import { cn } from '../../util'
+import '../../style/social-svg.css'
+
+interface SocialIconProps {
+    // one of these: https://github.com/couetilc/react-social-icons/tree/main/db
+  network: string
+  size: number
+  className?: string
+}
+
+const SocialIcon: React.FC<SocialIconProps> = ({
+  network,
+  size,
+  className = ''
+}) => (
+  <BaseSocialIcon 
+    network={network}
+    as='div' 
+      // This is set up so the enclosing element sets the color.
+      // For example, something like 'color-foreground hover:color-muted-1' 
+    className={cn('color-inherit', className)}
+    bgColor='transparent' 
+    fgColor='currentColor'
+    style={{height: size, width: size}} 
+  />
+)
+
+export {
+  type SocialIconProps,
+  SocialIcon as default
+}
diff --git a/packages/ui/common/icons/youtube-logo.tsx b/packages/ui/common/icons/youtube-logo.tsx
new file mode 100644
index 00000000..9a599b04
--- /dev/null
+++ b/packages/ui/common/icons/youtube-logo.tsx
@@ -0,0 +1,59 @@
+import React from 'react'
+import { type LucideProps } from 'lucide-react'
+
+const YouTubeLogo: React.FC<LucideProps> = (props: LucideProps) => (
+  <svg 
+    viewBox="0 0 256 256" 
+    xmlns="http://www.w3.org/2000/svg" 
+    {...props}
+  >
+    <g 
+      style={{
+        stroke: 'none',
+        strokeWidth: 0,
+        strokeDasharray: 'none',
+        strokeLinecap: 'butt',
+        strokeLinejoin: 'miter',
+        strokeMiterlimit: 10,
+        fill: 'none',
+        fillRule: 'nonzero',
+        opacity: 1
+      }}
+      transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" 
+    >
+      <path 
+        d="M 88.119 23.338 c -1.035 -3.872 -4.085 -6.922 -7.957 -7.957 C 73.144 13.5 45 13.5 45 13.5 s -28.144 0 -35.162 1.881 c -3.872 1.035 -6.922 4.085 -7.957 7.957 C 0 30.356 0 45 0 45 s 0 14.644 1.881 21.662 c 1.035 3.872 4.085 6.922 7.957 7.957 C 16.856 76.5 45 76.5 45 76.5 s 28.144 0 35.162 -1.881 c 3.872 -1.035 6.922 -4.085 7.957 -7.957 C 90 59.644 90 45 90 45 S 90 30.356 88.119 23.338 z" 
+        style={{
+          stroke: 'none',
+          strokeWidth: 1,
+          strokeDasharray: 'none',
+          strokeLinecap: 'butt',
+          strokeLinejoin: 'miter',
+          strokeMiterlimit: 10,
+          fill: 'red',
+          fillRule: 'nonzero',
+          opacity: 1
+        }}
+        transform=" matrix(1 0 0 1 0 0) " 
+        strokeLinecap="round" 
+      />
+      <polygon 
+        points="36,58.5 59.38,45 36,31.5 " 
+        style={{
+          stroke: 'none',
+          strokeWidth: 1,
+          strokeDasharray: 'none',
+          strokeLinecap: 'butt',
+          strokeLinejoin: 'miter',
+          strokeMiterlimit: 10,
+          fill: 'white',
+          fillRule: 'nonzero',
+          opacity: 1
+        }}
+        transform="matrix(1 0 0 1 0 0)"
+      />
+    </g>
+  </svg>
+)
+
+export default YouTubeLogo
diff --git a/packages/ui/common/index.ts b/packages/ui/common/index.ts
new file mode 100644
index 00000000..c16fbe4f
--- /dev/null
+++ b/packages/ui/common/index.ts
@@ -0,0 +1,16 @@
+export * as Icons from './icons'
+export { default as ContactDialog } from './contact-dialog'
+export { default as Logo } from './logo'
+export { default as Main } from './main'
+export { default as Footer } from './footer'
+export { default as Header } from './header'
+export { default as MiniChart } from './mini-chart'
+export { default as ActionButton } from './action-button'
+export { default as Copyright} from './copyright'
+export { default as DrawerMenu} from './drawer-menu'
+export { default as LinkElement} from './link-element'
+export { default as NavItems} from './nav-items'
+export { default as YouTubeEmbed} from './youtube-embed'
+
+
+
diff --git a/packages/ui/common/link-element.tsx b/packages/ui/common/link-element.tsx
new file mode 100644
index 00000000..5d17686d
--- /dev/null
+++ b/packages/ui/common/link-element.tsx
@@ -0,0 +1,70 @@
+import React from 'react'
+import Link from 'next/link'
+
+import type { LinkDef, Icon }  from '../types'
+import { buttonVariants, type ButtonSizes, type ButtonVariants } from '../primitives/button'
+import { cn } from '../util'
+
+const LinkElement: React.FC<{
+  def: LinkDef,
+  variant? : ButtonVariants
+  size?: ButtonSizes 
+  onClick?: () => void // for UI changes in addition to link (eg, close menu)
+  className?: string,
+  icon?: Icon // for title area
+  iconAfter?: boolean
+}> = ({ 
+  def,
+  size = 'default',
+  onClick,
+  variant,
+  className = '',
+  icon,     // override
+  iconAfter // override
+} ) => {
+
+  const {
+    href,
+    external,
+    newTab,
+    variant: defVariant,
+    size: defSize, 
+    title
+  } = def
+
+  const toSpread = {
+    ...((href) ? { href } : { href: '#'}),
+    ...((external) ?  { 
+      rel: 'noreferrer',
+        // As per comments in LinkDef
+      target: (newTab !== undefined && (newTab === false)) ? '_self' : '_blank'
+    } : {
+      target: (newTab !== undefined && (newTab === true)) ? '_blank' : '_self' 
+    }),
+    ...(onClick ? { onClick } : {})
+  }
+
+  const iicon = (icon) ? icon : (def.icon) ? def.icon : undefined
+  const iiconAfter = (iconAfter) ? iconAfter : (def.iconAfter) ? def.iconAfter : false
+
+  return (
+    <Link
+      className={
+          cn(buttonVariants({ 
+            variant: variant ?  variant : (defVariant ? defVariant : 'link'), 
+            size: (!defVariant || defVariant.includes('link') || variant?.includes('link'))  ? 'link' 
+              : (size ? size : defSize)
+          }), 
+          (href ? '' : ' pointer-events-none') + 
+          className 
+        )}
+      {...toSpread}
+    >
+      {iicon && !iiconAfter && (<div className='pr-1'>{iicon as React.ReactNode}</div>)}
+      <div>{title}</div>
+      {iicon && iiconAfter && (<div className='pl-1'>{iicon as React.ReactNode}</div>)}
+    </Link>
+  )
+}
+
+export default LinkElement
diff --git a/packages/ui/common/logo.tsx b/packages/ui/common/logo.tsx
new file mode 100644
index 00000000..eedfc297
--- /dev/null
+++ b/packages/ui/common/logo.tsx
@@ -0,0 +1,52 @@
+import React from 'react'
+import Link from 'next/link'
+
+import { type TShirtSize  } from '../types'
+import { cn } from '../util'
+import { Icons  } from '../common'
+
+const Logo: React.FC<{
+  size: TShirtSize
+  logoOnly?: boolean
+  href?: string
+  className?: string
+}> = ({
+  size,
+  href='/',
+  className='',
+  logoOnly=false
+}) => {
+  let classes: any = {}
+  const toAdd = (logoOnly) ? {
+    span: ' hidden',
+    icon: ' mr-r'
+  } : {
+    span: '',
+    icon: ''
+  }
+  if (size === 'lg') {
+    classes.icon = 'h-10 w-10 mr-4 color-inherit' + toAdd.icon
+    classes.span = 'text-3xl' + toAdd.span
+  }
+    // match lux.network
+  else if (size === 'md') {
+    classes.icon = 'h-[32px] w-[32px] mr-[12px] color-inherit' + toAdd.icon
+    classes.span = 'text-[26px]/[26px] tracking-tighter' + toAdd.span
+  }
+  else {
+    classes.icon = 'h-6 w-6 mr-2 color-inherit' + toAdd.icon
+    classes.span = 'text-lg' + toAdd.span
+  }
+
+  const spanClasses = 'inline-block font-bold font-heading ' + classes.span 
+  const linkClasses = 'flex items-center text-primary hover:text-primary-hover ' + className
+
+  return (
+    <Link href={href} className={linkClasses} >
+      <Icons.logo className={classes.icon} />
+      <span className={cn(spanClasses, ' text-inherit')}>LUX</span>
+    </Link>
+  )
+}
+
+export default Logo
diff --git a/packages/ui/common/main.tsx b/packages/ui/common/main.tsx
new file mode 100644
index 00000000..a752f3af
--- /dev/null
+++ b/packages/ui/common/main.tsx
@@ -0,0 +1,21 @@
+import React, { type PropsWithChildren } from 'react'
+import { cn } from '../util'
+
+const c = 'max-w-screen-2xl 2xl:w-[1500px] lg:mx-auto ' + 
+  'flex flex-col justify-start items-stretch ' +
+  'p-4 md:px-6 lg:px-8 '
+
+const Main: React.FC<
+  PropsWithChildren & { 
+    className?: string 
+  }
+> = ({
+  children,
+  className='',
+}) => (
+  <main className={cn(c, className)}>
+    {children}
+  </main>
+)
+
+export default Main
diff --git a/packages/ui/common/mini-chart/index.tsx b/packages/ui/common/mini-chart/index.tsx
new file mode 100644
index 00000000..540273dc
--- /dev/null
+++ b/packages/ui/common/mini-chart/index.tsx
@@ -0,0 +1,8 @@
+import MiniChart from './wrapper'
+// import { type MiniChartProps, type MiniChartDateRanges } from './mini-chart-props'
+
+export {
+  MiniChart as default,
+  // type MiniChartProps,
+  // type MiniChartDateRanges
+}
\ No newline at end of file
diff --git a/packages/ui/common/mini-chart/mini-chart-props.ts b/packages/ui/common/mini-chart/mini-chart-props.ts
new file mode 100644
index 00000000..a86cb177
--- /dev/null
+++ b/packages/ui/common/mini-chart/mini-chart-props.ts
@@ -0,0 +1,44 @@
+import { CSSProperties } from 'react'
+
+  // https://www.typescriptlang.org/docs/handbook/enums.html#enums-at-runtime
+const enum MiniChartDateRangesValues {
+    '1D',
+    '1M',
+    '3M',
+    '12M',
+    '60M',
+    'ALL',
+}
+
+type MiniChartDateRanges = keyof typeof MiniChartDateRangesValues
+
+interface MiniChartBaseProps {
+  symbol: string  
+  exchange?: string
+	dateRange: MiniChartDateRanges
+  noTimeScale?: boolean
+	width?: number | string
+	height?: number | string
+	locale?: string
+	colorTheme?: "light" | "dark"
+  // @ts-ignore // TODO
+	lineColor?: CSSProperties["color"]
+  // @ts-ignore // TODO
+	topGradientColor?: CSSProperties["color"]
+  // @ts-ignore // TODO
+	bottomGradientColor?: CSSProperties["color"]
+	isTransparent?: boolean
+	autosize?: boolean
+	chartOnly?: boolean
+	largeChartUrl?: string
+}
+
+type MiniChartProps = {
+  widgetProps: MiniChartBaseProps
+  containerStyles?: CSSProperties
+}
+
+export {
+  type MiniChartProps,
+  type MiniChartDateRanges
+}
\ No newline at end of file
diff --git a/packages/ui/common/mini-chart/mini-chart.tsx b/packages/ui/common/mini-chart/mini-chart.tsx
new file mode 100644
index 00000000..6cccb306
--- /dev/null
+++ b/packages/ui/common/mini-chart/mini-chart.tsx
@@ -0,0 +1,76 @@
+'use client'
+
+import React, { useEffect, useRef } from 'react'
+import { type MiniChartProps } from './mini-chart-props'
+
+const MiniChart: React.FC<MiniChartProps> = ({ 
+  widgetProps,
+  containerStyles = {} 
+}) => {
+
+  const {
+    symbol,
+    exchange,
+    lineColor, 
+    topGradientColor, 
+    bottomGradientColor, 
+    width, 
+    height, 
+    autosize,
+    locale, 
+    ...rest
+  } = widgetProps
+
+  const symbolString = (exchange) ? `${exchange}:${symbol}` : symbol
+
+  const containerRef = useRef<HTMLDivElement | null>(null)
+
+	useEffect(() => {
+		if (!containerRef.current) {
+      return
+    }
+		const script = document.createElement('script')
+		script.type = 'text/javascript'
+		script.src = 'https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js'
+		script.async = true
+		script.onload = async () => {
+			const iframe = containerRef.current?.querySelector('iframe')
+			if (iframe && iframe instanceof Element) iframe.style.colorScheme = 'normal'
+
+      const copyDiv = document.querySelector('.tradingview-widget-copyright')
+      if (copyDiv) {
+        setTimeout(() => {
+          copyDiv.classList.remove('invisible')
+        }, 1200) // from experimentation 
+      }
+		}
+		const config = JSON.stringify({
+      symbol: symbolString,
+			width: autosize ? '100%' : (width || 350),
+			height: autosize ? '100%' : (height || 220),
+      locale: locale ?? 'en',
+      isTransparent: 'true',
+			trendLineColor: lineColor || 'rgba(41, 98, 255, 1)',
+			underLineColor: topGradientColor || 'rgba(41, 98, 255, 0.3)',
+			underLineBottomColor: bottomGradientColor || 'rgba(41, 98, 255, 0)',
+			...rest,
+		})
+		script.innerHTML = config
+		containerRef.current.appendChild(script)
+		return () => {
+			while (containerRef.current?.firstChild) {
+				containerRef.current.removeChild(containerRef.current.firstChild)
+			}
+		}
+	}, [ JSON.stringify(widgetProps) ])
+
+	return (<>
+		<div style={containerStyles} className='tradingview-widget-container h-[150px]' ref={containerRef} />
+    <div className='tradingview-widget-copyright border-t w-full invisible'>
+      <a href={`https://www.tradingview.com/symbols/${symbol}${exchange ? `/?exchange=${exchange}` : '' }`} rel="noopener" target="_blank">
+        <span className="text-[--secondary-2]">{symbol} quotes</span></a>&nbsp;by TradingView
+    </div>
+  </>)
+}
+
+export default MiniChart
diff --git a/packages/ui/common/mini-chart/wrapper.tsx b/packages/ui/common/mini-chart/wrapper.tsx
new file mode 100644
index 00000000..db061a40
--- /dev/null
+++ b/packages/ui/common/mini-chart/wrapper.tsx
@@ -0,0 +1,23 @@
+import React from 'react'
+
+import BaseChart from './mini-chart'
+
+const Wrapper: React.FC<{
+  symbol: string,
+  exchange?: string
+}> = ({
+  symbol,
+  exchange
+}) => (
+  <BaseChart widgetProps ={{
+    symbol,
+    exchange,
+    autosize: true,
+    colorTheme: 'dark',
+    lineColor: "rgb(114, 27, 228)",
+    bottomGradientColor: "rgba(255, 255, 255, 0.1)",
+    dateRange: '60M',
+  }}/>   
+)
+
+export default Wrapper
diff --git a/packages/ui/common/nav-items.tsx b/packages/ui/common/nav-items.tsx
new file mode 100644
index 00000000..78ccbb89
--- /dev/null
+++ b/packages/ui/common/nav-items.tsx
@@ -0,0 +1,65 @@
+import React from 'react'
+
+import type { LinkDef }  from '../types'
+import { ButtonVariants } from '../primitives/button'
+import { cn } from '../util'
+
+import LinkElement from './link-element'
+
+const NavItems: React.FC<{
+  items: LinkDef[]
+  className?: string,
+  as?: React.ElementType
+  itemClassName?: string,
+  itemClassNameFromVariant?: (variant: ButtonVariants) => string
+  currentAs?: string
+}> = ({ 
+  items,
+  className='', 
+  itemClassName='',
+  as : Tag='nav',  
+  itemClassNameFromVariant,
+  currentAs 
+}) => ( 
+    items.length ? (
+      <Tag className={className} >
+        {items.map((item, index) => {
+
+          const variant = item.variant ?? 'link'
+          let extraClasses = '' 
+            // note that linkFG (or any other variant of 'link') 
+            // will not get assigned these classes,
+            // and will remain styles is 'foreground' (hence the name)
+          if (variant === 'link') {
+            
+            extraClasses+= ' text-nav hover:text-nav-hover'
+            if (currentAs && currentAs === item.href) {
+              extraClasses += ' text-nav-current'
+            }
+          } 
+          else {
+            extraClasses+= ' min-w-0'   
+          }
+          if (currentAs && currentAs === item.href) {
+            extraClasses += ' pointer-events-none'
+          }
+
+          return (
+            <LinkElement 
+              def={item}
+              key={index}
+              size='default'
+              className={cn(
+                extraClasses,
+                itemClassName,  
+                (itemClassNameFromVariant && itemClassNameFromVariant(variant))
+              )} 
+            />
+          )
+        })}
+      </Tag>
+    ) 
+    : null
+  )
+
+  export default NavItems
diff --git a/packages/ui/common/typography-test.mdx b/packages/ui/common/typography-test.mdx
new file mode 100644
index 00000000..779f86ad
--- /dev/null
+++ b/packages/ui/common/typography-test.mdx
@@ -0,0 +1,36 @@
+import Link from '@luxdefi/ui/common/link-element'
+
+###### In a galaxy far, far away
+##### Join the global rush to own silver
+#### And the global rush to gold
+### As well as the rush to crypto
+## THE SILVER RUSH IS HERE
+# THE GOLD RUSH IS HERE
+
+
+*Lorem* ipsum dolor sit amet, **consectetur** adipiscing elit, sed do eiusmod tempor 
+incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis 
+nostrud exercitation ullamco 
+laboris nisi ut aliquip ex ea commodo consequat. 
+
+1) Duis aute irure 
+2) dolor in reprehenderit 
+3) in voluptate velit esse 
+
+Cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
+
+- sunt in culpa 
+- qui officia deserunt 
+- mollit anim id est laborum.
+
+Lorem ipsum dolor sit [amet]('/'), adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+<Link 
+  def={{
+    title: 'Enter App',
+    href: 'https://app.lux.market',
+    external: 'true',
+    variant: 'primary',
+  }}
+  size='lg'
+/>
diff --git a/packages/ui/common/youtube-embed.tsx b/packages/ui/common/youtube-embed.tsx
new file mode 100644
index 00000000..d3ce8573
--- /dev/null
+++ b/packages/ui/common/youtube-embed.tsx
@@ -0,0 +1,83 @@
+'use client'
+
+import { useState } from 'react'
+import Image from 'next/image'
+
+import * as Icons from './icons'
+
+// Concept based on https://www.youtube.com/watch?v=lLqRchtjN00
+// (https://github.com/a-trost/fableton)
+
+const YouTubeEmbed: React.FC<{
+  youtubeID: string
+  width: number
+  height: number
+  buttonSize?: number
+  timeAt?: string // '5s'
+  title?: string
+  caption?: string
+  className?: string
+}> = ({
+  youtubeID,
+  width,
+  height,
+  buttonSize=100,
+  timeAt,
+  title,
+  caption,
+  className=''
+}) => {
+
+  const [showVideo, setShowVideo] = useState(false)
+
+    // re autoplay: https://stackoverflow.com/a/45610557/11645689
+  return (
+    <div className={className}>
+      {showVideo ? (
+        <iframe
+          width={width}
+          height={height}
+          src={`https://www.youtube-nocookie.com/embed/${youtubeID + ((timeAt) ? `?t=${timeAt}&` : '?')}rel=0&autoplay=1`}
+          allow='accelerometer ; autoplay *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *;'
+          allowFullScreen
+          title={title || 'Youtube video'}
+          className='aspect-[16/9] h-full w-full p-0 border-0 '
+        />
+      ) : (
+        <button
+          type='button'
+          onClick={() => setShowVideo(true)}
+          className='relative aspect-[16/9] w-full'
+          aria-label={`Play video ${title}`}
+        >
+          <Image
+            src={`https://img.youtube.com/vi/${youtubeID}/maxresdefault.jpg`}
+            alt=''
+            className='h-full w-full'
+            width={width}
+            height={height}
+            loading='lazy'
+          />
+          <div 
+            className={  //https://stackoverflow.com/a/23384995/11645689
+              'absolute z-50 left-[50%] top-[50%] -translate-y-2/4 -translate-x-2/4 ' + 
+              'grid place-items-center ' + 
+              'text-xl text-white opacity-90'
+            }
+          >
+            <Icons.youtube 
+              width={buttonSize} 
+              height={buttonSize} 
+              role='img'
+              className='transform transition hover:scale-110'
+              {...{'aria-hidden': true}} 
+            />
+          </div>
+          {caption && <p className='hidden md:block whitespace-nowrap typography absolute z-50 left-[50%] top-[20px] -translate-x-2/4 '>{caption}</p>}
+        </button>
+      )}
+    </div>
+  )
+}
+
+export default YouTubeEmbed
diff --git a/packages/ui/conf/footer.tsx b/packages/ui/conf/footer.tsx
new file mode 100644
index 00000000..06c2eb85
--- /dev/null
+++ b/packages/ui/conf/footer.tsx
@@ -0,0 +1,164 @@
+import { Icons } from '../common'
+import { LinkDef } from '../types'
+
+const SOC_ICON_SIZE = 18
+
+export default [
+  [
+    {
+      title: 'Market',
+      href: "https://app.lux.market/",
+      external: true,
+      newTab: false,
+      variant: 'linkFG'
+    },
+    {
+      title: 'Lux Silver',
+      href: '/silver',
+    },
+    {
+      title: 'Lux Gold',
+      href: '/gold',
+    },
+    {
+      title: 'Lux Coin',
+      href: '/coin',
+    },
+    /*{
+      title: 'Lux Uranium',
+      href: '/uranium',
+    }*/,
+    {
+      title: 'Lux Credit',
+      href: '/credit',
+    },
+    {
+      title: 'Lux Validator',
+      href: '/validator',
+    },
+    {
+      title: 'Lux Pass',
+      href: '/pass',
+    },
+  ],
+  [
+    {
+      title: 'Network',
+      href: "https://lux.network/",
+      variant: 'linkFG'
+    },
+    {
+      title: 'Apply for Beta',
+      href: 'https://apply.lux.network/',
+      external: true,
+      newTab: false
+    },
+    {
+      title: 'Whitepapers',
+      href: 'https://docs.lux.network/intro/about',
+    },
+    {
+      title: 'Github',
+      href: 'https://github.com/luxdefi',
+    },
+  ],
+  [
+    {
+      title: 'Partners',
+      href: "https://lux.partners/",
+      variant: 'linkFG',
+      external: true
+    },
+    {
+      title: 'About',
+      href: 'https://lux.partners',
+      external: true,
+      newTab: false,
+    },
+    {
+      title: 'Partner with Lux',
+      href: 'https://apply.lux.partners/',
+      external: true
+    },
+    {
+      title: 'Lux Fund',
+      href: 'https://lux.fund',
+      newTab: false,
+      external: true
+    },
+    {
+      title: 'Lux Support',
+      href: 'mailto:support@lux.partners?subject=%E2%96%BC%20Lux%20Support',
+      external: true
+    },
+    {
+      title: 'Careers',
+      href: 'https://docs.lux.network/about/v/lux-job-listings/',
+      newTab: false,
+      external: true
+    },
+    {
+      title: 'Press Kit',
+      href: 'https://drive.google.com/drive/folders/14OJtKLVakGY6883XO9yGbiHtlFxQUUm5?usp=share_link',
+      external: true
+    },
+  ],  
+  [
+    {
+      title: 'Community',
+      variant: 'linkFG',
+    },
+    {
+      title: 'Discord',
+      href: 'https://discord.gg/luxdefi',
+      external: true,
+      icon: <Icons.SocialIcon network='discord' size={SOC_ICON_SIZE} />
+    },
+    {
+      title: 'Telegram',
+      href: 'https://t.me/luxdefi',
+      external: true,
+      icon: <Icons.SocialIcon network='telegram' size={SOC_ICON_SIZE} />
+    },
+    {
+      title: 'X (Twitter)',
+      href: 'https://twitter.com/luxdefi',
+      external: true,
+      icon: <Icons.SocialIcon network='x' size={SOC_ICON_SIZE} />
+    },
+    {
+      title: 'Facebook',
+      href: 'https://facebook.com/luxdefi',
+      external: true,
+      icon: <Icons.SocialIcon network='facebook' size={SOC_ICON_SIZE + 2} />
+    },
+    {
+      title: 'LinkedIn',
+      href: 'https://linkedin.com/company/luxdefi',
+      external: true,
+      icon: <Icons.SocialIcon network='linkedin' size={SOC_ICON_SIZE + 2} />
+    },
+    {
+      title: 'Instagram',
+      href: 'https://instagram.com/luxdefi',
+      external: true,
+      icon: <Icons.SocialIcon network='instagram' size={SOC_ICON_SIZE + 2} />
+    },
+  ],
+  [
+    {
+      title: 'Legal',
+      variant: 'linkFG',
+    },
+    {
+      title: 'Terms and Conditions',
+      href: '/assets/standard-docs/LUX-NFT-Terms-and-Conditions.pdf',
+      newTab: true,
+    },
+    {
+      title: 'Privacy Policy',
+      href: '/assets/standard-docs/LUX-Privacy-Policy.pdf',
+      newTab: true,
+    },
+  ],
+] as LinkDef[][]
\ No newline at end of file
diff --git a/packages/ui/conf/main-nav.ts b/packages/ui/conf/main-nav.ts
new file mode 100644
index 00000000..6aa9153b
--- /dev/null
+++ b/packages/ui/conf/main-nav.ts
@@ -0,0 +1,58 @@
+import type { LinkDef } from '../types'
+
+const short = [
+  {
+    title: "AI",
+    href: "https://lux.chat",
+    external: true,
+    newTab: false,
+  },
+  {
+    title: "Credit",
+    href: "https://lux.credit",
+    external: true,
+    newTab: false,
+  },
+  {
+    title: "Finance",
+    href: "https://lux.finance",
+    external: true,
+    newTab: false,
+  },
+  {
+    title: "Market",
+    href: "https://lux.market",
+    external: true,
+    newTab: false,
+  },
+  {
+    title: "Network",
+    href: "https://lux.network",
+    external: true,
+    newTab: false,
+  },
+  {
+    title: "Team",
+    href: "https://lux.partners",
+    external: true,
+    newTab: false,
+  },
+] as LinkDef[]
+
+const aux = [
+  {
+    title: "Enter App",
+    href: "https://app.lux.market",
+    newTab: false,
+    external: true,
+    variant: 'primary',
+  },
+] as LinkDef[]
+
+const full = [...short, ...aux]
+
+export {
+  short,
+  aux,
+  full
+}
diff --git a/packages/ui/context-providers/theme-provider.tsx b/packages/ui/context-providers/theme-provider.tsx
new file mode 100644
index 00000000..23b951b2
--- /dev/null
+++ b/packages/ui/context-providers/theme-provider.tsx
@@ -0,0 +1,11 @@
+"use client"
+
+import React from "react"
+import { ThemeProvider as NextThemesProvider } from "next-themes"
+import { type ThemeProviderProps } from "next-themes/dist/types"
+
+const ThemeProvider: React.FC<ThemeProviderProps> = ({ children, ...props }) => (
+  <NextThemesProvider {...props}>{children}</NextThemesProvider>
+)
+
+export default ThemeProvider
diff --git a/packages/ui/index.ts b/packages/ui/index.ts
new file mode 100644
index 00000000..8c3682eb
--- /dev/null
+++ b/packages/ui/index.ts
@@ -0,0 +1,21 @@
+export * from './util/index'
+export * from './util/specifier'
+
+export * from './common'
+
+export {
+  type ButtonDef,
+  type Dimensions,
+  type SubmitServerAction,
+  type ButtonModalProps,
+  type ButtonModalDef,
+  type LinkDef,
+  type Icon,
+  type TShirtSize,
+  type Breakpoint,
+  type TShirtDimensions,
+  Breakpoints
+} from './types'
+
+export * from './primitives'
+export * from './next'
\ No newline at end of file
diff --git a/packages/ui/next/determine-device-middleware.ts b/packages/ui/next/determine-device-middleware.ts
new file mode 100644
index 00000000..fb451003
--- /dev/null
+++ b/packages/ui/next/determine-device-middleware.ts
@@ -0,0 +1,13 @@
+import { NextRequest, NextResponse, userAgent } from 'next/server'
+import { getSelectorsByUserAgent } from 'react-device-detect'
+
+export const determineDeviceMiddleware = async (request: NextRequest) => {
+
+  const ua = userAgent(request)
+  const { isMobileOnly, isTablet, isDesktop } = getSelectorsByUserAgent(ua.ua)
+  const agent = isMobileOnly ? 'phone' : (isTablet ? 'tablet' : (isDesktop ?  'desktop' : 'unknown'))
+  const { nextUrl: url } = request
+  //console.log(`\n=== from ${url.href} on a *${agent && agent.toUpperCase()}* device. ===\n`)
+  url.searchParams.set('agent', agent)
+  return NextResponse.rewrite(url)
+}
diff --git a/packages/ui/next/index.ts b/packages/ui/next/index.ts
new file mode 100644
index 00000000..9c8a9c41
--- /dev/null
+++ b/packages/ui/next/index.ts
@@ -0,0 +1,11 @@
+import { determineDeviceMiddleware } from './determine-device-middleware'
+import NotFoundMDX from './not-found-content.mdx'
+import NotFound from './not-found'
+import RootLayout from './root-layout'
+
+export {
+  determineDeviceMiddleware,
+  NotFoundMDX,
+  NotFound,
+  RootLayout
+}
diff --git a/packages/ui/next/not-found-content.mdx b/packages/ui/next/not-found-content.mdx
new file mode 100644
index 00000000..8e97dd80
--- /dev/null
+++ b/packages/ui/next/not-found-content.mdx
@@ -0,0 +1,4 @@
+### ...Huh?
+#### Sorry, we're fresh out of those.
+<br/>
+#### ...try something from the [Home Page](/)?
\ No newline at end of file
diff --git a/packages/ui/next/not-found.tsx b/packages/ui/next/not-found.tsx
new file mode 100644
index 00000000..ca62eef5
--- /dev/null
+++ b/packages/ui/next/not-found.tsx
@@ -0,0 +1,23 @@
+import React  from 'react'
+
+import Main from '../common/main'
+import Footer from '../common/footer'
+import { ApplyTypography } from '../primitives'
+
+import NotFoundMDX from './not-found-content.mdx'
+import { SiteConf } from '../types'
+
+const NotFound: React.FC<{
+  conf: SiteConf
+}>  = ({
+  conf
+}) => (<>
+  <Main className='h-[700px]'>
+    <ApplyTypography className='mt-[200px] flex flex-col md:gap-8 '>
+      <NotFoundMDX />
+    </ApplyTypography>
+  </Main>
+  <Footer conf={conf}/>
+</>)
+
+export default NotFound
diff --git a/packages/ui/next/root-layout.tsx b/packages/ui/next/root-layout.tsx
new file mode 100644
index 00000000..2a7e43a3
--- /dev/null
+++ b/packages/ui/next/root-layout.tsx
@@ -0,0 +1,100 @@
+import React, { type PropsWithChildren } from 'react'
+import { Metadata } from 'next'
+
+import { inter, drukTextWide } from '../style/nextFonts'
+import Header from '../common/header'
+import SiteConf from '../types/site-conf'
+
+const getMetadata = (conf: SiteConf): Metadata => ({
+
+  title: {
+    default: conf.title,
+    template: conf.template,
+  },
+  description: conf.desc,
+
+    // Generated from a 512 original create in GIMP
+    // at https://favicon.io/favicon-converter/
+
+    // Next API is poorly documented.
+    // cf: Next.js repo: packages/next/src/lib/metadata/types/metadata-interface.ts
+    // and metadata-types.ts 
+  icons: [
+    {
+      rel: 'icon',
+      type: 'image/png',
+      sizes: '16x16',
+      url: '/assets/icon/favicon-16x16.png'   
+    },
+    {
+      rel: 'icon',
+      type: 'image/png',
+      sizes: '32x32',
+      url: '/assets/icon/favicon-32x32.png'   
+    },
+    {
+      rel: 'icon',
+      type: 'image/png',
+      sizes: '192x192',
+      url: '/assets/icon/android-chrome-192x192.png'   
+    },
+    {
+      rel: 'icon',
+      type: 'image/png',
+      sizes: '512x512',
+      url: '/assets/icon/android-chrome-512x512.png'   
+    },
+    {
+      rel: 'apple-touch-icon',
+      type: 'image/png',
+      sizes: '180x180',
+      url: '/assets/icon/apple-touch-icon.png'   
+    },
+  ]
+})
+
+// Next 14: https://nextjs.org/docs/app/building-your-application/upgrading/codemods#use-viewport-export
+const viewport = {
+  themeColor: [
+    { media: '(prefers-color-scheme: light)', color: 'white' },
+    { media: '(prefers-color-scheme: dark)', color: 'black' },
+  ],
+}
+
+/*
+  These '.variable' fields are actually autogenerate css classnames that *define* the actual
+  css variables ('--foo-var') that one asks for in the utility functions.
+  They are what make them available in their scope, so this MUST
+  be done like this for the tailwind font classes to work.
+  
+  (not to be confused with the css var itself.  This field should be named something else!)
+*/
+
+// overflow-y-hidden overflow-x-hidden ,-- cannot have these on body tag for scroll-snap on iOS
+const bodyClasses = 
+  'bg-background fg-foreground  ' + 
+  `${inter.variable} ${drukTextWide.variable} font-sans` 
+
+    // re <base />: https://stackoverflow.com/a/75716588/11645689 
+const RootLayout: React.FC<
+  PropsWithChildren & { conf: SiteConf }
+> = ({ 
+  conf,
+  children,
+}) =>  (
+  <html lang='en' suppressHydrationWarning className='dark'>
+    <head >
+      <base target='_blank' />
+    </head>
+    <body className={bodyClasses}>
+      <Header conf={conf}/>
+      {children}
+    </body>
+  </html>
+)
+
+export {
+  RootLayout as default,
+  getMetadata,
+  viewport
+}
diff --git a/packages/ui/package.json b/packages/ui/package.json
new file mode 100644
index 00000000..72e7a197
--- /dev/null
+++ b/packages/ui/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@luxdefi/ui",
+  "version": "0.1.0",
+  "description": "Library that contains shared UI primitives, styles, and core types",
+  "main": "dist/index.js",
+  "scripts": {
+    "build": "rm -rf dist && tsc",
+    "tc": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^3.3.2",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@tailwindcss/container-queries": "^0.1.1",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "lodash.castarray": "^4.4.0",
+    "lodash.isplainobject": "^4.0.6",
+    "lodash.merge": "^4.6.2",
+    "lucide-react": "^0.307.0",
+    "markdown-to-jsx": "^7.3.2",
+    "next": "^14.0.4",
+    "next-themes": "^0.2.1",
+    "postcss-selector-parser": "^6.0.13",
+    "react": "^18.2.0",
+    "react-device-detect": "^2.2.3",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.47.0",
+    "react-social-icons": "^6.4.0",
+    "tailwind-merge": "^2.2.0",
+    "tailwindcss": "^3.4.1",
+    "tailwindcss-animate": "^1.0.6",
+    "tailwindcss-interaction-media": "^0.1.0",
+    "validator": "^13.11.0",
+    "zod": "^3.22.4"
+  },
+  "devDependencies": {
+    "@types/mdx": "^2.0.9",
+    "@types/node": "^20.10.7",
+    "@types/react": "^18.2.47",
+    "@types/react-dom": "^18.2.18",
+    "autoprefixer": "^10.4.16",
+    "postcss": "^8.4.33",
+    "postcss-import": "^16.0.0",
+    "typescript": "^5.3.3"
+  }
+}
diff --git a/packages/ui/primitives/accordion.tsx b/packages/ui/primitives/accordion.tsx
new file mode 100644
index 00000000..fed82a1d
--- /dev/null
+++ b/packages/ui/primitives/accordion.tsx
@@ -0,0 +1,61 @@
+// @ts-nocheck
+"use client"
+
+import * as React from "react"
+import * as AccordionPrimitive from "@radix-ui/react-accordion"
+import { ChevronDown } from "lucide-react"
+
+import { cn } from "../util"
+
+const Accordion = AccordionPrimitive.Root
+
+const AccordionItem = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
+>(({ className, ...props }, ref) => (
+  <AccordionPrimitive.Item
+    ref={ref}
+    className={cn("border-b", className)}
+    {...props}
+  />
+))
+AccordionItem.displayName = "AccordionItem"
+
+const AccordionTrigger = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Header className="flex">
+    <AccordionPrimitive.Trigger
+      ref={ref}
+      className={cn(
+        "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200" />
+    </AccordionPrimitive.Trigger>
+  </AccordionPrimitive.Header>
+))
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName
+
+const AccordionContent = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Content
+    ref={ref}
+    className={cn(
+      "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      className
+    )}
+    {...props}
+  >
+    {children}
+  </AccordionPrimitive.Content>
+))
+AccordionContent.displayName = AccordionPrimitive.Content.displayName
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
diff --git a/packages/ui/primitives/apply-typography.tsx b/packages/ui/primitives/apply-typography.tsx
new file mode 100644
index 00000000..a88a443e
--- /dev/null
+++ b/packages/ui/primitives/apply-typography.tsx
@@ -0,0 +1,51 @@
+import React, { PropsWithChildren } from 'react'
+
+import { cn } from '../util'
+
+type TypographySize = 'responsive' | 'sm' | 'base' | 'lg' // if t-shirt size, do *not* be responsive
+
+const ApplyTypography: React.FC<
+  PropsWithChildren & {
+    className?: string,
+    asTag?: 'div' | 'section' | 'nav' | 'main' | 'article',
+    size?: TypographySize
+  }
+> = ({ 
+  children,
+  className='',
+  asTag='div',
+  size='responsive'
+}) => {
+
+    // responsive version by default
+  let typoClasses = 
+  'typography gap-3 ' +
+  'xs:typography-sm ' + 
+  'sm:typography sm:gap-4 ' +
+  'lg:typography-lg lg:gap-5 ' + 
+  'typography-headings:font-heading ' // only effects h1-h3 (in plugin)
+
+  switch (size) {
+    case 'sm': {
+      typoClasses = 'typography typography-sm gap-3 typography-headings:font-heading typography-p:text-sm '
+    } break
+    case 'base': {
+      typoClasses = 'typography gap-4 typography-headings:font-heading '
+    } break
+    case 'lg': {
+      typoClasses = 'typography typography-lg gap-5 typography-headings:font-heading typography-p:text-lg '
+    } break
+  }
+  
+  const Tag = asTag
+  return (
+    <Tag className={cn(typoClasses, className)}>
+      {children}
+    </Tag>
+  )
+}
+
+export {
+  type TypographySize,
+  ApplyTypography as default
+}
diff --git a/packages/ui/primitives/button.tsx b/packages/ui/primitives/button.tsx
new file mode 100644
index 00000000..d0cb73a7
--- /dev/null
+++ b/packages/ui/primitives/button.tsx
@@ -0,0 +1,72 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "../util"
+
+const variant = {
+  primary: "bg-primary text-primary-fg hover:bg-primary-hover font-heading whitespace-nowrap not-typography",
+  secondary: "bg-secondary text-secondary-fg hover:bg-secondary/80 font-heading whitespace-nowrap not-typography",
+  outline: "text-foreground border border-primary hover:bg-level-1 hover:text-accent font-heading whitespace-nowrap not-typography",
+  destructive: "bg-destructive text-destructive-fg font-sans whitespace-nowrap hover:bg-destructive-hover",
+  ghost: "text-foreground hover:bg-level-1 hover:text-accent whitespace-nowrap font-sans ",
+  link: "text-foreground hover:text-muted-1 font-sans ",
+  linkFG: "text-foreground hover:text-muted-1 font-sans ", // marker to style nav as regular link
+}
+
+const size = {
+  link: '',
+  sm: "h-9 px-3 rounded-md text-xs ",
+  default: "h-10 py-2 px-4 text-sm lg:min-w-[220px]",
+  lg: "h-10 px-8 text-base rounded-lg min-w-[260px] lg:min-w-[300px] lg:h-10 xs:min-w-0 xs:text-sm",
+  icon: "h-10 w-10",
+}
+
+const buttonVariants = cva(
+  "flex items-center justify-center rounded-md font-medium transition-colors " +
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 " +
+  "disabled:opacity-50 disabled:pointer-events-none ring-offset-background",
+  {
+    variants: {
+      variant,
+      size
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "default",
+    },
+  }
+)
+
+type ButtonVariants = keyof typeof variant
+type ButtonSizes = keyof typeof size
+
+interface ButtonProps extends
+  React.ButtonHTMLAttributes<HTMLButtonElement>, 
+  VariantProps<typeof buttonVariants> 
+{
+  asChild?: boolean
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button"
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+
+Button.displayName = "Button"
+
+export { 
+  Button as default, 
+  type ButtonProps,
+  type ButtonVariants,
+  type ButtonSizes, 
+  buttonVariants,
+}
diff --git a/packages/ui/primitives/card.tsx b/packages/ui/primitives/card.tsx
new file mode 100644
index 00000000..4345326d
--- /dev/null
+++ b/packages/ui/primitives/card.tsx
@@ -0,0 +1,83 @@
+'use client'
+import * as React from "react"
+
+import { cn } from "../util"
+
+const Card = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  return(
+    <div
+      ref={ref}
+      className={cn(
+        "rounded-lg border overflow-hidden shadow-sm",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+
+Card.displayName = "Card"
+
+const CardHeader = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex flex-col py-3 px-6 border-b", className)}
+    {...props}
+  />
+))
+CardHeader.displayName = "CardHeader"
+
+const CardTitle = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+  <h5
+    ref={ref}
+    className={cn(
+      "leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+CardTitle.displayName = "CardTitle"
+
+const CardDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <h6
+    ref={ref}
+    className={className}
+    {...props}
+  />
+))
+CardDescription.displayName = "CardDescription"
+
+const CardContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("p-6", className)} {...props} />
+))
+CardContent.displayName = "CardContent"
+
+const CardFooter = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex items-center px-6 py-3 border-t", className)}
+    {...props}
+  />
+))
+CardFooter.displayName = "CardFooter"
+
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
diff --git a/packages/ui/primitives/dialog-video-controller.tsx b/packages/ui/primitives/dialog-video-controller.tsx
new file mode 100644
index 00000000..cb1af95d
--- /dev/null
+++ b/packages/ui/primitives/dialog-video-controller.tsx
@@ -0,0 +1,38 @@
+'use client'
+
+import React, { PropsWithChildren, useState } from 'react'
+
+const DialogVideoController: React.FC<PropsWithChildren> = ({
+  children,
+}) => {
+
+  const [open, setOpen] = useState<boolean>(false)
+
+  const onOpenChange = (b: boolean) => {
+    setOpen(b)
+    const videos = document.getElementsByTagName('video')
+    const videoArray = Array.from(videos)
+    videoArray.forEach((v) => {
+      if (b) {
+        v.pause()
+      }
+      else {
+        v.play()
+      }
+    }) 
+  }
+
+    // https://stackoverflow.com/a/49052730/11645689
+  const updatedChildren = React.Children.map(
+    children,
+    (child) => (React.cloneElement(
+      child as any, { open, onOpenChange }
+    ))
+  )
+
+  return (<>
+    {updatedChildren}
+  </>)
+}
+
+export default DialogVideoController
diff --git a/packages/ui/primitives/dialog.tsx b/packages/ui/primitives/dialog.tsx
new file mode 100644
index 00000000..bbc0df55
--- /dev/null
+++ b/packages/ui/primitives/dialog.tsx
@@ -0,0 +1,145 @@
+import * as React from "react"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { X } from "lucide-react"
+import { classNames } from "../util/classNames"
+
+const Dialog = DialogPrimitive.Root
+
+const DialogTrigger = DialogPrimitive.Trigger
+
+const DialogPortal = ({
+    children,
+    ...props
+}: DialogPrimitive.DialogPortalProps) => (
+    <DialogPrimitive.Portal {...props}>
+        <div className="fixed inset-0 z-50 flex items-end justify-center sm:items-center">
+            {children}
+        </div>
+    </DialogPrimitive.Portal>
+)
+DialogPortal.displayName = DialogPrimitive.Portal.displayName
+
+const DialogOverlay = React.forwardRef<
+    React.ElementRef<typeof DialogPrimitive.Overlay>,
+    React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+    <DialogPrimitive.Overlay
+        ref={ref}
+        className={classNames(
+            "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm transition-all duration-100 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:fade-in",
+            className
+        )}
+        {...props}
+    />
+))
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
+
+const DialogContent = React.forwardRef<
+    React.ElementRef<typeof DialogPrimitive.Content>,
+    React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+    <DialogPortal>
+        <DialogOverlay />
+        <DialogPrimitive.Content
+            ref={ref}
+            className={classNames(
+                "fixed z-50 grid w-full gap-4 rounded-t-lg bg-secondary-800 p-4 shadow-lg animate-in data-[state=open]:fade-in-90 data-[state=open]:slide-in-from-bottom-10 sm:max-w-sm sm:rounded-lg sm:zoom-in-90 data-[state=open]:sm:slide-in-from-bottom-0",
+                className
+            )}
+            {...props}
+        >
+            {children}
+            <DialogPrimitive.Close className="absolute text-secondary-text right-4 top-3 p-1 justify-self-start hover:brightness-105 hover:scale-110 duartion-100 ring-1 ring-secondary-400 transition bg-secondary-500 hover:text-primary-text focus:outline-none rounded-full items-center">
+                <X className="h-4 w-4" />
+                <span className="sr-only">Close</span>
+            </DialogPrimitive.Close>
+        </DialogPrimitive.Content>
+    </DialogPortal>
+))
+DialogContent.displayName = DialogPrimitive.Content.displayName
+
+const DialogHeader = ({
+    className,
+    ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+    <div
+        className={classNames(
+            "flex flex-col space-y-1.5 text-center sm:text-left",
+            className
+        )}
+        {...props}
+    />
+)
+DialogHeader.displayName = "DialogHeader"
+
+const DialogFooter = ({
+    className,
+    ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+    <div
+        className={classNames(
+            "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+            className
+        )}
+        {...props}
+    />
+)
+DialogFooter.displayName = "DialogFooter"
+
+const DialogClose = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Close>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Close
+    ref={ref}
+    className={classNames(
+      "absolute right-4 top-3 p-1 justify-self-start hover:brightness-105 hover:scale-110 duration-100 ring-1 ring-secondary-400 transition bg-secondary-500 hover:text-primary-text focus:outline-none rounded-full items-center",
+      className
+    )}
+    {...props}
+  >
+    <X className="h-4 w-4" />
+    <span className="sr-only">Close</span>
+  </DialogPrimitive.Close>
+));
+DialogClose.displayName = "DialogClose"
+
+const DialogTitle = React.forwardRef<
+    React.ElementRef<typeof DialogPrimitive.Title>,
+    React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+    <DialogPrimitive.Title
+        ref={ref}
+        className={classNames(
+            "text-lg font-semibold leading-none tracking-tight text-primary-text",
+            className
+        )}
+        {...props}
+    />
+))
+DialogTitle.displayName = DialogPrimitive.Title.displayName
+
+const DialogDescription = React.forwardRef<
+    React.ElementRef<typeof DialogPrimitive.Description>,
+    React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+    <DialogPrimitive.Description
+        ref={ref}
+        className={classNames("text-sm text-secondary-text", className)}
+        {...props}
+    />
+))
+DialogDescription.displayName = DialogPrimitive.Description.displayName
+
+export {
+    Dialog,
+    DialogContent,
+    DialogClose,
+    DialogDescription,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+    DialogOverlay,
+    DialogPortal,
+}
diff --git a/packages/ui/primitives/form.tsx b/packages/ui/primitives/form.tsx
new file mode 100644
index 00000000..4c37d4be
--- /dev/null
+++ b/packages/ui/primitives/form.tsx
@@ -0,0 +1,179 @@
+// @ts-nocheck
+'use client'
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { Slot } from "@radix-ui/react-slot"
+
+import {
+  Controller,
+  type ControllerProps,
+  FieldPath,
+  type FieldValues,
+  FormProvider,
+  useFormContext,
+} from "react-hook-form"
+
+import { cn } from "../util"
+import Label from "./label"
+
+const Form = FormProvider
+
+type FormFieldContextValue<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+> = {
+  name: TName
+}
+
+const FormFieldContext = React.createContext<FormFieldContextValue>(
+  {} as FormFieldContextValue
+)
+
+const FormField = <
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => {
+  return (
+    <FormFieldContext.Provider value={{ name: props.name }}>
+      <Controller {...props} />
+    </FormFieldContext.Provider>
+  )
+}
+
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext)
+  const itemContext = React.useContext(FormItemContext)
+  const { getFieldState, formState } = useFormContext()
+
+  const fieldState = getFieldState(fieldContext.name, formState)
+
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>")
+  }
+
+  const { id } = itemContext
+
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState,
+  }
+}
+
+type FormItemContextValue = {
+  id: string
+}
+
+const FormItemContext = React.createContext<FormItemContextValue>(
+  {} as FormItemContextValue
+)
+
+const FormItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const id = React.useId()
+
+  return (
+    <FormItemContext.Provider value={{ id }}>
+      <div ref={ref} className={cn("space-y-2", className)} {...props} />
+    </FormItemContext.Provider>
+  )
+})
+FormItem.displayName = "FormItem"
+
+const FormLabel = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
+>(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField()
+
+  return (
+    <Label
+      ref={ref}
+      className={cn(error && "text-destructive", className)}
+      htmlFor={formItemId}
+      {...props}
+    />
+  )
+})
+FormLabel.displayName = "FormLabel"
+
+const FormControl = React.forwardRef<
+  React.ElementRef<typeof Slot>,
+  React.ComponentPropsWithoutRef<typeof Slot>
+>(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+
+  return (
+    <Slot
+      ref={ref}
+      id={formItemId}
+      aria-describedby={
+        !error
+          ? `${formDescriptionId}`
+          : `${formDescriptionId} ${formMessageId}`
+      }
+      aria-invalid={!!error}
+      {...props}
+    />
+  )
+})
+FormControl.displayName = "FormControl"
+
+const FormDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField()
+
+  return (
+    <p
+      ref={ref}
+      id={formDescriptionId}
+      className={cn("text-sm text-muted-1", className)}
+      {...props}
+    />
+  )
+})
+FormDescription.displayName = "FormDescription"
+
+const FormMessage = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField()
+  const body = error ? String(error?.message) : children
+
+  const classes = 'text-xs font-medium py-1 ' + 
+                  (error ? 'text-destructive' : 'text-muted-1') + 
+                  (body ? '' : ' invisible') // Hold space in the layout
+
+  return (
+    <p
+      ref={ref}
+      id={formMessageId}
+      className={cn(classes, className)}
+      {...props}
+    >
+      {body ? body : 'dummy'}
+    </p>
+  )
+})
+FormMessage.displayName = "FormMessage"
+
+export {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField,
+}
diff --git a/packages/ui/primitives/index.ts b/packages/ui/primitives/index.ts
new file mode 100644
index 00000000..b6a34cc6
--- /dev/null
+++ b/packages/ui/primitives/index.ts
@@ -0,0 +1,76 @@
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './accordion'
+export { default as ApplyTypography, type TypographySize} from './apply-typography'
+
+export { 
+  default as Button, 
+  type ButtonProps,
+  type ButtonVariants,
+  type ButtonSizes, 
+  buttonVariants,
+} from './button'
+
+
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from './card'
+export { default as DialogVideoController } from './dialog-video-controller'
+export {
+  Dialog,
+  DialogPortal,
+  DialogOverlay,
+  DialogClose,
+  DialogTrigger,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+} from './dialog'
+
+export {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField,
+} from './form'
+
+export { default as Input } from './input'
+export { default as Label } from './label'
+export { default as MDXLink } from './mdx-link'
+
+export {
+  Sheet,
+  SheetPortal,
+  SheetOverlay,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+} from './sheet'
+
+export { default as TailwindIndicator } from './tailwind-indicator'
+
+export {
+  type ToastProps,
+  type ToastActionElement,
+  ToastProvider,
+  ToastViewport,
+  Toast,
+  ToastTitle,
+  ToastDescription,
+  ToastClose,
+  ToastAction,
+} from './toast'
+
+export { Toaster } from './toaster'
+export { useToast, toast } from './use-toast'
+
+export { default as VideoPlayer } from './video-player'
+
+
+
diff --git a/packages/ui/primitives/input.tsx b/packages/ui/primitives/input.tsx
new file mode 100644
index 00000000..1c9e347f
--- /dev/null
+++ b/packages/ui/primitives/input.tsx
@@ -0,0 +1,30 @@
+'use client'
+
+import React from "react"
+
+import { cn } from "../util"
+
+export interface InputProps
+  extends React.InputHTMLAttributes<HTMLInputElement> {}
+
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        type={type}
+        className={cn(
+          'flex h-10 w-full rounded-md border border-input bg-inherit px-3 py-2 text-sm ring-offset-background ' + 
+          'file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-1 ' + 
+          'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ' + 
+          'first-letter:disabled:cursor-not-allowed disabled:opacity-50',
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Input.displayName = "Input"
+
+export default Input
diff --git a/packages/ui/primitives/label.tsx b/packages/ui/primitives/label.tsx
new file mode 100644
index 00000000..8ffcedd7
--- /dev/null
+++ b/packages/ui/primitives/label.tsx
@@ -0,0 +1,28 @@
+// @ts-nocheck
+"use client"
+
+import React from "react"
+// @ts-ignore
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "../util"
+
+const labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+)
+
+const Label = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
+    VariantProps<typeof labelVariants>
+>(({ className, ...props }, ref) => (
+  <LabelPrimitive.Root
+    ref={ref}
+    className={cn(labelVariants(), className)}
+    {...props}
+  />
+))
+Label.displayName = LabelPrimitive.Root.displayName
+
+export default Label
diff --git a/packages/ui/primitives/mdx-link.tsx b/packages/ui/primitives/mdx-link.tsx
new file mode 100644
index 00000000..d0954bed
--- /dev/null
+++ b/packages/ui/primitives/mdx-link.tsx
@@ -0,0 +1,22 @@
+import React,  { type AnchorHTMLAttributes, type PropsWithChildren } from 'react'
+import Link from 'next/link'
+
+const MDXLink: React.FC<AnchorHTMLAttributes<HTMLAnchorElement> & PropsWithChildren> = ({
+  href,
+  children,
+  ...rest
+}) => {
+
+    // internal link
+  if (href && (href.startsWith('/'))) {
+    return (
+      <Link href={href} {...rest}>
+        {children}
+      </Link>
+    )
+  }
+
+  return <a target="_blank" href={href} {...rest} >{children}</a>
+}
+
+export default MDXLink
diff --git a/packages/ui/primitives/sheet.tsx b/packages/ui/primitives/sheet.tsx
new file mode 100644
index 00000000..fbb83d8a
--- /dev/null
+++ b/packages/ui/primitives/sheet.tsx
@@ -0,0 +1,147 @@
+// @ts-nocheck
+
+'use client'
+
+import * as React from 'react'
+import * as SheetPrimitive from '@radix-ui/react-dialog'
+import { cva, type VariantProps } from 'class-variance-authority'
+import { ChevronRight } from 'lucide-react'
+
+import { cn } from '../util'
+
+const Sheet = SheetPrimitive.Root
+
+const SheetTrigger = SheetPrimitive.Trigger
+
+const SheetClose = SheetPrimitive.Close
+
+const SheetPortal = SheetPrimitive.Portal
+
+const SheetOverlay = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Overlay
+    className={cn(
+      'fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+      className
+    )}
+    {...props}
+    ref={ref}
+  />
+))
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName
+
+const sheetVariants = cva(
+  'fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-300',
+  {
+    variants: {
+      side: {
+        top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
+        bottom:
+          'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
+        left: 'inset-y-0 left-0 h-full w-2/3 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',
+        right:
+          'inset-y-0 right-0 h-full w-2/3  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',
+      },
+    },
+    defaultVariants: {
+      side: 'right',
+    },
+  }
+)
+
+interface SheetContentProps
+  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
+    VariantProps<typeof sheetVariants> {}
+
+const closeUIclx = 'rounded-sm opacity-70 ring-offset-background ' + 
+  'transition-opacity hover:opacity-100 disabled:pointer-events-none data-[state=open]:bg-secondary'
+
+const SheetContent = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Content>,
+  SheetContentProps & { closeButtonClass? : string}
+>(({ side = 'right', className, children, closeButtonClass, ...props }, ref) => (
+  <SheetPortal>
+    <SheetOverlay />
+    <SheetPrimitive.Content
+      ref={ref}
+      className={cn(sheetVariants({ side }), className)}
+      {...props}
+    >
+      {children}
+      <SheetPrimitive.Close className={cn(closeUIclx, 'absolute right-2 top-3 ', closeButtonClass)}>
+        <ChevronRight className='h-7 w-7 text-inherit' />
+      </SheetPrimitive.Close>
+      <SheetPrimitive.Close className={cn(closeUIclx, 'absolute right-2 bottom-3 ', closeButtonClass)}>
+        <ChevronRight className='h-7 w-7 text-inherit' />
+      </SheetPrimitive.Close>
+    </SheetPrimitive.Content>
+  </SheetPortal>
+))
+SheetContent.displayName = SheetPrimitive.Content.displayName
+
+const SheetHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      'flex flex-col space-y-2 text-center sm:text-left',
+      className
+    )}
+    {...props}
+  />
+)
+SheetHeader.displayName = 'SheetHeader'
+
+const SheetFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
+      className
+    )}
+    {...props}
+  />
+)
+SheetFooter.displayName = 'SheetFooter'
+
+const SheetTitle = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Title
+    ref={ref}
+    className={cn('text-lg font-semibold text-foreground', className)}
+    {...props}
+  />
+))
+SheetTitle.displayName = SheetPrimitive.Title.displayName
+
+const SheetDescription = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Description
+    ref={ref}
+    className={cn('text-sm text-muted-1', className)}
+    {...props}
+  />
+))
+SheetDescription.displayName = SheetPrimitive.Description.displayName
+
+export {
+  Sheet,
+  SheetPortal,
+  SheetOverlay,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+}
diff --git a/packages/ui/primitives/tailwind-indicator.tsx b/packages/ui/primitives/tailwind-indicator.tsx
new file mode 100644
index 00000000..43505c5a
--- /dev/null
+++ b/packages/ui/primitives/tailwind-indicator.tsx
@@ -0,0 +1,19 @@
+import React from 'react'
+
+const TailwindIndicator: React.FC = () => {
+  
+  if (process.env.NODE_ENV === "production") return null
+
+  return (
+    <div className="fixed bottom-1 left-1 z-50 flex h-6 w-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-primary">
+      <div className="block sm:hidden">xs</div>
+      <div className="hidden sm:block md:hidden">sm</div>
+      <div className="hidden md:block lg:hidden">md</div>
+      <div className="hidden lg:block xl:hidden">lg</div>
+      <div className="hidden xl:block 2xl:hidden">xl</div>
+      <div className="hidden 2xl:block">2xl</div>
+    </div>
+  )
+}
+
+export default TailwindIndicator
diff --git a/packages/ui/primitives/toast.tsx b/packages/ui/primitives/toast.tsx
new file mode 100644
index 00000000..0b53c81f
--- /dev/null
+++ b/packages/ui/primitives/toast.tsx
@@ -0,0 +1,129 @@
+// @ts-nocheck
+'use client'
+import * as React from "react"
+import * as ToastPrimitives from "@radix-ui/react-toast"
+import { cva, type VariantProps } from "class-variance-authority"
+import { X } from "lucide-react"
+
+import { cn } from "../util"
+
+const ToastProvider = ToastPrimitives.Provider
+
+const ToastViewport = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Viewport>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Viewport
+    ref={ref}
+    className={cn(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      className
+    )}
+    {...props}
+  />
+))
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName
+
+const toastVariants = cva(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background text-foreground",
+        destructive:
+          "destructive group border-destructive bg-destructive text-destructive-fg",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+const Toast = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
+    VariantProps<typeof toastVariants>
+>(({ className, variant, ...props }, ref) => {
+  return (
+    <ToastPrimitives.Root
+      ref={ref}
+      className={cn(toastVariants({ variant }), className)}
+      {...props}
+    />
+  )
+})
+Toast.displayName = ToastPrimitives.Root.displayName
+
+const ToastAction = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Action>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Action
+    ref={ref}
+    className={cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted-1/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-fg group-[.destructive]:focus:ring-destructive",
+      className
+    )}
+    {...props}
+  />
+))
+ToastAction.displayName = ToastPrimitives.Action.displayName
+
+const ToastClose = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Close>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Close
+    ref={ref}
+    className={cn(
+      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      className
+    )}
+    toast-close=""
+    {...props}
+  >
+    <X className="h-4 w-4" />
+  </ToastPrimitives.Close>
+))
+ToastClose.displayName = ToastPrimitives.Close.displayName
+
+const ToastTitle = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Title>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Title
+    ref={ref}
+    className={cn("text-sm font-semibold", className)}
+    {...props}
+  />
+))
+ToastTitle.displayName = ToastPrimitives.Title.displayName
+
+const ToastDescription = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Description>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Description
+    ref={ref}
+    className={cn("text-sm opacity-90", className)}
+    {...props}
+  />
+))
+ToastDescription.displayName = ToastPrimitives.Description.displayName
+
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>
+
+type ToastActionElement = React.ReactElement<typeof ToastAction>
+
+export {
+  type ToastProps,
+  type ToastActionElement,
+  ToastProvider,
+  ToastViewport,
+  Toast,
+  ToastTitle,
+  ToastDescription,
+  ToastClose,
+  ToastAction,
+}
diff --git a/packages/ui/primitives/toaster.tsx b/packages/ui/primitives/toaster.tsx
new file mode 100644
index 00000000..3a159ddc
--- /dev/null
+++ b/packages/ui/primitives/toaster.tsx
@@ -0,0 +1,37 @@
+// @ts-nocheck
+"use client"
+
+import {
+  Toast,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+} from "./toast"
+
+import { useToast } from "../primitives/use-toast"
+
+export const Toaster: React.FC = () => {
+  const { toasts } = useToast()
+
+  return (
+    <ToastProvider>
+      {toasts.map(function ({ id, title, description, action, ...props }) {
+        return (
+          <Toast key={id} {...props}>
+            <div className="grid gap-1">
+              {title && <ToastTitle>{title}</ToastTitle>}
+              {description && (
+                <ToastDescription>{description}</ToastDescription>
+              )}
+            </div>
+            {action}
+            <ToastClose />
+          </Toast>
+        )
+      })}
+      <ToastViewport />
+    </ToastProvider>
+  )
+}
diff --git a/packages/ui/primitives/use-toast.ts b/packages/ui/primitives/use-toast.ts
new file mode 100644
index 00000000..0d1d4dce
--- /dev/null
+++ b/packages/ui/primitives/use-toast.ts
@@ -0,0 +1,192 @@
+// Inspired by react-hot-toast library
+import * as React from "react"
+
+import type {
+  ToastActionElement,
+  ToastProps,
+} from "../primitives/toast"
+
+const TOAST_LIMIT = 1
+const TOAST_REMOVE_DELAY = 1000000
+
+type ToasterToast = ToastProps & {
+  id: string
+  title?: React.ReactNode
+  description?: React.ReactNode
+  action?: ToastActionElement
+}
+
+const actionTypes = {
+  ADD_TOAST: "ADD_TOAST",
+  UPDATE_TOAST: "UPDATE_TOAST",
+  DISMISS_TOAST: "DISMISS_TOAST",
+  REMOVE_TOAST: "REMOVE_TOAST",
+} as const
+
+let count = 0
+
+function genId() {
+  count = (count + 1) % Number.MAX_VALUE
+  return count.toString()
+}
+
+type ActionType = typeof actionTypes
+
+type Action =
+  | {
+      type: ActionType["ADD_TOAST"]
+      toast: ToasterToast
+    }
+  | {
+      type: ActionType["UPDATE_TOAST"]
+      toast: Partial<ToasterToast>
+    }
+  | {
+      type: ActionType["DISMISS_TOAST"]
+      toastId?: ToasterToast["id"]
+    }
+  | {
+      type: ActionType["REMOVE_TOAST"]
+      toastId?: ToasterToast["id"]
+    }
+
+interface State {
+  toasts: ToasterToast[]
+}
+
+const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()
+
+const addToRemoveQueue = (toastId: string) => {
+  if (toastTimeouts.has(toastId)) {
+    return
+  }
+
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId)
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId: toastId,
+    })
+  }, TOAST_REMOVE_DELAY)
+
+  toastTimeouts.set(toastId, timeout)
+}
+
+const reducer = (state: State, action: Action): State => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
+      }
+
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === action.toast.id ? { ...t, ...action.toast } : t
+        ),
+      }
+
+    case "DISMISS_TOAST": {
+      const { toastId } = action
+
+      // ! Side effects ! - This could be extracted into a dismissToast() action,
+      // but I'll keep it here for simplicity
+      if (toastId) {
+        addToRemoveQueue(toastId)
+      } else {
+        state.toasts.forEach((toast) => {
+          addToRemoveQueue(toast.id)
+        })
+      }
+
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === toastId || toastId === undefined
+            ? {
+                ...t,
+                open: false,
+              }
+            : t
+        ),
+      }
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === undefined) {
+        return {
+          ...state,
+          toasts: [],
+        }
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId),
+      }
+  }
+}
+
+const listeners: Array<(state: State) => void> = []
+
+let memoryState: State = { toasts: [] }
+
+function dispatch(action: Action) {
+  memoryState = reducer(memoryState, action)
+  listeners.forEach((listener) => {
+    listener(memoryState)
+  })
+}
+
+type Toast = Omit<ToasterToast, "id">
+
+function toast({ ...props }: Toast) {
+  const id = genId()
+
+  const update = (props: ToasterToast) =>
+    dispatch({
+      type: "UPDATE_TOAST",
+      toast: { ...props, id },
+    })
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id })
+
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open: any) => {
+        if (!open) dismiss()
+      },
+    },
+  })
+
+  return {
+    id: id,
+    dismiss,
+    update,
+  }
+}
+
+function useToast() {
+  const [state, setState] = React.useState<State>(memoryState)
+
+  React.useEffect(() => {
+    listeners.push(setState)
+    return () => {
+      const index = listeners.indexOf(setState)
+      if (index > -1) {
+        listeners.splice(index, 1)
+      }
+    }
+  }, [state])
+
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
+  }
+}
+
+export { useToast, toast }
diff --git a/packages/ui/primitives/video-player.tsx b/packages/ui/primitives/video-player.tsx
new file mode 100644
index 00000000..f0b1c666
--- /dev/null
+++ b/packages/ui/primitives/video-player.tsx
@@ -0,0 +1,30 @@
+'use client'
+import React from 'react'
+
+import { Dimensions } from '../types'
+
+interface VideoProps extends React.ComponentPropsWithoutRef<"video"> {
+  sources: string[]
+  className?: string
+  constrainTo?: Dimensions
+}
+
+const VideoPlayer = React.forwardRef<HTMLVideoElement, VideoProps>(
+({
+  sources, 
+  className='', 
+  constrainTo,
+  ...rest
+}, ref) => {
+  
+
+  return (
+    <video ref={ref} {...rest} className={className}>
+    {sources.map((source, index) => (  
+      <source key={index} src={source} />
+    ))} 
+    </video>
+  )
+})
+
+export default VideoPlayer
\ No newline at end of file
diff --git a/packages/ui/style/colors.tailwind.js b/packages/ui/style/colors.tailwind.js
new file mode 100644
index 00000000..b74a16bc
--- /dev/null
+++ b/packages/ui/style/colors.tailwind.js
@@ -0,0 +1,46 @@
+module.exports = ({ colors }) => ({
+  inherit: colors.inherit,
+  current: colors.current,
+  transparent: colors.transparent,
+  input: "var(--input)",
+  ring: "var(--ring)",
+  background: 'var(--bg-0)',
+    // levels forward in z-index (a la Material Design)
+  level: {
+    DEFAULT: "var(--bg-0)",
+    '0': "var(--bg-0)", 
+    '1': "var(--bg-1)", 
+    '2': "var(--bg-2)", 
+    '3': "var(--bg-3)", 
+  },
+  accent: "var(--fg-0)",      // full contrast (darkTheme:white) : heading and links hover  
+  foreground: "var(--fg-body)", // body off-white (bright enough to contrast to bg-level-1)
+  muted: {
+    DEFAULT: "var(--fg-2)",   // de-emphasized: fine print
+    '1': "var(--fg-2)",       // synonymous ^^^ 
+    '2': "var(--fg-3)",       // disabled or very de-emphasized
+    '3': "var(--fg-4)",       // very disabled ;) 
+    '4': "var(--fg-5)",       // disabled border
+  }, 
+  primary: {
+    DEFAULT: "var(--primary)",
+    lux: "var(--primary)",
+    hover: "var(--primary-hover)",
+    fg: "var(--primary-fg)",
+  },
+  secondary: {
+    DEFAULT: "var(--secondary)",
+    lux: "var(--secondary)",
+    hover: "var(--secondary-hover)",
+    fg: "var(--secondary-fg)",
+  },
+  destructive: {
+    DEFAULT: "var(--destructive)",
+    fg: "var(--destructive-fg)",
+  },
+  nav: {
+    DEFAULT: "var(--nav)",
+    hover: "var(--nav-hover)",
+    current: "var(--nav-current)",
+  },
+})
\ No newline at end of file
diff --git a/packages/ui/style/fonts.tailwind.js b/packages/ui/style/fonts.tailwind.js
new file mode 100644
index 00000000..fa22c0a7
--- /dev/null
+++ b/packages/ui/style/fonts.tailwind.js
@@ -0,0 +1,48 @@
+export const fontFamily = {
+  sans: [
+    'var(--font-inter)',
+    // Do not provide an array of fallbacks.
+    // there's a bug in Next where they get listed out in this order so the 
+    // last one cascades!
+    /*
+    'ui-sans-serif',
+    'system-ui',
+    '-apple-system',
+    'BlinkMacSystemFont',
+    '"Segoe UI"',
+    'Roboto',
+    '"Helvetica Neue"',
+    'Arial',
+    '"Noto Sans"',
+    'sans-serif',
+    '"Apple Color Emoji"',
+    '"Segoe UI Emoji"',
+    '"Segoe UI Symbol"',
+    '"Noto Color Emoji"', */
+  ],
+  serif: ['ui-serif', 'Georgia', 'Cambria', '"Times New Roman"', 'Times', 'serif'],
+  mono: [
+    'ui-monospace',
+    'SFMono-Regular',
+    'Menlo',
+    'Monaco',
+    'Consolas',
+    '"Liberation Mono"',
+    '"Courier New"',
+    'monospace',
+  ],
+  heading: ['var(--font-druk-text-wide)']
+}
+
+export const fontSize = {
+  xs: ['0.8rem', { lineHeight: '1rem' }],       // fine print               
+  sm: ['0.9rem', { lineHeight: '1.2rem' }],     // 'standard' some news article cards  (set manually when using typography-sm)
+  base: ['1rem', { lineHeight: 1.4 }],     
+  lg: ['1.125rem', { lineHeight: '1.75rem' }],  
+  xl: ['1.25rem', { lineHeight: '1.75rem' }],   
+  '2xl': ['1.5rem', { lineHeight: '2rem' }],    
+  '3xl': ['1.875rem', { lineHeight: '2.25rem' }],
+  '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
+  '5xl': ['3rem', { lineHeight: '1' }],
+  '6xl': ['3.75rem', { lineHeight: '1' }],
+}
\ No newline at end of file
diff --git a/packages/ui/style/fonts/DrukTextWide-Bold-Trial.otf b/packages/ui/style/fonts/DrukTextWide-Bold-Trial.otf
new file mode 100644
index 0000000000000000000000000000000000000000..9131384d64736a0e6918c37b45dc81dc809a5aaa
GIT binary patch
literal 73904
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
P)h!Z}7i@I?rJVl)hhZ4~

literal 0
HcmV?d00001

diff --git a/packages/ui/style/fonts/DrukTextWide-Heavy-Trial.otf b/packages/ui/style/fonts/DrukTextWide-Heavy-Trial.otf
new file mode 100644
index 0000000000000000000000000000000000000000..e22c65248aca8e8ff219f328c2ac749db2be48c0
GIT binary patch
literal 73948
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

literal 0
HcmV?d00001

diff --git a/packages/ui/style/fonts/DrukTextWide-Medium-Trial.otf b/packages/ui/style/fonts/DrukTextWide-Medium-Trial.otf
new file mode 100644
index 0000000000000000000000000000000000000000..f06fb723ce0e22c6b41284f6034d246aea3d4647
GIT binary patch
literal 74120
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

literal 0
HcmV?d00001

diff --git a/packages/ui/style/get-plugin-styles.js b/packages/ui/style/get-plugin-styles.js
new file mode 100644
index 00000000..2eabda87
--- /dev/null
+++ b/packages/ui/style/get-plugin-styles.js
@@ -0,0 +1,616 @@
+const {
+  round,  
+  pxToRem,
+  pxToEm,
+} = require('../util')
+
+const typographyColorTheme = {
+    // vars are defined in global.css
+    // and dark mode is handled at that level.
+  '--tw-prose-body': "var(--fg-body)",
+  '--tw-prose-headings': "var(--fg-0)",
+  '--tw-prose-links': "var(--fg-0)",
+  '--tw-prose-links-hover': "var(--fg-2)",
+  '--tw-prose-bold': "var(--fg-0)",
+  '--tw-prose-counters': "var(--fg-4)",
+  '--tw-prose-bullets': "var(--fg-2)",
+  '--tw-prose-hr': "var(--fg-2)",
+  '--tw-prose-quotes': "var(--fg-body)",
+  '--tw-prose-quote-borders': "var(--fg-3)",
+  '--tw-prose-captions': "var(--fg-2)",
+  '--tw-prose-kbd': "var(--fg-0)",
+  '--tw-prose-kbd-shadows': "var(--fg-1)",
+  '--tw-prose-code': "var(--fg-0)",
+  '--tw-prose-pre-code': "var(--fg-1)",
+  '--tw-prose-pre-bg': "var(--bg-1)",
+  '--tw-prose-th-borders': "var(--fg-2)",
+  '--tw-prose-td-borders': "var(--fg-3)",
+}
+
+const defaultCSS = {
+
+  color: 'var(--tw-prose-body)',
+// YUCK  maxWidth: '65ch',
+  p: {}, // Required to maintain correct order when merging
+  'p:first-child': {},
+  'p:last-child': {},
+  a: {
+    color: 'var(--tw-prose-links)',
+    textDecoration: 'underline',
+    fontWeight: '400',
+  },
+  'a:hover': {
+    color: 'var(--tw-prose-links-hover)',
+  },
+  blockquote: {
+    fontWeight: '400',
+    fontStyle: 'italic',
+    color: 'var(--tw-prose-quotes)',
+    quotes: '"\\201C""\\201D""\\2018""\\2019"',
+  },
+  //'blockquote::before': {},
+  //'blockquote::after': {},
+  'blockquote p:first-of-type::before': {
+    content: 'open-quote',
+  },
+  'blockquote p:last-of-type::after': {
+    content: 'close-quote',
+  },
+  'blockquote strong': {
+    color: 'inherit',
+  },
+  cite: {
+    display: 'block',
+    fontStyle: 'normal',
+    textAlign: 'right',
+    color: 'var(--tw-prose-quotes)',
+  },
+  ol: {
+    listStyleType: 'decimal',
+  },
+  ul: {
+    //listStyleType: 'disc',
+  },
+  'ol > li::marker': {
+    fontWeight: '400',
+    color: 'var(--tw-prose-counters)',
+  },
+  'ul > li::marker': {
+    color: 'var(--tw-prose-bullets)',
+  },
+  'ul > li::before': {
+  },
+  hr: {},
+  hr: {
+    borderColor: 'var(--tw-prose-hr)',
+    borderTopWidth: 1,
+  },
+  h1: {
+    color: 'var(--tw-prose-headings)',
+    fontWeight: '800',
+    textAlign: 'center'
+  },
+  h2: {
+    color: 'var(--tw-prose-headings)',
+    fontWeight: '700',
+    textAlign: 'center'
+  },
+  h3: {
+    color: 'var(--tw-prose-headings)',
+    fontWeight: '600',
+    textAlign: 'center'
+  },
+  h4: {
+    color: 'var(--tw-prose-headings)',
+    fontWeight: '600',
+  },
+  h5: {
+    color: 'var(--tw-prose-headings)',
+    fontWeight: '600',
+  },
+  h6: {
+    color: 'var(--tw-prose-headings)',
+  },
+  img: {}, 
+  'img:first-child': {
+  },
+  'img:last-child': {
+  },
+  picture: {
+    display: 'block',
+  },
+  strong: {
+    color: 'var(--tw-prose-bold)',
+    fontWeight: '600',
+  },
+  video: {},
+  kbd: {
+    fontWeight: '500',
+    fontFamily: 'inherit',
+    color: 'var(--tw-prose-kbd)',
+    boxShadow:
+      '0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%)',
+  },
+  code: {
+    color: 'var(--tw-prose-code)',
+    fontWeight: '600',
+  },
+  'code::before': {
+    content: '"`"',
+  },
+  'code::after': {
+    content: '"`"',
+  },
+  'a code': {
+    color: 'inherit',
+  },
+  'h1 code': {
+    color: 'inherit',
+  },
+  'h2 code': {
+    color: 'inherit',
+  },
+  'h3 code': {
+    color: 'inherit',
+  },
+  'h4 code': {
+    color: 'inherit',
+  },
+  'h5 code': {
+    color: 'inherit',
+  },
+  'h6 code': {
+    color: 'inherit',
+  },
+  'blockquote code': {
+    color: 'inherit',
+  },
+  'thead th code': {
+    color: 'inherit',
+  },
+  pre: {
+    color: 'var(--tw-prose-pre-code)',
+    backgroundColor: 'var(--tw-prose-pre-bg)',
+    overflowX: 'auto',
+    fontWeight: '400',
+  },
+  'pre code': {
+    backgroundColor: 'transparent',
+    borderWidth: '0',
+    borderRadius: '0',
+    padding: '0',
+    fontWeight: 'inherit',
+    color: 'inherit',
+    fontSize: 'inherit',
+    fontFamily: 'inherit',
+    lineHeight: 'inherit',
+  },
+  'pre code::before': {
+    content: 'none',
+  },
+  'pre code::after': {
+    content: 'none',
+  },
+  table: {
+    width: '100%',
+    tableLayout: 'auto',
+    textAlign: 'left',
+    marginTop: pxToEm(32, 16),
+    marginBottom: pxToEm(32, 16),
+  },
+  thead: {
+    borderBottomWidth: '1px',
+    borderBottomColor: 'var(--tw-prose-th-borders)',
+  },
+  'thead th': {
+    color: 'var(--tw-prose-headings)',
+    fontWeight: '600',
+    verticalAlign: 'bottom',
+  },
+  'tbody tr': {
+    borderBottomWidth: '1px',
+    borderBottomColor: 'var(--tw-prose-td-borders)',
+  },
+  'tbody tr:last-child': {
+    borderBottomWidth: '0',
+  },
+  'tbody td': {
+    verticalAlign: 'baseline',
+  },
+  tfoot: {
+    borderTopWidth: '1px',
+    borderTopColor: 'var(--tw-prose-th-borders)',
+  },
+  'tfoot td': {
+    verticalAlign: 'top',
+  },
+}
+
+const defaultModifiers = (base) => ({
+  base: {
+    css: [
+      {
+        fontSize: '1rem',
+        lineHeight: 1.4,
+        p: {
+          marginTop: '0.33rem',
+          marginBottom: '0.33rem',
+        },
+        'p:first-child': {
+          marginTop: 0,
+        },
+        'p:last-child': {
+          marginBottom: 0,
+        },
+        a: {},
+        'a:hover': {},
+        blockquote: {
+          //color: 'blue', //var(--tw-prose-quotes)',
+          //marginTop: pxToEm(32, 20),
+          //marginBottom: pxToEm(32, 20),
+          //paddingLeft: pxToEm(20, 20),
+        },
+          //'blockquote::before': {},
+          //'blockquote::after': {},
+        'blockquote p:first-of-type::before': {
+        },
+        'blockquote p:last-of-type::after': {
+        },
+        cite: {},
+        ol: {
+          fontSize: '1rem',
+          paddingLeft: '1.5rem',
+          margin: 0,
+          marginLeft: '-5px',
+        },
+        ul: {
+          fontSize: '1rem',
+          paddingLeft: '1.5rem',
+          margin: 0,
+          marginLeft: '-0.6rem',
+          listStylePosition: 'outside',
+          listStyleType: "'\u25BC'"
+        },
+        li: {},
+        'ol > li': {
+          paddingLeft: '0.4rem',
+        },
+        'ul > li': {
+          paddingLeft: '0.75rem',
+          marginBottom: '0.75rem',
+        },
+        'ul > li:last-child': {
+          marginBottom: 0,
+        },
+        '> ul > li p': {
+          margin: 0,
+          display: 'inline'
+        },
+        hr: {},
+        h1: {
+          fontSize: pxToRem(40, base),
+          lineHeight: 1.2,
+        },
+        h2: {
+          fontSize: pxToRem(36, base),
+          lineHeight: 1.2,
+        },
+        h3: {
+          fontSize: '1.4rem',
+          lineHeight: 1.2,
+        },
+        h4: {
+          marginTop: '0.5rem',
+          marginBottom: '0.5rem',
+          fontSize: '1.3rem',
+          lineHeight: 1.2,
+        },
+        h5: {
+          marginTop: '0.5rem',
+          marginBottom: '0.5rem',
+          fontSize: '1.2rem',
+          lineHeight: 1.4,
+          fontWeight: 400
+        },
+        h6: {
+          marginTop: '0.5rem',
+          marginBottom: '0.5rem',
+          fontSize: '1.15rem',
+          lineHeight: 1.3,
+          fontWeight: 400
+        },
+        'hr + *': {
+          marginTop: '0',
+        },
+        'h2 + *': {
+          marginTop: '0',
+        },
+        'h3 + *': {
+          marginTop: '0',
+        },
+        'h4 + *': {
+          marginTop: '0',
+        },
+        img: {
+          marginTop: '0.5rem',
+          marginBottom: '0.5rem',
+        },
+        'img:first-child': {
+          marginTop: 0,
+        },
+        'img:last-child': {
+          marginBottom: 0,
+        },
+        picture: {
+          marginTop: pxToRem(20, base),
+          marginBottom: pxToRem(20, base),
+        },
+        'picture > img': {
+          marginTop: '0',
+          marginBottom: '0',
+        },
+        video: {
+          marginTop: pxToRem(20, base),
+          marginBottom: pxToRem(20, base),
+        },
+        kbd: {
+          fontSize: pxToEm(14, 16),
+          borderRadius: pxToRem(5, base),
+          paddingTop: pxToEm(3, 16),
+          paddingRight: pxToEm(6, 16),
+          paddingBottom: pxToEm(3, 16),
+          paddingLeft: pxToEm(6, 16),
+        },
+        code: {
+          fontSize: pxToEm(14, 16),
+        },
+        'h2 code': {
+          fontSize: pxToEm(21, 24),
+        },
+        'h3 code': {
+          fontSize: pxToEm(18, 20),
+        },
+        pre: {
+          fontSize: pxToRem(14, 16),
+          lineHeight: round(24 / 14),
+          marginTop: pxToEm(24, 14),
+          marginBottom: pxToEm(24, 14),
+          borderRadius: pxToRem(6, base),
+          paddingTop: pxToEm(12, 14),
+          paddingRight: pxToEm(16, 14),
+          paddingBottom: pxToEm(12, 14),
+          paddingLeft: pxToEm(16, 14),
+        },
+        /*
+        '> ul > li > *:first-child': {},
+        '> ul > li > *:last-child': {},
+        '> ol > li > *:first-child': {},
+        '> ol > li > *:last-child': {},
+        */
+        'ul ul, ul ol, ol ul, ol ol': {
+          marginTop: pxToRem(12, base),
+          marginBottom: pxToRem(12, base),
+        },
+        dl: {
+          marginTop: pxToEm(20, 16),
+          marginBottom: pxToEm(20, base),
+        },
+        dt: {
+          marginTop: pxToEm(20, base),
+        },
+        dd: {
+          marginTop: pxToEm(8, base),
+          paddingLeft: pxToEm(26, base),
+        },
+        table: {
+          fontSize: pxToEm(14, base),
+          lineHeight: round(24 / 14),
+        },
+        'thead th': {
+          paddingRight: pxToEm(8, 14),
+          paddingBottom: pxToEm(8, 14),
+          paddingLeft: pxToEm(8, 14),
+        },
+        'thead th:first-child': {
+          paddingLeft: '0',
+        },
+        'thead th:last-child': {
+          paddingRight: '0',
+        },
+        'tbody td, tfoot td': {
+          paddingTop: pxToEm(8, 14),
+          paddingRight: pxToEm(8, 14),
+          paddingBottom: pxToEm(8, 14),
+          paddingLeft: pxToEm(8, 14),
+        },
+        'tbody td:first-child, tfoot td:first-child': {
+          paddingLeft: '0',
+        },
+        'tbody td:last-child, tfoot td:last-child': {
+          paddingRight: '0',
+        },
+      },
+      {
+        '> :first-child': {
+          marginTop: '0',
+        },
+        '> :last-child': {
+          marginBottom: '0',
+        },
+      },
+    ],
+  },
+  sm: {
+    css: [
+      {
+        p: {},
+        'p:first-child': {},
+        'p:last-child': {},
+        a: {},
+        'a:hover': {},
+        blockquote: {},
+          //'blockquote::before': {},
+          //'blockquote::after': {},
+        'blockquote p:first-of-type::before': {},
+        'blockquote p:last-of-type::after': {},
+        cite: {},
+        ol: {},
+        ul: {},
+        li: {},
+        'ol > li': {},
+        'ul > li': {},
+        'ul > li:last-child': {},
+        '> ul > li p': {},
+        hr: {},
+        h1: {
+          fontSize: pxToRem(24, base),
+        },
+        h2: {
+          fontSize: pxToRem(20, base),
+        },
+        h3: {
+          fontSize: pxToEm(18, base),
+        },
+        h4: {},
+        h5: {},
+        h6: {},
+        'hr + *': {},
+        'h2 + *': {},
+        'h3 + *': {},
+        'h4 + *': {},
+        img: {},
+        'img:first-child': {},
+        'img:last-child': {},
+        picture: {},
+        'picture > img': {},
+        video: {},
+        kbd: {},
+        code: {},
+        'h2 code': {},
+        'h3 code': {},
+        pre: {},
+                /*
+        '> ul > li > *:first-child': {},
+        '> ul > li > *:last-child': {},
+        '> ol > li > *:first-child': {},
+        '> ol > li > *:last-child': {},
+        */
+        'ul ul, ul ol, ol ul, ol ol': {},
+        dl: {},
+        dt:{},
+        dd:{},
+        table: {},
+        'thead th': {},
+        'thead th:first-child': {},
+        'thead th:last-child': {},
+        'tbody td, tfoot td': {},
+        'tbody td:first-child, tfoot td:first-child': {},
+        'tbody td:last-child, tfoot td:last-child': {},
+      },
+      {
+        '> :first-child': {},
+        '> :last-child': {},
+      },
+    ],
+  },
+  lg: {
+    css: [
+      {
+        p: {},
+        'p:first-child': {},
+        'p:last-child': {},
+        a: {},
+        'a:hover': {},
+        blockquote: {},
+          //'blockquote::before': {},
+          //'blockquote::after': {},
+        'blockquote p:first-of-type::before': {},
+        'blockquote p:last-of-type::after': {},
+        cite: {},
+        ol: {},
+        ul: {},
+        li: {},
+        'ol > li': {},
+        'ul > li': {},
+        'ul > li:last-child': {},
+        '> ul > li p': {},
+        hr: {},
+        h1: {
+          fontSize: pxToRem(55, base),
+          lineHeight: 1.1,
+        },
+        h2: {
+          fontSize: pxToRem(45, base),
+          lineHeight: 1.1,
+        },
+        h3: {
+          fontSize: pxToRem(32, base),
+          lineHeight: 1.1,
+        },
+        h4: {
+          fontSize: pxToRem(26, base),
+          marginTop: pxToRem(13, base),
+          marginBottom: pxToRem(13, base),
+          fontWeight: 500
+        },
+        h5: {
+          fontSize: pxToRem(22, base),
+          marginTop: pxToRem(11, base),
+          marginBottom: pxToRem(11, base),
+          fontWeight: 400
+        },
+        h6: {},
+        'hr + *': {},
+        'h2 + *': {},
+        'h3 + *': {},
+        'h4 + *': {},
+        img: {},
+        'img:first-child': {},
+        'img:last-child': {},
+        picture: {},
+        'picture > img': {},
+        video: {},
+        kbd: {},
+        code: {},
+        'h2 code': {},
+        'h3 code': {},
+        pre: {},
+                /*
+        '> ul > li > *:first-child': {},
+        '> ul > li > *:last-child': {},
+        '> ol > li > *:first-child': {},
+        '> ol > li > *:last-child': {},
+        */
+        'ul ul, ul ol, ol ul, ol ol': {},
+        dl: {},
+        dt:{},
+        dd:{},
+        table: {},
+        'thead th': {},
+        'thead th:first-child': {},
+        'thead th:last-child': {},
+        'tbody td, tfoot td': {},
+        'tbody td:first-child, tfoot td:first-child': {},
+        'tbody td:last-child, tfoot td:last-child': {},
+      },
+      {
+        '> :first-child': {},
+        '> :last-child': {},
+      },
+    ],
+  },
+})
+
+const getStyles = (baseFontSize) => ({
+  DEFAULT: {
+    css: [
+      defaultCSS,
+      typographyColorTheme,
+      ...defaultModifiers(baseFontSize).base.css,
+    ],
+  },
+  sm: defaultModifiers(baseFontSize).sm,
+  lg: defaultModifiers(baseFontSize).lg,
+}) 
+
+module.exports = getStyles
diff --git a/packages/ui/style/globals.css b/packages/ui/style/globals.css
new file mode 100644
index 00000000..5d468a44
--- /dev/null
+++ b/packages/ui/style/globals.css
@@ -0,0 +1,113 @@
+@tailwind base; 
+@tailwind components;
+@tailwind utilities;
+
+/* Preflight is applied first: 
+https://unpkg.com/tailwindcss@3.3.5/src/css/preflight.css
+*/
+
+@layer base {
+
+  :root, .light, .light-theme {
+    
+    --fg-0: hsl(0 0% 0%);
+    --fg-body: hsl(0 0% 10%);
+    --fg-1: hsl(0 0% 20%);
+    --fg-2: hsl(0 0% 35%);
+    --fg-3: hsl(0 0% 50%);
+    --fg-4: hsl(0 0% 70%);
+    --fg-5: hsl(0 0% 90%);
+
+    --bg-0: hsl(0 0% 100%);
+    --bg-1: hsl(0 0% 90%);
+    --bg-2: hsl(0 0% 75%);
+    --bg-3: hsl(0 0% 55%);
+
+    --bg-inverted: var(--fg-0);
+    --bg-inverted-hover:  hsla(0, 0%, 0%, 0.85);
+
+    --fg-inverted: var(--bg-0);
+
+    --secondary-0: hsl(266, 79%, 80%);
+    --secondary-1: hsl(266, 79%, 70%);
+    --secondary-2: hsl(266, 79%, 60%);
+    --secondary-3: hsl(266, 79%, 50%);
+
+    --primary: var(--bg-inverted);
+    --primary-hover: var(--bg-inverted-hover);
+    --primary-fg: var(--fg-inverted);
+
+    --secondary: var(--secondary-0);
+    --secondary-hover: var(--secondary-2);
+    --secondary-fg: var(--fg-0);
+
+    --nav: var(--fg-4);
+    --nav-current: var(--fg-0);
+    --nav-hover: var(--fg-0);
+
+    --destructive: hsl(0 62.8% 45%);
+    --destructive-hover: hsl(0 62.8% 25%);
+    --destructive-fg: hsl(0 0% 100%);
+
+    --input: var(--bg-1);
+    --ring: var(--fg-1);
+
+    --radius: 0.5rem;
+  }
+ 
+  .dark, .dark-theme {
+
+    --fg-0: hsl(0 0% 100%);
+    --fg-body: hsl(0, 0%, 97%);
+    --fg-1: hsl(0 0% 85%);
+    --fg-2: hsl(0 0% 70%);
+    --fg-3: hsl(0 0% 55%);
+    --fg-4: hsl(0 0% 40%);
+    --fg-5: hsl(0 0% 25%);
+
+    --bg-inverted: var(--fg-0);
+    --bg-inverted-hover:  hsla(0, 0%, 100%, 0.85);
+
+    --bg-3: hsl(0 0% 25%);
+    --bg-2: hsl(0 0% 18%);
+    --bg-1: hsl(0 0% 12%);
+    --bg-0: hsl(0 0% 0%);
+
+    --fg-inverted: var(--bg-0);
+
+    --secondary-0: hsl(266, 79%, 40%);
+    --secondary-1: hsl(266, 79%, 50%);
+    --secondary-2: hsl(266, 79%, 60%);
+    --secondary-3: hsl(266, 79%, 70%);
+  }
+}
+
+@layer base {
+  * {
+    @apply border-muted-3;
+    box-sizing: inherit;
+  }
+
+  /*
+    using this approach: 
+    https://stackoverflow.com/a/76066443/11645689
+    see src/app/(home)/scroll-snap
+  */
+
+  html {
+    scroll-snap-type: y mandatory;
+    height: 100vh;
+
+    overflow-y: scroll;
+    box-sizing: border-box;
+
+    scrollbar-width: none;
+  }
+
+  body {
+    font-feature-settings: "rlig" 1, "calt" 1;
+      /* Match text on cards from old site */ 
+    font-size: 16px; 
+    letter-spacing: 0.15px;
+  }
+}
diff --git a/packages/ui/style/nextFonts.ts b/packages/ui/style/nextFonts.ts
new file mode 100644
index 00000000..9d059992
--- /dev/null
+++ b/packages/ui/style/nextFonts.ts
@@ -0,0 +1,34 @@
+import { Inter } from 'next/font/google'
+import localFont from 'next/font/local'
+
+const drukTextWide = localFont({
+  src: [
+    {
+      path: './fonts/DrukTextWide-Medium-Trial.otf',
+      weight: '500',
+      style: 'normal'
+    },
+    {
+      path: './fonts/DrukTextWide-Bold-Trial.otf',
+      weight: '700',
+      style: 'normal'
+    },
+    {
+      path: './fonts/DrukTextWide-Heavy-Trial.otf',
+      weight: '800',
+      style: 'normal',
+    },
+  ],
+  display: 'swap',
+  variable: '--font-druk-text-wide' ,
+})
+
+const inter = Inter({
+  subsets: ["latin"],
+  variable: "--font-inter",
+})
+
+export {
+  inter,
+  drukTextWide
+}
diff --git a/packages/ui/style/safelist.tailwind.js b/packages/ui/style/safelist.tailwind.js
new file mode 100644
index 00000000..f2c46eed
--- /dev/null
+++ b/packages/ui/style/safelist.tailwind.js
@@ -0,0 +1,27 @@
+  // https://tailwindcss.com/docs/content-configuration#dynamic-class-names
+  // https://tailwindcss.com/docs/content-configuration#safelisting-classes
+
+  // these cannot be dynamically generated either. grr
+module.exports = [
+  'sm:grid-cols-2',
+  'sm:grid-cols-3',
+  'sm:grid-cols-4',
+  'sm:grid-cols-5',
+  'sm:grid-cols-6',
+  'md:grid-cols-2',
+  'md:grid-cols-3',
+  'md:grid-cols-4',
+  'md:grid-cols-5',
+  'md:grid-cols-6',
+  'lg:grid-cols-2',
+  'lg:grid-cols-3',
+  'lg:grid-cols-4',
+  'lg:grid-cols-5',
+  'lg:grid-cols-6',
+  'lg:columns-2',
+  'lg:columns-3',
+  'lg:columns-4',
+  'lg:columns-5',
+  'lg:columns-6',
+  'lg:columns-7',
+]
\ No newline at end of file
diff --git a/packages/ui/style/screens.tailwind.js b/packages/ui/style/screens.tailwind.js
new file mode 100644
index 00000000..6fcfd148
--- /dev/null
+++ b/packages/ui/style/screens.tailwind.js
@@ -0,0 +1,8 @@
+module.exports = {
+  xs: '0px',
+  sm: '450px',
+  md: '768px',
+  lg: '1024px',
+  xl: '1280px',
+  '2xl': '1500px', // to match other sites
+}
diff --git a/packages/ui/style/social-svg.css b/packages/ui/style/social-svg.css
new file mode 100644
index 00000000..c2ab7ef0
--- /dev/null
+++ b/packages/ui/style/social-svg.css
@@ -0,0 +1,3 @@
+.social-icon svg {
+    transform: scale(1.25);
+}
diff --git a/packages/ui/style/typo-plugin/demo/MarkdownSample.mdx b/packages/ui/style/typo-plugin/demo/MarkdownSample.mdx
new file mode 100644
index 00000000..1350ea7e
--- /dev/null
+++ b/packages/ui/style/typo-plugin/demo/MarkdownSample.mdx
@@ -0,0 +1,223 @@
+<p className="lead">
+  Until now, trying to style an article, document, or blog post with Tailwind has been a tedious
+  task that required a keen eye for typography and a lot of complex custom CSS.
+</p>
+
+By default, Tailwind removes all of the default browser styling from paragraphs, headings, lists and more. This ends up being really useful for building application UIs because you spend less time undoing user-agent styles, but when you _really are_ just trying to style some content that came from a rich-text editor in a CMS or a markdown file, it can be surprising and unintuitive.
+
+We get lots of complaints about it actually, with people regularly asking us things like:
+
+> Why is Tailwind removing the default styles on my `h1` elements? How do I disable this? What do you mean I lose all the other base styles too?
+
+We hear you, but we're not convinced that simply disabling our base styles is what you really want. You don't want to have to remove annoying margins every time you use a `p` element in a piece of your dashboard UI. And I doubt you really want your blog posts to use the user-agent styles either — you want them to look _awesome_, not awful.
+
+The `@tailwindcss/typography` plugin is our attempt to give you what you _actually_ want, without any of the downsides of doing something stupid like disabling our base styles.
+
+It adds a new `prose` class that you can slap on any block of vanilla HTML content and turn it into a beautiful, well-formatted document:
+
+```html
+<article class="prose">
+  <h1>Garlic bread with cheese: What the science tells us</h1>
+  <p>
+    For years parents have espoused the health benefits of eating garlic bread with cheese to their
+    children, with the food earning such an iconic status in our culture that kids will often dress
+    up as warm, cheesy loaf for Halloween.
+  </p>
+  <p>
+    But a recent study shows that the celebrated appetizer may be linked to a series of rabies cases
+    springing up around the country.
+  </p>
+  <!-- ... -->
+</article>
+```
+
+For more information about how to use the plugin and the features it includes, [read the documentation](https://github.com/tailwindcss/typography/blob/master/README.md).
+
+---
+
+## What to expect from here on out
+
+What follows from here is just a bunch of absolute nonsense I've written to dogfood the plugin itself. It includes every sensible typographic element I could think of, like **bold text**, unordered lists, ordered lists, code blocks, block quotes, _and even italics_.
+
+It's important to cover all of these use cases for a few reasons:
+
+1. We want everything to look good out of the box.
+2. Really just the first reason, that's the whole point of the plugin.
+3. Here's a third pretend reason though a list with three items looks more realistic than a list with two items.
+
+Now we're going to try out another header style.
+
+### Typography should be easy
+
+So that's a header for you — with any luck if we've done our job correctly that will look pretty reasonable.
+
+Something a wise person once told me about typography is:
+
+> Typography is pretty important if you don't want your stuff to look like trash. Make it good then it won't be bad.
+
+It's probably important that images look okay here by default as well:
+
+<figure>
+  <img
+    src="https://images.unsplash.com/photo-1556740758-90de374c12ad?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80"
+    alt=""
+  />
+  <figcaption>
+    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of
+    classical Latin literature from 45 BC, making it over 2000 years old.
+  </figcaption>
+</figure>
+
+Now I'm going to show you an example of an unordered list to make sure that looks good, too:
+
+- So here is the first item in this list.
+- In this example we're keeping the items short.
+- Later, we'll use longer, more complex list items.
+
+And that's the end of this section.
+
+## What if we stack headings?
+
+### We should make sure that looks good, too.
+
+Sometimes you have headings directly underneath each other. In those cases you often have to undo the top margin on the second heading because it usually looks better for the headings to be closer together than a paragraph followed by a heading should be.
+
+### When a heading comes after a paragraph …
+
+When a heading comes after a paragraph, we need a bit more space, like I already mentioned above. Now let's see what a more complex list would look like.
+
+- **I often do this thing where list items have headings.**
+
+  For some reason I think this looks cool which is unfortunate because it's pretty annoying to get the styles right.
+
+  I often have two or three paragraphs in these list items, too, so the hard part is getting the spacing between the paragraphs, list item heading, and separate list items to all make sense. Pretty tough honestly, you could make a strong argument that you just shouldn't write this way.
+
+- **Since this is a list, I need at least two items.**
+
+  I explained what I'm doing already in the previous list item, but a list wouldn't be a list if it only had one item, and we really want this to look realistic. That's why I've added this second list item so I actually have something to look at when writing the styles.
+
+- **It's not a bad idea to add a third item either.**
+
+  I think it probably would've been fine to just use two items but three is definitely not worse, and since I seem to be having no trouble making up arbitrary things to type, I might as well include it. I'm going to press <kbd>Enter</kbd> now.
+
+After this sort of list I usually have a closing statement or paragraph, because it kinda looks weird jumping right to a heading.
+
+## Code should look okay by default.
+
+I think most people are going to use [highlight.js](https://highlightjs.org/) or [Prism](https://prismjs.com/) or something if they want to style their code blocks but it wouldn't hurt to make them look _okay_ out of the box, even with no syntax highlighting.
+
+Here's what a default `tailwind.config.js` file looks like at the time of writing:
+
+```js
+module.exports = {
+  purge: [],
+  theme: {
+    extend: {},
+  },
+  variants: {},
+  plugins: [],
+}
+```
+
+Hopefully that looks good enough to you.
+
+### What about nested lists?
+
+Nested lists basically always look bad which is why editors like Medium don't even let you do it, but I guess since some of you goofballs are going to do it we have to carry the burden of at least making it work.
+
+1. **Nested lists are rarely a good idea.**
+   - You might feel like you are being really "organized" or something but you are just creating a gross shape on the screen that is hard to read.
+   - Nested navigation in UIs is a bad idea too, keep things as flat as possible.
+   - Nesting tons of folders in your source code is also not helpful.
+2. **Since we need to have more items, here's another one.**
+   - I'm not sure if we'll bother styling more than two levels deep.
+   - Two is already too much, three is guaranteed to be a bad idea.
+   - If you nest four levels deep you belong in prison.
+3. **Two items isn't really a list, three is good though.**
+   - Again please don't nest lists if you want people to actually read your content.
+   - Nobody wants to look at this.
+   - I'm upset that we even have to bother styling this.
+
+The most annoying thing about lists in Markdown is that `<li>` elements aren't given a child `<p>` tag unless there are multiple paragraphs in the list item. That means I have to worry about styling that annoying situation too.
+
+- **For example, here's another nested list.**
+
+  But this time with a second paragraph.
+
+  - These list items won't have `<p>` tags
+  - Because they are only one line each
+
+- **But in this second top-level list item, they will.**
+
+  This is especially annoying because of the spacing on this paragraph.
+
+  - As you can see here, because I've added a second line, this list item now has a `<p>` tag.
+
+    This is the second line I'm talking about by the way.
+
+  - Finally here's another list item so it's more like a list.
+
+- A closing list item, but with no nested list, because why not?
+
+And finally a sentence to close off this section.
+
+## We didn't forget about description lists
+
+Well, that's not exactly true, we first released this plugin back in 2020 and it took three years before we added description lists. But they're here now, so let's just be happy about that&hellip;okay? They can be great for things like FAQs.
+
+<dl>
+  <dt>Why do you never see elephants hiding in trees?</dt>
+  <dd>
+    Because they're so good at it. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas
+    cupiditate laboriosam fugiat.
+  </dd>
+  <dt>What do you call someone with no body and no nose?</dt>
+  <dd>
+    Nobody knows. Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa, voluptas ipsa quia
+    excepturi, quibusdam natus exercitationem sapiente tempore labore voluptatem.
+  </dd>
+  <dt>Why can't you hear a pterodactyl go to the bathroom?</dt>
+  <dd>
+    Because the pee is silent. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, quas
+    voluptatibus ex culpa ipsum, aspernatur blanditiis fugiat ullam magnam suscipit deserunt illum
+    natus facilis atque vero consequatur! Quisquam, debitis error.
+  </dd>
+</dl>
+
+## There are other elements we need to style
+
+I almost forgot to mention links, like [this link to the Tailwind CSS website](https://tailwindcss.com). We almost made them blue but that's so yesterday, so we went with dark gray, feels edgier.
+
+We even included table styles, check it out:
+
+| Wrestler                | Origin       | Finisher           |
+| ----------------------- | ------------ | ------------------ |
+| Bret "The Hitman" Hart  | Calgary, AB  | Sharpshooter       |
+| Stone Cold Steve Austin | Austin, TX   | Stone Cold Stunner |
+| Randy Savage            | Sarasota, FL | Elbow Drop         |
+| Vader                   | Boulder, CO  | Vader Bomb         |
+| Razor Ramon             | Chuluota, FL | Razor's Edge       |
+
+We also need to make sure inline code looks good, like if I wanted to talk about `<span>` elements or tell you the good news about `@tailwindcss/typography`.
+
+### Sometimes I even use `code` in headings
+
+Even though it's probably a bad idea, and historically I've had a hard time making it look good. This _"wrap the code blocks in backticks"_ trick works pretty well though really.
+
+Another thing I've done in the past is put a `code` tag inside of a link, like if I wanted to tell you about the [`tailwindcss/docs`](https://github.com/tailwindcss/docs) repository. I don't love that there is an underline below the backticks but it is absolutely not worth the madness it would require to avoid it.
+
+#### We haven't used an `h4` yet
+
+But now we have. Please don't use `h5` or `h6` in your content, Medium only supports two heading levels for a reason, you animals. I honestly considered using a `before` pseudo-element to scream at you if you use an `h5` or `h6`.
+
+We don't style them at all out of the box because `h4` elements are already so small that they are the same size as the body copy. What are we supposed to do with an `h5`, make it _smaller_ than the body copy? No thanks.
+
+### We still need to think about stacked headings though.
+
+#### Let's make sure we don't screw that up with `h4` elements, either.
+
+Phew, with any luck we have styled the headings above this text and they look pretty good.
+
+Let's add a closing paragraph here so things end with a decently sized block of text. I can't explain why I want things to end that way but I have to assume it's because I think things will look weird or unbalanced if there is a heading too close to the end of the document.
+
+What I've written here is probably long enough, but adding this final sentence can't hurt.
diff --git a/packages/ui/style/typo-plugin/demo/MarkdownSampleShort.mdx b/packages/ui/style/typo-plugin/demo/MarkdownSampleShort.mdx
new file mode 100644
index 00000000..b92b55fe
--- /dev/null
+++ b/packages/ui/style/typo-plugin/demo/MarkdownSampleShort.mdx
@@ -0,0 +1,60 @@
+<p className="lead">
+  Until now, trying to style an article, document, or blog post with Tailwind has been a very
+  tedious task.
+</p>
+
+The `@tailwindcss/typography` plugin is our attempt to give you what you _actually_ want, without any of the downsides of doing something stupid like disabling our base styles.
+
+> Why is Tailwind removing the default styles on my `h1` elements? How do I disable this? What do you mean I lose all the other base styles too?
+
+<div className="not-prose">
+  <h2>Shouldn't be colored</h2>
+</div>
+
+```html
+<p>
+  But a recent study shows that the celebrated appetizer may be linked to a series of rabies cases
+  springing up around the country.
+</p>
+```
+
+For more information about how to use the plugin and the features it includes, [read the documentation](https://github.com/tailwindcss/typography/blob/master/README.md).
+
+---
+
+## This is a heading
+
+1. We want everything to look good out of the box.
+2. Really just the first reason, that's the whole point of the plugin.
+3. Here's a third pretend reason though a list with three items looks more realistic than a list with two items.
+
+Now **I'm going to show you** an example of an unordered list to make sure that looks good, too:
+
+- So here is the first item in this list.
+- In this example we're keeping the items short.
+- Later, we'll use longer, more complex list items.
+
+Let's even style a table:
+
+| Wrestler                | Origin       | Finisher           |
+| ----------------------- | ------------ | ------------------ |
+| Bret "The Hitman" Hart  | Calgary, AB  | Sharpshooter       |
+| Stone Cold Steve Austin | Austin, TX   | Stone Cold Stunner |
+| Randy Savage            | Sarasota, FL | Elbow Drop         |
+| Vader                   | Boulder, CO  | Vader Bomb         |
+| Razor Ramon             | Chuluota, FL | Razor's Edge       |
+
+Finally, a figure with a caption:
+
+<figure>
+  <img
+    src="https://images.unsplash.com/photo-1556740758-90de374c12ad?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&h=500&q=80"
+    alt=""
+  />
+  <figcaption>
+    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of
+    classical Latin literature from 45 BC, making it over 2000 years old.
+  </figcaption>
+</figure>
+
+And that's the end of our little demo.
diff --git a/packages/ui/style/typo-plugin/demo/dark.js b/packages/ui/style/typo-plugin/demo/dark.js
new file mode 100644
index 00000000..2fde453f
--- /dev/null
+++ b/packages/ui/style/typo-plugin/demo/dark.js
@@ -0,0 +1,24 @@
+import Head from 'next/head'
+import MarkdownSampleShort from '../components/MarkdownSampleShort.mdx'
+
+export default function Index() {
+  return (
+    <div className="antialiased text-gray-900">
+      <Head>
+        <title>Tailwind CSS Typography</title>
+      </Head>
+      <div className="grid">
+        <div className="bg-white dark:bg-gray-900">
+          <article className="py-12 px-4 prose prose-gray dark:prose-invert mx-auto">
+            <h1>Are you happy now?</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export const config = {
+  unstable_runtimeJS: false,
+}
diff --git a/packages/ui/style/typo-plugin/demo/list-items.js b/packages/ui/style/typo-plugin/demo/list-items.js
new file mode 100644
index 00000000..dc2f003c
--- /dev/null
+++ b/packages/ui/style/typo-plugin/demo/list-items.js
@@ -0,0 +1,176 @@
+import Head from 'next/head'
+import MarkdownSampleShort from '../components/MarkdownSampleShort.mdx'
+
+export default function Index() {
+  return (
+    <div className="antialiased text-gray-900 py-12 pl-32 space-y-12">
+      <Head>
+        <title>Tailwind CSS Typography</title>
+      </Head>
+      <div className="relative">
+        <div className="absolute inset-0 flex prose prose-sm opacity-0">
+          <div className="border-l border-red-200" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-200" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+        </div>
+        <div className="relative prose prose-sm">
+          <h3>prose-sm</h3>
+          <p>It's important to cover all of these use cases for a few reasons:</p>
+          <ol>
+            <li>We want everything to look good out of the box.</li>
+            <li>Really just the first reason, that's the whole point of the plugin.</li>
+            <li>
+              Here's a third pretend reason though a list with three items looks more realistic than
+              a list with two items.
+            </li>
+            <li>We want everything to look good out of the box.</li>
+            <li>Really just the first reason, that's the whole point of the plugin.</li>
+          </ol>
+          <p>Now we're going to try out another header style.</p>
+          <ul>
+            <li>So here is the first item in this list.</li>
+            <li>In this example we're keeping the items short.</li>
+            <li>Later, we'll use longer, more complex list items.</li>
+          </ul>
+        </div>
+      </div>
+      <div className="relative">
+        <div className="absolute inset-0 flex prose prose-base opacity-0">
+          <div className="border-l border-red-200" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-200" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+        </div>
+        <div className="relative prose prose-base">
+          <h3>prose-base</h3>
+          <p>It's important to cover all of these use cases for a few reasons:</p>
+          <ol>
+            <li>We want everything to look good out of the box.</li>
+            <li>Really just the first reason, that's the whole point of the plugin.</li>
+            <li>
+              Here's a third pretend reason though a list with three items looks more realistic than
+              a list with two items.
+            </li>
+            <li>We want everything to look good out of the box.</li>
+            <li>Really just the first reason, that's the whole point of the plugin.</li>
+          </ol>
+          <p>Now we're going to try out another header style.</p>
+          <ul>
+            <li>So here is the first item in this list.</li>
+            <li>In this example we're keeping the items short.</li>
+            <li>Later, we'll use longer, more complex list items.</li>
+          </ul>
+        </div>
+      </div>
+      <div className="relative">
+        <div className="absolute inset-0 flex prose prose-lg opacity-0">
+          <div className="border-l border-red-200" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-200" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+        </div>
+        <div className="relative prose prose-lg">
+          <h3>prose-lg</h3>
+          <p>It's important to cover all of these use cases for a few reasons:</p>
+          <ol>
+            <li>We want everything to look good out of the box.</li>
+            <li>Really just the first reason, that's the whole point of the plugin.</li>
+            <li>
+              Here's a third pretend reason though a list with three items looks more realistic than
+              a list with two items.
+            </li>
+            <li>We want everything to look good out of the box.</li>
+            <li>Really just the first reason, that's the whole point of the plugin.</li>
+          </ol>
+          <p>Now we're going to try out another header style.</p>
+          <ul>
+            <li>So here is the first item in this list.</li>
+            <li>In this example we're keeping the items short.</li>
+            <li>Later, we'll use longer, more complex list items.</li>
+          </ul>
+        </div>
+      </div>
+      <div className="relative">
+        <div className="absolute inset-0 flex prose prose-xl opacity-0">
+          <div className="border-l border-red-200" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-200" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+        </div>
+        <div className="relative prose prose-xl">
+          <h3>prose-xl</h3>
+          <p>It's important to cover all of these use cases for a few reasons:</p>
+          <ol>
+            <li>We want everything to look good out of the box.</li>
+            <li>Really just the first reason, that's the whole point of the plugin.</li>
+            <li>
+              Here's a third pretend reason though a list with three items looks more realistic than
+              a list with two items.
+            </li>
+            <li>We want everything to look good out of the box.</li>
+            <li>Really just the first reason, that's the whole point of the plugin.</li>
+          </ol>
+          <p>Now we're going to try out another header style.</p>
+          <ul>
+            <li>So here is the first item in this list.</li>
+            <li>In this example we're keeping the items short.</li>
+            <li>Later, we'll use longer, more complex list items.</li>
+          </ul>
+        </div>
+      </div>
+      <div className="relative">
+        <div className="absolute inset-0 flex prose prose-2xl opacity-0">
+          <div className="border-l border-red-200" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-200" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+          <div className="border-l border-red-100" style={{ width: '1em' }}></div>
+        </div>
+        <div className="relative prose prose-2xl">
+          <h3>prose-2xl</h3>
+          <p>It's important to cover all of these use cases for a few reasons:</p>
+          <ol>
+            <li>We want everything to look good out of the box.</li>
+            <li>Really just the first reason, that's the whole point of the plugin.</li>
+            <li>
+              Here's a third pretend reason though a list with three items looks more realistic than
+              a list with two items.
+            </li>
+            <li>We want everything to look good out of the box.</li>
+            <li>Really just the first reason, that's the whole point of the plugin.</li>
+          </ol>
+          <p>Now we're going to try out another header style.</p>
+          <ul>
+            <li>So here is the first item in this list.</li>
+            <li>In this example we're keeping the items short.</li>
+            <li>Later, we'll use longer, more complex list items.</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export const config = {
+  unstable_runtimeJS: false,
+}
diff --git a/packages/ui/style/typo-plugin/demo/themes.js b/packages/ui/style/typo-plugin/demo/themes.js
new file mode 100644
index 00000000..0cdfd831
--- /dev/null
+++ b/packages/ui/style/typo-plugin/demo/themes.js
@@ -0,0 +1,282 @@
+import Head from 'next/head'
+import MarkdownSampleShort from '../components/MarkdownSampleShort.mdx'
+
+export default function Index() {
+  return (
+    <div className="antialiased text-gray-900">
+      <Head>
+        <title>Tailwind CSS Typography</title>
+      </Head>
+      <div className="grid grid-cols-2">
+        <div className="bg-white dark:bg-slate-900">
+          <article className="py-12 px-4 prose prose-slate prose-red dark:prose-invert mx-auto prose-headings:text-green-400">
+            <h1>Slate</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-slate-900">
+          <article className="py-12 px-4 prose prose-slate prose-invert mx-auto">
+            <h1>Slate</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-50">
+          <article className="py-12 px-4 prose prose-gray mx-auto">
+            <h1>Gray</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-gray prose-invert mx-auto">
+            <h1>Gray</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-zinc-50">
+          <article className="py-12 px-4 prose prose-zinc mx-auto">
+            <h1>Zinc</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-zinc-900">
+          <article className="py-12 px-4 prose prose-zinc prose-invert mx-auto">
+            <h1>Zinc</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-neutral-50">
+          <article className="py-12 px-4 prose prose-neutral mx-auto">
+            <h1>Neutral</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-neutral-900">
+          <article className="py-12 px-4 prose prose-neutral prose-invert mx-auto">
+            <h1>Neutral</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-stone-50">
+          <article className="py-12 px-4 prose prose-stone mx-auto">
+            <h1>Stone</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-stone-900">
+          <article className="py-12 px-4 prose prose-stone prose-invert mx-auto">
+            <h1>Stone</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-white">
+          <article className="py-12 px-4 prose prose-red mx-auto">
+            <h1>Red Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-red prose-invert mx-auto">
+            <h1>Red Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-white">
+          <article className="py-12 px-4 prose prose-orange mx-auto">
+            <h1>Orange Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-orange prose-invert mx-auto">
+            <h1>Orange Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-white">
+          <article className="py-12 px-4 prose prose-amber mx-auto">
+            <h1>Amber Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-amber prose-invert mx-auto">
+            <h1>Amber Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-white">
+          <article className="py-12 px-4 prose prose-yellow mx-auto">
+            <h1>Yellow Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-yellow prose-invert mx-auto">
+            <h1>Yellow Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-white">
+          <article className="py-12 px-4 prose prose-lime mx-auto">
+            <h1>Lime Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-lime prose-invert mx-auto">
+            <h1>Lime Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-white">
+          <article className="py-12 px-4 prose prose-green mx-auto">
+            <h1>Green Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-green prose-invert mx-auto">
+            <h1>Green Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-white">
+          <article className="py-12 px-4 prose prose-emerald mx-auto">
+            <h1>Emerald Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-emerald prose-invert mx-auto">
+            <h1>Emerald Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-white">
+          <article className="py-12 px-4 prose prose-teal mx-auto">
+            <h1>Teal Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-teal prose-invert mx-auto">
+            <h1>Teal Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-white">
+          <article className="py-12 px-4 prose prose-cyan mx-auto">
+            <h1>Cyan Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-cyan prose-invert mx-auto">
+            <h1>Cyan Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-white">
+          <article className="py-12 px-4 prose prose-sky mx-auto">
+            <h1>Sky Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-sky prose-invert mx-auto">
+            <h1>Sky Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-white">
+          <article className="py-12 px-4 prose prose-blue mx-auto">
+            <h1>Blue Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-blue prose-invert mx-auto">
+            <h1>Blue Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-white">
+          <article className="py-12 px-4 prose prose-indigo mx-auto">
+            <h1>Indigo Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-indigo prose-invert mx-auto">
+            <h1>Indigo Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-white">
+          <article className="py-12 px-4 prose prose-violet mx-auto">
+            <h1>Violet Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-violet prose-invert mx-auto">
+            <h1>Violet Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-white">
+          <article className="py-12 px-4 prose prose-purple mx-auto">
+            <h1>Purple Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-purple prose-invert mx-auto">
+            <h1>Purple Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-white">
+          <article className="py-12 px-4 prose prose-fuchsia mx-auto">
+            <h1>Fuchsia Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-fuchsia prose-invert mx-auto">
+            <h1>Fuchsia Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-white">
+          <article className="py-12 px-4 prose prose-pink mx-auto">
+            <h1>Pink Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-pink prose-invert mx-auto">
+            <h1>Pink Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-white">
+          <article className="py-12 px-4 prose prose-rose mx-auto">
+            <h1>Rose Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+        <div className="bg-gray-900">
+          <article className="py-12 px-4 prose prose-rose prose-invert mx-auto">
+            <h1>Rose Links</h1>
+            <MarkdownSampleShort />
+          </article>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export const config = {
+  unstable_runtimeJS: false,
+}
diff --git a/packages/ui/style/typo-plugin/demo/variants.js b/packages/ui/style/typo-plugin/demo/variants.js
new file mode 100644
index 00000000..426106a8
--- /dev/null
+++ b/packages/ui/style/typo-plugin/demo/variants.js
@@ -0,0 +1,64 @@
+import Head from 'next/head'
+import MarkdownSampleShort from '../components/MarkdownSampleShort.mdx'
+
+export default function Variants() {
+  return (
+    <div className="antialiased text-gray-900 md:bg-gray-900 lg:bg-white">
+      <Head>
+        <title>Tailwind CSS Typography</title>
+      </Head>
+      <div className="px-4 py-10 max-w-3xl mx-auto sm:px-6 sm:py-12 lg:max-w-4xl lg:py-16 lg:px-8 xl:max-w-6xl">
+        <article>
+          <h1 className="sr-only">Tailwind CSS Typography</h1>
+          <div className="space-y-10 sm:space-y-12 lg:space-y-20 xl:space-y-24">
+            <div className="space-y-10 sm:space-y-0 sm:flex sm:items-center sm:justify-between">
+              <svg className="h-6 sm:h-8" fill="none" viewBox="0 0 297 24">
+                <path
+                  fill="#16BDCA"
+                  fillRule="evenodd"
+                  d="M19.418.523c-5.178 0-8.415 2.589-9.71 7.767 1.943-2.59 4.208-3.56 6.797-2.913 1.477.37 2.533 1.44 3.702 2.627 1.903 1.933 4.107 4.17 8.92 4.17 5.178 0 8.414-2.59 9.708-7.768-1.941 2.59-4.207 3.56-6.796 2.913-1.477-.37-2.533-1.441-3.702-2.628C26.434 2.76 24.23.523 19.417.523zm-9.71 11.65c-5.177 0-8.413 2.59-9.708 7.767 1.942-2.589 4.207-3.56 6.796-2.913 1.477.37 2.533 1.441 3.702 2.628 1.904 1.932 4.107 4.169 8.92 4.169 5.178 0 8.414-2.59 9.709-7.767-1.942 2.589-4.208 3.56-6.797 2.912-1.477-.369-2.533-1.44-3.701-2.627-1.904-1.932-4.108-4.169-8.92-4.169z"
+                  clipRule="evenodd"
+                />
+                <path
+                  fill="#1a202c"
+                  d="M59.31 8.962v-2.79h-3.328V2.414l-2.898.858v2.898h-2.468v2.79h2.468v6.44c0 3.489 1.771 4.723 6.225 4.186v-2.602c-2.2.107-3.327.134-3.327-1.584v-6.44h3.327zM72.013 6.171v1.905c-1.02-1.395-2.603-2.254-4.696-2.254-3.649 0-6.68 3.06-6.68 7.057 0 3.971 3.031 7.057 6.68 7.057 2.093 0 3.676-.859 4.696-2.28v1.931h2.897V6.171h-2.897zm-4.24 11.001c-2.415 0-4.24-1.797-4.24-4.293 0-2.495 1.825-4.293 4.24-4.293s4.24 1.798 4.24 4.293c0 2.496-1.825 4.293-4.24 4.293zM79.737 4.159c1.02 0 1.852-.859 1.852-1.851 0-1.02-.832-1.852-1.852-1.852s-1.851.832-1.851 1.852c0 .992.832 1.85 1.851 1.85zm-1.449 15.428h2.898V6.171h-2.898v13.416zM84.55 19.587h2.898V0h-2.897v19.587zM106.268 6.171l-2.629 9.257-2.791-9.257h-2.763l-2.818 9.257-2.602-9.257h-3.06l4.213 13.416h2.844l2.818-9.042 2.79 9.042h2.844l4.213-13.416h-3.059zM112.91 4.159c1.019 0 1.851-.859 1.851-1.851 0-1.02-.832-1.852-1.851-1.852-1.02 0-1.852.832-1.852 1.852 0 .992.832 1.85 1.852 1.85zm-1.449 15.428h2.898V6.171h-2.898v13.416zM124.78 5.822c-1.824 0-3.273.671-4.159 2.067V6.17h-2.898v13.416h2.898v-7.19c0-2.738 1.503-3.865 3.408-3.865 1.824 0 3.005 1.074 3.005 3.113v7.942h2.898V11.35c0-3.488-2.147-5.528-5.152-5.528zM143.677.805v7.271c-1.019-1.395-2.602-2.254-4.695-2.254-3.649 0-6.681 3.06-6.681 7.057 0 3.971 3.032 7.057 6.681 7.057 2.093 0 3.676-.859 4.695-2.28v1.931h2.898V.805h-2.898zm-4.239 16.367c-2.415 0-4.239-1.797-4.239-4.293 0-2.495 1.824-4.293 4.239-4.293s4.239 1.798 4.239 4.293c0 2.496-1.824 4.293-4.239 4.293z"
+                />
+                <path
+                  fill="#16BDCA"
+                  d="M161.544 5.748h-10.182v2.61h3.717v11.23h2.728V8.357h3.737v-2.61zM175.997 5.748h-3.084l-3.005 5.773-3.006-5.773h-3.084l4.725 8.442v5.397h2.709V14.19l4.745-8.442zM184.461 5.748h-5.16v13.84h2.728V15.04h2.432c2.669 0 4.725-2.056 4.725-4.646s-2.056-4.646-4.725-4.646zm0 6.741h-2.432V8.3h2.432c1.166 0 2.016.889 2.016 2.095 0 1.186-.85 2.095-2.016 2.095zM199.387 19.864c3.994 0 7.196-3.163 7.196-7.197 0-4.053-3.202-7.196-7.196-7.196-3.994 0-7.177 3.143-7.177 7.196 0 4.034 3.183 7.197 7.177 7.197zm0-2.67c-2.511 0-4.468-1.877-4.468-4.527 0-2.669 1.957-4.547 4.468-4.547s4.468 1.878 4.468 4.547c0 2.65-1.957 4.528-4.468 4.528zM224.061 12.153h-6.94v2.412h4.191c-.474 1.582-1.858 2.63-4.033 2.63-2.886 0-4.725-1.938-4.725-4.508 0-2.63 1.898-4.567 4.527-4.567 1.681 0 3.085.81 3.717 1.918l2.333-1.345c-1.166-1.897-3.4-3.222-6.03-3.222-4.132 0-7.256 3.203-7.256 7.216 0 3.954 3.085 7.177 7.414 7.177 3.974 0 6.802-2.65 6.802-6.643v-1.068zM235.57 19.587h2.946l-3.064-5.22c1.581-.73 2.669-2.293 2.669-4.033 0-2.53-2.057-4.586-4.607-4.586h-5.536v13.84h2.729v-4.805h2.076l2.787 4.804zm-4.863-11.289h2.807c1.028 0 1.878.89 1.878 2.037 0 1.146-.85 2.056-1.878 2.056h-2.807V8.298zM250.996 19.587h2.966l-4.864-13.84h-3.38l-4.844 13.84h2.946l.83-2.491h5.516l.83 2.491zm-5.476-5.041l1.898-5.655 1.898 5.655h-3.796zM262.443 5.748h-5.16v13.84h2.728V15.04h2.432c2.669 0 4.725-2.056 4.725-4.646s-2.056-4.646-4.725-4.646zm0 6.741h-2.432V8.3h2.432c1.167 0 2.017.889 2.017 2.095 0 1.186-.85 2.095-2.017 2.095zM278.79 5.748v5.496h-5.14V5.748h-2.728v13.84h2.728v-5.734h5.14v5.733h2.709V5.747h-2.709zM297 5.748h-3.084l-3.005 5.773-3.006-5.773h-3.084l4.725 8.442v5.397h2.709V14.19L297 5.748z"
+                />
+              </svg>
+
+              <div>
+                <a
+                  href="https://github.com/tailwindcss/typography"
+                  className="inline-flex items-center py-2 px-3 space-x-2 rounded-md bg-gray-800 text-gray-300 text-sm leading-5 font-medium shadow-lg hover:bg-gray-700 transition ease-in-out duration-100"
+                >
+                  <svg className="h-5 w-5 text-gray-500" fill="currentColor" viewBox="0 0 20 20">
+                    <path
+                      fillRule="evenodd"
+                      d="M10 0C4.477 0 0 4.484 0 10.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0110 4.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.203 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.942.359.31.678.921.678 1.856 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0020 10.017C20 4.484 15.522 0 10 0z"
+                      clipRule="evenodd"
+                    />
+                  </svg>
+                  <span>View on GitHub</span>
+                </a>
+              </div>
+            </div>
+            <div
+              className="prose
+            marker:prose-ol:text-red-500
+
+            prose-bullets:bg-red-500
+            marker:prose-ul:text-red-500
+
+            prose-img:rounded-xl prose-img:shadow-xl prose-pre:bg-blue-900 prose-pre:text-pink-200 hover:prose-pre:font-bold prose-headings:text-pink-800 sm:prose-base md:prose-invert lg:prose-slate"
+            >
+              <MarkdownSampleShort />
+            </div>
+          </div>
+        </article>
+      </div>
+    </div>
+  )
+}
diff --git a/packages/ui/style/typo-plugin/index.d.ts b/packages/ui/style/typo-plugin/index.d.ts
new file mode 100644
index 00000000..5c38097c
--- /dev/null
+++ b/packages/ui/style/typo-plugin/index.d.ts
@@ -0,0 +1,9 @@
+declare function plugin(options?: Partial<{ className: string; target: 'modern' | 'legacy' }>): {
+  handler: () => void
+}
+
+declare namespace plugin {
+  const __isOptionsFunction: true
+}
+
+export = plugin
diff --git a/packages/ui/style/typo-plugin/index.js b/packages/ui/style/typo-plugin/index.js
new file mode 100644
index 00000000..d3b49d43
--- /dev/null
+++ b/packages/ui/style/typo-plugin/index.js
@@ -0,0 +1,141 @@
+const plugin = require('tailwindcss/plugin')
+const merge = require('lodash.merge')
+const castArray = require('lodash.castarray')
+const getStyles = require('../get-plugin-styles')
+const { commonTrailingPseudos } = require('./utils')
+
+let baseFontSize = 16 
+
+const computed = {
+  // Reserved for future "magic properties", for example:
+  // bulletColor: (color) => ({ 'ul > li::before': { backgroundColor: color } }),
+}
+
+function inWhere(selector, { className, modifier, prefix }) {
+  let prefixedNot = prefix(`.not-${className}`).slice(1)
+  let selectorPrefix = selector.startsWith('>')
+    ? `${modifier === 'DEFAULT' ? `.${className}` : `.${className}-${modifier}`} `
+    : ''
+
+  // Parse the selector, if every component ends in the same pseudo element(s) then move it to the end
+  let [trailingPseudo, rebuiltSelector] = commonTrailingPseudos(selector)
+
+  if (trailingPseudo) {
+    return `:where(${selectorPrefix}${rebuiltSelector}):not(:where([class~="${prefixedNot}"],[class~="${prefixedNot}"] *))${trailingPseudo}`
+  }
+
+  return `:where(${selectorPrefix}${selector}):not(:where([class~="${prefixedNot}"],[class~="${prefixedNot}"] *))`
+}
+
+function isObject(value) {
+  return typeof value === 'object' && value !== null
+}
+
+function configToCss(config = {}, { target, className, modifier, prefix }) {
+  function updateSelector(k, v) {
+    if (target === 'legacy') {
+      return [k, v]
+    }
+
+    if (Array.isArray(v)) {
+      return [k, v]
+    }
+
+    if (isObject(v)) {
+      let nested = Object.values(v).some(isObject)
+      if (nested) {
+        return [
+          inWhere(k, { className, modifier, prefix }),
+          v,
+          Object.fromEntries(Object.entries(v).map(([k, v]) => updateSelector(k, v))),
+        ]
+      }
+
+      return [inWhere(k, { className, modifier, prefix }), v]
+    }
+
+    return [k, v]
+  }
+
+  return Object.fromEntries(
+    Object.entries(
+      merge(
+        {},
+        ...Object.keys(config)
+          .filter((key) => computed[key])
+          .map((key) => computed[key](config[key])),
+        ...castArray(config.css || {})
+      )
+    ).map(([k, v]) => updateSelector(k, v))
+  )
+}
+
+module.exports = plugin.withOptions(
+  ({ className = 'prose', target = 'modern', base = 16 } = {}) => {
+    baseFontSize = base
+    return function ({ addVariant, addComponents, theme, prefix }) {
+      let modifiers = theme('typography')
+
+      let options = { className, prefix }
+
+      for (let [name, ...selectors] of [
+        ['headings', 'h1', 'h2', 'h3', /* 'h4', 'h5', 'h6', 'th' */],
+        ['h1'],
+        ['h2'],
+        ['h3'],
+        ['h4'],
+        ['h5'],
+        ['h6'],
+        ['p'],
+        ['a'],
+        ['blockquote'],
+        ['figure'],
+        ['figcaption'],
+        ['strong'],
+        ['em'],
+        ['code'],
+        ['pre'],
+        ['ol'],
+        ['ul'],
+        ['li'],
+        ['table'],
+        ['thead'],
+        ['tr'],
+        ['th'],
+        ['td'],
+        ['img'],
+        ['video'],
+        ['hr'],
+      ]) {
+        selectors = selectors.length === 0 ? [name] : selectors
+
+        let selector =
+          target === 'legacy' ? selectors.map((selector) => `& ${selector}`) : selectors.join(', ')
+
+        addVariant(
+          `${className}-${name}`,
+          target === 'legacy' ? selector : `& :is(${inWhere(selector, options)})`
+        )
+      }
+
+      addComponents(
+        Object.keys(modifiers).map((modifier) => ({
+          [modifier === 'DEFAULT' ? `.${className}` : `.${className}-${modifier}`]: configToCss(
+            modifiers[modifier],
+            {
+              target,
+              className,
+              modifier,
+              prefix,
+            }
+          ),
+        }))
+      )
+    }
+  },
+  () => {
+    return {
+      theme: { typography: getStyles(baseFontSize) },
+    }
+  }
+)
diff --git a/packages/ui/style/typo-plugin/utils.js b/packages/ui/style/typo-plugin/utils.js
new file mode 100644
index 00000000..085f72e1
--- /dev/null
+++ b/packages/ui/style/typo-plugin/utils.js
@@ -0,0 +1,62 @@
+const isPlainObject = require('lodash.isplainobject')
+
+const parser = require('postcss-selector-parser')
+const parseSelector = parser()
+
+module.exports = {
+  isUsableColor(color, values) {
+    return isPlainObject(values) && color !== 'gray' && values[600]
+  },
+
+  /**
+   * @param {string} selector
+   */
+  commonTrailingPseudos(selector) {
+    let ast = parseSelector.astSync(selector)
+
+    /** @type {import('postcss-selector-parser').Pseudo[][]} */
+    let matrix = []
+
+    // Put the pseudo elements in reverse order in a sparse, column-major 2D array
+    for (let [i, sel] of ast.nodes.entries()) {
+      for (const [j, child] of [...sel.nodes].reverse().entries()) {
+        // We only care about pseudo elements
+        if (child.type !== 'pseudo' || !child.value.startsWith('::')) {
+          break
+        }
+
+        matrix[j] = matrix[j] || []
+        matrix[j][i] = child
+      }
+    }
+
+    let trailingPseudos = parser.selector()
+
+    // At this point the pseudo elements are in a column-major 2D array
+    // This means each row contains one "column" of pseudo elements from each selector
+    // We can compare all the pseudo elements in a row to see if they are the same
+    for (const pseudos of matrix) {
+      // It's a sparse 2D array so there are going to be holes in the rows
+      // We skip those
+      if (!pseudos) {
+        continue
+      }
+
+      let values = new Set([...pseudos.map((p) => p.value)])
+
+      // The pseudo elements are not the same
+      if (values.size > 1) {
+        break
+      }
+
+      pseudos.forEach((pseudo) => pseudo.remove())
+      trailingPseudos.prepend(pseudos[0])
+    }
+
+    if (trailingPseudos.nodes.length) {
+      return [trailingPseudos.toString(), ast.toString()]
+    }
+
+    return [null, selector]
+  },
+}
diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
new file mode 100644
index 00000000..0fed53f1
--- /dev/null
+++ b/packages/ui/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules", "./dist", "**/*.stories.tsx"],
+  "plugins": [{ "name": "next" }],
+  "compilerOptions": {
+    "declaration": true,
+    "declarationMap": true,
+    "outDir": "./dist",
+    "jsx": "react-jsx",
+    "lib": ["dom", "es2015"]
+  }
+}
diff --git a/packages/ui/types/breakpoints.ts b/packages/ui/types/breakpoints.ts
new file mode 100644
index 00000000..d29244db
--- /dev/null
+++ b/packages/ui/types/breakpoints.ts
@@ -0,0 +1,11 @@
+// @ts-nocheck
+
+import bps from '../style/screens.tailwind'
+
+type Breakpoint = keyof typeof bps
+const Breakpoints = Object.keys(bps)
+
+export {
+  Breakpoints,
+  type Breakpoint
+}
\ No newline at end of file
diff --git a/packages/ui/types/button-def.ts b/packages/ui/types/button-def.ts
new file mode 100644
index 00000000..28d33468
--- /dev/null
+++ b/packages/ui/types/button-def.ts
@@ -0,0 +1,39 @@
+import { type ButtonProps } from '../primitives/button'
+
+type SubmitServerAction = (data: any, enclosure?: any) => Promise<void>
+
+interface ButtonModalProps {
+  open: boolean
+  onOpenChange: (b: boolean) => void
+  buttonText: string
+  buttonProps: ButtonProps
+  title: string
+  byline?: string
+  action: SubmitServerAction
+  actionEnclosure?: any
+}
+
+interface ButtonModalDef {
+  Comp: React.ComponentType<ButtonModalProps>
+  title: string
+  props?: any
+  byline?: string
+  action?: SubmitServerAction
+  actionEnclosure?: any
+}
+
+interface ButtonDef  {
+  text: string
+  props: ButtonProps
+  action: {
+    type: 'modal' /* | future: other types */
+    def: ButtonModalDef /* | future: other supported specifiers, such as Server Actions, or UI Actions or ? */
+  }
+}
+
+export {
+  type ButtonDef,
+  type SubmitServerAction,
+  type ButtonModalProps,
+  type ButtonModalDef,
+}
diff --git a/packages/ui/types/contact-info.ts b/packages/ui/types/contact-info.ts
new file mode 100644
index 00000000..0333078b
--- /dev/null
+++ b/packages/ui/types/contact-info.ts
@@ -0,0 +1,11 @@
+interface ContactInfo {
+  email: string
+  phone: string
+}
+
+type ContactInfoFields = keyof ContactInfo
+
+export {
+  type ContactInfo,
+  type ContactInfoFields
+}
\ No newline at end of file
diff --git a/packages/ui/types/dimensions.ts b/packages/ui/types/dimensions.ts
new file mode 100644
index 00000000..9ac1a64e
--- /dev/null
+++ b/packages/ui/types/dimensions.ts
@@ -0,0 +1,18 @@
+// From Next Image Dim
+type Dimensions = {
+  w: number | `${number}`
+  h: number | `${number}`
+}
+
+type TShirtDimensions = {               
+  sm?: Dimensions, 
+  md: Dimensions, 
+  lg?: Dimensions 
+}
+
+export {
+  type Dimensions,
+  type TShirtDimensions
+}
+
+  
\ No newline at end of file
diff --git a/packages/ui/types/icon.ts b/packages/ui/types/icon.ts
new file mode 100644
index 00000000..d2ab5911
--- /dev/null
+++ b/packages/ui/types/icon.ts
@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react'
+
+//import type { LucideIcon} from 'lucide-react'
+//import type { SocialIconProps } from '@/components/icons/social-icon'
+
+type Icon =  ReactNode
+
+export {
+  type Icon as default 
+}
\ No newline at end of file
diff --git a/packages/ui/types/index.ts b/packages/ui/types/index.ts
new file mode 100644
index 00000000..513dba98
--- /dev/null
+++ b/packages/ui/types/index.ts
@@ -0,0 +1,38 @@
+import {
+  type ButtonDef,
+  type SubmitServerAction,
+  type ButtonModalProps,
+  type ButtonModalDef,
+} from './button-def'
+
+import type LinkDef from './link-def'
+
+import { type Breakpoint, Breakpoints } from './breakpoints'
+
+import type TShirtSize from './t-shirt-size' 
+import type { TShirtDimensions, Dimensions } from './dimensions' 
+import type Icon from './icon'
+import type SiteConf from './site-conf'
+
+import {
+  type ContactInfo,
+  type ContactInfoFields 
+} from './contact-info'
+
+export {
+  type ButtonDef,
+  type Dimensions,
+  type SubmitServerAction,
+  type ButtonModalProps,
+  type ButtonModalDef,
+  type LinkDef,
+  type Icon,
+  type TShirtSize,
+  type Breakpoint,
+  type TShirtDimensions,
+  Breakpoints,
+  type ContactInfo,
+  type ContactInfoFields,
+  type SiteConf,
+}
+
diff --git a/packages/ui/types/link-def.ts b/packages/ui/types/link-def.ts
new file mode 100644
index 00000000..77f08d4f
--- /dev/null
+++ b/packages/ui/types/link-def.ts
@@ -0,0 +1,21 @@
+import type { ButtonVariants, ButtonSizes } from '../primitives/button'
+import type { Icon }  from '../types'
+
+
+interface LinkDef {
+  title: string
+  href?: string
+    // external links get target='_blank' by default, unless newTab=false
+    // interal links get no target set by default, unless newTab=true
+  external?: boolean 
+  newTab?: boolean  
+  disabled?: boolean
+  variant?: ButtonVariants
+  size?: ButtonSizes
+  icon?: Icon
+  iconAfter?: boolean
+}
+
+export {
+  type LinkDef as default
+}
diff --git a/packages/ui/types/site-conf.ts b/packages/ui/types/site-conf.ts
new file mode 100644
index 00000000..c6cb9010
--- /dev/null
+++ b/packages/ui/types/site-conf.ts
@@ -0,0 +1,18 @@
+import type LinkDef from './link-def'
+
+interface SiteConf {
+  title: string
+  template: string
+  desc: string
+  mainNav: {
+    short?: LinkDef[]
+    aux?: LinkDef[]
+    full: LinkDef[]
+  }
+  footer: LinkDef[][] 
+  currentAs?: string
+}
+
+export {
+  type SiteConf as default
+}
\ No newline at end of file
diff --git a/packages/ui/types/t-shirt-size.ts b/packages/ui/types/t-shirt-size.ts
new file mode 100644
index 00000000..a28aa268
--- /dev/null
+++ b/packages/ui/types/t-shirt-size.ts
@@ -0,0 +1,5 @@
+type TShirtSize = 'sm' | 'md' | 'lg'
+
+export {
+  type TShirtSize as default
+}
diff --git a/packages/ui/util/classNames.ts b/packages/ui/util/classNames.ts
new file mode 100644
index 00000000..16153de2
--- /dev/null
+++ b/packages/ui/util/classNames.ts
@@ -0,0 +1,3 @@
+export function classNames(...classes: (string | boolean | undefined)[]): string {
+    return classes.filter(Boolean).join(' ')
+}
\ No newline at end of file
diff --git a/packages/ui/util/index.ts b/packages/ui/util/index.ts
new file mode 100644
index 00000000..62030fa2
--- /dev/null
+++ b/packages/ui/util/index.ts
@@ -0,0 +1,66 @@
+import { compiler as mdCompiler } from 'markdown-to-jsx'
+
+import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+import { Dimensions } from '../types'
+
+export const cn = (...inputs: ClassValue[]) => (
+  twMerge(clsx(inputs))  
+) 
+
+export const DEF_VIDEO_PROPS = {
+  autoPlay: true, 
+  loop: true, 
+  muted: true, 
+  playsInline: true
+}
+
+export const markdown = (s: string, options?: any): JSX.Element => (
+  mdCompiler(s, {
+    wrapper: null,
+    ...options
+  })
+)
+
+export const round = (num: number): string  => (
+  num
+    .toFixed(7)
+    .replace(/(\.[0-9]+?)0+$/, '$1')
+    .replace(/\.0$/, '')
+)
+
+export const pxToRem = (px: number, base: number): string => (`${round(px / base)}rem`)
+
+export const pxToEm = (px: number, base: number): string  => (`${round(px / base)}em`)
+
+export const hexToRgb = (hex: string): string => {
+  hex = hex.replace('#', '')
+  hex = hex.length === 3 ? hex.replace(/./g, '$&$&') : hex
+  const r = parseInt(hex.substring(0, 2), 16)
+  const g = parseInt(hex.substring(2, 4), 16)
+  const b = parseInt(hex.substring(4, 6), 16)
+  return `${r} ${g} ${b}`
+}
+
+
+export const asNum = (n: number | `${number}`): number => (
+  (typeof n === 'number') ? n : parseInt(n, 10)  
+)
+
+  // https://stackoverflow.com/questions/3971841/how-to-resize-images-proportionally-keeping-the-aspect-ratio
+export const constrain = (dim: Dimensions, constraint: Dimensions): Dimensions => {
+  const c = {
+    w: asNum(constraint.w),
+    h: asNum(constraint.h)
+  }
+  const d = {
+    w: asNum(dim.w),
+    h: asNum(dim.h)
+  }
+
+  const ratio = Math.min(c.w / d.w, c.h / d.h)
+  return {
+    w: Math.round(d.w * ratio),
+    h: Math.round(d.h * ratio)
+  }
+}
diff --git a/packages/ui/util/specifier.ts b/packages/ui/util/specifier.ts
new file mode 100644
index 00000000..42e30b44
--- /dev/null
+++ b/packages/ui/util/specifier.ts
@@ -0,0 +1,43 @@
+import type { Dimensions, TShirtSize }  from '../types'
+import type { TypographySize } from '../primitives/apply-typography'
+
+export const getPrimaryStartingWith = (s: string, toFind: string) => {
+  const tokenArray = s.split(' ')
+  return tokenArray.find((tok) => (tok.startsWith(`${toFind}-`)))
+}
+
+export const getTShirtSize = (s: string): TShirtSize | undefined => {
+  const subTokenArray = s.split('-')
+  return subTokenArray[subTokenArray.length - 1] as TShirtSize
+}
+
+export const getTypographySize = (s: string): TypographySize | undefined => {
+  const subTokenArray = s.split('-')
+  return subTokenArray[subTokenArray.length - 1] as TypographySize
+}
+
+export const getDim = (s: string): Dimensions | undefined  => {
+  const subTokenArray = s.split('-')
+  const dimStr = subTokenArray[subTokenArray.length - 1] 
+  if (dimStr) {
+    const dimTokenArray = s.split('x')
+    return dimTokenArray ? {
+      w: Number(dimTokenArray[0]),
+      h: Number(dimTokenArray[1])
+    } : undefined
+  }
+  return undefined
+}
+
+export function getSpecifierData<T>(
+  main: string,
+  getPrimary: (s: string) => string | undefined,
+  getData: (s: string) => T | undefined,
+  def?: T
+): T | undefined {
+  const primary = getPrimary(main)
+  if (primary) {
+    return getData(primary) ?? def
+  }
+  return def ?? undefined
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 53fb2bac..fef31e4a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -443,6 +443,118 @@ importers:
         specifier: ^4.9.3
         version: 4.9.5
 
+  packages/ui:
+    dependencies:
+      '@hookform/resolvers':
+        specifier: ^3.3.2
+        version: 3.3.4(react-hook-form@7.49.2)
+      '@radix-ui/react-accordion':
+        specifier: ^1.1.2
+        version: 1.1.2(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-dialog':
+        specifier: ^1.0.5
+        version: 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-label':
+        specifier: ^2.0.2
+        version: 2.0.2(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot':
+        specifier: ^1.0.2
+        version: 1.0.2(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-toast':
+        specifier: ^1.1.5
+        version: 1.1.5(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@tailwindcss/container-queries':
+        specifier: ^0.1.1
+        version: 0.1.1(tailwindcss@3.4.1)
+      class-variance-authority:
+        specifier: ^0.7.0
+        version: 0.7.0
+      clsx:
+        specifier: ^2.1.0
+        version: 2.1.0
+      lodash.castarray:
+        specifier: ^4.4.0
+        version: 4.4.0
+      lodash.isplainobject:
+        specifier: ^4.0.6
+        version: 4.0.6
+      lodash.merge:
+        specifier: ^4.6.2
+        version: 4.6.2
+      lucide-react:
+        specifier: ^0.307.0
+        version: 0.307.0(react@18.2.0)
+      markdown-to-jsx:
+        specifier: ^7.3.2
+        version: 7.4.0(react@18.2.0)
+      next:
+        specifier: ^14.0.4
+        version: 14.0.4(@babel/core@7.22.1)(@opentelemetry/api@1.4.1)(react-dom@18.2.0)(react@18.2.0)
+      next-themes:
+        specifier: ^0.2.1
+        version: 0.2.1(next@14.0.4)(react-dom@18.2.0)(react@18.2.0)
+      postcss-selector-parser:
+        specifier: ^6.0.13
+        version: 6.0.13
+      react:
+        specifier: ^18.2.0
+        version: 18.2.0
+      react-device-detect:
+        specifier: ^2.2.3
+        version: 2.2.3(react-dom@18.2.0)(react@18.2.0)
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
+      react-hook-form:
+        specifier: ^7.47.0
+        version: 7.49.2(react@18.2.0)
+      react-social-icons:
+        specifier: ^6.4.0
+        version: 6.7.0(react-dom@18.2.0)(react@18.2.0)
+      tailwind-merge:
+        specifier: ^2.2.0
+        version: 2.2.0
+      tailwindcss:
+        specifier: ^3.4.1
+        version: 3.4.1(ts-node@10.9.1)
+      tailwindcss-animate:
+        specifier: ^1.0.6
+        version: 1.0.6(tailwindcss@3.4.1)
+      tailwindcss-interaction-media:
+        specifier: ^0.1.0
+        version: 0.1.0
+      validator:
+        specifier: ^13.11.0
+        version: 13.11.0
+      zod:
+        specifier: ^3.22.4
+        version: 3.22.4
+    devDependencies:
+      '@types/mdx':
+        specifier: ^2.0.9
+        version: 2.0.10
+      '@types/node':
+        specifier: ^20.10.7
+        version: 20.10.7
+      '@types/react':
+        specifier: ^18.2.47
+        version: 18.2.47
+      '@types/react-dom':
+        specifier: ^18.2.18
+        version: 18.2.18
+      autoprefixer:
+        specifier: ^10.4.16
+        version: 10.4.16(postcss@8.4.33)
+      postcss:
+        specifier: ^8.4.33
+        version: 8.4.33
+      postcss-import:
+        specifier: ^16.0.0
+        version: 16.0.0(postcss@8.4.33)
+      typescript:
+        specifier: ^5.3.3
+        version: 5.3.3
+
   templates/next-template:
     dependencies:
       '@radix-ui/react-slot':
@@ -935,6 +1047,13 @@ packages:
     dependencies:
       regenerator-runtime: 0.13.11
 
+  /@babel/runtime@7.23.7:
+    resolution: {integrity: sha512-w06OXVOFso7LcbzMiDGt+3X7Rh7Ho8MmgPoWU3rarH+8upf+wSU/grlGbWzQyr3DkdN6ZeuMFjpdwW0Q+HxobA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      regenerator-runtime: 0.14.1
+    dev: false
+
   /@babel/template@7.21.9:
     resolution: {integrity: sha512-MK0X5k8NKOuWRamiEfc3KEJiHMTkGZNUjzMipqCGDDc6ijRl/B7RGSKVGncu4Ro/HdyzzY6cmoXuKI2Gffk7vQ==}
     engines: {node: '>=6.9.0'}
@@ -1443,7 +1562,7 @@ packages:
       ts-pattern: 4.3.0
       unified: 10.1.2
       yaml: 2.3.1
-      zod: 3.21.4
+      zod: 3.22.4
     transitivePeerDependencies:
       - '@effect-ts/otel-node'
       - esbuild
@@ -1874,6 +1993,14 @@ packages:
       react-hook-form: 7.44.2(react@18.2.0)
     dev: false
 
+  /@hookform/resolvers@3.3.4(react-hook-form@7.49.2):
+    resolution: {integrity: sha512-o5cgpGOuJYrd+iMKvkttOclgwRW86EsWJZZRC23prf0uU2i48Htq4PuT73AVb9ionFyZrwYEITuOFGF+BydEtQ==}
+    peerDependencies:
+      react-hook-form: ^7.0.0
+    dependencies:
+      react-hook-form: 7.49.2(react@18.2.0)
+    dev: false
+
   /@humanwhocodes/config-array@0.11.10:
     resolution: {integrity: sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==}
     engines: {node: '>=10.10.0'}
@@ -2054,7 +2181,7 @@ packages:
     resolution: {integrity: sha512-jLuwRlz8DQfQNiUCJR50Y09CGPq3fLtmtUQfVrj79E0JWu3dvsVcxVIcfhR5h0iXu+/z++zDrYeiJqifRynJkA==}
     dependencies:
       '@types/estree-jsx': 1.0.0
-      '@types/mdx': 2.0.5
+      '@types/mdx': 2.0.10
       estree-util-build-jsx: 2.2.2
       estree-util-is-identifier-name: 2.1.0
       estree-util-to-js: 1.2.0
@@ -2544,6 +2671,35 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-accordion@1.1.2(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-fDG7jcoNKVjSK6yfmuAs0EnPDro0WMXIhMtXdTBWqEioVW206ku+4Lw07e+13lUkFkpoEQ2PdeMIAGpdqEAmDg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.6
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-collapsible': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-accordion@1.1.2(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-fDG7jcoNKVjSK6yfmuAs0EnPDro0WMXIhMtXdTBWqEioVW206ku+4Lw07e+13lUkFkpoEQ2PdeMIAGpdqEAmDg==}
     peerDependencies:
@@ -2693,6 +2849,34 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-collapsible@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-UBmVDkmR6IvDsloHVN+3rtx4Mi5TFvylYXpluuv0f37dtaz3H99bp8No0LGXRigVpl3UAT4l9j6bIchh42S/Gg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.3
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-collapsible@1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-UBmVDkmR6IvDsloHVN+3rtx4Mi5TFvylYXpluuv0f37dtaz3H99bp8No0LGXRigVpl3UAT4l9j6bIchh42S/Gg==}
     peerDependencies:
@@ -2721,6 +2905,30 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-collection@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.6
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-collection@1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==}
     peerDependencies:
@@ -2768,6 +2976,20 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-compose-refs@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.6
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-compose-refs@1.0.1(@types/react@18.2.7)(react@18.2.0):
     resolution: {integrity: sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==}
     peerDependencies:
@@ -2817,6 +3039,20 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-context@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.3
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-context@1.0.1(@types/react@18.2.7)(react@18.2.0):
     resolution: {integrity: sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==}
     peerDependencies:
@@ -2892,6 +3128,54 @@ packages:
       react-remove-scroll: 2.5.5(@types/react@18.2.7)(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-dialog@1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-GjWJX/AUpB703eEBanuBnIWdIXg6NvJFCXcNlSZk4xdszCdhrJgBoUd1cGk67vFO+WdA2pfI/plOpqz/5GUP6Q==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.6
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      aria-hidden: 1.2.3
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-remove-scroll: 2.5.5(@types/react@18.2.47)(react@18.2.0)
+    dev: false
+
+  /@radix-ui/react-direction@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-RXcvnXgyvYvBEOhCBuddKecVkoMiI10Jcm5cTI7abJRAHYfFxeu+FBQs/DvdxSYucxR5mna0dNsL6QFlds5TMA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.3
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-direction@1.0.1(@types/react@18.2.7)(react@18.2.0):
     resolution: {integrity: sha512-RXcvnXgyvYvBEOhCBuddKecVkoMiI10Jcm5cTI7abJRAHYfFxeu+FBQs/DvdxSYucxR5mna0dNsL6QFlds5TMA==}
     peerDependencies:
@@ -2947,6 +3231,31 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-dismissable-layer@1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-aJeDjQhywg9LBu2t/At58hCvr7pEm0o2Ke1x33B+MhjNmmZ17sy4KImo0KPLgsnc/zN7GPdce8Cnn0SWvwZO7g==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.6
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-escape-keydown': 1.0.3(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-dismissable-layer@1.0.5(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-aJeDjQhywg9LBu2t/At58hCvr7pEm0o2Ke1x33B+MhjNmmZ17sy4KImo0KPLgsnc/zN7GPdce8Cnn0SWvwZO7g==}
     peerDependencies:
@@ -3008,6 +3317,20 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-focus-guards@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.6
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-focus-guards@1.0.1(@types/react@18.2.7)(react@18.2.0):
     resolution: {integrity: sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==}
     peerDependencies:
@@ -3059,6 +3382,29 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-focus-scope@1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-sL04Mgvf+FmyvZeYfNu1EPAaaxD+aw7cYeIB9L9Fvq8+urhltTRaEo5ysKOpHuKPclsZcSUMKlN05x4u+CINpA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.6
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-focus-scope@1.0.4(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-sL04Mgvf+FmyvZeYfNu1EPAaaxD+aw7cYeIB9L9Fvq8+urhltTRaEo5ysKOpHuKPclsZcSUMKlN05x4u+CINpA==}
     peerDependencies:
@@ -3129,6 +3475,21 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-id@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.3
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-id@1.0.1(@types/react@18.2.7)(react@18.2.0):
     resolution: {integrity: sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==}
     peerDependencies:
@@ -3144,6 +3505,27 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-label@2.0.2(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-N5ehvlM7qoTLx7nWPodsPYPgMzA5WM8zZChQg8nyFJKnDO5WHdba1vv5/H6IO5LtJMfD2Q3wh1qHFGNtK0w3bQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.6
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-label@2.0.2(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-N5ehvlM7qoTLx7nWPodsPYPgMzA5WM8zZChQg8nyFJKnDO5WHdba1vv5/H6IO5LtJMfD2Q3wh1qHFGNtK0w3bQ==}
     peerDependencies:
@@ -3395,6 +3777,27 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-portal@1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Qki+C/EuGUVCQTOTD5vzJzJuMUlewbzuKyUy+/iHM2uwGiru9gZeBJtHAPKAEkB5KWGi9mP/CHKcY0wt1aW45Q==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.6
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-portal@1.0.4(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-Qki+C/EuGUVCQTOTD5vzJzJuMUlewbzuKyUy+/iHM2uwGiru9gZeBJtHAPKAEkB5KWGi9mP/CHKcY0wt1aW45Q==}
     peerDependencies:
@@ -3429,6 +3832,28 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-presence@1.0.1(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.3
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-presence@1.0.1(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==}
     peerDependencies:
@@ -3463,6 +3888,27 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-primitive@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.6
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-primitive@1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==}
     peerDependencies:
@@ -3712,6 +4158,21 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-slot@1.0.2(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.6
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-slot@1.0.2(@types/react@18.2.7)(react@18.2.0):
     resolution: {integrity: sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==}
     peerDependencies:
@@ -3814,6 +4275,38 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-toast@1.1.5(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-fRLn227WHIBRSzuRzGJ8W+5YALxofH23y0MlPLddaIpLpCDqdE0NZlS2NRQDRiptfxDeeCjgFIpexB1/zkxDlw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.6
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-visually-hidden': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-toggle-group@1.0.4(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-Uaj/M/cMyiyT9Bx6fOZO0SAG4Cls0GptBWiBmBxofmDbNVnYYoyRWj/2M/6VCi/7qcXFWnHhRUfdfZFvvkuu8A==}
     peerDependencies:
@@ -3905,6 +4398,20 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-use-callback-ref@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.3
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-use-callback-ref@1.0.1(@types/react@18.2.7)(react@18.2.0):
     resolution: {integrity: sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==}
     peerDependencies:
@@ -3929,6 +4436,21 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-use-controllable-state@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.3
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-use-controllable-state@1.0.1(@types/react@18.2.7)(react@18.2.0):
     resolution: {integrity: sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==}
     peerDependencies:
@@ -3954,6 +4476,21 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-use-escape-keydown@1.0.3(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.6
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-use-escape-keydown@1.0.3(@types/react@18.2.7)(react@18.2.0):
     resolution: {integrity: sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==}
     peerDependencies:
@@ -3978,6 +4515,20 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-use-layout-effect@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.3
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-use-layout-effect@1.0.1(@types/react@18.2.7)(react@18.2.0):
     resolution: {integrity: sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==}
     peerDependencies:
@@ -4036,6 +4587,27 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-visually-hidden@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.3
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-visually-hidden@1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==}
     peerDependencies:
@@ -4109,6 +4681,14 @@ packages:
       defer-to-connect: 1.1.3
     dev: false
 
+  /@tailwindcss/container-queries@0.1.1(tailwindcss@3.4.1):
+    resolution: {integrity: sha512-p18dswChx6WnTSaJCSGx6lTmrGzNNvm2FtXmiO6AuA1V4U5REyoqwmT6kgAsIMdjo07QdAfYXHJ4hnMtfHzWgA==}
+    peerDependencies:
+      tailwindcss: '>=3.2.0'
+    dependencies:
+      tailwindcss: 3.4.1(ts-node@10.9.1)
+    dev: false
+
   /@tanstack/react-table@8.9.1(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-yHs2m6lk5J5RNcu2dNtsDGux66wNXZjEgzxos6MRCX8gL+nqxeW3ZglqP6eANN0bGElPnjvqiUHGQvdACOr3Cw==}
     engines: {node: '>=12'}
@@ -4309,9 +4889,8 @@ packages:
     dependencies:
       '@types/unist': 2.0.6
 
-  /@types/mdx@2.0.5:
-    resolution: {integrity: sha512-76CqzuD6Q7LC+AtbPqrvD9AqsN0k8bsYo2bM2J8pmNldP1aIPAbzUQ7QbobyXL4eLr1wK5x8FZFe8eF/ubRuBg==}
-    dev: false
+  /@types/mdx@2.0.10:
+    resolution: {integrity: sha512-Rllzc5KHk0Al5/WANwgSPl1/CwjqCy+AZrGd78zuK+jO9aDM6ffblZ+zIjgPNAaEBmlO0RYDvLNh7wD0zKVgEg==}
 
   /@types/minimatch@3.0.5:
     resolution: {integrity: sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==}
@@ -4331,6 +4910,12 @@ packages:
   /@types/node@17.0.45:
     resolution: {integrity: sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw==}
 
+  /@types/node@20.10.7:
+    resolution: {integrity: sha512-fRbIKb8C/Y2lXxB5eVMj4IU7xpdox0Lh8bUPEdtLysaylsml1hOOx1+STloRs/B9nf7C6kPRmmg/V7aQW7usNg==}
+    dependencies:
+      undici-types: 5.26.5
+    dev: true
+
   /@types/node@20.2.5:
     resolution: {integrity: sha512-JJulVEQXmiY9Px5axXHeYGLSjhkZEnD+MDPDGbCbIAbMslkKwmygtZFy1X6s/075Yo94sf8GuSlFfPzysQrWZQ==}
     dev: true
@@ -4359,6 +4944,11 @@ packages:
       '@types/reactcss': 1.2.6
     dev: true
 
+  /@types/react-dom@18.2.18:
+    resolution: {integrity: sha512-TJxDm6OfAX2KJWJdMEVTwWke5Sc/E/RlnPGvGfS0W7+6ocy2xhDVQVh/KvC2Uf7kACs+gDytdusDSdWfWkaNzw==}
+    dependencies:
+      '@types/react': 18.2.47
+
   /@types/react-dom@18.2.4:
     resolution: {integrity: sha512-G2mHoTMTL4yoydITgOGwWdWMVd8sNgyEP85xVmMKAPUBwQWm9wBPQUmvbeF4V3WBY1P7mmL4BkjQ0SqUpf1snw==}
     dependencies:
@@ -4367,7 +4957,7 @@ packages:
   /@types/react-dom@18.2.6:
     resolution: {integrity: sha512-2et4PDvg6PVCyS7fuTc4gPoksV58bW0RwSxWKcPRcHZf0PRUGq03TKcD/rUHe3azfV6/5/biUBJw+HhCQjaP0A==}
     dependencies:
-      '@types/react': 18.2.14
+      '@types/react': 18.2.47
     dev: true
 
   /@types/react@18.2.14:
@@ -4377,6 +4967,13 @@ packages:
       '@types/scheduler': 0.16.3
       csstype: 3.1.2
 
+  /@types/react@18.2.47:
+    resolution: {integrity: sha512-xquNkkOirwyCgoClNk85BjP+aqnIS+ckAJ8i37gAbDs14jfW/J23f2GItAf33oiUPQnqNMALiFeoM9Y5mbjpVQ==}
+    dependencies:
+      '@types/prop-types': 15.7.5
+      '@types/scheduler': 0.16.3
+      csstype: 3.1.2
+
   /@types/react@18.2.7:
     resolution: {integrity: sha512-ojrXpSH2XFCmHm7Jy3q44nXDyN54+EYKP2lBhJ2bqfyPj6cIUW/FZW/Csdia34NQgq7KYcAlHi5184m4X88+yw==}
     dependencies:
@@ -4387,7 +4984,7 @@ packages:
   /@types/reactcss@1.2.6:
     resolution: {integrity: sha512-qaIzpCuXNWomGR1Xq8SCFTtF4v8V27Y6f+b9+bzHiv087MylI/nTCqqdChNeWS7tslgROmYB7yeiruWX7WnqNg==}
     dependencies:
-      '@types/react': 18.2.7
+      '@types/react': 18.2.47
     dev: true
 
   /@types/resolve@1.20.2:
@@ -4833,6 +5430,22 @@ packages:
       postcss: 8.4.24
       postcss-value-parser: 4.2.0
 
+  /autoprefixer@10.4.16(postcss@8.4.33):
+    resolution: {integrity: sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+    dependencies:
+      browserslist: 4.22.2
+      caniuse-lite: 1.0.30001576
+      fraction.js: 4.3.7
+      normalize-range: 0.1.2
+      picocolors: 1.0.0
+      postcss: 8.4.33
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /available-typed-arrays@1.0.5:
     resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
     engines: {node: '>= 0.4'}
@@ -4933,6 +5546,17 @@ packages:
       node-releases: 2.0.12
       update-browserslist-db: 1.0.11(browserslist@4.21.9)
 
+  /browserslist@4.22.2:
+    resolution: {integrity: sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+    dependencies:
+      caniuse-lite: 1.0.30001576
+      electron-to-chromium: 1.4.623
+      node-releases: 2.0.14
+      update-browserslist-db: 1.0.13(browserslist@4.22.2)
+    dev: true
+
   /buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
     dev: false
@@ -5038,6 +5662,10 @@ packages:
   /caniuse-lite@1.0.30001512:
     resolution: {integrity: sha512-2S9nK0G/mE+jasCUsMPlARhRCts1ebcp2Ji8Y8PWi4NDE1iRdLCnEPHkEfeBrGC45L4isBx5ur3IQ6yTE2mRZw==}
 
+  /caniuse-lite@1.0.30001576:
+    resolution: {integrity: sha512-ff5BdakGe2P3SQsMsiqmt1Lc8221NR1VzHj5jXN5vBny9A6fpze94HiVV/n7XRosOlsShJcvMv5mdnpjOGCEgg==}
+    dev: true
+
   /ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
 
@@ -5137,6 +5765,12 @@ packages:
       typescript: 4.9.5
     dev: false
 
+  /class-variance-authority@0.7.0:
+    resolution: {integrity: sha512-jFI8IQw4hczaL4ALINxqLEXQbWcNjoSkloa4IaufXCJr6QawJyw7tuRysRsrE8w2p/4gGaxKIt/hX3qz/IbD1A==}
+    dependencies:
+      clsx: 2.0.0
+    dev: false
+
   /classnames@2.3.2:
     resolution: {integrity: sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==}
     dev: false
@@ -5198,6 +5832,16 @@ packages:
     engines: {node: '>=6'}
     dev: false
 
+  /clsx@2.0.0:
+    resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==}
+    engines: {node: '>=6'}
+    dev: false
+
+  /clsx@2.1.0:
+    resolution: {integrity: sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==}
+    engines: {node: '>=6'}
+    dev: false
+
   /cmdk@0.2.0(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-JQpKvEOb86SnvMZbYaFKYhvzFntWBeSZdyii0rZPhKJj9uwJBxu4DaVYDrRN7r3mPop56oPhRw+JYWTKs66TYw==}
     peerDependencies:
@@ -5789,6 +6433,10 @@ packages:
   /electron-to-chromium@1.4.450:
     resolution: {integrity: sha512-BLG5HxSELlrMx7dJ2s+8SFlsCtJp37Zpk2VAxyC6CZtbc+9AJeZHfYHbrlSgdXp6saQ8StMqOTEDaBKgA7u1sw==}
 
+  /electron-to-chromium@1.4.623:
+    resolution: {integrity: sha512-lKoz10iCYlP1WtRYdh5MvocQPWVRoI7ysp6qf18bmeBgR8abE6+I2CsfyNKztRDZvhdWc+krKT6wS7Neg8sw3A==}
+    dev: true
+
   /embla-carousel-autoplay@8.0.0-rc15(embla-carousel@8.0.0-rc15):
     resolution: {integrity: sha512-ABTbDJGNb9jzI9OV2vSpbUvxUA0ELmK0SI3yPm8Haj3ghssS+vElfahoDqp7zuFkWBRih6w3B51oMPKdF5J55A==}
     peerDependencies:
@@ -6357,7 +7005,7 @@ packages:
       tailwindcss: ^3.3.2
     dependencies:
       fast-glob: 3.2.12
-      postcss: 8.4.24
+      postcss: 8.4.33
       tailwindcss: 3.4.0(ts-node@10.9.1)
     dev: false
 
@@ -6368,7 +7016,7 @@ packages:
       tailwindcss: ^3.3.2
     dependencies:
       fast-glob: 3.3.0
-      postcss: 8.4.24
+      postcss: 8.4.33
       tailwindcss: 3.3.2(ts-node@10.9.1)
     dev: true
 
@@ -6795,6 +7443,10 @@ packages:
   /fraction.js@4.2.0:
     resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==}
 
+  /fraction.js@4.3.7:
+    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
+    dev: true
+
   /fs-constants@1.0.0:
     resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
     dev: false
@@ -7890,6 +8542,10 @@ packages:
     resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
     dev: false
 
+  /lodash.castarray@4.4.0:
+    resolution: {integrity: sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==}
+    dev: false
+
   /lodash.clone@4.5.0:
     resolution: {integrity: sha512-GhrVeweiTD6uTmmn5hV/lzgCQhccwReIVRLHp7LT4SopOjqEZ5BbX8b5WWEtAKasjmy8hR7ZPwsYlxRCku5odg==}
 
@@ -8033,6 +8689,14 @@ packages:
       react: 18.2.0
     dev: false
 
+  /lucide-react@0.307.0(react@18.2.0):
+    resolution: {integrity: sha512-+vZ+vUiWPZTMnLHURg4aoIaz6NHOWXVVcVd8iLROu1k4LbyjcnHIKmbjXHCmulz7XAYLWRVXzhJJgIr+Aq3vOg==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0
+    dependencies:
+      react: 18.2.0
+    dev: false
+
   /magic-string@0.30.0:
     resolution: {integrity: sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==}
     engines: {node: '>=12'}
@@ -8062,6 +8726,15 @@ packages:
     resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==}
     dev: true
 
+  /markdown-to-jsx@7.4.0(react@18.2.0):
+    resolution: {integrity: sha512-zilc+MIkVVXPyTb4iIUTIz9yyqfcWjszGXnwF9K/aiBWcHXFcmdEMTkG01/oQhwSCH7SY1BnG6+ev5BzWmbPrg==}
+    engines: {node: '>= 10'}
+    peerDependencies:
+      react: '>= 0.14.0'
+    dependencies:
+      react: 18.2.0
+    dev: false
+
   /markdown-wasm@1.2.0:
     resolution: {integrity: sha512-S12OTkyXCkOgI1n1rZY9cg4bK/PGu80Emjpvwp8BEjwCxhPV3yddF0U6+QhCitdBsI1tzWcoeahmW7k0Pq81OA==}
     dev: false
@@ -8774,6 +9447,11 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
+  /nanoid@3.3.7:
+    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
   /nanoid@4.0.2:
     resolution: {integrity: sha512-7ZtY5KTCNheRGfEFxnedV5zFiORN1+Y1N6zvPTnHQd8ENUvfaDBeuJDZb2bN/oXwXxu3qkTXDzy57W5vAmDTBw==}
     engines: {node: ^14 || ^16 || >=18}
@@ -8972,6 +9650,10 @@ packages:
   /node-releases@2.0.12:
     resolution: {integrity: sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==}
 
+  /node-releases@2.0.14:
+    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
+    dev: true
+
   /normalize-package-data@2.5.0:
     resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
     dependencies:
@@ -9362,6 +10044,29 @@ packages:
       read-cache: 1.0.0
       resolve: 1.22.2
 
+  /postcss-import@15.1.0(postcss@8.4.33):
+    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+    dependencies:
+      postcss: 8.4.33
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.2
+
+  /postcss-import@16.0.0(postcss@8.4.33):
+    resolution: {integrity: sha512-e77lhVvrD1I2y7dYmBv0k9ULTdArgEYZt97T4w6sFIU5uxIHvDFQlKgUUyY7v7Barj0Yf/zm5A4OquZN7jKm5Q==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+    dependencies:
+      postcss: 8.4.33
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.2
+    dev: true
+
   /postcss-js@4.0.1(postcss@8.4.24):
     resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
     engines: {node: ^12 || ^14 || >= 16}
@@ -9371,6 +10076,15 @@ packages:
       camelcase-css: 2.0.1
       postcss: 8.4.24
 
+  /postcss-js@4.0.1(postcss@8.4.33):
+    resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
+    engines: {node: ^12 || ^14 || >= 16}
+    peerDependencies:
+      postcss: ^8.4.21
+    dependencies:
+      camelcase-css: 2.0.1
+      postcss: 8.4.33
+
   /postcss-load-config@3.1.4(postcss@8.4.24)(ts-node@10.9.1):
     resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
     engines: {node: '>= 10'}
@@ -9406,6 +10120,23 @@ packages:
       ts-node: 10.9.1(@types/node@17.0.45)(typescript@4.9.5)
       yaml: 2.3.1
 
+  /postcss-load-config@4.0.1(postcss@8.4.33)(ts-node@10.9.1):
+    resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==}
+    engines: {node: '>= 14'}
+    peerDependencies:
+      postcss: '>=8.0.9'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+      ts-node:
+        optional: true
+    dependencies:
+      lilconfig: 2.1.0
+      postcss: 8.4.33
+      ts-node: 10.9.1(@types/node@17.0.45)(typescript@4.9.5)
+      yaml: 2.3.1
+
   /postcss-nested@6.0.1(postcss@8.4.24):
     resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
     engines: {node: '>=12.0'}
@@ -9415,6 +10146,15 @@ packages:
       postcss: 8.4.24
       postcss-selector-parser: 6.0.13
 
+  /postcss-nested@6.0.1(postcss@8.4.33):
+    resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.2.14
+    dependencies:
+      postcss: 8.4.33
+      postcss-selector-parser: 6.0.13
+
   /postcss-selector-parser@6.0.13:
     resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==}
     engines: {node: '>=4'}
@@ -9455,6 +10195,14 @@ packages:
       source-map-js: 1.0.2
     dev: false
 
+  /postcss@8.4.33:
+    resolution: {integrity: sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.7
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
+
   /prebuild-install@7.1.1:
     resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==}
     engines: {node: '>=10'}
@@ -9608,6 +10356,17 @@ packages:
       react: 18.2.0
     dev: false
 
+  /react-device-detect@2.2.3(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-buYY3qrCnQVlIFHrC5UcUoAj7iANs/+srdkwsnNjI7anr3Tt7UY6MqNxtMLlr0tMBied0O49UZVK8XKs3ZIiPw==}
+    peerDependencies:
+      react: '>= 0.14.0'
+      react-dom: '>= 0.14.0'
+    dependencies:
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      ua-parser-js: 1.0.37
+    dev: false
+
   /react-dom@18.2.0(react@18.2.0):
     resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
     peerDependencies:
@@ -9627,6 +10386,15 @@ packages:
       react: 18.2.0
     dev: false
 
+  /react-hook-form@7.49.2(react@18.2.0):
+    resolution: {integrity: sha512-TZcnSc17+LPPVpMRIDNVITY6w20deMdNi6iehTFLV1x8SqThXGwu93HjlUVU09pzFgZH7qZOvLMM7UYf2ShAHA==}
+    engines: {node: '>=18', pnpm: '8'}
+    peerDependencies:
+      react: ^16.8.0 || ^17 || ^18
+    dependencies:
+      react: 18.2.0
+    dev: false
+
   /react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
@@ -9638,6 +10406,22 @@ packages:
     resolution: {integrity: sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==}
     dev: false
 
+  /react-remove-scroll-bar@2.3.4(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.47
+      react: 18.2.0
+      react-style-singleton: 2.2.1(@types/react@18.2.47)(react@18.2.0)
+      tslib: 2.5.2
+    dev: false
+
   /react-remove-scroll-bar@2.3.4(@types/react@18.2.7)(react@18.2.0):
     resolution: {integrity: sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==}
     engines: {node: '>=10'}
@@ -9673,6 +10457,25 @@ packages:
       use-sidecar: 1.1.2(@types/react@18.2.7)(react@18.2.0)
     dev: false
 
+  /react-remove-scroll@2.5.5(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.47
+      react: 18.2.0
+      react-remove-scroll-bar: 2.3.4(@types/react@18.2.47)(react@18.2.0)
+      react-style-singleton: 2.2.1(@types/react@18.2.47)(react@18.2.0)
+      tslib: 2.5.2
+      use-callback-ref: 1.3.0(@types/react@18.2.47)(react@18.2.0)
+      use-sidecar: 1.1.2(@types/react@18.2.47)(react@18.2.0)
+    dev: false
+
   /react-remove-scroll@2.5.5(@types/react@18.2.7)(react@18.2.0):
     resolution: {integrity: sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==}
     engines: {node: '>=10'}
@@ -9727,6 +10530,34 @@ packages:
       react-transition-group: 2.9.0(react-dom@18.2.0)(react@18.2.0)
     dev: false
 
+  /react-social-icons@6.7.0(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-SgqFyhK8CNNkthPDUCVnvb6n/wa2LxAFrFKT7/0aDDXZfEkQkZnfraJnO36YJGL6iXeIchBs8aKam1awbJv9QA==}
+    peerDependencies:
+      react: 15.x.x || 16.x.x || 17.x.x || 18.x.x
+      react-dom: 15.x.x || 16.x.x || 17.x.x || 18.x.x
+    dependencies:
+      '@babel/runtime': 7.23.7
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
+  /react-style-singleton@2.2.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.47
+      get-nonce: 1.0.1
+      invariant: 2.2.4
+      react: 18.2.0
+      tslib: 2.5.2
+    dev: false
+
   /react-style-singleton@2.2.1(@types/react@18.2.7)(react@18.2.0):
     resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==}
     engines: {node: '>=10'}
@@ -9879,6 +10710,10 @@ packages:
   /regenerator-runtime@0.13.11:
     resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
 
+  /regenerator-runtime@0.14.1:
+    resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
+    dev: false
+
   /regexp.prototype.flags@1.5.0:
     resolution: {integrity: sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==}
     engines: {node: '>= 0.4'}
@@ -10689,6 +11524,12 @@ packages:
     resolution: {integrity: sha512-R2/nULkdg1VR/EL4RXg4dEohdoxNUJGLMnWIQnPKL+O9Twu7Cn3Rxi4dlXkDzZrEGtR+G+psSXFouWlpTyLhCQ==}
     dev: false
 
+  /tailwind-merge@2.2.0:
+    resolution: {integrity: sha512-SqqhhaL0T06SW59+JVNfAqKdqLs0497esifRrZ7jOaefP3o64fdFNDMrAQWZFMxTLJPiHVjRLUywT8uFz1xNWQ==}
+    dependencies:
+      '@babel/runtime': 7.23.7
+    dev: false
+
   /tailwindcss-animate@1.0.5(tailwindcss@3.4.0):
     resolution: {integrity: sha512-UU3qrOJ4lFQABY+MVADmBm+0KW3xZyhMdRvejwtXqYOL7YjHYxmuREFAZdmVG5LPe5E9CAst846SLC4j5I3dcw==}
     peerDependencies:
@@ -10705,6 +11546,18 @@ packages:
       tailwindcss: 3.3.2(ts-node@10.9.1)
     dev: false
 
+  /tailwindcss-animate@1.0.6(tailwindcss@3.4.1):
+    resolution: {integrity: sha512-4WigSGMvbl3gCCact62ZvOngA+PRqhAn7si3TQ3/ZuPuQZcIEtVap+ENSXbzWhpojKB8CpvnIsrwBu8/RnHtuw==}
+    peerDependencies:
+      tailwindcss: '>=3.0.0 || insiders'
+    dependencies:
+      tailwindcss: 3.4.1(ts-node@10.9.1)
+    dev: false
+
+  /tailwindcss-interaction-media@0.1.0:
+    resolution: {integrity: sha512-3/o9Gc8sXqrUHp/7w4T+Zt46GubrO7BRmxJpB6BogJt0B33K5G1lOVe2q0Ro43Zkk51Tp2ED0zQ/wL5weO+yUw==}
+    dev: false
+
   /tailwindcss@3.3.2(ts-node@10.9.1):
     resolution: {integrity: sha512-9jPkMiIBXvPc2KywkraqsUfbfj+dHDb+JPWtSJa9MLFdrPyazI7q6WX2sUrm7R9eVR7qqv3Pas7EvQFzxKnI6w==}
     engines: {node: '>=14.0.0'}
@@ -10724,11 +11577,11 @@ packages:
       normalize-path: 3.0.0
       object-hash: 3.0.0
       picocolors: 1.0.0
-      postcss: 8.4.24
-      postcss-import: 15.1.0(postcss@8.4.24)
-      postcss-js: 4.0.1(postcss@8.4.24)
-      postcss-load-config: 4.0.1(postcss@8.4.24)(ts-node@10.9.1)
-      postcss-nested: 6.0.1(postcss@8.4.24)
+      postcss: 8.4.33
+      postcss-import: 15.1.0(postcss@8.4.33)
+      postcss-js: 4.0.1(postcss@8.4.33)
+      postcss-load-config: 4.0.1(postcss@8.4.33)(ts-node@10.9.1)
+      postcss-nested: 6.0.1(postcss@8.4.33)
       postcss-selector-parser: 6.0.13
       postcss-value-parser: 4.2.0
       resolve: 1.22.2
@@ -10766,6 +11619,37 @@ packages:
     transitivePeerDependencies:
       - ts-node
 
+  /tailwindcss@3.4.1(ts-node@10.9.1):
+    resolution: {integrity: sha512-qAYmXRfk3ENzuPBakNK0SRrUDipP8NQnEY6772uDhflcQz5EhRdD7JNZxyrFHVQNCwULPBn6FNPp9brpO7ctcA==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      arg: 5.0.2
+      chokidar: 3.5.3
+      didyoumean: 1.2.2
+      dlv: 1.1.3
+      fast-glob: 3.3.0
+      glob-parent: 6.0.2
+      is-glob: 4.0.3
+      jiti: 1.21.0
+      lilconfig: 2.1.0
+      micromatch: 4.0.5
+      normalize-path: 3.0.0
+      object-hash: 3.0.0
+      picocolors: 1.0.0
+      postcss: 8.4.33
+      postcss-import: 15.1.0(postcss@8.4.33)
+      postcss-js: 4.0.1(postcss@8.4.33)
+      postcss-load-config: 4.0.1(postcss@8.4.33)(ts-node@10.9.1)
+      postcss-nested: 6.0.1(postcss@8.4.33)
+      postcss-selector-parser: 6.0.13
+      resolve: 1.22.2
+      sucrase: 3.32.0
+    transitivePeerDependencies:
+      - ts-node
+    dev: false
+
   /tapable@2.2.1:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
     engines: {node: '>=6'}
@@ -11192,6 +12076,16 @@ packages:
     engines: {node: '>=4.2.0'}
     hasBin: true
 
+  /typescript@5.3.3:
+    resolution: {integrity: sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+    dev: true
+
+  /ua-parser-js@1.0.37:
+    resolution: {integrity: sha512-bhTyI94tZofjo+Dn8SN6Zv8nBDvyXTymAdM3LDI/0IboIUwTu1rEhW7v2TfiVsoYWgkQ4kOVqnI8APUFbIQIFQ==}
+    dev: false
+
   /ufo@1.1.2:
     resolution: {integrity: sha512-TrY6DsjTQQgyS3E3dBaOXf0TpPD8u9FVrVYmKVegJuFw51n/YB9XPt+U6ydzFG5ZIN7+DIjPbNmXoBj9esYhgQ==}
     dev: false
@@ -11204,6 +12098,10 @@ packages:
       has-symbols: 1.0.3
       which-boxed-primitive: 1.0.2
 
+  /undici-types@5.26.5:
+    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
+    dev: true
+
   /unified@10.1.2:
     resolution: {integrity: sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==}
     dependencies:
@@ -11297,6 +12195,17 @@ packages:
       escalade: 3.1.1
       picocolors: 1.0.0
 
+  /update-browserslist-db@1.0.13(browserslist@4.22.2):
+    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+    dependencies:
+      browserslist: 4.22.2
+      escalade: 3.1.1
+      picocolors: 1.0.0
+    dev: true
+
   /uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
     dependencies:
@@ -11309,6 +12218,21 @@ packages:
       prepend-http: 2.0.0
     dev: false
 
+  /use-callback-ref@1.3.0(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.47
+      react: 18.2.0
+      tslib: 2.5.2
+    dev: false
+
   /use-callback-ref@1.3.0(@types/react@18.2.7)(react@18.2.0):
     resolution: {integrity: sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==}
     engines: {node: '>=10'}
@@ -11324,6 +12248,22 @@ packages:
       tslib: 2.5.2
     dev: false
 
+  /use-sidecar@1.1.2(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.9.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.47
+      detect-node-es: 1.1.0
+      react: 18.2.0
+      tslib: 2.5.2
+    dev: false
+
   /use-sidecar@1.1.2(@types/react@18.2.7)(react@18.2.0):
     resolution: {integrity: sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==}
     engines: {node: '>=10'}
@@ -11384,6 +12324,11 @@ packages:
       builtins: 1.0.3
     dev: false
 
+  /validator@13.11.0:
+    resolution: {integrity: sha512-Ii+sehpSfZy+At5nPdnyMhx78fEoPDkR2XW/zimHEL3MyGJQOCQ7WeP20jPYRz7ZCpcKLB21NxuXHF3bxjStBQ==}
+    engines: {node: '>= 0.10'}
+    dev: false
+
   /vaul@0.2.0(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-bzqiLz0RzTOewNFRptP9b9Ri5Zrz9cYoK/Qsmo+cbPBJOjiI/Y7Ch3p3BBZKmsmXcQYSp4FsQme9I5DCHxXfeg==}
     peerDependencies:
@@ -11517,7 +12462,7 @@ packages:
     dependencies:
       '@types/node': 17.0.45
       esbuild: 0.17.19
-      postcss: 8.4.24
+      postcss: 8.4.33
       rollup: 3.23.0
     optionalDependencies:
       fsevents: 2.3.3
@@ -11842,5 +12787,9 @@ packages:
     resolution: {integrity: sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw==}
     dev: false
 
+  /zod@3.22.4:
+    resolution: {integrity: sha512-iC+8Io04lddc+mVqQ9AZ7OQ2MrUKGN+oIQyq1vemgt46jwCwLfhq7/pwnBnNXXXZb8VTVLKwp9EDkx+ryxIWmg==}
+    dev: false
+
   /zwitch@2.0.4:
     resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
diff --git a/tsconfig.base.json b/tsconfig.base.json
new file mode 100644
index 00000000..26857aef
--- /dev/null
+++ b/tsconfig.base.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "incremental": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve"
+  }
+}
diff --git a/tsconfig.json b/tsconfig.json
index d72a9f3a..0f768906 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,17 +2,24 @@
   "$schema": "https://json.schemastore.org/tsconfig",
   "display": "Default",
   "compilerOptions": {
+    "allowJs": true,
     "composite": false,
     "declaration": true,
     "declarationMap": true,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
+    "incremental": true,
     "inlineSources": false,
     "isolatedModules": true,
+    "jsx": "preserve",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "module": "esnext",
     "moduleResolution": "node",
+    "noEmit": true,
     "noUnusedLocals": false,
     "noUnusedParameters": false,
     "preserveWatchOutput": true,
+    "resolveJsonModule": true,
     "skipLibCheck": true,
     "strict": true
   },