A design system in a box.
hip-ui.tngl.io/docs/introduction
1import{i as e,t}from"./jsx-runtime-D-oznMWL.js";import{t as n}from"./react-DNjXG-IQ.js";import{$t as r,d as i,l as a,u as o}from"./button-B3FtKFjE.js";import{_ as s,a as c}from"./typography.stylex-ZkAqsnF0.js";import{i as l}from"./SelectionIndicator-D6_3UuYP.js";import{t as u}from"./checkbox-DUW1NmBn.js";import{a as d,i as f,n as p,t as m}from"./ListBox-T58IHUzj.js";import{n as h,t as g}from"./Virtualizer-F0WUv2oN.js";import{t as _}from"./separator-Da7WLHKG.js";import{n as v,t as y}from"./useListBoxItemStyles-Dp7eJMDi.js";var b=e(n(),1),x=t(),S={listBox:{kI3sdo:`x1a2a7pz`,$$css:!0},sectionLabel:{kGNEyG:`x6s0dn4`,kB7OPa:`x9f619`,k1xSpc:`x78zum5`,kGO01o:`xv5w2ka`,kE3dHu:`xm1heco`,kpe85a:`x177qail`,kLKAdn:`xgewa70`,kZKoxP:`x18657mr x15cqvtz x1izor3m`,$$css:!0},separator:{k1K539:`x14kuvey`,keoZOQ:`x1hbp81o`,$$css:!0}},C=(0,b.createContext)(`default`);function w({size:e,style:t,variant:n=`default`,isVirtualized:r=!1,onSelectionChange:i,onAction:c,...l}){let{trigger:u}=o(),d=e||(0,b.use)(a),f=(0,b.useRef)(null),_=(0,b.useContext)(p),v=e=>{u(`selection`),i?.(e)},w=e=>{u(`selection`),c?.(e)},T=(0,x.jsx)(m,{...l,ref:f,onSelectionChange:v,onAction:_?void 0:w,...s(S.listBox,t)});return(0,x.jsx)(C,{value:n,children:(0,x.jsx)(a,{value:d,children:r?(0,x.jsx)(g,{layout:h,layoutOptions:{estimatedRowHeight:y[d]},children:T}):T})})}function T({id:e=``,...t}){let n=(0,b.use)(p);return(0,x.jsx)(u,{...t,isSelected:!!n?.selectionManager.selectedKeys.has(e),onChange:()=>n?.selectionManager.select(e)})}function E({style:e,children:t,prefix:n,suffix:r,...a}){let o=v(),c=(0,b.use)(C);return(0,x.jsx)(f,{...a,value:a.value||{id:a.id,label:t},textValue:a.textValue||(typeof t==`string`?t:void 0),...s(o.wrapper,e),children:({isSelected:e})=>(0,x.jsxs)(`div`,{...s(o.inner),children:[c===`checkbox`&&(0,x.jsx)(`div`,{...s(o.addon),children:(0,x.jsx)(T,{isSelected:e,id:a.id||a.value?.id,onPress:e=>e.continuePropagation()})}),n!=null&&(0,x.jsx)(`div`,{...s(o.addon),children:n}),(0,x.jsx)(`div`,{...s(o.label),children:t}),r!=null&&(0,x.jsx)(`div`,{...s(o.addon),children:r}),e&&c===`default`&&(0,x.jsx)(i,{size:16,...s(o.check)})]})})}function D({style:e,...t}){return(0,x.jsx)(d,{...t,...s(e)})}function O({style:e,...t}){return(0,x.jsx)(_,{...t,style:[S.separator,e]})}function k({style:e,...t}){let n=(0,b.use)(a);return(0,x.jsx)(l,{...t,"data-size":n,...s(c.sublabel,S.sectionLabel,r.textDim,e)})}export{O as a,k as i,E as n,D as r,w as t};