@hanzo/ui 8.27.14 → 8.27.16

package/dist/styles.css

@@ -3131,14 +3131,18 @@ a svg,
 :root ._aspectRatio-1--6{aspect-ratio:1.6;}
 :root ._aspectRatio-1--77777777771627090080{aspect-ratio:1.7777777777777777;}
 :root ._b-0px{bottom:0px;}
+:root ._b-c-space-4{bottom:var(--c-space-4);}
 :root:root:root:root  ._background-0focus-hover:focus{background:var(--hover) !important;}
 @media (hover) {:root:root  ._background-0hover-hover:hover{background:var(--hover) !important;}}
+:root ._bblr-0px{border-bottom-left-radius:0px;}
 :root ._bblr-100000px{border-bottom-left-radius:100000px;}
 :root ._bblr-1000px{border-bottom-left-radius:1000px;}
 :root ._bblr-10px{border-bottom-left-radius:10px;}
 :root ._bblr-1px{border-bottom-left-radius:1px;}
+:root ._bblr-3px{border-bottom-left-radius:3px;}
 :root ._bblr-7px{border-bottom-left-radius:7px;}
 :root ._bblr-9999px{border-bottom-left-radius:9999px;}
+:root ._bblr-999px{border-bottom-left-radius:999px;}
 :root ._bblr-c-radius-1{border-bottom-left-radius:var(--c-radius-1);}
 :root ._bblr-c-radius-10{border-bottom-left-radius:var(--c-radius-10);}
 :root ._bblr-c-radius-2{border-bottom-left-radius:var(--c-radius-2);}
@@ -3148,12 +3152,15 @@ a svg,
 :root ._bblr-c-radius-6{border-bottom-left-radius:var(--c-radius-6);}
 :root ._bblr-c-radius-tr3728{border-bottom-left-radius:var(--c-radius-true);}
 :root ._bblr-radius-lg0--71290927033{border-bottom-left-radius:var(--radius-lg, 0.75rem);}
+:root ._bbrr-0px{border-bottom-right-radius:0px;}
 :root ._bbrr-100000px{border-bottom-right-radius:100000px;}
 :root ._bbrr-1000px{border-bottom-right-radius:1000px;}
 :root ._bbrr-10px{border-bottom-right-radius:10px;}
 :root ._bbrr-1px{border-bottom-right-radius:1px;}
+:root ._bbrr-3px{border-bottom-right-radius:3px;}
 :root ._bbrr-7px{border-bottom-right-radius:7px;}
 :root ._bbrr-9999px{border-bottom-right-radius:9999px;}
+:root ._bbrr-999px{border-bottom-right-radius:999px;}
 :root ._bbrr-c-radius-1{border-bottom-right-radius:var(--c-radius-1);}
 :root ._bbrr-c-radius-10{border-bottom-right-radius:var(--c-radius-10);}
 :root ._bbrr-c-radius-2{border-bottom-right-radius:var(--c-radius-2);}
@@ -3174,6 +3181,7 @@ a svg,
 :root:root:root:root  ._bg-0focus-hover:focus{background-color:var(--hover) !important;}
 :root:root:root:root  ._bg-0focus-raised:focus{background-color:var(--raised) !important;}
 :root:root:root:root  ._bg-0focus-rim:focus{background-color:var(--rim) !important;}
+:root:root:root:root  ._bg-0focus-visible-rim:focus-visible{background-color:var(--rim) !important;}
 @media (hover) {:root:root  ._bg-0hover-background:hover{background-color:var(--background) !important;}}
 @media (hover) {:root:root  ._bg-0hover-backgroundH3423444:hover{background-color:var(--backgroundHover) !important;}}
 @media (hover) {:root:root  ._bg-0hover-edge:hover{background-color:var(--edge) !important;}}
@@ -3184,16 +3192,19 @@ a svg,
 :root ._bg-accentBackg108704142{background-color:var(--accentBackground);}
 :root ._bg-background{background-color:var(--background);}
 :root ._bg-backgroundA94988999{background-color:var(--backgroundActive);}
