{"version":3,"sources":["../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\nimport { clsx } from 'clsx';\n\nexport type TagVariant = 'default' | 'success' | 'error' | 'info' | 'neutral';\n\nexport interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /**\n   * The visual style variant of the tag\n   * @default 'default'\n   */\n  variant?: TagVariant;\n  /**\n   * The content of the tag\n   */\n  children: React.ReactNode;\n}\n\n// Arbor Design System tag styles\nconst tagStyles = {\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    padding: '4px 8px',\n    borderRadius: '99px', // Pill shape\n    fontSize: '11px', // Type 1\n    fontWeight: '600',\n    gap: '4px',\n    fontFamily: \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif\",\n    lineHeight: '1.2',\n  },\n  variants: {\n    default: {\n      backgroundColor: '#fff4e5', // caution-100\n      color: '#975a00', // caution-700\n    },\n    success: {\n      backgroundColor: '#e5f9eb', // success-100\n      color: '#005a19', // success-800\n    },\n    error: {\n      backgroundColor: '#ffeaea', // destructive-100\n      color: '#a62323', // destructive-600\n    },\n    info: {\n      backgroundColor: '#e5f4ff', // info-100\n      color: '#003d80', // info-800\n    },\n    neutral: {\n      backgroundColor: '#f8f8f8', // grey-050\n      color: '#595959', // grey-600\n    },\n  },\n};\n\n/**\n * Tag component - Arbor Design System\n *\n * A label component for categorization and status indication.\n * Uses pill shape (99px radius) with semantic color variants.\n *\n * @example\n * ```tsx\n * <Tag variant=\"success\">Active</Tag>\n * <Tag variant=\"error\">Overdue</Tag>\n * <Tag variant=\"info\">New</Tag>\n * ```\n */\nexport const Tag = React.forwardRef<HTMLSpanElement, TagProps>(\n  ({ variant = 'default', className, style, children, ...props }, ref) => {\n    const variantStyles = tagStyles.variants[variant];\n\n    const combinedStyle: React.CSSProperties = {\n      ...tagStyles.base,\n      ...variantStyles,\n      ...style,\n    };\n\n    return (\n      <span\n        ref={ref}\n        className={clsx('arbor-tag', `arbor-tag--${variant}`, className)}\n        style={combinedStyle}\n        {...props}\n      >\n        {children}\n      </span>\n    );\n  }\n);\n\nTag.displayName = 'Tag';\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AA6Ef;AA5DN,IAAM,YAAY;AAAA,EAChB,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,cAAc;AAAA;AAAA,IACd,UAAU;AAAA;AAAA,IACV,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,iBAAiB;AAAA;AAAA,MACjB,OAAO;AAAA;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACP,iBAAiB;AAAA;AAAA,MACjB,OAAO;AAAA;AAAA,IACT;AAAA,IACA,OAAO;AAAA,MACL,iBAAiB;AAAA;AAAA,MACjB,OAAO;AAAA;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,iBAAiB;AAAA;AAAA,MACjB,OAAO;AAAA;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACP,iBAAiB;AAAA;AAAA,MACjB,OAAO;AAAA;AAAA,IACT;AAAA,EACF;AACF;AAeO,IAAM,MAAY;AAAA,EACvB,CAAC,EAAE,UAAU,WAAW,WAAW,OAAO,UAAU,GAAG,MAAM,GAAG,QAAQ;AACtE,UAAM,gBAAgB,UAAU,SAAS,OAAO;AAEhD,UAAM,gBAAqC;AAAA,MACzC,GAAG,UAAU;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,aAAa,cAAc,OAAO,IAAI,SAAS;AAAA,QAC/D,OAAO;AAAA,QACN,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAI,cAAc;","names":[]}