import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./Badge-CW0c1rzN.js";import{n as o,t as s}from"./LayoutFlex-Ca74XcC1.js";import{n as c,t as l}from"./TokyoUITag-C8mbO1a7.js";var u,d,f,p,m,h,g,_;t((()=>{c(),e(n(),1),o(),i(),u=r(),d={title:`components/Badge`,component:a,parameters:{layout:`padded`,docs:{source:{type:`dynamic`}}}},f=()=>(0,u.jsxs)(s,{gap:`16`,children:[(0,u.jsx)(a,{type:`neutral`,children:`Neutral`}),(0,u.jsx)(a,{type:`positive`,children:`Positive`}),(0,u.jsx)(a,{type:`info`,children:`Info`}),(0,u.jsx)(a,{type:`warning`,children:`Warning`}),(0,u.jsx)(a,{type:`critical`,children:`Critical`}),(0,u.jsx)(a,{type:`ai`,children:`AI`}),(0,u.jsx)(a,{type:`neutral`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Neutral`}),(0,u.jsx)(a,{type:`positive`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Positive`}),(0,u.jsx)(a,{type:`info`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Info`}),(0,u.jsx)(a,{type:`warning`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Warning`}),(0,u.jsx)(a,{type:`critical`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Critical`}),(0,u.jsx)(a,{type:`ai`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`AI`})]}),l.displayName=`TokyoUITag`,p=()=>(0,u.jsxs)(s,{gap:`16`,alignItems:`center`,children:[(0,u.jsx)(a,{size:`small`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Small`}),(0,u.jsx)(a,{size:`medium`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Medium`}),(0,u.jsx)(a,{size:`large`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Large`})]}),m=()=>(0,u.jsx)(s,{gap:`16`,direction:`column`,children:(0,u.jsx)(a,{size:`small`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Badge`})}),m.tags=[`!autodocs`],h=()=>(0,u.jsx)(`div`,{style:{maxWidth:150,margin:`0 auto`},children:(0,u.jsx)(a,{size:`medium`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`I'm way too long to be a badge label`})}),g={parameters:{chromatic:{disableSnapshot:!0}},args:{type:`neutral`,size:`medium`,children:`Badge`,dataset:{qaid:`badge`}},argTypes:{dataset:{control:`object`},leadingSvgIcon:{options:[`None`,`With Icon`],mapping:{None:void 0,"With Icon":l},control:`select`},assistiveText:{table:{disable:!0}},accent:{table:{disable:!0}},inverted:{table:{disable:!0}}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`() => <LayoutFlex gap="16">
        <Badge type="neutral">Neutral</Badge>
        <Badge type="positive">Positive</Badge>
        <Badge type="info">Info</Badge>
        <Badge type="warning">Warning</Badge>
        <Badge type="critical">Critical</Badge>
        <Badge type="ai">AI</Badge>
        <Badge type="neutral" leadingSvgIcon={<TokyoUITag />}>
            Neutral
        </Badge>
        <Badge type="positive" leadingSvgIcon={<TokyoUITag />}>
            Positive
        </Badge>
        <Badge type="info" leadingSvgIcon={<TokyoUITag />}>
            Info
        </Badge>
        <Badge type="warning" leadingSvgIcon={<TokyoUITag />}>
            Warning
        </Badge>
        <Badge type="critical" leadingSvgIcon={<TokyoUITag />}>
            Critical
        </Badge>
        <Badge type="ai" leadingSvgIcon={<TokyoUITag />}>
            AI
        </Badge>
    </LayoutFlex>`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
        <Badge size="small" leadingSvgIcon={<TokyoUITag />}>
            Small
        </Badge>
        <Badge size="medium" leadingSvgIcon={<TokyoUITag />}>
            Medium
        </Badge>
        <Badge size="large" leadingSvgIcon={<TokyoUITag />}>
            Large
        </Badge>
    </LayoutFlex>`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`() => <LayoutFlex gap="16" direction="column">
        <Badge size="small" leadingSvgIcon={<TokyoUITag />}>
            Badge
        </Badge>
    </LayoutFlex>`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`() => <div style={{
  maxWidth: 150,
  margin: '0 auto'
}}>
        <Badge size="medium" leadingSvgIcon={<TokyoUITag />}>
            I&apos;m way too long to be a badge label
        </Badge>
    </div>`,...h.parameters?.docs?.source},description:{story:`Please avoid using long labels for badges.`,...h.parameters?.docs?.description}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
  parameters: {
    chromatic: {
      disableSnapshot: true
    }
  },
  args: {
    type: 'neutral',
    size: 'medium',
    children: 'Badge',
    dataset: {
      qaid: 'badge'
    }
  },
  argTypes: {
    dataset: {
      control: 'object'
    },
    leadingSvgIcon: {
      options: ['None', 'With Icon'],
      mapping: {
        None: undefined,
        'With Icon': TokyoUITag
      },
      control: 'select'
    },
    // Disable deprecated props
    assistiveText: {
      table: {
        disable: true
      }
    },
    accent: {
      table: {
        disable: true
      }
    },
    inverted: {
      table: {
        disable: true
      }
    }
  }
}`,...g.parameters?.docs?.source}}},_=[`Types`,`Sizes`,`AsFlexChild`,`LongLabel`,`Playground`]}))();export{m as AsFlexChild,h as LongLabel,g as Playground,p as Sizes,f as Types,_ as __namedExportsOrder,d as default};