@v-miniapp/ui-react 1.0.41 → 1.0.45

package/dist-storybook/assets/radio.stories-DuN-Awi_.js

@@ -0,0 +1,183 @@
+import{j as o,r as h}from"./iframe-CQAwSt4E.js";import{T as g,S as b,M as y,P as k,a as v}from"./blocks-BuaOUtiH.js";import{t as e}from"./store-D2RudmNr.js";import{R as t}from"./radio-B5NJxG_l.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DHiZ-gXR.js";import"./classname-CUR_zgkh.js";import"./index-BV0AJWP6.js";import"./index-B-Ksafg0.js";import"./typography-DEpAJl_i.js";import"./colors-_6nFGM3e.js";const f=()=>{const a=`
+## ${e("common.table.title")}
+
+| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
+| :--- | :--- | :--- | :--- |
+| \`checked\` | \`boolean\` | ${e("common.table.no")} | ${e("components.radio.checkedDescription")} |
+| \`onChange\` | \`(checked: boolean) => void\` | ${e("common.table.no")} | ${e("components.radio.onChangeDescription")} |
+| \`disabled\` | \`boolean\` | ${e("common.table.no")} | ${e("components.radio.disabledDescription")} |
+| \`theme\` | \`'default' | 'brand' | 'neutral'\` | ${e("common.table.no")} | ${e("components.radio.themeDescription")} |
+| \`type\` | \`'checkbox' | 'radio'\` | ${e("common.table.no")} | ${e("components.radio.typeDescription")} |
+| \`name\` | \`string\` | ${e("common.table.no")} | ${e("components.radio.nameDescription")} |
+| \`value\` | \`string\` | ${e("common.table.no")} | ${e("components.radio.valueDescription")} |
+| \`children\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.radio.childrenDescription")} |
+| \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.radio.classNameDescription")} |
+| \`...props\` | \`ComponentProps<'input'>\` | ${e("common.table.no")} | ${e("components.radio.propsDescription")} |
+`;return o.jsxs(o.Fragment,{children:[o.jsx(g,{}),o.jsx(b,{}),o.jsx(y,{children:e("components.radio.description")}),o.jsx(k,{}),o.jsx(y,{children:a}),o.jsx(v,{})]})},z={title:"Components/Radio",component:t,parameters:{layout:"padded",docs:{page:f}},tags:["autodocs"],argTypes:{checked:{control:"boolean",description:e("components.radio.argTypes.checkedDescription"),table:{type:{summary:"boolean"}}},onChange:{action:"changed",description:e("components.radio.argTypes.onChangeDescription"),table:{type:{summary:"(checked: boolean) => void"}}},disabled:{control:"boolean",description:e("components.radio.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},theme:{control:"select",options:["default","brand","neutral"],description:e("components.radio.argTypes.themeDescription"),table:{type:{summary:"IRadioTheme"},defaultValue:{summary:"default"}}},type:{control:"select",options:["checkbox","radio"],description:e("components.radio.argTypes.typeDescription"),table:{type:{summary:'"checkbox" | "radio"'},defaultValue:{summary:"radio"}}},name:{control:"text",description:e("components.radio.argTypes.nameDescription"),table:{type:{summary:"string"}}},value:{control:"text",description:e("components.radio.argTypes.valueDescription"),table:{type:{summary:"string"}}},children:{control:"text",description:e("components.radio.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}},className:{control:"text",description:e("components.radio.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},r={storyName:e("components.radio.stories.default.storyName"),args:{name:"option",value:"option1",children:e("components.radio.stories.default.text")}},n={storyName:e("components.radio.stories.states.storyName"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{name:"states",value:"unchecked",checked:!1,children:e("components.radio.states.unchecked")}),o.jsx(t,{name:"states",value:"checked",checked:!0,children:e("components.radio.states.checked")}),o.jsx(t,{name:"states",value:"disabled-checked",checked:!0,disabled:!0,children:e("components.radio.states.disabledChecked")}),o.jsx(t,{name:"states",value:"disabled-unchecked",checked:!1,disabled:!0,children:e("components.radio.states.disabledUnchecked")})]})},i={storyName:e("components.radio.stories.radioGroup.storyName"),render:()=>{const[a,s]=h.useState("option1");return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[o.jsx(t,{name:"group",value:"option1",checked:a==="option1",onChange:()=>s("option1"),children:e("components.radio.stories.radioGroup.option1")}),o.jsx(t,{name:"group",value:"option2",checked:a==="option2",onChange:()=>s("option2"),children:e("components.radio.stories.radioGroup.option2")}),o.jsx(t,{name:"group",value:"option3",checked:a==="option3",onChange:()=>s("option3"),children:e("components.radio.stories.radioGroup.option3")}),o.jsxs("p",{style:{fontSize:"14px",color:"#666",marginTop:"8px"},children:[e("components.radio.stories.radioGroup.selected"),": ",a]})]})}},c={storyName:e("components.radio.stories.themes.storyName"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{name:"themes",value:"brand",checked:!0,theme:"brand",children:e("components.radio.stories.themes.brand")}),o.jsx(t,{name:"themes",value:"neutral",checked:!0,theme:"neutral",children:e("components.radio.stories.themes.neutral")})]})},d={storyName:e("components.radio.stories.checkboxType.storyName"),render:()=>{const[a,s]=h.useState(!1),[u,x]=h.useState(!0);return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{type:"checkbox",checked:a,onChange:s,children:e("components.radio.stories.checkboxType.unchecked")}),o.jsx(t,{type:"checkbox",checked:u,onChange:x,children:e("components.radio.stories.checkboxType.checked")})]})}},p={storyName:e("components.radio.stories.typography.storyName"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{name:"typography",value:"default",checked:!0,typography:{size:"base",weight:"regular"},children:e("components.radio.stories.typography.default")}),o.jsx(t,{name:"typography",value:"large",checked:!0,typography:{size:"large",weight:"bold"},children:e("components.radio.stories.typography.large")}),o.jsx(t,{name:"typography",value:"small",checked:!0,typography:{size:"small",weight:"medium"},children:e("components.radio.stories.typography.small")})]})},m={storyName:e("components.radio.stories.completeExample.storyName"),render:()=>{const[a,s]=h.useState("credit");return o.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:o.jsxs("div",{children:[o.jsx("h3",{style:{marginBottom:"12px"},children:e("components.radio.stories.completeExample.title")}),o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[o.jsx(t,{name:"payment",value:"credit",checked:a==="credit",onChange:()=>s("credit"),children:e("components.radio.stories.completeExample.creditCard")}),o.jsx(t,{name:"payment",value:"debit",checked:a==="debit",onChange:()=>s("debit"),children:e("components.radio.stories.completeExample.debitCard")}),o.jsx(t,{name:"payment",value:"paypal",checked:a==="paypal",onChange:()=>s("paypal"),children:e("components.radio.stories.completeExample.paypal")}),o.jsx(t,{name:"payment",value:"disabled",checked:a==="disabled",onChange:()=>s("disabled"),disabled:!0,children:e("components.radio.stories.completeExample.bankTransfer")})]}),o.jsxs("p",{style:{fontSize:"14px",color:"#666",marginTop:"8px"},children:[e("components.radio.stories.completeExample.selected"),":"," ",a]})]})})}},l={storyName:e("components.radio.stories.interactive.storyName"),args:{name:"interactive",value:"value1",children:e("components.radio.stories.interactive.text"),checked:!1,disabled:!1,theme:"default",type:"radio"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.radio.stories.default.storyName'),
+  args: {
+    name: 'option',
+    value: 'option1',
+    children: t('components.radio.stories.default.text')
+  }
+}`,...r.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.radio.stories.states.storyName'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <Radio name="states" value="unchecked" checked={false}>
+        {t('components.radio.states.unchecked')}
+      </Radio>
+      <Radio name="states" value="checked" checked>
+        {t('components.radio.states.checked')}
+      </Radio>
+      <Radio name="states" value="disabled-checked" checked disabled>
+        {t('components.radio.states.disabledChecked')}
+      </Radio>
+      <Radio name="states" value="disabled-unchecked" checked={false} disabled>
+        {t('components.radio.states.disabledUnchecked')}
+      </Radio>
+    </div>
+}`,...n.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.radio.stories.radioGroup.storyName'),
+  render: () => {
+    const [selected, setSelected] = useState('option1');
+    return <div style={{
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '12px'
+    }}>
+        <Radio name="group" value="option1" checked={selected === 'option1'} onChange={() => setSelected('option1')}>
+          {t('components.radio.stories.radioGroup.option1')}
+        </Radio>
+        <Radio name="group" value="option2" checked={selected === 'option2'} onChange={() => setSelected('option2')}>
+          {t('components.radio.stories.radioGroup.option2')}
+        </Radio>
+        <Radio name="group" value="option3" checked={selected === 'option3'} onChange={() => setSelected('option3')}>
+          {t('components.radio.stories.radioGroup.option3')}
+        </Radio>
+        <p style={{
+        fontSize: '14px',
+        color: '#666',
+        marginTop: '8px'
+      }}>
+          {t('components.radio.stories.radioGroup.selected')}: {selected}
+        </p>
+      </div>;
+  }
+}`,...i.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.radio.stories.themes.storyName'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <Radio name="themes" value="brand" checked theme="brand">
+        {t('components.radio.stories.themes.brand')}
+      </Radio>
+      <Radio name="themes" value="neutral" checked theme="neutral">
+        {t('components.radio.stories.themes.neutral')}
+      </Radio>
+    </div>
+}`,...c.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.radio.stories.checkboxType.storyName'),
+  render: () => {
+    const [checked1, setChecked1] = useState(false);
+    const [checked2, setChecked2] = useState(true);
+    return <div style={{
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '16px'
+    }}>
+        <Radio type="checkbox" checked={checked1} onChange={setChecked1}>
+          {t('components.radio.stories.checkboxType.unchecked')}
+        </Radio>
+        <Radio type="checkbox" checked={checked2} onChange={setChecked2}>
+          {t('components.radio.stories.checkboxType.checked')}
+        </Radio>
+      </div>;
+  }
+}`,...d.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.radio.stories.typography.storyName'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <Radio name="typography" value="default" checked typography={{
+      size: 'base',
+      weight: 'regular'
+    }}>
+        {t('components.radio.stories.typography.default')}
+      </Radio>
+      <Radio name="typography" value="large" checked typography={{
+      size: 'large',
+      weight: 'bold'
+    }}>
+        {t('components.radio.stories.typography.large')}
+      </Radio>
+      <Radio name="typography" value="small" checked typography={{
+      size: 'small',
+      weight: 'medium'
+    }}>
+        {t('components.radio.stories.typography.small')}
+      </Radio>
+    </div>
+}`,...p.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.radio.stories.completeExample.storyName'),
+  render: () => {
+    const [paymentMethod, setPaymentMethod] = useState('credit');
+    return <div style={{
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '24px'
+    }}>
+        <div>
+          <h3 style={{
+          marginBottom: '12px'
+        }}>
+            {t('components.radio.stories.completeExample.title')}
+          </h3>
+          <div style={{
+          display: 'flex',
+          flexDirection: 'column',
+          gap: '12px'
+        }}>
+            <Radio name="payment" value="credit" checked={paymentMethod === 'credit'} onChange={() => setPaymentMethod('credit')}>
+              {t('components.radio.stories.completeExample.creditCard')}
+            </Radio>
+            <Radio name="payment" value="debit" checked={paymentMethod === 'debit'} onChange={() => setPaymentMethod('debit')}>
+              {t('components.radio.stories.completeExample.debitCard')}
+            </Radio>
+            <Radio name="payment" value="paypal" checked={paymentMethod === 'paypal'} onChange={() => setPaymentMethod('paypal')}>
+              {t('components.radio.stories.completeExample.paypal')}
+            </Radio>
+            <Radio name="payment" value="disabled" checked={paymentMethod === 'disabled'} onChange={() => setPaymentMethod('disabled')} disabled>
+              {t('components.radio.stories.completeExample.bankTransfer')}
+            </Radio>
+          </div>
+          <p style={{
+          fontSize: '14px',
+          color: '#666',
+          marginTop: '8px'
+        }}>
+            {t('components.radio.stories.completeExample.selected')}:{' '}
+            {paymentMethod}
+          </p>
+        </div>
+      </div>;
+  }
+}`,...m.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.radio.stories.interactive.storyName'),
+  args: {
+    name: 'interactive',
+    value: 'value1',
+    children: t('components.radio.stories.interactive.text'),
+    checked: false,
+    disabled: false,
+    theme: 'default',
+    type: 'radio'
+  }
+}`,...l.parameters?.docs?.source}}};const P=["Default","States","RadioGroup","Themes","CheckboxType","WithCustomTypography","CompleteExample","Interactive"];export{d as CheckboxType,m as CompleteExample,r as Default,l as Interactive,i as RadioGroup,n as States,c as Themes,p as WithCustomTypography,P as __namedExportsOrder,z as default};

