@hanzo/ui 3.8.8 → 3.8.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "3.8.8",
+  "version": "3.8.10",
   "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

package/primitives/index.ts

@@ -183,7 +183,6 @@ export { default as Input } from './input'
 export { default as Label } from './label'
 export { default as LinkElement } from './link-element'
 export { default as ListBox } from './list-box'
-export { default as Main } from './main'
 export { default as MDXLink } from './mdx-link'
 export { default as MediaStack } from './media-stack' 
 export { default as NavItems} from './nav-items'

package/tailwind/screens.tailwind.js

@@ -4,5 +4,5 @@ export default {
   md: '768px', // sm tablets / narrow -->
   lg: '1024px',
   xl: '1280px',
-  '2xl': '1500px', // to match other sites
+  '2xl': '1500px', 
 }

package/tailwind/tailwind.config.hanzo-preset.js

@@ -862,7 +862,7 @@ export default {
       '3/4': '75%',
       full: '100%',
     },
-    width: {
+    width: ({ theme, breakpoints }) => ({
       auto: 'auto',
       ...spacing,
       '1/2': '50%',
@@ -896,7 +896,8 @@ export default {
       min: 'min-content',
       max: 'max-content',
       fit: 'fit-content',
-    },
+      ...breakpoints(theme('screens')),
+    }),
     willChange: {
       auto: 'auto',
       scroll: 'scroll-position',

package/primitives/main.tsx

@@ -1,21 +0,0 @@
-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-center ' +
-  'p-4 md:px-6 lg:px-8 '
-
-const Main: React.FC<PropsWithChildren & { 
-  id?: string
-  className?: string 
-}> = ({
-  children,
-  className='',
-  id
-}) => (
-  <main id={id ?? 'HZO_UI_MAIN'} className={cn(c, className)}>
-    {children}
-  </main>
-)
-
-export default Main