+:root ._bg-bad{background-color:var(--bad);}
 :root ._bg-borderColor{background-color:var(--borderColor);}
 :root ._bg-color12{background-color:var(--color12);}
 :root ._bg-color3{background-color:var(--color3);}
 :root ._bg-color5{background-color:var(--color5);}
 :root ._bg-edge{background-color:var(--edge);}
+:root ._bg-faint{background-color:var(--faint);}
 :root ._bg-green1{background-color:var(--green1);}
 :root ._bg-green9{background-color:var(--green9);}
 :root ._bg-hover{background-color:var(--hover);}
 :root ._bg-ink{background-color:var(--ink);}
 :root ._bg-panel{background-color:var(--panel);}
+:root ._bg-quiet{background-color:var(--quiet);}
 :root ._bg-raised{background-color:var(--raised);}
 :root ._bg-red9{background-color:var(--red9);}
 :root ._bg-rim{background-color:var(--rim);}
@@ -3222,10 +3233,12 @@ a svg,
 :root ._borderBottomColor-color12._borderBottomColor-color12{border-bottom-color:var(--color12);}
 :root ._borderBottomColor-faint._borderBottomColor-faint{border-bottom-color:var(--faint);}
 :root ._borderBottomColor-green3._borderBottomColor-green3{border-bottom-color:var(--green3);}
+:root ._borderBottomColor-ink._borderBottomColor-ink{border-bottom-color:var(--ink);}
 :root ._borderBottomColor-rim._borderBottomColor-rim{border-bottom-color:var(--rim);}
 :root ._borderBottomColor-transparent._borderBottomColor-transparent{border-bottom-color:transparent;}
 :root ._borderBottomWidth-0px._borderBottomWidth-0px{border-bottom-width:0px;}
 :root ._borderBottomWidth-1px._borderBottomWidth-1px{border-bottom-width:1px;}
+:root ._borderBottomWidth-2px._borderBottomWidth-2px{border-bottom-width:2px;}
 :root:root:root  ._borderLeftColor-0active-borderColor._borderLeftColor-0active-borderColor:active{border-left-color:var(--borderColor) !important;}
 :root:root:root  ._borderLeftColor-0active-borderColor68052152._borderLeftColor-0active-borderColor68052152:active{border-left-color:var(--borderColorFocus) !important;}
 :root:root:root  ._borderLeftColor-0active-borderColor69916956._borderLeftColor-0active-borderColor69916956:active{border-left-color:var(--borderColorHover) !important;}
@@ -3294,12 +3307,15 @@ a svg,
 :root ._btc-green3._btc-green3{border-top-color:var(--green3);}
 :root ._btc-rim._btc-rim{border-top-color:var(--rim);}
 :root ._btc-transparent._btc-transparent{border-top-color:transparent;}
+:root ._btlr-0px{border-top-left-radius:0px;}
 :root ._btlr-100000px{border-top-left-radius:100000px;}
 :root ._btlr-1000px{border-top-left-radius:1000px;}
 :root ._btlr-10px{border-top-left-radius:10px;}
 :root ._btlr-1px{border-top-left-radius:1px;}
+:root ._btlr-3px{border-top-left-radius:3px;}
 :root ._btlr-7px{border-top-left-radius:7px;}
 :root ._btlr-9999px{border-top-left-radius:9999px;}
+:root ._btlr-999px{border-top-left-radius:999px;}
 :root ._btlr-c-radius-1{border-top-left-radius:var(--c-radius-1);}
 :root ._btlr-c-radius-10{border-top-left-radius:var(--c-radius-10);}
 :root ._btlr-c-radius-2{border-top-left-radius:var(--c-radius-2);}
@@ -3309,12 +3325,15 @@ a svg,
 :root ._btlr-c-radius-6{border-top-left-radius:var(--c-radius-6);}
 :root ._btlr-c-radius-tr3728{border-top-left-radius:var(--c-radius-true);}
 :root ._btlr-radius-lg0--71290927033{border-top-left-radius:var(--radius-lg, 0.75rem);}
