@v-miniapp/ui-react 1.0.60 → 1.0.71

package/dist-storybook/assets/badge-Gh2kTOE3.js

@@ -0,0 +1 @@
+import{j as t}from"./iframe-Crg_lbde.js";import{c as r,g as i}from"./classname-Bl5epEs-.js";import{T as m}from"./typography-CMIMyivt.js";const a=i("badge"),d=({outline:e,children:s,className:o,...n})=>t.jsx(m,{...n,size:"2x-small",className:r(a,{[`${a}--outline`]:e,[`${a}--dot`]:!s},o),children:s}),p=({children:e,className:s,...o})=>t.jsx("div",{className:r(`${a}-container`,s),...o,children:e});d.__docgenInfo={description:"",methods:[],displayName:"Badge"};p.__docgenInfo={description:"",methods:[],displayName:"BadgeContainer"};export{d as B,p as a};

package/dist-storybook/assets/{badge.stories-DhVKBE64.js → badge.stories-BXGAtgaV.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./iframe-C0PGuV5s.js";import{T as u,S as h,M as m,P as B,a as y}from"./blocks-D4qvS4eZ.js";import{B as n,a as s}from"./badge-DLt8CmDs.js";import{t}from"./store-BmYgrUro.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";import"./typography-BcLxefPi.js";import"./colors-_6nFGM3e.js";const j=()=>{const x=`
+import{j as e}from"./iframe-Crg_lbde.js";import{T as u,S as h,a as m,P as B,b as y}from"./blocks-CB7UwFa4.js";import{B as n,a as s}from"./badge-Gh2kTOE3.js";import{t}from"./store-BwIebEt6.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CdnALcTP.js";import"./classname-Bl5epEs-.js";import"./typography-CMIMyivt.js";import"./colors-_6nFGM3e.js";const j=()=>{const x=`
 ## ${t("common.table.title")}
 
 | ${t("common.table.name")} | ${t("common.table.type")} | ${t("common.table.required")} | ${t("common.table.description")} |
@@ -7,7 +7,7 @@ import{j as e}from"./iframe-C0PGuV5s.js";import{T as u,S as h,M as m,P as B,a as
 | \`children\` | \`ReactNode\` | ${t("common.table.no")} | ${t("components.badge.childrenDescription")} |
 | \`className\` | \`string\` | ${t("common.table.no")} | ${t("components.badge.classNameDescription")} |
 | \`...props\` | \`ComponentProps<'div'>\` | ${t("common.table.no")} | ${t("components.badge.propsDescription")} |
-  `;return e.jsxs(e.Fragment,{children:[e.jsx(u,{}),e.jsx(h,{}),e.jsx(m,{children:t("components.badge.description")}),e.jsx(B,{}),e.jsx(m,{children:x}),e.jsx(y,{})]})},S={title:"Components/Badge",component:n,parameters:{layout:"padded",docs:{page:j}},tags:["autodocs"],argTypes:{outline:{control:"boolean",description:t("components.badge.argTypes.outlineDescription"),table:{type:{summary:"boolean"}}},children:{control:"text",description:t("components.badge.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}},className:{control:"text",description:t("components.badge.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},a={storyName:t("components.badge.stories.default.title"),args:{children:"1"}},i={storyName:t("components.badge.stories.dotBadge.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{}),e.jsx(n,{outline:!0})]})},r={storyName:t("components.badge.stories.numberBadges.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{children:"1"}),e.jsx(n,{children:"5"}),e.jsx(n,{children:"99"}),e.jsx(n,{children:"99+"}),e.jsx(n,{children:"999"})]})},d={storyName:t("components.badge.stories.numberBadgesWithOutline.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{outline:!0,children:"1"}),e.jsx(n,{outline:!0,children:"5"}),e.jsx(n,{outline:!0,children:"99"}),e.jsx(n,{outline:!0,children:"99+"}),e.jsx(n,{outline:!0,children:"999"})]})},o={storyName:t("components.badge.stories.labelBadges.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{children:"New"}),e.jsx(n,{children:"Hot"}),e.jsx(n,{children:"Sale"}),e.jsx(n,{children:"Featured"})]})},l={storyName:t("components.badge.stories.labelBadgesWithOutline.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{outline:!0,children:"New"}),e.jsx(n,{outline:!0,children:"Hot"}),e.jsx(n,{outline:!0,children:"Sale"}),e.jsx(n,{outline:!0,children:"Featured"})]})},c={storyName:t("components.badge.stories.allVariants.title"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Dot Badges"}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{}),e.jsx(n,{outline:!0})]})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Number Badges"}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{children:"1"}),e.jsx(n,{children:"99"}),e.jsx(n,{children:"999"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Number Badges (Outline)"}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{outline:!0,children:"1"}),e.jsx(n,{outline:!0,children:"99"}),e.jsx(n,{outline:!0,children:"999"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Label Badges"}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{children:"New"}),e.jsx(n,{children:"Hot"}),e.jsx(n,{children:"Sale"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Label Badges (Outline)"}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{outline:!0,children:"New"}),e.jsx(n,{outline:!0,children:"Hot"}),e.jsx(n,{outline:!0,children:"Sale"})]})]})]})},g={storyName:t("components.badge.stories.withBadgeContainer.title"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Badge on Icon/Button"}),e.jsxs("div",{style:{display:"flex",gap:"24px",alignItems:"center"},children:[e.jsxs(s,{children:[e.jsx("div",{style:{width:"40px",height:"40px",backgroundColor:"#f0f0f0",borderRadius:"8px",display:"flex",alignItems:"center",justifyContent:"center"},children:"🔔"}),e.jsx(n,{children:"5"})]}),e.jsxs(s,{children:[e.jsx("div",{style:{width:"40px",height:"40px",backgroundColor:"#f0f0f0",borderRadius:"8px",display:"flex",alignItems:"center",justifyContent:"center"},children:"📧"}),e.jsx(n,{outline:!0,children:"99+"})]}),e.jsxs(s,{children:[e.jsx("div",{style:{width:"40px",height:"40px",backgroundColor:"#f0f0f0",borderRadius:"8px",display:"flex",alignItems:"center",justifyContent:"center"},children:"⭐"}),e.jsx(n,{})]})]})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Badge on Avatar"}),e.jsxs("div",{style:{display:"flex",gap:"24px",alignItems:"center"},children:[e.jsxs(s,{children:[e.jsx("div",{style:{width:"48px",height:"48px",borderRadius:"50%",backgroundColor:"#4a90e2",display:"flex",alignItems:"center",justifyContent:"center",color:"white",fontWeight:"bold"},children:"JD"}),e.jsx(n,{children:"3"})]}),e.jsxs(s,{children:[e.jsx("div",{style:{width:"48px",height:"48px",borderRadius:"50%",backgroundColor:"#4a90e2",display:"flex",alignItems:"center",justifyContent:"center",color:"white",fontWeight:"bold"},children:"AB"}),e.jsx(n,{outline:!0,children:"New"})]})]})]})]})},p={storyName:t("components.badge.stories.interactive.title"),args:{children:"1",outline:!1}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  `;return e.jsxs(e.Fragment,{children:[e.jsx(u,{}),e.jsx(h,{}),e.jsx(m,{children:t("components.badge.description")}),e.jsx(B,{}),e.jsx(m,{children:x}),e.jsx(y,{})]})},W={title:"Components/Badge",component:n,parameters:{layout:"padded",docs:{page:j}},tags:["autodocs"],argTypes:{outline:{control:"boolean",description:t("components.badge.argTypes.outlineDescription"),table:{type:{summary:"boolean"}}},children:{control:"text",description:t("components.badge.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}},className:{control:"text",description:t("components.badge.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},a={storyName:t("components.badge.stories.default.title"),args:{children:"1"}},i={storyName:t("components.badge.stories.dotBadge.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{}),e.jsx(n,{outline:!0})]})},r={storyName:t("components.badge.stories.numberBadges.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{children:"1"}),e.jsx(n,{children:"5"}),e.jsx(n,{children:"99"}),e.jsx(n,{children:"99+"}),e.jsx(n,{children:"999"})]})},d={storyName:t("components.badge.stories.numberBadgesWithOutline.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{outline:!0,children:"1"}),e.jsx(n,{outline:!0,children:"5"}),e.jsx(n,{outline:!0,children:"99"}),e.jsx(n,{outline:!0,children:"99+"}),e.jsx(n,{outline:!0,children:"999"})]})},o={storyName:t("components.badge.stories.labelBadges.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{children:"New"}),e.jsx(n,{children:"Hot"}),e.jsx(n,{children:"Sale"}),e.jsx(n,{children:"Featured"})]})},l={storyName:t("components.badge.stories.labelBadgesWithOutline.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{outline:!0,children:"New"}),e.jsx(n,{outline:!0,children:"Hot"}),e.jsx(n,{outline:!0,children:"Sale"}),e.jsx(n,{outline:!0,children:"Featured"})]})},c={storyName:t("components.badge.stories.allVariants.title"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Dot Badges"}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{}),e.jsx(n,{outline:!0})]})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Number Badges"}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{children:"1"}),e.jsx(n,{children:"99"}),e.jsx(n,{children:"999"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Number Badges (Outline)"}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{outline:!0,children:"1"}),e.jsx(n,{outline:!0,children:"99"}),e.jsx(n,{outline:!0,children:"999"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Label Badges"}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{children:"New"}),e.jsx(n,{children:"Hot"}),e.jsx(n,{children:"Sale"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Label Badges (Outline)"}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(n,{outline:!0,children:"New"}),e.jsx(n,{outline:!0,children:"Hot"}),e.jsx(n,{outline:!0,children:"Sale"})]})]})]})},g={storyName:t("components.badge.stories.withBadgeContainer.title"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Badge on Icon/Button"}),e.jsxs("div",{style:{display:"flex",gap:"24px",alignItems:"center"},children:[e.jsxs(s,{children:[e.jsx("div",{style:{width:"40px",height:"40px",backgroundColor:"#f0f0f0",borderRadius:"8px",display:"flex",alignItems:"center",justifyContent:"center"},children:"🔔"}),e.jsx(n,{children:"5"})]}),e.jsxs(s,{children:[e.jsx("div",{style:{width:"40px",height:"40px",backgroundColor:"#f0f0f0",borderRadius:"8px",display:"flex",alignItems:"center",justifyContent:"center"},children:"📧"}),e.jsx(n,{outline:!0,children:"99+"})]}),e.jsxs(s,{children:[e.jsx("div",{style:{width:"40px",height:"40px",backgroundColor:"#f0f0f0",borderRadius:"8px",display:"flex",alignItems:"center",justifyContent:"center"},children:"⭐"}),e.jsx(n,{})]})]})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:"Badge on Avatar"}),e.jsxs("div",{style:{display:"flex",gap:"24px",alignItems:"center"},children:[e.jsxs(s,{children:[e.jsx("div",{style:{width:"48px",height:"48px",borderRadius:"50%",backgroundColor:"#4a90e2",display:"flex",alignItems:"center",justifyContent:"center",color:"white",fontWeight:"bold"},children:"JD"}),e.jsx(n,{children:"3"})]}),e.jsxs(s,{children:[e.jsx("div",{style:{width:"48px",height:"48px",borderRadius:"50%",backgroundColor:"#4a90e2",display:"flex",alignItems:"center",justifyContent:"center",color:"white",fontWeight:"bold"},children:"AB"}),e.jsx(n,{outline:!0,children:"New"})]})]})]})]})},p={storyName:t("components.badge.stories.interactive.title"),args:{children:"1",outline:!1}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
   storyName: t('components.badge.stories.default.title'),
   args: {
     children: '1'
@@ -259,4 +259,4 @@ import{j as e}from"./iframe-C0PGuV5s.js";import{T as u,S as h,M as m,P as B,a as
     children: '1',
     outline: false
   }
-}`,...p.parameters?.docs?.source}}};const W=["Default","DotBadge","NumberBadges","NumberBadgesWithOutline","LabelBadges","LabelBadgesWithOutline","AllVariants","WithBadgeContainer","Interactive"];export{c as AllVariants,a as Default,i as DotBadge,p as Interactive,o as LabelBadges,l as LabelBadgesWithOutline,r as NumberBadges,d as NumberBadgesWithOutline,g as WithBadgeContainer,W as __namedExportsOrder,S as default};
+}`,...p.parameters?.docs?.source}}};const O=["Default","DotBadge","NumberBadges","NumberBadgesWithOutline","LabelBadges","LabelBadgesWithOutline","AllVariants","WithBadgeContainer","Interactive"];export{c as AllVariants,a as Default,i as DotBadge,p as Interactive,o as LabelBadges,l as LabelBadgesWithOutline,r as NumberBadges,d as NumberBadgesWithOutline,g as WithBadgeContainer,O as __namedExportsOrder,W as default};