@hanzo/ui 3.6.1 → 3.6.3

package/blocks/components/screenful-block/index.tsx

@@ -38,6 +38,7 @@ const ScreenfulComponent: React.FC<{
   const narrowGutters = specified('narrow-gutters') // eg, for a table object that is large
   const noGutters = specified('no-gutters')
   const fullScreenWidth = specified('full-screen-width')
+  const fullScreenHeight = specified('full-screen-height')
   const vertCenter = specified('vert-center')
 
     // content wrapper clx:
@@ -49,6 +50,7 @@ const ScreenfulComponent: React.FC<{
   const cwclx = [
     'xl:mx-auto overflow-y-hidden ',
     fullScreenWidth ? '' : 'max-w-screen-xl',
+    fullScreenHeight ? 'h-full' : '',
       // desktop header: 80px / pt-20
       // mobile header: 44px / pt-11  
     narrowGutters ? 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "3.6.1",
+  "version": "3.6.3",
   "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -16,10 +16,17 @@
   },
   "keywords": [
     "components",
-    "ui",
-    "radix-ui",
+    "ecommerce",
+    "analytics",
+    "ai",
+    "chat",
+    "hanzo",
+    "hanzo-ai",
     "hanzoai",
-    "hanzo"
+    "radix-ui",
+    "react",
+    "sdk",
+    "ui"
   ],
   "scripts": {
     "lat": "npm show @hanzo/ui version",
@@ -67,7 +74,7 @@
     "react-intersection-observer": "^9.7.0",
     "sonner": "^1.2.3",
     "tailwind-merge": "^2.2.0",
-    "tailwindcss-animate": "^1.0.6",
+    "tailwindcss-animate": "^1.0.7",
     "tailwindcss-interaction-media": "^0.1.0",
     "vaul": "^0.9.0"
   },

package/primitives/button.tsx

@@ -7,7 +7,7 @@ import { cn } from "../util"
 const variant = {
   primary: "bg-primary text-primary-fg hover:bg-primary-hover font-nav whitespace-nowrap not-typography",
   secondary: "bg-secondary text-secondary-fg hover:bg-secondary-hover font-nav whitespace-nowrap not-typography",
-  outline: "text-foreground bg-background border border-muted-1 hover:bg-level-1 hover:text-accent hover:border-accent font-nav whitespace-nowrap not-typography",
+  outline: "text-foreground bg-background border border-muted-4 hover:bg-level-1 hover:text-accent hover:border-accent font-nav 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 ",
@@ -19,8 +19,8 @@ const size = {
   xs: "h-8 px-2 text-xs",
   sm: "h-9 px-3 text-xs",
   square: 'h-10 py-2 px-2 text-sm aspect-square',
-  default: "h-10 py-2 px-4 text-sm md:text-base min-w-0",
-  lg: "h-10 px-8 text-sm md:text-base min-w-0 md:min-w-[260px] lg:min-w-[300px]",
+  default: "h-10 py-2 px-4 text-sm md:text-base font-semibold min-w-0",
+  lg: "h-10 px-8 text-sm md:text-base font-semibold min-w-0 md:min-w-[260px] lg:min-w-[300px]",
   icon: "h-10 w-10",
 }
 

package/primitives/step-indicator.tsx

@@ -27,20 +27,37 @@ const StepIndicator: React.FC<{
         style={{ paddingLeft: pX, paddingRight: pX }}
       >
         {steps.map((ignore, index) => (<>
-          {index !== 0 && (<div key={`sep-${index}`} className={'h-[1px] grow ' + (muted ? 'bg-muted' : 'bg-foreground')}/>)}
+          {index !== 0 && (
+            <div
+              key={`sep-${index}`}
+              className={cn(
+                'h-[1px] grow',
+                currentStep >= index ? (muted ? 'bg-muted' : 'bg-foreground') : (muted ? 'bg-muted-3' : 'bg-level-3'),
+              )}
+            />
+          )}
           <div 
             key={`circle-${index}`} 
             style={{width: `${dotSizeRem}rem`, height: `${dotSizeRem}rem`}} 
             className={cn(
-              'shrink-0 rounded-full border-[1.5px] ' + (muted ? 'border-muted' : 'border-foreground') , 
-              currentStep === index ? (muted ? 'bg-muted' : 'bg-foreground') : ''
+              'shrink-0 rounded-full border-[1.5px]', 
+              currentStep === index ? (muted ? 'bg-muted-3 border-muted' : 'bg-level-3 border-foreground') : '',
+              currentStep > index || currentStep === steps.length - 1 ? (muted ? 'bg-muted border-muted' : 'bg-foreground border-foreground') : ''
             )} 
           />
         </>))}
       </div>
       <div key='two' className={'grid ' + `grid-cols-${steps.length}` /* These are white listed already */} >
         {steps.map((label, index) => (
-          <div key={index} className={'text-center whitespace-nowrap ' + (muted ? 'text-muted' : 'text-foreground')} >{label}</div>
+          <div
+            key={index}
+            className={cn(
+              'text-center whitespace-nowrap',
+              (muted ? 'text-muted' : 'text-foreground')
+            )}
+          >
+            {label}
+          </div>
         ))}
       </div>
     </div>

package/types/button-def.ts

@@ -1,6 +1,6 @@
 import { type ButtonProps } from '../primitives/button'
 
-type SubmitServerAction = (data: any, enclosure?: any) => Promise<void>
+type SubmitServerAction = (data: any, enclosure?: any) => Promise<any>
 
 interface ButtonModalProps {
   open: boolean

package/types/index.ts

@@ -10,7 +10,6 @@ export type {
   ButtonModalDef,
 } from './button-def'
 
-export type { ContactInfo, ContactInfoFields } from './contact-info'
 export type { default as Dimensions } from './dimensions' 
 
 export type { default as GridDef, GridColumnSpec } from './grid-def'

package/types/contact-info.ts

@@ -1,11 +0,0 @@
-interface ContactInfo {
-  email: string
-  phone?: string
-}
-
-type ContactInfoFields = keyof ContactInfo
-
-export {
-  type ContactInfo,
-  type ContactInfoFields
-}