+:root ._btrr-0px{border-top-right-radius:0px;}
 :root ._btrr-100000px{border-top-right-radius:100000px;}
 :root ._btrr-1000px{border-top-right-radius:1000px;}
 :root ._btrr-10px{border-top-right-radius:10px;}
 :root ._btrr-1px{border-top-right-radius:1px;}
+:root ._btrr-3px{border-top-right-radius:3px;}
 :root ._btrr-7px{border-top-right-radius:7px;}
 :root ._btrr-9999px{border-top-right-radius:9999px;}
+:root ._btrr-999px{border-top-right-radius:999px;}
 :root ._btrr-c-radius-1{border-top-right-radius:var(--c-radius-1);}
 :root ._btrr-c-radius-10{border-top-right-radius:var(--c-radius-10);}
 :root ._btrr-c-radius-2{border-top-right-radius:var(--c-radius-2);}
@@ -3329,9 +3348,11 @@ a svg,
 :root ._btw-1px._btw-1px{border-top-width:1px;}
 :root ._bxsh-0px0px0pxrg933189164{box-shadow:0px 0px 0px rgba(0, 0, 0, 0);}
 :root ._bxsh-0px1px3pxco907201451{box-shadow:0px 1px 3px color-mix(in srgb, var(--shadowColor) 12%, transparent);}
+:root ._bxsh-0px6px16pxr252905353{box-shadow:0px 6px 16px rgba(0,0,0,0.4);}
 :root:root:root  ._col-0active-colorPress:active{color:var(--colorPress) !important;}
 @media (hover) {:root:root  ._col-0hover-ink:hover{color:var(--ink) !important;}}
 :root ._col-accentColor{color:var(--accentColor);}
+:root ._col-bad{color:var(--bad);}
 :root ._col-color{color:var(--color);}
 :root ._col-faint{color:var(--faint);}
 :root ._col-green11{color:var(--green11);}
@@ -3340,6 +3361,7 @@ a svg,
 :root ._col-soft{color:var(--soft);}
 :root ._col-sunken{color:var(--sunken);}
 :root ._col-white1{color:var(--white1);}
+:root ._col-yellow10{color:var(--yellow10);}
 :root ._contain-content{contain:content;}
 :root:root ._cur-_platformweb_pointer{cursor:pointer;}
 :root ._cur-col-resize{cursor:col-resize;}
@@ -3350,6 +3372,9 @@ a svg,
 :root ._cur-row-resize{cursor:row-resize;}
 :root ._direction-ltr{direction:ltr;}
 :root ._dsp--webkit-box{display:-webkit-box;}
+@media (max-width: 767.98px){:root:root:root:root:root:root:root ._dsp-_maxmd_none{display:none;}}
+@media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._dsp-_md_flex{display:flex;}}
+@media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._dsp-_md_none{display:none;}}
 :root ._dsp-block{display:block;}
 :root ._dsp-flex{display:flex;}
 :root ._dsp-inline-flex{display:inline-flex;}
@@ -3374,15 +3399,22 @@ a svg,
 :root ._fw-f-weight-2{font-weight:var(--f-weight-2);}
 :root ._fw-f-weight-3{font-weight:var(--f-weight-3);}
 :root ._fw-f-weight-4{font-weight:var(--f-weight-4);}
+:root ._fw-f-weight-7{font-weight:var(--f-weight-7);}
 :root ._fwr-nowrap{flex-wrap:nowrap;}
+:root ._fwr-wrap{flex-wrap:wrap;}
+:root ._gap-0px{gap:0px;}
 :root ._gap-16px{gap:16px;}
+:root ._gap-1px{gap:1px;}
 :root ._gap-24px{gap:24px;}
 :root ._gap-2px{gap:2px;}
 :root ._gap-8px{gap:8px;}
