{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../../src/base-ui/Segmented/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { focusRing } from '@/base-ui/focusRing';\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const indicator = css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 0;\n    inset-block-start: var(--active-item-top);\n    inset-inline-start: var(--active-item-left);\n\n    width: var(--active-item-width);\n    height: var(--active-item-height);\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    box-shadow: none;\n\n    transition-timing-function: ${cssVar.motionEaseOut};\n    transition-duration: 240ms;\n    transition-property: inset-inline-start, inset-block-start, width, height;\n\n    [data-variant='outlined'] > & {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    [data-orientation='horizontal'] &:dir(rtl) {\n      inset-inline-start: var(--active-item-right);\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `;\n\n  return {\n    indicator,\n    item: css`\n      cursor: pointer;\n      user-select: none;\n\n      position: relative;\n      z-index: 1;\n\n      display: inline-flex;\n      flex-shrink: 0;\n      gap: 6px;\n      align-items: center;\n      justify-content: center;\n\n      box-sizing: border-box;\n      border: 0;\n      border-radius: ${cssVar.borderRadius};\n\n      font-weight: 500;\n      color: ${cssVar.colorTextSecondary};\n      white-space: nowrap;\n\n      background: transparent;\n      outline: none;\n\n      transition:\n        color 120ms ${cssVar.motionEaseOut},\n        transform 120ms ${cssVar.motionEaseOut};\n\n      &:hover:not([data-disabled], [data-pressed]) {\n        color: ${cssVar.colorText};\n      }\n\n      &:active:not([data-disabled]) {\n        transform: scale(0.98);\n      }\n\n      ${focusRing};\n\n      &[data-pressed] {\n        color: ${cssVar.colorText};\n      }\n\n      &[data-disabled] {\n        cursor: not-allowed;\n        color: ${cssVar.colorTextDisabled};\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        transition-duration: 0s;\n      }\n    `,\n    itemBlock: css`\n      flex: 1 1 0;\n    `,\n    itemIcon: css`\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    `,\n    itemLabel: css`\n      display: inline-flex;\n      align-items: center;\n    `,\n    itemLarge: css`\n      height: 36px;\n      padding-inline: 16px;\n      border-radius: ${cssVar.borderRadius};\n      font-size: 14px;\n    `,\n    itemMiddle: css`\n      height: 32px;\n      padding-inline: 12px;\n      border-radius: ${cssVar.borderRadius};\n      font-size: 13px;\n    `,\n    itemSmall: css`\n      height: 26px;\n      padding-inline: 10px;\n      border-radius: ${cssVar.borderRadius};\n      font-size: 12px;\n    `,\n    list: css`\n      position: relative;\n\n      display: inline-flex;\n      flex-wrap: nowrap;\n      gap: 4px;\n      align-items: center;\n      align-self: flex-start;\n\n      box-sizing: border-box;\n      padding: 3px;\n      border-radius: ${cssVar.borderRadiusLG};\n\n      &[data-orientation='vertical'] {\n        flex-direction: column;\n        align-items: stretch;\n        align-self: stretch;\n      }\n    `,\n    listBlock: css`\n      display: flex;\n      align-self: stretch;\n      width: 100%;\n    `,\n    listFilled: css`\n      border: 1px solid ${cssVar.colorFillQuaternary};\n      background: ${cssVar.colorBgLayout};\n    `,\n    listGlass: lobeStaticStylish.blur,\n    listOutlined: css`\n      border: 1px solid ${cssVar.colorBorderSecondary};\n      background: transparent;\n    `,\n    listShadow: lobeStaticStylish.shadow,\n    root: css`\n      display: inline-flex;\n\n      &[data-block='true'] {\n        display: flex;\n        width: 100%;\n      }\n    `,\n  };\n});\n\nexport const listVariants = cva(styles.list, {\n  defaultVariants: {\n    block: false,\n    glass: false,\n    shadow: false,\n    variant: 'filled',\n  },\n  variants: {\n    block: {\n      false: null,\n      true: styles.listBlock,\n    },\n    glass: {\n      false: null,\n      true: styles.listGlass,\n    },\n    shadow: {\n      false: null,\n      true: styles.listShadow,\n    },\n    variant: {\n      filled: styles.listFilled,\n      outlined: styles.listOutlined,\n    },\n  },\n});\n\nexport const itemVariants = cva(styles.item, {\n  defaultVariants: {\n    block: false,\n    size: 'middle',\n  },\n  variants: {\n    block: {\n      false: null,\n      true: styles.itemBlock,\n    },\n    size: {\n      large: styles.itemLarge,\n      middle: styles.itemMiddle,\n      small: styles.itemSmall,\n    },\n  },\n});\n"],"mappings":";;;;;AAMA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAiC5D,OAAO;EACL,WAjCgB,GAAG;;;;;;;;;;qBAUF,OAAO,aAAa;;kBAEvB,OAAO,gBAAgB;;;kCAGP,OAAO,cAAc;;;;;oBAKnC,OAAO,mBAAmB;;;;;;;;;;;EAc1C,MAAM,GAAG;;;;;;;;;;;;;;;uBAeU,OAAO,aAAa;;;eAG5B,OAAO,mBAAmB;;;;;;;sBAOnB,OAAO,cAAc;0BACjB,OAAO,cAAc;;;iBAG9B,OAAO,UAAU;;;;;;;QAO1B,UAAU;;;iBAGD,OAAO,UAAU;;;;;iBAKjB,OAAO,kBAAkB;;;;;;;EAOtC,WAAW,GAAG;;;EAGd,UAAU,GAAG;;;;;EAKb,WAAW,GAAG;;;;EAId,WAAW,GAAG;;;uBAGK,OAAO,aAAa;;;EAGvC,YAAY,GAAG;;;uBAGI,OAAO,aAAa;;;EAGvC,WAAW,GAAG;;;uBAGK,OAAO,aAAa;;;EAGvC,MAAM,GAAG;;;;;;;;;;;uBAWU,OAAO,eAAe;;;;;;;;EAQzC,WAAW,GAAG;;;;;EAKd,YAAY,GAAG;0BACO,OAAO,oBAAoB;oBACjC,OAAO,cAAc;;EAErC,WAAWA,cAAkB;EAC7B,cAAc,GAAG;0BACK,OAAO,qBAAqB;;;EAGlD,YAAYA,cAAkB;EAC9B,MAAM,GAAG;;;;;;;;CAQX;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB;EACf,OAAO;EACP,OAAO;EACP,QAAQ;EACR,SAAS;CACX;CACA,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;EACnB;CACF;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB;EACf,OAAO;EACP,MAAM;CACR;CACA,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ,OAAO;GACf,OAAO,OAAO;EAChB;CACF;AACF,CAAC"}