{"version":3,"file":"style.mjs","names":[],"sources":["../../src/GroupAvatar/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { SMOOTH_CORNER_MASKS } from '@/utils/smoothCorners';\n\nexport const styles = createStaticStyles(({ css }) => {\n  const createCornerVariant = (cornerType: keyof typeof SMOOTH_CORNER_MASKS) => css`\n    mask-image: url('${SMOOTH_CORNER_MASKS[cornerType]}');\n    mask-position: center;\n    mask-repeat: no-repeat;\n    mask-size: 100% 100%;\n  `;\n\n  return {\n    circle: createCornerVariant('circle'),\n    ios: createCornerVariant('ios'),\n    root: css`\n      overflow: hidden;\n      flex: none;\n\n      /* Fallback for browsers without mask support */\n      border-radius: 15%;\n\n      /* Apply smooth corners mask with fallback */\n      @supports (mask-image: url('data:image/svg+xml;base64,')) {\n        border-radius: 0;\n      }\n    `,\n    sharp: createCornerVariant('sharp'),\n    smooth: createCornerVariant('smooth'),\n    square: createCornerVariant('square'),\n    squircle: createCornerVariant('squircle'),\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    cornerShape: 'squircle',\n  },\n\n  variants: {\n    cornerShape: {\n      circle: styles.circle,\n      ios: styles.ios,\n      sharp: styles.sharp,\n      smooth: styles.smooth,\n      square: styles.square,\n      squircle: styles.squircle,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,UAAU;CACpD,MAAM,uBAAuB,eAAiD,GAAG;uBAC5D,oBAAoB,YAAY;;;;;AAMrD,QAAO;EACL,QAAQ,oBAAoB,SAAS;EACrC,KAAK,oBAAoB,MAAM;EAC/B,MAAM,GAAG;;;;;;;;;;;;EAYT,OAAO,oBAAoB,QAAQ;EACnC,QAAQ,oBAAoB,SAAS;EACrC,QAAQ,oBAAoB,SAAS;EACrC,UAAU,oBAAoB,WAAW;EAC1C;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,aAAa,YACd;CAED,UAAU,EACR,aAAa;EACX,QAAQ,OAAO;EACf,KAAK,OAAO;EACZ,OAAO,OAAO;EACd,QAAQ,OAAO;EACf,QAAQ,OAAO;EACf,UAAU,OAAO;EAClB,EACF;CACF,CAAC"}