+@media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._gap-_md_c-space-3{gap:var(--c-space-3);}}
+:root ._gap-c-space-0{gap:var(--c-space-0);}
 :root ._gap-c-space-0--53{gap:var(--c-space-0--5);}
 :root ._gap-c-space-1{gap:var(--c-space-1);}
 :root ._gap-c-space-1--53{gap:var(--c-space-1--5);}
 :root ._gap-c-space-2{gap:var(--c-space-2);}
+:root ._gap-c-space-2--53{gap:var(--c-space-2--5);}
 :root ._gap-c-space-3{gap:var(--c-space-3);}
 :root ._gap-calc6pxvar-1380234971{gap:calc(6px * var(--radius-scale, 1));}
 :root ._gap-calc8pxvar-1380234971{gap:calc(8px * var(--radius-scale, 1));}
@@ -3397,6 +3429,7 @@ a svg,
 :root ._height-16px{height:16px;}
 :root ._height-20px{height:20px;}
 :root ._height-220px{height:220px;}
+:root ._height-22px{height:22px;}
 :root ._height-24px{height:24px;}
 :root ._height-28px{height:28px;}
 :root ._height-32px{height:32px;}
@@ -3418,6 +3451,7 @@ a svg,
 :root ._height-min72vh620p38286157{height:min(72vh, 620px);}
 :root ._items-center{align-items:center;}
 :root ._items-flex-start{align-items:flex-start;}
+:root ._items-stretch{align-items:stretch;}
 :root ._justify-center{justify-content:center;}
 :root ._justify-flex-end{justify-content:flex-end;}
 :root ._justify-flex-start{justify-content:flex-start;}
@@ -3457,7 +3491,11 @@ a svg,
 :root ._maxW-0px{max-width:0px;}
 :root ._maxW-10037{max-width:100%;}
 :root ._maxW-16px{max-width:16px;}
+:root ._maxW-180px{max-width:180px;}
+:root ._maxW-200px{max-width:200px;}
+:root ._maxW-220px{max-width:220px;}
 :root ._maxW-32px{max-width:32px;}
+:root ._maxW-360px{max-width:360px;}
 :root ._maxW-600px{max-width:600px;}
 :root ._maxW-720px{max-width:720px;}
 :root ._maxW-768px{max-width:768px;}
@@ -3468,17 +3506,24 @@ a svg,
 :root ._minH-16px{min-height:16px;}
 :root ._minH-20px{min-height:20px;}
 :root ._minH-24px{min-height:24px;}
+:root ._minH-28px{min-height:28px;}
+:root ._minH-30px{min-height:30px;}
 :root ._minH-32px{min-height:32px;}
 :root ._minH-36px{min-height:36px;}
+:root ._minH-38px{min-height:38px;}
 :root ._minH-40px{min-height:40px;}
 :root ._minH-420px{min-height:420px;}
 :root ._minH-44px{min-height:44px;}
+:root ._minH-52px{min-height:52px;}
 :root ._minH-64px{min-height:64px;}
 :root ._minH-auto{min-height:auto;}
 :root ._minH-c-size-1{min-height:var(--c-size-1);}
 :root ._minW-0px{min-width:0px;}
+:root ._minW-140px{min-width:140px;}
 :root ._minW-16px{min-width:16px;}
 :root ._minW-220px{min-width:220px;}
+:root ._minW-24px{min-width:24px;}
+:root ._minW-28px{min-width:28px;}
 :root ._minW-32px{min-width:32px;}
 :root ._minW-36px{min-width:36px;}
 :root ._minW-40px{min-width:40px;}
@@ -3489,9 +3534,12 @@ a svg,
 :root ._mr-0px{margin-right:0px;}
 :root ._mr-auto{margin-right:auto;}
 :root ._mt--24px{margin-top:-24px;}
+:root ._mt--3px{margin-top:-3px;}
+:root ._mt--4px{margin-top:-4px;}
 :root ._mt-0px{margin-top:0px;}
 :root ._mt-c-space-1{margin-top:var(--c-space-1);}
 :root ._mt-c-space-3{margin-top:var(--c-space-3);}