package/dist-storybook/assets/rating-BdXViYBv.js

@@ -0,0 +1 @@
+import{r as f,j as e}from"./iframe-CQAwSt4E.js";import{g as p,c as _}from"./classname-CUR_zgkh.js";import{u as j}from"./index-BV0AJWP6.js";const m=p("rating"),g=({value:r=0,...o})=>{const i=Math.max(Math.min(r,1),0)*100,s=f.useId(),t="M21.2849 7.66933C21.1676 7.308 20.8543 7.044 20.4783 6.98933L14.3183 6.09467L11.5636 0.512C11.2276 -0.170667 10.1063 -0.170667 9.77025 0.512L7.01559 6.09333L0.855586 6.988C0.479586 7.04267 0.166253 7.30667 0.0489193 7.668C-0.068414 8.02933 0.0289192 8.428 0.302253 8.69333L4.75959 13.0373L3.70625 19.172C3.64225 19.548 3.79559 19.9267 4.10359 20.1507C4.41159 20.3733 4.82092 20.4027 5.15692 20.2267L10.6663 17.3293L16.1756 20.2267C16.3223 20.304 16.4809 20.3413 16.6409 20.3413C16.8476 20.3413 17.0543 20.2773 17.2289 20.1507C17.5369 19.9267 17.6916 19.548 17.6263 19.172L16.5729 13.0373L21.0303 8.69333C21.3036 8.428 21.4009 8.02933 21.2836 7.668L21.2849 7.66933Z";return e.jsx("span",{className:`${m}__icon`,...o,children:e.jsxs("svg",{width:"100%",height:"100%",viewBox:"0 0 22 21",fill:"none",children:[e.jsx("defs",{children:e.jsx("clipPath",{id:s,children:e.jsx("path",{d:t})})}),e.jsx("path",{className:`${m}__icon-empty`,d:t}),e.jsx("rect",{className:`${m}__icon-filled`,width:`${i}%`,height:"100%",clipPath:`url(#${s})`})]})})};g.__docgenInfo={description:"",methods:[],displayName:"Star",props:{value:{defaultValue:{value:"0",computed:!1},required:!1}}};const v=5,d=p("rating"),L=r=>{const{size:o="medium",className:i,max:s=v,readonly:t=!1,defaultValue:$,onChange:M,value:P,...x}=r,[c,C]=j(r,{trigger:"onChange",valuePropName:"value",defaultValuePropName:"defaultValue"}),h=f.useMemo(()=>{const a=Math.max(Math.floor(s),0);if(a<=0)return[];const n=u=>{if(u+1<=c)return 1;const l=u+1-c;return l>1?0:1-l};return Array.from({length:a},(u,l)=>({value:n(l)}))},[c,s]),N=a=>{t||C(a+1)};return e.jsx("div",{className:_(d,{[`${d}--readonly`]:t,[`${d}--${o}`]:!0},i),...x,children:h.length?h.map((a,n)=>e.jsx(g,{value:a.value,onClick:()=>N(n)},n)):null})};L.__docgenInfo={description:"",methods:[],displayName:"Rating"};export{L as R};

