@hanzo/ui 8.2.0 → 8.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/gallery.html +175 -1
  2. package/dist/styles.css +174 -0
  3. package/package.json +2 -1
package/dist/gallery.html CHANGED
@@ -1,4 +1,4 @@
1
- <!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.2.0</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
1
+ <!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.2.1</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
2
2
  :root { --hanzo-ui-styles: 1; }
3
3
  /* Hanzo Design System — the entry point. Import THIS one file.
4
4
  *
@@ -1686,6 +1686,180 @@
1686
1686
  }
1687
1687
  }
1688
1688
 
1689
+ [stylesheet-group="0"]{}
1690
+ body{margin:0;}
1691
+ button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
1692
+ html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
1693
+ input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
1694
+ [stylesheet-group="1"]{}
1695
+ .css-accessibilityImage-9pa8cd{bottom:0px;height:100%;left:0px;opacity:0;position:absolute;right:0px;top:0px;width:100%;z-index:-1;}
1696
+ .css-text-146c3p1{background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;color:rgba(0,0,0,1.00);display:inline;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;list-style:none;margin:0px;padding:0px;position:relative;text-align:start;text-decoration:none;white-space:pre-wrap;word-wrap:break-word;}
1697
+ .css-textHasAncestor-1jxf684{background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;color:inherit;display:inline;font:inherit;list-style:none;margin:0px;padding:0px;position:relative;text-align:inherit;text-decoration:none;white-space:inherit;word-wrap:break-word;}
1698
+ .css-textinput-11aywtz{-moz-appearance:textfield;-webkit-appearance:none;background-color:rgba(0,0,0,0.00);border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:0px;border-top-right-radius:0px;border:0 solid black;box-sizing:border-box;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;margin:0px;padding:0px;resize:none;}
1699
+ .css-view-g5y9jx{align-content:flex-start;align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
1700
+ [stylesheet-group="2"]{}
1701
+ .r-borderColor-1awa8pu{border-bottom-color:rgba(101,119,134,1.00);border-left-color:rgba(101,119,134,1.00);border-right-color:rgba(101,119,134,1.00);border-top-color:rgba(101,119,134,1.00);}
1702
+ .r-borderColor-1d4xg89{border-bottom-color:rgba(170,184,194,1.00);border-left-color:rgba(170,184,194,1.00);border-right-color:rgba(170,184,194,1.00);border-top-color:rgba(170,184,194,1.00);}
1703
+ .r-borderColor-1jyn79y{border-bottom-color:rgba(0,150,136,1.00);border-left-color:rgba(0,150,136,1.00);border-right-color:rgba(0,150,136,1.00);border-top-color:rgba(0,150,136,1.00);}
1704
+ .r-borderColor-4a18lf{border-bottom-color:rgba(255,0,0,1.00);border-left-color:rgba(255,0,0,1.00);border-right-color:rgba(255,0,0,1.00);border-top-color:rgba(255,0,0,1.00);}
1705
+ .r-borderColor-60ke3l{border-bottom-color:rgba(0,128,0,1.00);border-left-color:rgba(0,128,0,1.00);border-right-color:rgba(0,128,0,1.00);border-top-color:rgba(0,128,0,1.00);}
1706
+ .r-borderColor-9x6qib{border-bottom-color:rgba(204,214,221,1.00);border-left-color:rgba(204,214,221,1.00);border-right-color:rgba(204,214,221,1.00);border-top-color:rgba(204,214,221,1.00);}
1707
+ .r-borderColor-fx7oqy{border-bottom-color:rgba(0,0,255,1.00);border-left-color:rgba(0,0,255,1.00);border-right-color:rgba(0,0,255,1.00);border-top-color:rgba(0,0,255,1.00);}
1708
+ .r-borderRadius-1j16mh1{border-bottom-left-radius:100%;border-bottom-right-radius:100%;border-top-left-radius:100%;border-top-right-radius:100%;}
1709
+ .r-borderRadius-1jkafct{border-bottom-left-radius:2px;border-bottom-right-radius:2px;border-top-left-radius:2px;border-top-right-radius:2px;}
1710
+ .r-borderStyle-1phboty{border-bottom-style:solid;border-left-style:solid;border-right-style:solid;border-top-style:solid;}
1711
+ .r-borderWidth-d045u9{border-bottom-width:2px;border-left-width:2px;border-right-width:2px;border-top-width:2px;}
1712
+ .r-borderWidth-rs99b7{border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-top-width:1px;}
1713
+ .r-display-krxsd3{display:-webkit-box;}
1714
+ .r-display-xoduu5{display:inline-flex;}
1715
+ .r-flex-13awgt0{flex:1;}
1716
+ .r-margin-crgep1{margin:0px;}
1717
+ .r-margin-ywje51{margin:auto;}
1718
+ .r-overflow-1qsk4np{overflow-x:clip;overflow-y:clip;}
1719
+ .r-overflow-1udh08x{overflow-x:hidden;overflow-y:hidden;}
1720
+ .r-padding-edyy15{padding:8px;}
1721
+ .r-padding-t60dpp{padding:0px;}
1722
+ [stylesheet-group="2.2"]{}
1723
+ .r-insetInlineStart-10s2tm5{left:0%;}
1724
+ .r-insetInlineStart-16o8guy{right:100%;}
1725
+ .r-insetInlineStart-dqe1q{right:0%;}
1726
+ .r-insetInlineStart-rci37q{left:100%;}
1727
+ [stylesheet-group="3"]{}
1728
+ .r-WebkitBoxOrient-8akbws{-webkit-box-orient:vertical;}
1729
+ .r-WebkitOverflowScrolling-150rngu{-webkit-overflow-scrolling:touch;}
1730
+ .r-alignItems-1awozwy{align-items:center;}
1731
+ .r-alignSelf-k200y{align-self:flex-start;}
1732
+ .r-animationDuration-17bb2tj{animation-duration:0.75s;}
1733
+ .r-animationDuration-1ay1djp{animation-duration:1s;}
1734
+ .r-animationDuration-9daxd3{animation-duration:250ms;}
1735
+ .r-animationIterationCount-1muvv40{animation-iteration-count:infinite;}
1736
+ .r-animationKeyframes-13aq9py{animation-name:r-animation-1iq689l;}
1737
+ .r-animationKeyframes-1qulhi1{animation-name:r-animation-1pzkwqh;}
1738
+ .r-animationKeyframes-1yef0xd{animation-name:r-animation-11cv4x;}
1739
+ .r-animationKeyframes-ebwn4k{animation-name:r-animation-q67da2;}
1740
+ .r-animationKeyframes-g3mlsw{animation-name:r-animation-t2lo5v;}
1741
+ .r-animationKeyframes-xx3c9p{animation-name:r-animation-imtty0;}
1742
+ .r-animationPlayState-1abnn5w{animation-play-state:paused;}
1743
+ .r-animationTimingFunction-1ldzwu0{animation-timing-function:linear;}
1744
+ .r-animationTimingFunction-leqjx2{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
1745
+ .r-animationTimingFunction-s62m2j{animation-timing-function:cubic-bezier(0.47, 0, 0.745, 0.715);}
1746
+ .r-appearance-30o5oe{-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;}
1747
+ .r-backgroundColor-11mpjr4{background-color:rgba(223,223,223,1.00);}
1748
+ .r-backgroundColor-11udlyb{background-color:rgba(0,150,136,1.00);}
1749
+ .r-backgroundColor-14lw9ot{background-color:rgba(255,255,255,1.00);}
1750
+ .r-backgroundColor-14sbq61{background-color:rgba(33,150,243,1.00);}
1751
+ .r-backgroundColor-1niwhzg{background-color:rgba(0,0,0,0.00);}
1752
+ .r-backgroundColor-dkge59{background-color:rgba(170,184,194,1.00);}
1753
+ .r-backgroundColor-u92y06{background-color:rgba(255,165,0,1.00);}
1754
+ .r-backgroundImage-rs94m5{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");}
1755
+ .r-backgroundPosition-1mrlafo{background-position:0;}
1756
+ .r-backgroundPosition-vvn4in{background-position:center;}
1757
+ .r-backgroundRepeat-17leim2{background-repeat:repeat;}
1758
+ .r-backgroundRepeat-u6sd8q{background-repeat:no-repeat;}
1759
+ .r-backgroundSize-1sxrcry{background-size:auto;}
1760
+ .r-backgroundSize-4gszlv{background-size:cover;}
1761
+ .r-backgroundSize-ehq7j7{background-size:contain;}
1762
+ .r-backgroundSize-x3cy2q{background-size:100% 100%;}
1763
+ .r-bottom-1p0dtai{bottom:0px;}
1764
+ .r-boxShadow-1ewcgjf{box-shadow:0px 1px 3px rgba(0,0,0,0.5);}
1765
+ .r-caretColor-van48c{caret-color:transparent;}
1766
+ .r-color-c68hjy{color:rgba(161,161,161,1.00);}
1767
+ .r-color-jwli3a{color:rgba(255,255,255,1.00);}
1768
+ .r-cursor-1ei5mc7{cursor:inherit;}
1769
+ .r-cursor-1loqt21{cursor:pointer;}
1770
+ .r-cursor-7q8q6z{cursor:default;}
1771
+ .r-flexBasis-1mlwlqe{flex-basis:auto;}
1772
+ .r-flexDirection-18u37iz{flex-direction:row;}
1773
+ .r-flexDirection-1d5kdc7{flex-direction:column-reverse;}
1774
+ .r-flexDirection-1euycsn{flex-direction:row-reverse;}
1775
+ .r-flexDirection-eqz5dr{flex-direction:column;}
1776
+ .r-flexGrow-16y2uox{flex-grow:1;}
1777
+ .r-flexShrink-1wbh5a2{flex-shrink:1;}
1778
+ .r-fontFamily-1qd0xha{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
1779
+ .r-fontSize-7cikom{font-size:inherit;}
1780
+ .r-fontWeight-majxgm{font-weight:500;}
1781
+ .r-forcedColorAdjust-1c6unfx{forced-color-adjust:none;}
1782
+ .r-height-10ptun7{height:16px;}
1783
+ .r-height-1dernwh{height:70%;}
1784
+ .r-height-1pi2tsx{height:100%;}
1785
+ .r-height-1r8g8re{height:36px;}
1786
+ .r-height-4v7adb{height:5px;}
1787
+ .r-height-z80fyv{height:20px;}
1788
+ .r-justifyContent-1777fci{justify-content:center;}
1789
+ .r-left-1d2f490{left:0px;}
1790
+ .r-maxWidth-dnmrzs{max-width:100%;}
1791
+ .r-opacity-6dt33c{opacity:1;}
1792
+ .r-opacity-orgf3d{opacity:0;}
1793
+ .r-outlineStyle-1ny4l3l{outline-style:none;}
1794
+ .r-overflowX-11yh6sk{overflow-x:hidden;}
1795
+ .r-overflowX-lltvgl{overflow-x:auto;}
1796
+ .r-overflowY-1rnoaur{overflow-y:auto;}
1797
+ .r-overflowY-buy8e9{overflow-y:hidden;}
1798
+ .r-paddingBottom-97e31f{padding-bottom:env(safe-area-inset-bottom);}
1799
+ .r-paddingLeft-bv2aro{padding-left:env(safe-area-inset-left);}
1800
+ .r-paddingRight-hxflta{padding-right:env(safe-area-inset-right);}
1801
+ .r-paddingTop-10xqauy{padding-top:env(safe-area-inset-top);}
1802
+ .r-placeholderTextColor-6taxm2:-ms-input-placeholder{color:var(--placeholderTextColor);opacity:1;}
1803
+ .r-placeholderTextColor-6taxm2::-moz-placeholder{color:var(--placeholderTextColor);opacity:1;}
1804
+ .r-placeholderTextColor-6taxm2::-webkit-input-placeholder{color:var(--placeholderTextColor);opacity:1;}
1805
+ .r-placeholderTextColor-6taxm2::placeholder{color:var(--placeholderTextColor);opacity:1;}
1806
+ .r-pointerEvents-105ug2t{pointer-events:auto!important;}
1807
+ .r-pointerEvents-12vffkv>* {pointer-events:auto;}
1808
+ .r-pointerEvents-12vffkv{pointer-events:none!important;}
1809
+ .r-pointerEvents-633pao>* {pointer-events:none;}
1810
+ .r-pointerEvents-633pao{pointer-events:none!important;}
1811
+ .r-pointerEvents-ah5dr5>* {pointer-events:none;}
1812
+ .r-pointerEvents-ah5dr5{pointer-events:auto!important;}
1813
+ .r-position-1xcajam{position:fixed;}
1814
+ .r-position-gtdqiz{position:-webkit-sticky;position:sticky;}
1815
+ .r-position-u8s1d{position:absolute;}
1816
+ .r-right-zchlnj{right:0px;}
1817
+ .r-scrollSnapAlign-cpa5s6{scroll-snap-align:start;}
1818
+ .r-scrollSnapType-1ocf4r9{scroll-snap-type:y mandatory;}
1819
+ .r-scrollSnapType-mfh4gg{scroll-snap-type:x mandatory;}
1820
+ .r-scrollbarWidth-2eszeu::-webkit-scrollbar{display:none}
1821
+ .r-scrollbarWidth-2eszeu{scrollbar-width:none;}
1822
+ .r-textAlign-1ff274t{text-align:right;}
1823
+ .r-textAlign-fdjqy7{text-align:left;}
1824
+ .r-textAlign-q4m81j{text-align:center;}
1825
+ .r-textOverflow-1udbk01{text-overflow:ellipsis;}
1826
+ .r-textTransform-tsynxw{text-transform:uppercase;}
1827
+ .r-top-ipm5af{top:0px;}
1828
+ .r-touchAction-19z077z{touch-action:none;}
1829
+ .r-touchAction-1otgn73{touch-action:manipulation;}
1830
+ .r-transform-10v3vxq{transform:scaleX(-1);}
1831
+ .r-transform-173mzie{transform:scaleY(-1);}
1832
+ .r-transform-agouwx{transform:translateZ(0);}
1833
+ .r-transform-bi4vy9{transform:translateY(100%);}
1834
+ .r-transform-ghxds0{transform:translateY(0%);}
1835
+ .r-transitionDuration-13tjlyg{transition-duration:0.1s;}
1836
+ .r-transitionDuration-eafdt9{transition-duration:0.15s;}
1837
+ .r-transitionProperty-1i6wzkk{-moz-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity;}
1838
+ .r-userSelect-1xnzce8{-moz-user-select:text;-webkit-user-select:text;user-select:text;}
1839
+ .r-userSelect-lrvibr{-moz-user-select:none;-webkit-user-select:none;user-select:none;}
1840
+ .r-visibility-11j9u27{visibility:hidden;}
1841
+ .r-whiteSpace-3s2u2q{white-space:nowrap;}
1842
+ .r-width-13qz1uu{width:100%;}
1843
+ .r-width-19wmn03{width:20px;}
1844
+ .r-width-1acpoxo{width:36px;}
1845
+ .r-width-1janqcz{width:16px;}
1846
+ .r-wordWrap-1iln25a{word-wrap:normal;}
1847
+ .r-zIndex-1wyyakw{z-index:-1;}
1848
+ .r-zIndex-417010{z-index:0;}
1849
+ .r-zIndex-mhe3cw{z-index:10;}
1850
+ .r-zIndex-sfbmgh{z-index:9999;}
1851
+ @-webkit-keyframes r-animation-11cv4x{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
1852
+ @-webkit-keyframes r-animation-1iq689l{0%{transform:translateY(0%);}100%{transform:translateY(100%);}}
1853
+ @-webkit-keyframes r-animation-1pzkwqh{0%{transform:translateY(100%);}100%{transform:translateY(0%);}}
1854
+ @-webkit-keyframes r-animation-imtty0{0%{opacity:0;}100%{opacity:1;}}
1855
+ @-webkit-keyframes r-animation-q67da2{0%{transform:translateX(-100%);}100%{transform:translateX(400%);}}
1856
+ @-webkit-keyframes r-animation-t2lo5v{0%{opacity:1;}100%{opacity:0;}}
1857
+ @keyframes r-animation-11cv4x{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
1858
+ @keyframes r-animation-1iq689l{0%{transform:translateY(0%);}100%{transform:translateY(100%);}}
1859
+ @keyframes r-animation-1pzkwqh{0%{transform:translateY(100%);}100%{transform:translateY(0%);}}
1860
+ @keyframes r-animation-imtty0{0%{opacity:0;}100%{opacity:1;}}
1861
+ @keyframes r-animation-q67da2{0%{transform:translateX(-100%);}100%{transform:translateX(400%);}}
1862
+ @keyframes r-animation-t2lo5v{0%{opacity:1;}100%{opacity:0;}}
1689
1863
  /* @hanzo/ui motion primitives — the calm, restrained animation vocabulary the
1690
1864
  Hanzo surfaces share. One place defines the easing; components apply the class.
1691
1865
  `className` forwards to the underlying DOM node on web, so the browser
package/dist/styles.css CHANGED
@@ -1686,6 +1686,180 @@
1686
1686
  }
1687
1687
  }
1688
1688
 
1689
+ [stylesheet-group="0"]{}
1690
+ body{margin:0;}
1691
+ button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
1692
+ html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
1693
+ input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
1694
+ [stylesheet-group="1"]{}
1695
+ .css-accessibilityImage-9pa8cd{bottom:0px;height:100%;left:0px;opacity:0;position:absolute;right:0px;top:0px;width:100%;z-index:-1;}
1696
+ .css-text-146c3p1{background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;color:rgba(0,0,0,1.00);display:inline;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;list-style:none;margin:0px;padding:0px;position:relative;text-align:start;text-decoration:none;white-space:pre-wrap;word-wrap:break-word;}
1697
+ .css-textHasAncestor-1jxf684{background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;color:inherit;display:inline;font:inherit;list-style:none;margin:0px;padding:0px;position:relative;text-align:inherit;text-decoration:none;white-space:inherit;word-wrap:break-word;}
1698
+ .css-textinput-11aywtz{-moz-appearance:textfield;-webkit-appearance:none;background-color:rgba(0,0,0,0.00);border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:0px;border-top-right-radius:0px;border:0 solid black;box-sizing:border-box;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;margin:0px;padding:0px;resize:none;}
1699
+ .css-view-g5y9jx{align-content:flex-start;align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
1700
+ [stylesheet-group="2"]{}
1701
+ .r-borderColor-1awa8pu{border-bottom-color:rgba(101,119,134,1.00);border-left-color:rgba(101,119,134,1.00);border-right-color:rgba(101,119,134,1.00);border-top-color:rgba(101,119,134,1.00);}
1702
+ .r-borderColor-1d4xg89{border-bottom-color:rgba(170,184,194,1.00);border-left-color:rgba(170,184,194,1.00);border-right-color:rgba(170,184,194,1.00);border-top-color:rgba(170,184,194,1.00);}
1703
+ .r-borderColor-1jyn79y{border-bottom-color:rgba(0,150,136,1.00);border-left-color:rgba(0,150,136,1.00);border-right-color:rgba(0,150,136,1.00);border-top-color:rgba(0,150,136,1.00);}
1704
+ .r-borderColor-4a18lf{border-bottom-color:rgba(255,0,0,1.00);border-left-color:rgba(255,0,0,1.00);border-right-color:rgba(255,0,0,1.00);border-top-color:rgba(255,0,0,1.00);}
1705
+ .r-borderColor-60ke3l{border-bottom-color:rgba(0,128,0,1.00);border-left-color:rgba(0,128,0,1.00);border-right-color:rgba(0,128,0,1.00);border-top-color:rgba(0,128,0,1.00);}
1706
+ .r-borderColor-9x6qib{border-bottom-color:rgba(204,214,221,1.00);border-left-color:rgba(204,214,221,1.00);border-right-color:rgba(204,214,221,1.00);border-top-color:rgba(204,214,221,1.00);}
1707
+ .r-borderColor-fx7oqy{border-bottom-color:rgba(0,0,255,1.00);border-left-color:rgba(0,0,255,1.00);border-right-color:rgba(0,0,255,1.00);border-top-color:rgba(0,0,255,1.00);}
1708
+ .r-borderRadius-1j16mh1{border-bottom-left-radius:100%;border-bottom-right-radius:100%;border-top-left-radius:100%;border-top-right-radius:100%;}
1709
+ .r-borderRadius-1jkafct{border-bottom-left-radius:2px;border-bottom-right-radius:2px;border-top-left-radius:2px;border-top-right-radius:2px;}
1710
+ .r-borderStyle-1phboty{border-bottom-style:solid;border-left-style:solid;border-right-style:solid;border-top-style:solid;}
1711
+ .r-borderWidth-d045u9{border-bottom-width:2px;border-left-width:2px;border-right-width:2px;border-top-width:2px;}
1712
+ .r-borderWidth-rs99b7{border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-top-width:1px;}
1713
+ .r-display-krxsd3{display:-webkit-box;}
1714
+ .r-display-xoduu5{display:inline-flex;}
1715
+ .r-flex-13awgt0{flex:1;}
1716
+ .r-margin-crgep1{margin:0px;}
1717
+ .r-margin-ywje51{margin:auto;}
1718
+ .r-overflow-1qsk4np{overflow-x:clip;overflow-y:clip;}
1719
+ .r-overflow-1udh08x{overflow-x:hidden;overflow-y:hidden;}
1720
+ .r-padding-edyy15{padding:8px;}
1721
+ .r-padding-t60dpp{padding:0px;}
1722
+ [stylesheet-group="2.2"]{}
1723
+ .r-insetInlineStart-10s2tm5{left:0%;}
1724
+ .r-insetInlineStart-16o8guy{right:100%;}
1725
+ .r-insetInlineStart-dqe1q{right:0%;}
1726
+ .r-insetInlineStart-rci37q{left:100%;}
1727
+ [stylesheet-group="3"]{}
1728
+ .r-WebkitBoxOrient-8akbws{-webkit-box-orient:vertical;}
1729
+ .r-WebkitOverflowScrolling-150rngu{-webkit-overflow-scrolling:touch;}
1730
+ .r-alignItems-1awozwy{align-items:center;}
1731
+ .r-alignSelf-k200y{align-self:flex-start;}
1732
+ .r-animationDuration-17bb2tj{animation-duration:0.75s;}
1733
+ .r-animationDuration-1ay1djp{animation-duration:1s;}
1734
+ .r-animationDuration-9daxd3{animation-duration:250ms;}
1735
+ .r-animationIterationCount-1muvv40{animation-iteration-count:infinite;}
1736
+ .r-animationKeyframes-13aq9py{animation-name:r-animation-1iq689l;}
1737
+ .r-animationKeyframes-1qulhi1{animation-name:r-animation-1pzkwqh;}
1738
+ .r-animationKeyframes-1yef0xd{animation-name:r-animation-11cv4x;}
1739
+ .r-animationKeyframes-ebwn4k{animation-name:r-animation-q67da2;}
1740
+ .r-animationKeyframes-g3mlsw{animation-name:r-animation-t2lo5v;}
1741
+ .r-animationKeyframes-xx3c9p{animation-name:r-animation-imtty0;}
1742
+ .r-animationPlayState-1abnn5w{animation-play-state:paused;}
1743
+ .r-animationTimingFunction-1ldzwu0{animation-timing-function:linear;}
1744
+ .r-animationTimingFunction-leqjx2{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
1745
+ .r-animationTimingFunction-s62m2j{animation-timing-function:cubic-bezier(0.47, 0, 0.745, 0.715);}
1746
+ .r-appearance-30o5oe{-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;}
1747
+ .r-backgroundColor-11mpjr4{background-color:rgba(223,223,223,1.00);}
1748
+ .r-backgroundColor-11udlyb{background-color:rgba(0,150,136,1.00);}
1749
+ .r-backgroundColor-14lw9ot{background-color:rgba(255,255,255,1.00);}
1750
+ .r-backgroundColor-14sbq61{background-color:rgba(33,150,243,1.00);}
1751
+ .r-backgroundColor-1niwhzg{background-color:rgba(0,0,0,0.00);}
1752
+ .r-backgroundColor-dkge59{background-color:rgba(170,184,194,1.00);}
1753
+ .r-backgroundColor-u92y06{background-color:rgba(255,165,0,1.00);}
1754
+ .r-backgroundImage-rs94m5{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");}
1755
+ .r-backgroundPosition-1mrlafo{background-position:0;}
1756
+ .r-backgroundPosition-vvn4in{background-position:center;}
1757
+ .r-backgroundRepeat-17leim2{background-repeat:repeat;}
1758
+ .r-backgroundRepeat-u6sd8q{background-repeat:no-repeat;}
1759
+ .r-backgroundSize-1sxrcry{background-size:auto;}
1760
+ .r-backgroundSize-4gszlv{background-size:cover;}
1761
+ .r-backgroundSize-ehq7j7{background-size:contain;}
1762
+ .r-backgroundSize-x3cy2q{background-size:100% 100%;}
1763
+ .r-bottom-1p0dtai{bottom:0px;}
1764
+ .r-boxShadow-1ewcgjf{box-shadow:0px 1px 3px rgba(0,0,0,0.5);}
1765
+ .r-caretColor-van48c{caret-color:transparent;}
1766
+ .r-color-c68hjy{color:rgba(161,161,161,1.00);}
1767
+ .r-color-jwli3a{color:rgba(255,255,255,1.00);}
1768
+ .r-cursor-1ei5mc7{cursor:inherit;}
1769
+ .r-cursor-1loqt21{cursor:pointer;}
1770
+ .r-cursor-7q8q6z{cursor:default;}
1771
+ .r-flexBasis-1mlwlqe{flex-basis:auto;}
1772
+ .r-flexDirection-18u37iz{flex-direction:row;}
1773
+ .r-flexDirection-1d5kdc7{flex-direction:column-reverse;}
1774
+ .r-flexDirection-1euycsn{flex-direction:row-reverse;}
1775
+ .r-flexDirection-eqz5dr{flex-direction:column;}
1776
+ .r-flexGrow-16y2uox{flex-grow:1;}
1777
+ .r-flexShrink-1wbh5a2{flex-shrink:1;}
1778
+ .r-fontFamily-1qd0xha{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
1779
+ .r-fontSize-7cikom{font-size:inherit;}
1780
+ .r-fontWeight-majxgm{font-weight:500;}
1781
+ .r-forcedColorAdjust-1c6unfx{forced-color-adjust:none;}
1782
+ .r-height-10ptun7{height:16px;}
1783
+ .r-height-1dernwh{height:70%;}
1784
+ .r-height-1pi2tsx{height:100%;}
1785
+ .r-height-1r8g8re{height:36px;}
1786
+ .r-height-4v7adb{height:5px;}
1787
+ .r-height-z80fyv{height:20px;}
1788
+ .r-justifyContent-1777fci{justify-content:center;}
1789
+ .r-left-1d2f490{left:0px;}
1790
+ .r-maxWidth-dnmrzs{max-width:100%;}
1791
+ .r-opacity-6dt33c{opacity:1;}
1792
+ .r-opacity-orgf3d{opacity:0;}
1793
+ .r-outlineStyle-1ny4l3l{outline-style:none;}
1794
+ .r-overflowX-11yh6sk{overflow-x:hidden;}
1795
+ .r-overflowX-lltvgl{overflow-x:auto;}
1796
+ .r-overflowY-1rnoaur{overflow-y:auto;}
1797
+ .r-overflowY-buy8e9{overflow-y:hidden;}
1798
+ .r-paddingBottom-97e31f{padding-bottom:env(safe-area-inset-bottom);}
1799
+ .r-paddingLeft-bv2aro{padding-left:env(safe-area-inset-left);}
1800
+ .r-paddingRight-hxflta{padding-right:env(safe-area-inset-right);}
1801
+ .r-paddingTop-10xqauy{padding-top:env(safe-area-inset-top);}
1802
+ .r-placeholderTextColor-6taxm2:-ms-input-placeholder{color:var(--placeholderTextColor);opacity:1;}
1803
+ .r-placeholderTextColor-6taxm2::-moz-placeholder{color:var(--placeholderTextColor);opacity:1;}
1804
+ .r-placeholderTextColor-6taxm2::-webkit-input-placeholder{color:var(--placeholderTextColor);opacity:1;}
1805
+ .r-placeholderTextColor-6taxm2::placeholder{color:var(--placeholderTextColor);opacity:1;}
1806
+ .r-pointerEvents-105ug2t{pointer-events:auto!important;}
1807
+ .r-pointerEvents-12vffkv>* {pointer-events:auto;}
1808
+ .r-pointerEvents-12vffkv{pointer-events:none!important;}
1809
+ .r-pointerEvents-633pao>* {pointer-events:none;}
1810
+ .r-pointerEvents-633pao{pointer-events:none!important;}
1811
+ .r-pointerEvents-ah5dr5>* {pointer-events:none;}
1812
+ .r-pointerEvents-ah5dr5{pointer-events:auto!important;}
1813
+ .r-position-1xcajam{position:fixed;}
1814
+ .r-position-gtdqiz{position:-webkit-sticky;position:sticky;}
1815
+ .r-position-u8s1d{position:absolute;}
1816
+ .r-right-zchlnj{right:0px;}
1817
+ .r-scrollSnapAlign-cpa5s6{scroll-snap-align:start;}
1818
+ .r-scrollSnapType-1ocf4r9{scroll-snap-type:y mandatory;}
1819
+ .r-scrollSnapType-mfh4gg{scroll-snap-type:x mandatory;}
1820
+ .r-scrollbarWidth-2eszeu::-webkit-scrollbar{display:none}
1821
+ .r-scrollbarWidth-2eszeu{scrollbar-width:none;}
1822
+ .r-textAlign-1ff274t{text-align:right;}
1823
+ .r-textAlign-fdjqy7{text-align:left;}
1824
+ .r-textAlign-q4m81j{text-align:center;}
1825
+ .r-textOverflow-1udbk01{text-overflow:ellipsis;}
1826
+ .r-textTransform-tsynxw{text-transform:uppercase;}
1827
+ .r-top-ipm5af{top:0px;}
1828
+ .r-touchAction-19z077z{touch-action:none;}
1829
+ .r-touchAction-1otgn73{touch-action:manipulation;}
1830
+ .r-transform-10v3vxq{transform:scaleX(-1);}
1831
+ .r-transform-173mzie{transform:scaleY(-1);}
1832
+ .r-transform-agouwx{transform:translateZ(0);}
1833
+ .r-transform-bi4vy9{transform:translateY(100%);}
1834
+ .r-transform-ghxds0{transform:translateY(0%);}
1835
+ .r-transitionDuration-13tjlyg{transition-duration:0.1s;}
1836
+ .r-transitionDuration-eafdt9{transition-duration:0.15s;}
1837
+ .r-transitionProperty-1i6wzkk{-moz-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity;}
1838
+ .r-userSelect-1xnzce8{-moz-user-select:text;-webkit-user-select:text;user-select:text;}
1839
+ .r-userSelect-lrvibr{-moz-user-select:none;-webkit-user-select:none;user-select:none;}
1840
+ .r-visibility-11j9u27{visibility:hidden;}
1841
+ .r-whiteSpace-3s2u2q{white-space:nowrap;}
1842
+ .r-width-13qz1uu{width:100%;}
1843
+ .r-width-19wmn03{width:20px;}
1844
+ .r-width-1acpoxo{width:36px;}
1845
+ .r-width-1janqcz{width:16px;}
1846
+ .r-wordWrap-1iln25a{word-wrap:normal;}
1847
+ .r-zIndex-1wyyakw{z-index:-1;}
1848
+ .r-zIndex-417010{z-index:0;}
1849
+ .r-zIndex-mhe3cw{z-index:10;}
1850
+ .r-zIndex-sfbmgh{z-index:9999;}
1851
+ @-webkit-keyframes r-animation-11cv4x{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
1852
+ @-webkit-keyframes r-animation-1iq689l{0%{transform:translateY(0%);}100%{transform:translateY(100%);}}
1853
+ @-webkit-keyframes r-animation-1pzkwqh{0%{transform:translateY(100%);}100%{transform:translateY(0%);}}
1854
+ @-webkit-keyframes r-animation-imtty0{0%{opacity:0;}100%{opacity:1;}}
1855
+ @-webkit-keyframes r-animation-q67da2{0%{transform:translateX(-100%);}100%{transform:translateX(400%);}}
1856
+ @-webkit-keyframes r-animation-t2lo5v{0%{opacity:1;}100%{opacity:0;}}
1857
+ @keyframes r-animation-11cv4x{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
1858
+ @keyframes r-animation-1iq689l{0%{transform:translateY(0%);}100%{transform:translateY(100%);}}
1859
+ @keyframes r-animation-1pzkwqh{0%{transform:translateY(100%);}100%{transform:translateY(0%);}}
1860
+ @keyframes r-animation-imtty0{0%{opacity:0;}100%{opacity:1;}}
1861
+ @keyframes r-animation-q67da2{0%{transform:translateX(-100%);}100%{transform:translateX(400%);}}
1862
+ @keyframes r-animation-t2lo5v{0%{opacity:1;}100%{opacity:0;}}
1689
1863
  /* @hanzo/ui motion primitives — the calm, restrained animation vocabulary the
1690
1864
  Hanzo surfaces share. One place defines the easing; components apply the class.
1691
1865
  `className` forwards to the underlying DOM node on web, so the browser
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hanzo/ui",
3
- "version": "8.2.0",
3
+ "version": "8.2.1",
4
4
  "type": "module",
5
5
  "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.",
6
6
  "exports": {
@@ -300,6 +300,7 @@
300
300
  "test": "pnpm run test:unit",
301
301
  "test:watch": "vitest",
302
302
  "test:responsive": "node scripts/responsive.mjs",
303
+ "test:contain": "node scripts/contain.mjs",
303
304
  "test:consumer": "node scripts/consumer-test.mjs",
304
305
  "test:unit": "vitest run",
305
306
  "test:consumer:webpack": "node scripts/consumer-webpack.mjs"