+:root ._mt-c-space-5{margin-top:var(--c-space-5);}
 :root ._o-0{opacity:0;}
 :root ._o-0--4{opacity:0.4;}
 :root ._o-0--5{opacity:0.5;}
@@ -3504,6 +3552,8 @@ a svg,
 :root ._o-1{opacity:1;}
 :root:root:root:root  ._outlineColor-0focus-dim._outlineColor-0focus-dim:focus{outline-color:var(--dim) !important;}
 :root:root:root:root  ._outlineColor-0focus-visible-outlineColo114._outlineColor-0focus-visible-outlineColo114:focus-visible{outline-color:var(--outlineColor) !important;}
+:root:root:root:root  ._outlineColor-0focus-visible-rim._outlineColor-0focus-visible-rim:focus-visible{outline-color:var(--rim) !important;}
+:root:root:root:root  ._outlineOffset-0focus-visible--2px._outlineOffset-0focus-visible--2px:focus-visible{outline-offset:-2px !important;}
 :root:root:root:root  ._outlineStyle-0focus-solid._outlineStyle-0focus-solid:focus{outline-style:solid !important;}
 :root:root:root:root  ._outlineStyle-0focus-visible-solid._outlineStyle-0focus-visible-solid:focus-visible{outline-style:solid !important;}
 :root ._outlineStyle-none._outlineStyle-none{outline-style:none;}
@@ -3524,6 +3574,8 @@ a svg,
 :root ._pb-3px{padding-bottom:3px;}
 :root ._pb-7px{padding-bottom:7px;}
 :root ._pb-8px{padding-bottom:8px;}
+:root ._pb-9px{padding-bottom:9px;}
+@media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._pb-_md_c-space-3{padding-bottom:var(--c-space-3);}}
 @media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._pb-_md_c-space-8{padding-bottom:var(--c-space-8);}}
 :root ._pb-c-space-1{padding-bottom:var(--c-space-1);}
 :root ._pb-c-space-1--53{padding-bottom:var(--c-space-1--5);}
@@ -3533,10 +3585,12 @@ a svg,
 :root ._pb-c-space-3{padding-bottom:var(--c-space-3);}
 :root ._pb-c-space-3--53{padding-bottom:var(--c-space-3--5);}
 :root ._pb-c-space-4{padding-bottom:var(--c-space-4);}
+:root ._pb-c-space-6{padding-bottom:var(--c-space-6);}
 :root ._pe-boxnone{pointer-events:none !important;}
 :root ._pe-none{pointer-events:none !important;}
 :root ._pl-0px{padding-left:0px;}
 :root ._pl-12px{padding-left:12px;}
+:root ._pl-17px{padding-left:17px;}
 :root ._pl-1px{padding-left:1px;}
 :root ._pl-24px{padding-left:24px;}
 :root ._pl-2px{padding-left:2px;}
@@ -3544,6 +3598,7 @@ a svg,
 :root ._pl-8px{padding-left:8px;}
 @media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._pl-_md_c-space-4{padding-left:var(--c-space-4);}}
 :root ._pl-c-space-1{padding-left:var(--c-space-1);}
+:root ._pl-c-space-1--53{padding-left:var(--c-space-1--5);}
 :root ._pl-c-space-2{padding-left:var(--c-space-2);}
 :root ._pl-c-space-2--53{padding-left:var(--c-space-2--5);}
 :root ._pl-c-space-3{padding-left:var(--c-space-3);}
@@ -3560,8 +3615,10 @@ a svg,
 :root ._pr-36px{padding-right:36px;}
 :root ._pr-3px{padding-right:3px;}
 :root ._pr-8px{padding-right:8px;}
+@media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._pr-_md_c-space-3{padding-right:var(--c-space-3);}}
 @media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._pr-_md_c-space-4{padding-right:var(--c-space-4);}}
 :root ._pr-c-space-1{padding-right:var(--c-space-1);}