package/dist-storybook/assets/rating.stories-BCcQjMEx.js

@@ -0,0 +1,117 @@
+import{j as t,r as g}from"./iframe-CQAwSt4E.js";import{t as e}from"./store-D2RudmNr.js";import{R as n}from"./rating-BdXViYBv.js";import{T as u,S as y,M as p,P as x,a as f}from"./blocks-BuaOUtiH.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-CUR_zgkh.js";import"./index-BV0AJWP6.js";import"./index-B-Ksafg0.js";import"./index-DHiZ-gXR.js";const v=()=>{const l=`
+## ${e("common.table.title")}
+
+| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
+| :--- | :--- | :--- | :--- |
+| \`value\` | \`number\` | ${e("common.table.no")} | ${e("components.rating.argTypes.valueDescription")} |
+| \`defaultValue\` | \`number\` | ${e("common.table.no")} | ${e("components.rating.argTypes.defaultValueDescription")} |
+| \`onChange\` | \`(value: number) => void\` | ${e("common.table.no")} | ${e("components.rating.argTypes.onChangeDescription")} |
+| \`max\` | \`number\` | ${e("common.table.no")} | ${e("components.rating.argTypes.maxDescription")} |
+| \`size\` | \`'medium' | 'large' | 'x-large'\` | ${e("common.table.no")} | ${e("components.rating.argTypes.sizeDescription")} |
+| \`readonly\` | \`boolean\` | ${e("common.table.no")} | ${e("components.rating.argTypes.readOnlyDescription")} |
+| \`allowHalf\` | \`boolean\` | ${e("common.table.no")} | ${e("components.rating.argTypes.allowHalfDescription")} |
+| \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.rating.argTypes.classNameDescription")} |
+| \`count\` | \`number\` | ${e("common.table.no")} | ${e("components.rating.argTypes.countDescription")} |
+| \`character\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.rating.argTypes.characterDescription")} |
+| \`characterRender\` | \`(index: number) => ReactNode\` | ${e("common.table.no")} | ${e("components.rating.argTypes.characterRenderDescription")} |
+| \`tooltips\` | \`string[]\` | ${e("common.table.no")} | ${e("components.rating.argTypes.tooltipsDescription")} |
+| \`onHoverChange\` | \`(value: number) => void\` | ${e("common.table.no")} | ${e("components.rating.argTypes.onHoverChangeDescription")} |
+| \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${e("common.table.no")} | ${e("components.rating.argTypes.propsDescription")} |
+`;return t.jsxs(t.Fragment,{children:[t.jsx(u,{}),t.jsx(y,{}),t.jsx(p,{children:e("components.rating.description")}),t.jsx(x,{}),t.jsx(p,{children:l}),t.jsx(f,{})]})},z={title:"Components/Rating",component:n,parameters:{layout:"padded",docs:{page:v}},tags:["autodocs"],argTypes:{value:{control:{type:"number",min:0,max:5,step:.5},description:e("components.rating.argTypes.valueDescription"),table:{type:{summary:"number"}}},defaultValue:{control:{type:"number",min:0,max:5,step:.5},description:e("components.rating.argTypes.defaultValueDescription"),table:{type:{summary:"number"}}},onChange:{action:"changed",description:e("components.rating.argTypes.onChangeDescription"),table:{type:{summary:"(value: number) => void"}}},max:{control:{type:"number",min:1,max:10,step:1},description:e("components.rating.argTypes.maxDescription"),table:{type:{summary:"number"},defaultValue:{summary:"5"}}},size:{control:"select",options:["medium","large","x-large"],description:e("components.rating.argTypes.sizeDescription"),table:{type:{summary:'"medium" | "large" | "x-large"'},defaultValue:{summary:"medium"}}},readonly:{control:"boolean",description:e("components.rating.argTypes.readOnlyDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}}}},o={storyName:e("components.rating.stories.default.storyName"),name:e("components.rating.stories.default.name"),args:{defaultValue:3}},r={storyName:e("components.rating.stories.controlled.storyName"),name:e("components.rating.stories.controlled.name"),render:()=>{const[l,d]=g.useState(0);return t.jsx(n,{value:l,onChange:d})}},a={storyName:e("components.rating.stories.readonly.storyName"),name:e("components.rating.stories.readonly.name"),args:{value:4.5,readonly:!0}},s={storyName:e("components.rating.stories.customMaximum.storyName"),name:e("components.rating.stories.customMaximum.name"),args:{max:10,defaultValue:7}},i={storyName:e("components.rating.stories.differentSizes.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.rating.stories.differentSizes.medium")}),t.jsx(n,{size:"medium",defaultValue:3})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.rating.stories.differentSizes.large")}),t.jsx(n,{size:"large",defaultValue:4})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.rating.stories.differentSizes.xlarge")}),t.jsx(n,{size:"x-large",defaultValue:5})]})]})},m={storyName:e("components.rating.stories.withHalfStars.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:e("components.rating.stories.withHalfStars.threePointFive")}),t.jsx(n,{value:3.5,readonly:!0})]}),t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:e("components.rating.stories.withHalfStars.fourPointTwo")}),t.jsx(n,{value:4.2,readonly:!0})]}),t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:e("components.rating.stories.withHalfStars.twoPointSeven")}),t.jsx(n,{value:2.7,readonly:!0})]})]})},c={storyName:e("components.rating.stories.interactive.storyName"),name:e("components.rating.stories.interactive.name"),args:{defaultValue:0}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.rating.stories.default.storyName'),
+  name: t('components.rating.stories.default.name'),
+  args: {
+    defaultValue: 3
+  }
+}`,...o.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.rating.stories.controlled.storyName'),
+  name: t('components.rating.stories.controlled.name'),
+  render: () => {
+    const [rating, setRating] = useState(0);
+    return <Rating value={rating} onChange={setRating} />;
+  }
+}`,...r.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.rating.stories.readonly.storyName'),
+  name: t('components.rating.stories.readonly.name'),
+  args: {
+    value: 4.5,
+    readonly: true
+  }
+}`,...a.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.rating.stories.customMaximum.storyName'),
+  name: t('components.rating.stories.customMaximum.name'),
+  args: {
+    max: 10,
+    defaultValue: 7
+  }
+}`,...s.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.rating.stories.differentSizes.storyName'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '24px'
+  }}>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.rating.stories.differentSizes.medium')}
+        </h3>
+        <Rating size="medium" defaultValue={3} />
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.rating.stories.differentSizes.large')}
+        </h3>
+        <Rating size="large" defaultValue={4} />
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.rating.stories.differentSizes.xlarge')}
+        </h3>
+        <Rating size="x-large" defaultValue={5} />
+      </div>
+    </div>
+}`,...i.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.rating.stories.withHalfStars.storyName'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <div>
+        <p style={{
+        marginBottom: '8px'
+      }}>
+          {t('components.rating.stories.withHalfStars.threePointFive')}
+        </p>
+        <Rating value={3.5} readonly />
+      </div>
+      <div>
+        <p style={{
+        marginBottom: '8px'
+      }}>
+          {t('components.rating.stories.withHalfStars.fourPointTwo')}
+        </p>
+        <Rating value={4.2} readonly />
+      </div>
+      <div>
+        <p style={{
+        marginBottom: '8px'
+      }}>
+          {t('components.rating.stories.withHalfStars.twoPointSeven')}
+        </p>
+        <Rating value={2.7} readonly />
+      </div>
+    </div>
+}`,...m.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.rating.stories.interactive.storyName'),
+  name: t('components.rating.stories.interactive.name'),
+  args: {
+    defaultValue: 0
+  }
+}`,...c.parameters?.docs?.source}}};const V=["Default","Controlled","Readonly","CustomMaximum","DifferentSizes","WithHalfStars","Interactive"];export{r as Controlled,s as CustomMaximum,o as Default,i as DifferentSizes,c as Interactive,a as Readonly,m as WithHalfStars,V as __namedExportsOrder,z as default};