@okta/odyssey-react-mui 1.55.0 → 1.56.0

package/dist/assets/RadioGroup.stories-B-gDjvcs.js

@@ -1,88 +0,0 @@
-import{r as t,j as r,R as b,b as Re,d as W,F as xe}from"./iframe-Cav9rlxr.js";import{M as m}from"./Radio-B6p2YsBk.js";import{s as Se}from"./tableRowClasses-DYosAqvx.js";import{S as Me,b as Ce,P as Te}from"./PasswordlessComponentsOdysseyStorybookThemeDecorator-DfT96M4p.js";import{M as Ve}from"./Field-g_717qKv.js";import{u as je}from"./OdysseyProvider-Czbz3dwH.js";import{M as Ee}from"./Typography-BcNOcPdV.js";import{u as Oe}from"./useUniqueId-MZzCNWze.js";import{F as De}from"./FormControlLabel-CB3xJ6ut.js";import{R as He}from"./Radio-BI2zWqqk.js";import{F as Ge}from"./FormHelperText--Cp1ogV3.js";import{R as Ne}from"./RadioGroup-BxX8JmFv.js";import{f as R}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as we}from"./Link-BXZlWRMJ.js";import"./preload-helper-Dp1pzeXC.js";import"./index.es-0rJMfM0E.js";import"./Box-BvtEwOZC.js";import"./Box-DduJOSF-.js";import"./List-BcXvgzsa.js";import"./ListItem-B5ux02dQ.js";import"./FormLabel-DB_AmiE2.js";import"./useIsFocusVisible-Cu721A7w.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CYIo9Kvv.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./visuallyHidden-Dan1xhjv.js";import"./useTranslation-DjB2Li3Q.js";import"./i18next-7SyOfhCu.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./Typography-D4Laguzq.js";import"./Stack-Bgh4xems.js";import"./createStyled-CNzidwe1.js";import"./useThemeProps-C9dAJTwo.js";import"./SwitchBase-fGL3z_gG.js";import"./useControlled-4m9Fbl4Y.js";import"./createSvgIcon-CoE7vjSC.js";import"./createChainedFunction-BO_9K8Jh.js";import"./FormGroup-BhjYepGC.js";import"./Link-4r_7nyI-.js";import"./ExternalLink-DTGSbkQ2.js";/*!
- * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const U={CONTROLLED:"CONTROLLED",UNCONTROLLED:"UNCONTROLLED"},Ie=({controlledValue:e,uncontrolledValue:a})=>a!==void 0||e===void 0?U.UNCONTROLLED:U.CONTROLLED,Fe=({defaultValue:e,value:a,controlState:o})=>t.useMemo(()=>o===U.CONTROLLED?{value:a}:{defaultValue:e},[o,e,a]),$e=Se.div(({odysseyDesignTokens:e})=>({paddingInlineStart:`calc(${e.TypographyLineHeightUi}em + ${e.Spacing2})`,marginBlockEnd:e.Spacing2,".Mui-error":{color:e.TypographyColorSubordinate}})),ze=({hint:e,id:a,inputRef:o,isChecked:u,isDisabled:c,isInvalid:y,label:h,name:v,testId:s,translate:p,value:F,isReadOnly:l,onChange:d,onBlur:g,onClick:M})=>{const S=t.useRef(null),$=je(),C=Oe(a),L=e?`${C}-hint`:void 0;t.useImperativeHandle(o,()=>({focus:()=>{var i;(i=S.current)==null||i.focus()}}),[]);const T=t.useMemo(()=>r.jsx(Ee,{component:"span",children:h}),[h]),z=t.useCallback((i,A)=>{l?i.preventDefault():d==null||d(i,A)},[d,l]),n=t.useCallback(i=>{l&&(i.stopPropagation(),i.preventDefault())},[l]),k=t.useCallback(i=>{g==null||g(i)},[g]);return r.jsxs(r.Fragment,{children:[r.jsx(De,{checked:u,className:y?"Mui-error":"",control:r.jsx(He,{disabled:c,inputProps:{"aria-describedby":L,"aria-disabled":c||l,"data-se":s,readOnly:l,tabIndex:l?0:void 0},inputRef:S,onChange:z,onClick:M||n}),disabled:c,label:T,name:v,onBlur:k,sx:{...l&&{cursor:"default","& .MuiTypography-root":{cursor:"default"}},...e&&{":not(:last-child)":{marginBlockEnd:0}}},translate:p,value:F}),e&&r.jsx($e,{odysseyDesignTokens:$,children:r.jsx(Ge,{id:L,translate:p,children:e})})]})},Le=t.memo(ze);Le.displayName="Radio";const Ae=({ariaDescribedBy:e,children:a,defaultValue:o,errorMessage:u,errorMessageList:c,hint:y,HintLinkComponent:h,id:v,isDisabled:s,isReadOnly:p=!1,label:F,name:l,onChange:d,testId:g,translate:M,value:S})=>{const $=t.useRef(Ie({controlledValue:S,uncontrolledValue:o})),C=Fe({defaultValue:o,value:S,controlState:$.current}),L=t.useCallback((n,k)=>{d==null||d(n,k)},[d]),T=t.useMemo(()=>b.Children.map(a,n=>b.isValidElement(n)&&n.type===Le?b.cloneElement(n,{...n.props,isDisabled:s||n.props.isDisabled,isReadOnly:p||n.props.isReadOnly}):n),[a,s,p]),z=t.useCallback(({ariaDescribedBy:n,errorMessageElementId:k,id:i,labelElementId:A})=>r.jsx(Ne,{...C,"aria-describedby":n,"aria-errormessage":k,"aria-labelledby":A,"data-se":g,id:i,name:l??i,onChange:L,translate:M,children:T}),[C,l,L,T,g,M]);return r.jsx(Ve,{ariaDescribedBy:e,errorMessage:u,errorMessageList:c,fieldType:"group",hasVisibleLabel:!1,hint:y,HintLinkComponent:h,id:v,isDisabled:s,isReadOnly:p,label:F,renderFieldComponent:z})},ke=t.memo(Ae);ke.displayName="RadioGroup";const We=Se.div`
-  margin-block-end: ${Ce};
-`,Ue=({secureLevel:e,children:a,isDisabled:o,isReadOnly:u=!1,onChange:c,...y})=>{const h=t.useCallback((s,p)=>{u||o||c==null||c(s,p)},[c,u,o]),v=t.useMemo(()=>b.Children.map(a,s=>b.isValidElement(s)&&s.type===m?b.cloneElement(s,{...s.props,isDisabled:o||s.props.isDisabled,isReadOnly:u||s.props.isReadOnly}):s),[a,o,u]);return Re(xe,{children:[e&&W(We,{children:W(Me,{level:e})}),W(ke,{...y,isDisabled:o,isReadOnly:u,onChange:h,children:v})]})},x=t.memo(Ue);x.displayName="RadioGroup";const Er={component:x,decorators:[Te],tags:["autodocs"],argTypes:{children:{description:"An array of Radio components within the group",table:{type:{summary:"Array<ReactElement<typeof Radio>>"}},type:{required:!0,name:"other",value:"Array<ReactElement<typeof Radio>>"}},defaultValue:{control:"text",description:"The text value of the radio that should be selected by default",table:{type:{summary:"string"}}},errorMessage:R.errorMessage,hint:R.hint,HintLinkComponent:R.HintLinkComponent,isDisabled:R.isDisabled,isReadOnly:R.isReadOnly,label:{control:"text",description:"The text label for the radio group",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},secureLevel:{control:{type:"select"},options:[void 0,"more","most"],description:"Security level indicator shown above the group label. Use 'more' for text-only badge or 'most' for badge with icon",table:{type:{summary:'"more" | "most"'}}}},args:{label:"Authentication Method"}},f={args:{},render:function(a){return r.jsxs(x,{...a,children:[r.jsx(m,{label:"Passkeys",value:"passkeys"}),r.jsx(m,{label:"Email magic link",value:"email"}),r.jsx(m,{label:"SMS OTP",value:"sms"})]})}},V={...f,args:{defaultValue:""}},j={...f,args:{hint:"Select your preferred authentication method",defaultValue:""}},E={...f,args:{hint:"Select your preferred authentication method",HintLinkComponent:r.jsx(we,{href:"#link",children:"Learn more about authentication options"}),defaultValue:""}},O={...f,args:{secureLevel:"more",defaultValue:""}},D={...f,args:{secureLevel:"most",defaultValue:""}},H={args:{label:"Authentication Method",defaultValue:""},render:function(a){return r.jsxs(x,{...a,children:[r.jsx(m,{hint:"Hardware-backed authentication",label:"Passkeys",secureLevel:"most",value:"passkeys"}),r.jsx(m,{hint:"Passwordless email verification",label:"Email magic link",secureLevel:"more",value:"email"}),r.jsx(m,{hint:"Text message verification",label:"SMS OTP",value:"sms"})]})}},G={args:{label:"Authentication Method",secureLevel:"most",defaultValue:""},render:function(a){return r.jsxs(x,{...a,children:[r.jsx(m,{hint:"Hardware-backed authentication",label:"Passkeys",secureLevel:"most",value:"passkeys"}),r.jsx(m,{hint:"Passwordless email verification",label:"Email magic link",secureLevel:"more",value:"email"}),r.jsx(m,{hint:"Text message verification",label:"SMS OTP",value:"sms"})]})}},N={...f,args:{isDisabled:!0,secureLevel:"most",defaultValue:""}},w={...f,args:{isReadOnly:!0,secureLevel:"most",defaultValue:"passkeys"}},I={...f,args:{errorMessage:"Please select an authentication method",defaultValue:""}};var q,_,B;V.parameters={...V.parameters,docs:{...(q=V.parameters)==null?void 0:q.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    defaultValue: ""
-  } as Story["args"]
-}`,...(B=(_=V.parameters)==null?void 0:_.docs)==null?void 0:B.source}}};var J,K,P;j.parameters={...j.parameters,docs:{...(J=j.parameters)==null?void 0:J.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    hint: "Select your preferred authentication method",
-    defaultValue: ""
-  } as Story["args"]
-}`,...(P=(K=j.parameters)==null?void 0:K.docs)==null?void 0:P.source}}};var Q,X,Y;E.parameters={...E.parameters,docs:{...(Q=E.parameters)==null?void 0:Q.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    hint: "Select your preferred authentication method",
-    HintLinkComponent: <Link href="#link">Learn more about authentication options</Link>,
-    defaultValue: ""
-  } as Story["args"]
-}`,...(Y=(X=E.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};var Z,ee,re;O.parameters={...O.parameters,docs:{...(Z=O.parameters)==null?void 0:Z.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    secureLevel: "more",
-    defaultValue: ""
-  } as Story["args"]
-}`,...(re=(ee=O.parameters)==null?void 0:ee.docs)==null?void 0:re.source}}};var ae,te,se;D.parameters={...D.parameters,docs:{...(ae=D.parameters)==null?void 0:ae.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    secureLevel: "most",
-    defaultValue: ""
-  } as Story["args"]
-}`,...(se=(te=D.parameters)==null?void 0:te.docs)==null?void 0:se.source}}};var oe,ne,ie;H.parameters={...H.parameters,docs:{...(oe=H.parameters)==null?void 0:oe.docs,source:{originalSource:`{
-  args: {
-    label: "Authentication Method",
-    defaultValue: ""
-  } as Story["args"],
-  render: function C(props) {
-    return <RadioGroup {...props}>
-        <Radio hint="Hardware-backed authentication" label="Passkeys" secureLevel="most" value="passkeys" />
-        <Radio hint="Passwordless email verification" label="Email magic link" secureLevel="more" value="email" />
-        <Radio hint="Text message verification" label="SMS OTP" value="sms" />
-      </RadioGroup>;
-  }
-}`,...(ie=(ne=H.parameters)==null?void 0:ne.docs)==null?void 0:ie.source}}};var le,ue,ce;G.parameters={...G.parameters,docs:{...(le=G.parameters)==null?void 0:le.docs,source:{originalSource:`{
-  args: {
-    label: "Authentication Method",
-    secureLevel: "most",
-    defaultValue: ""
-  } as Story["args"],
-  render: function C(props) {
-    return <RadioGroup {...props}>
-        <Radio hint="Hardware-backed authentication" label="Passkeys" secureLevel="most" value="passkeys" />
-        <Radio hint="Passwordless email verification" label="Email magic link" secureLevel="more" value="email" />
-        <Radio hint="Text message verification" label="SMS OTP" value="sms" />
-      </RadioGroup>;
-  }
-}`,...(ce=(ue=G.parameters)==null?void 0:ue.docs)==null?void 0:ce.source}}};var me,de,pe;N.parameters={...N.parameters,docs:{...(me=N.parameters)==null?void 0:me.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    isDisabled: true,
-    secureLevel: "most",
-    defaultValue: ""
-  } as Story["args"]
-}`,...(pe=(de=N.parameters)==null?void 0:de.docs)==null?void 0:pe.source}}};var fe,ge,he;w.parameters={...w.parameters,docs:{...(fe=w.parameters)==null?void 0:fe.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    isReadOnly: true,
-    secureLevel: "most",
-    defaultValue: "passkeys"
-  } as Story["args"]
-}`,...(he=(ge=w.parameters)==null?void 0:ge.docs)==null?void 0:he.source}}};var be,ye,ve;I.parameters={...I.parameters,docs:{...(be=I.parameters)==null?void 0:be.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    errorMessage: "Please select an authentication method",
-    defaultValue: ""
-  } as Story["args"]
-}`,...(ve=(ye=I.parameters)==null?void 0:ye.docs)==null?void 0:ve.source}}};const Or=["Default","WithHint","WithHintLink","GroupSecureLevelMore","GroupSecureLevelMost","IndividualSecureLevels","CombinedSecureLevels","Disabled","ReadOnly","WithError"];export{G as CombinedSecureLevels,V as Default,N as Disabled,O as GroupSecureLevelMore,D as GroupSecureLevelMost,H as IndividualSecureLevels,w as ReadOnly,I as WithError,j as WithHint,E as WithHintLink,Or as __namedExportsOrder,Er as default};

package/dist/assets/RadioGroup.stories-CWqmr1JP.js

@@ -1,138 +0,0 @@
-import{j as e,r as T}from"./iframe-Cav9rlxr.js";import{a as ie}from"./axeRun-C-zlWaxU.js";import{O as le}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{f as s}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as l}from"./RadioGroup-DDMlZ9Ib.js";import{M as a}from"./Radio-DRPDZwez.js";import{M as de}from"./Link-BXZlWRMJ.js";const{expect:ue,userEvent:pe,within:ce}=__STORYBOOK_MODULE_TEST__,he={component:l,decorators:[le],argTypes:{children:{description:"An array of Radio components within the group",table:{type:{summary:"Array<ReactElement<typeof Radio>>"}},type:{required:!0,name:"other",value:"Array<ReactElement<typeof Radio>>"}},defaultValue:{control:"text",description:"The text value of the radio that should be selected by default",table:{type:{summary:"string"}}},errorMessage:s.errorMessage,errorMessageList:s.errorMessageList,hint:s.hint,HintLinkComponent:s.HintLinkComponent,id:s.id,isDisabled:s.isDisabled,isReadOnly:s.isReadOnly,label:{control:"text",description:"The text label for the radio group",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onChange:{description:"Callback fired when the value of the radio group changes",table:{type:{summary:"func"}}},value:{control:"text",description:"The `value` on the selected radio button",table:{type:{summary:"string"}}}},args:{id:"storybook-radio",label:"Speed"}},t={args:{},render:function(r){return e.jsxs(l,{...r,children:[e.jsx(a,{label:"Light Speed",value:"Light Speed"}),e.jsx(a,{label:"Warp Speed",value:"Warp Speed"}),e.jsx(a,{label:"Ludicrous Speed",value:"Ludicrous Speed"})]})}},u={...t,args:{defaultValue:""}},p={...t,args:{hint:"Select the speed at which you wish to travel.",defaultValue:""}},c={...t,args:{hint:"Select the speed at which you wish to travel.",HintLinkComponent:e.jsx(de,{href:"#link",children:"Learn more"})}},h={...t,args:{isDisabled:!0,defaultValue:""}},m={...t,args:{isReadOnly:!0,defaultValue:"Warp Speed"}},g={...t,parameters:{docs:{description:{story:"Validation should happen on the group and not individually on each item."}}},args:{errorMessage:"This field is required.",defaultValue:""}},S={...t,args:{errorMessage:"This field is required.",errorMessageList:["Message 1","Message 2"],defaultValue:""}},v={args:{errorMessage:"This field is required."},render:function(r){return e.jsxs(l,{...r,children:[e.jsx(a,{hint:"Hint Text",label:"Light Speed",value:"Light Speed"}),e.jsx(a,{hint:"Hint Text",label:"Warp Speed",value:"Warp Speed"}),e.jsx(a,{hint:"Hint Text",label:"Ludicrous Speed",value:"Ludicrous Speed"})]})}},b={args:{label:"Service Tier"},render:function(r){return e.jsxs(l,{...r,children:[e.jsx(a,{label:"Basic",value:"basic"}),e.jsx(a,{label:"Standard",value:"standard"}),e.jsx(a,{isDisabled:!0,label:"Premium (Unavailable in your region)",value:"premium"})]})}},y={...t,args:{defaultValue:"Warp Speed"}},f={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `RadioGroup`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{value:"Ludicrous Speed"},render:function(r){const[i,d]=T.useState("Ludicrous Speed"),n=T.useCallback((oe,x)=>d(x),[]);return e.jsxs(l,{...r,value:i,onChange:n,children:[e.jsx(a,{label:"Light Speed",value:"Light Speed"}),e.jsx(a,{label:"Warp Speed",value:"Warp Speed"}),e.jsx(a,{label:"Ludicrous Speed",value:"Ludicrous Speed"})]})},play:async({canvasElement:o,step:r})=>{await r("select uncontrolled radio button",async()=>{const i=ce(o),d=i.getByRole("radiogroup"),n=i.getByLabelText("Warp Speed");d&&n&&await pe.click(n),await ue(n).toBeChecked(),await ie("select uncontrolled radio button")})}},R={parameters:{docs:{description:{story:"A controlled Radio Group with Radio-level hints."}}},args:{value:"Ludicrous Speed"},render:function(r){const[i,d]=T.useState("Turtle Speed"),n=T.useCallback((oe,x)=>d(x),[]);return e.jsxs(l,{...r,onChange:n,value:i,children:[e.jsx(a,{hint:"Hint text",label:"Snail Speed",value:"Snail Speed"}),e.jsx(a,{hint:"Hint text",label:"Turtle Speed",value:"Turtle Speed"}),e.jsx(a,{hint:"Hint text",label:"Rabbit Speed",value:"Rabbit Speed"})]})}};var L,C,k;u.parameters={...u.parameters,docs:{...(L=u.parameters)==null?void 0:L.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    defaultValue: ""
-  } as Story["args"] // This is a hack.,
-}`,...(k=(C=u.parameters)==null?void 0:C.docs)==null?void 0:k.source}}};var M,H,j;p.parameters={...p.parameters,docs:{...(M=p.parameters)==null?void 0:M.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    hint: "Select the speed at which you wish to travel.",
-    defaultValue: ""
-  } as Story["args"] // This is a hack.,
-}`,...(j=(H=p.parameters)==null?void 0:H.docs)==null?void 0:j.source}}};var V,w,W;c.parameters={...c.parameters,docs:{...(V=c.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    hint: "Select the speed at which you wish to travel.",
-    HintLinkComponent: <Link href="#link">Learn more</Link>
-  } as Story["args"] // This is a hack.,
-}`,...(W=(w=c.parameters)==null?void 0:w.docs)==null?void 0:W.source}}};var E,G,_;h.parameters={...h.parameters,docs:{...(E=h.parameters)==null?void 0:E.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    isDisabled: true,
-    defaultValue: ""
-  } as Story["args"] // This is a hack.,
-}`,...(_=(G=h.parameters)==null?void 0:G.docs)==null?void 0:_.source}}};var O,D,B;m.parameters={...m.parameters,docs:{...(O=m.parameters)==null?void 0:O.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    isReadOnly: true,
-    defaultValue: "Warp Speed"
-  } as Story["args"] // This is a hack.,
-}`,...(B=(D=m.parameters)==null?void 0:D.docs)==null?void 0:B.source}}};var q,I,A;g.parameters={...g.parameters,docs:{...(q=g.parameters)==null?void 0:q.docs,source:{originalSource:`{
-  ...Template,
-  parameters: {
-    docs: {
-      description: {
-        story: "Validation should happen on the group and not individually on each item."
-      }
-    }
-  },
-  args: {
-    errorMessage: "This field is required.",
-    defaultValue: ""
-  } as Story["args"] // This is a hack.,
-}`,...(A=(I=g.parameters)==null?void 0:I.docs)==null?void 0:A.source}}};var U,z,P;S.parameters={...S.parameters,docs:{...(U=S.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    errorMessage: "This field is required.",
-    errorMessageList: ["Message 1", "Message 2"],
-    defaultValue: ""
-  } as Story["args"] // This is a hack.,
-}`,...(P=(z=S.parameters)==null?void 0:z.docs)==null?void 0:P.source}}};var K,Y,F;v.parameters={...v.parameters,docs:{...(K=v.parameters)==null?void 0:K.docs,source:{originalSource:`{
-  args: {
-    errorMessage: "This field is required."
-  } as Story["args"],
-  render: function C(props) {
-    return <RadioGroup {...props}>
-        <Radio hint="Hint Text" label="Light Speed" value="Light Speed" />
-        <Radio hint="Hint Text" label="Warp Speed" value="Warp Speed" />
-        <Radio hint="Hint Text" label="Ludicrous Speed" value="Ludicrous Speed" />
-      </RadioGroup>;
-  }
-}`,...(F=(Y=v.parameters)==null?void 0:Y.docs)==null?void 0:F.source}}};var J,N,Q;b.parameters={...b.parameters,docs:{...(J=b.parameters)==null?void 0:J.docs,source:{originalSource:`{
-  args: {
-    label: "Service Tier"
-  } as Story["args"],
-  render: function C(props) {
-    return <RadioGroup {...props}>
-        <Radio label="Basic" value="basic" />
-        <Radio label="Standard" value="standard" />
-        <Radio isDisabled={true} label="Premium (Unavailable in your region)" value="premium" />
-      </RadioGroup>;
-  }
-}`,...(Q=(N=b.parameters)==null?void 0:N.docs)==null?void 0:Q.source}}};var X,Z,$;y.parameters={...y.parameters,docs:{...(X=y.parameters)==null?void 0:X.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    defaultValue: "Warp Speed"
-  } as Story["args"] // This is a hack.,
-}`,...($=(Z=y.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var ee,ae,re;f.parameters={...f.parameters,docs:{...(ee=f.parameters)==null?void 0:ee.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: "When the component is controlled, the parent component is responsible for managing the state of \`RadioGroup\`. \`onChange\` should be used to listen for component changes and to update the values in the \`value\` prop."
-      }
-    }
-  },
-  args: {
-    value: "Ludicrous Speed"
-  } as Story["args"],
-  // This is a hack.,
-  render: function C(props) {
-    const [value, setValue] = useState("Ludicrous Speed");
-    const onChange = useCallback((_event: ChangeEvent<HTMLInputElement>, value: string) => setValue(value), []);
-    return <RadioGroup {...{
-      ...props,
-      value,
-      onChange
-    }}>
-        <Radio label="Light Speed" value="Light Speed" />
-        <Radio label="Warp Speed" value="Warp Speed" />
-        <Radio label="Ludicrous Speed" value="Ludicrous Speed" />
-      </RadioGroup>;
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await step("select uncontrolled radio button", async () => {
-      const canvas = within(canvasElement);
-      const radiogroup = canvas.getByRole("radiogroup");
-      const radio = canvas.getByLabelText("Warp Speed");
-      if (radiogroup && radio) {
-        await userEvent.click(radio);
-      }
-      await expect(radio).toBeChecked();
-      await axeRun("select uncontrolled radio button");
-    });
-  }
-}`,...(re=(ae=f.parameters)==null?void 0:ae.docs)==null?void 0:re.source}}};var te,ne,se;R.parameters={...R.parameters,docs:{...(te=R.parameters)==null?void 0:te.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: "A controlled Radio Group with Radio-level hints."
-      }
-    }
-  },
-  args: {
-    value: "Ludicrous Speed"
-  } as Story["args"],
-  // This is a hack.,
-  render: function C(props) {
-    const [value, setValue] = useState("Turtle Speed");
-    const onChange = useCallback((_event: ChangeEvent<HTMLInputElement>, value: string) => setValue(value), []);
-    return <RadioGroup {...props} onChange={onChange} value={value}>
-        <Radio hint="Hint text" label="Snail Speed" value="Snail Speed" />
-        <Radio hint="Hint text" label="Turtle Speed" value="Turtle Speed" />
-        <Radio hint="Hint text" label="Rabbit Speed" value="Rabbit Speed" />
-      </RadioGroup>;
-  }
-}`,...(se=(ne=R.parameters)==null?void 0:ne.docs)==null?void 0:se.source}}};const me=["Default","Hint","HintLink","Disabled","ReadOnly","Error","ErrorsList","ErrorWithIndividualHint","IndividualStates","UncontrolledRadioGroup","ControlledRadioGroup","ControlledRadioGroupWithRadioHints"],Te=Object.freeze(Object.defineProperty({__proto__:null,ControlledRadioGroup:f,ControlledRadioGroupWithRadioHints:R,Default:u,Disabled:h,Error:g,ErrorWithIndividualHint:v,ErrorsList:S,Hint:p,HintLink:c,IndividualStates:b,ReadOnly:m,UncontrolledRadioGroup:y,__namedExportsOrder:me,default:he},Symbol.toStringTag,{value:"Module"}));export{Te as R};

package/dist/assets/Refresh-4GRZURAB.js

@@ -1 +0,0 @@
-import{r as o,j as e}from"./iframe-Cav9rlxr.js";import{S as s}from"./tableRowClasses-DYosAqvx.js";const l=o.forwardRef((r,n)=>e.jsx(s,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2ZM.667 8a7.333 7.333 0 1 1 14.666 0A7.333 7.333 0 0 1 .667 8Zm4.666-3.333h1.334v6.666H5.333V4.667Zm5.334 0H9.333v6.666h1.334V4.667Z",fill:"currentColor",fillRule:"evenodd"})})})),a=o.memo(l);a.displayName="PauseIcon";const c=o.forwardRef((r,n)=>e.jsx(s,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M8 2a6 6 0 0 0-6 6H.667A7.333 7.333 0 0 1 14 3.783v-2.45h1.333v3.482c0 .08 0 .175-.006.258a1.004 1.004 0 0 1-.103.381 1 1 0 0 1-.437.437 1.005 1.005 0 0 1-.38.102C14.323 6 14.228 6 14.149 6h-3.482V4.667h2.323A5.994 5.994 0 0 0 8 2Zm0 12a6 6 0 0 0 6-6h1.333A7.333 7.333 0 0 1 2 12.217v2.45H.667v-3.482c0-.08 0-.175.006-.258a1.01 1.01 0 0 1 .103-.381 1 1 0 0 1 .437-.437c.145-.074.284-.094.38-.102.084-.007.179-.007.258-.007h3.482v1.333H3.01A5.994 5.994 0 0 0 8 14Z",fill:"currentColor",fillRule:"evenodd"})})})),t=o.memo(c);t.displayName="RefreshIcon";export{a as M,t as a};