+:root ._pr-c-space-1--53{padding-right:var(--c-space-1--5);}
 :root ._pr-c-space-2{padding-right:var(--c-space-2);}
 :root ._pr-c-space-2--53{padding-right:var(--c-space-2--5);}
 :root ._pr-c-space-3{padding-right:var(--c-space-3);}
@@ -3576,6 +3633,7 @@ a svg,
 :root ._pt-3px{padding-top:3px;}
 :root ._pt-7px{padding-top:7px;}
 :root ._pt-8px{padding-top:8px;}
+:root ._pt-9px{padding-top:9px;}
 @media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._pt-_md_c-space-8{padding-top:var(--c-space-8);}}
 :root ._pt-c-space-1{padding-top:var(--c-space-1);}
 :root ._pt-c-space-1--53{padding-top:var(--c-space-1--5);}
@@ -3585,6 +3643,7 @@ a svg,
 :root ._pt-c-space-3{padding-top:var(--c-space-3);}
 :root ._pt-c-space-3--53{padding-top:var(--c-space-3--5);}
 :root ._pt-c-space-4{padding-top:var(--c-space-4);}
+:root ._pt-c-space-6{padding-top:var(--c-space-6);}
 :root ._r-0px{right:0px;}
 :root ._r-12px{right:12px;}
 :root ._r-6037{right:60%;}
@@ -3596,6 +3655,7 @@ a svg,
 :root ._self-stretch{align-self:stretch;}
 :root ._shrink-0{flex-shrink:0;}
 :root ._shrink-1{flex-shrink:1;}
+@media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._shrink-_md_0{flex-shrink:0;}}
 :root ._t-0px{top:0px;}
 :root ._t-5037{top:50%;}
 @media (hover) {:root:root  ._td-0hover-underline:hover{text-decoration-line:underline !important;}}
@@ -3618,23 +3678,31 @@ a svg,
 :root ._width-168px{width:168px;}
 :root ._width-16px{width:16px;}
 :root ._width-20037{width:200%;}
+:root ._width-20px{width:20px;}
+:root ._width-22px{width:22px;}
 :root ._width-24px{width:24px;}
 :root ._width-260px{width:260px;}
 :root ._width-264px{width:264px;}
+:root ._width-272px{width:272px;}
 :root ._width-28px{width:28px;}
 :root ._width-2px{width:2px;}
 :root ._width-320px{width:320px;}
 :root ._width-32px{width:32px;}
 :root ._width-36px{width:36px;}
 :root ._width-380px{width:380px;}
+:root ._width-48px{width:48px;}
 :root ._width-4px{width:4px;}
+:root ._width-56px{width:56px;}
 :root ._width-5px{width:5px;}
 :root ._width-6037{width:60%;}
+:root ._width-6px{width:6px;}
 :root ._width-8px{width:8px;}
+@media (min-width: 768px){:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root ._width-_md_360px{width:360px;}}
 :root ._width-auto{width:auto;}
 :root ._width-c-size-1{width:var(--c-size-1);}
 :root ._ws-normal{white-space:normal;}
 :root ._ws-nowrap{white-space:nowrap;}
+:root ._ws-pre{white-space:pre;}
 :root ._ws-pre-wrap{white-space:pre-wrap;}
 :root ._z-0{z-index:0;}
 .t_group_true { container-name: true; container-type: inline-size; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.27.14",
+  "version": "8.27.16",
   "type": "module",
   "description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
   "exports": {
@@ -298,9 +298,6 @@
     },
     "next-themes": {
       "optional": true
-    },
-    "react-hook-form": {
-      "optional": true
     }
   },
   "devDependencies": {
@@ -321,6 +318,7 @@
     "@types/node": "26.4.0",
     "@types/react": "19.2.18",
     "@types/react-dom": "19.2.5",
+    "axe-core": "4.12.1",
     "next-themes": "^0.4.6",
     "react": "19.2.8",
     "react-dom": "19.2.8",