Loading
function(e,t,l){l.d(t,{A:()=>p});var a=l(627968),n=l(64700),i=l(735438),r=l(292666),o=l(691885),s=l(150934),u=l(834730),d=l(914410),c=l(52822);let p=()=>{let[e,t]=n.useState(0),[l,p]=n.useState(4),[m,h]=n.useState(2),[b,x]=n.useState(d.fh.LIGHT),[y,g]=n.useState(d.qP.BLUE),[f,v]=n.useState("darkslategray"),[E,S]=n.useState("blanchedalmond"),[C,j]=n.useState("pink"),[T,P]=n.useState(!0),A=n.useMemo(()=>Object.entries(d.fh).map(e=>{let[t,l]=e;return{id:l,label:t,value:l}}),[]),I=n.useMemo(()=>Object.entries(d.qP).map(e=>{let[t,l]=e;return{id:l,label:t,value:l}}),[]);return(0,a.jsxs)(c.LB,{children:[(0,a.jsx)(d.Ay,{progress:m,minimum:e,maximum:l,weight:b,variant:y,override:{default:{background:f,gradientStart:E,gradientEnd:C}},glowing:T}),(0,a.jsx)(c.nB,{}),(0,a.jsx)(c.MG,{children:(0,a.jsx)(r.k,{type:"number",value:m.toString(),onChange:t=>{h((0,i.clamp)(+t,e,l))},label:`Progress ( ${e} - ${l} ) `})}),(0,a.jsx)(c.MG,{children:(0,a.jsx)(r.k,{type:"number",value:e.toString(),onChange:e=>{0>+e||+e>=l||(m<+e&&h(+e),t(+e))},label:"Minimum Value"})}),(0,a.jsx)(c.MG,{children:(0,a.jsx)(r.k,{type:"number",value:l.toString(),onChange:t=>{+t<=e||1>+t||(m>+t&&h(+t),p(+t))},label:"Maximum Value"})}),(0,a.jsx)(c.MG,{children:(0,a.jsx)(o.l,{label:"Variant",hideLabel:!0,placeholder:"Variant",onSelectionChange:e=>{null!==e&&g(e)},value:y,options:I,selectionMode:"single",fullWidth:!0})}),(0,a.jsx)(c.MG,{children:(0,a.jsx)(o.l,{label:"Weight",selectionMode:"single",placeholder:"Weight",onSelectionChange:e=>{null!==e&&x(e)},value:b,options:A})}),(0,a.jsx)(c.MG,{children:(0,a.jsx)(s.S,{label:"Glowing",checked:T,onChange:e=>{P(e)}})}),(0,a.jsx)(c.nB,{}),(0,a.jsx)(u.E,{variant:"text-lg/semibold",color:"text-feedback-critical",children:"To use overrides, the variant must be set to UNSET"}),(0,a.jsx)(u.E,{variant:"text-md/normal",children:'Note: this component allows setting overrides per theme. For simplicity in this story, we only set the "default" override which applies to all themes'}),(0,a.jsx)(c.MG,{children:(0,a.jsx)(r.k,{value:f,onChange:e=>{v(e)},label:"Background (optional)"})}),(0,a.jsx)(c.MG,{children:(0,a.jsx)(r.k,{value:E,onChange:e=>{S(e)},label:"Gradient Start"})}),(0,a.jsx)(c.MG,{children:(0,a.jsx)(r.k,{value:C,onChange:e=>{j(e)},label:"Gradient End"})})]})}}