{"version":3,"sources":["../src/components/tabs.ts"],"sourcesContent":["import type { ComponentMultiStyle } from \"@yamada-ui/core\"\nimport { isAccessible, isGray, shadeColor } from \"@yamada-ui/utils\"\n\nexport const Tabs: ComponentMultiStyle<\"Tabs\"> = {\n  baseStyle: {\n    container: ({ orientation }) => ({\n      display: \"flex\",\n      flexDirection: orientation === \"vertical\" ? \"row\" : \"column\",\n    }),\n    tab: ({ fitted }) => ({\n      flex: fitted ? 1 : undefined,\n      transitionDuration: \"normal\",\n      transitionProperty: \"common\",\n      whiteSpace: \"nowrap\",\n      _disabled: {\n        cursor: \"not-allowed\",\n        opacity: 0.4,\n      },\n      _focusVisible: {\n        boxShadow: \"outline\",\n        zIndex: \"yamcha\",\n      },\n      _hover: { opacity: 0.7 },\n      _selected: { _hover: { opacity: 1 } },\n    }),\n    tabList: ({ align, orientation }) => ({\n      flexDirection: orientation === \"vertical\" ? \"column\" : \"row\",\n      justifyContent: align === \"center\" ? align : `flex-${align}`,\n    }),\n    tabPanel: {\n      p: \"md\",\n    },\n    tabPanels: {},\n  },\n\n  variants: {\n    line: ({ colorScheme: c = \"primary\" }) => {\n      return {\n        tab: {\n          borderColor: \"transparent\",\n          _horizontal: {\n            borderBottomStyle: \"solid\",\n            borderBottomWidth: \"1px\",\n            mb: \"-1px\",\n          },\n          _ripple: { display: \"none\" },\n          _selected: {\n            borderColor: \"currentColor\",\n            color: isGray(c)\n              ? [\"blackAlpha.800\", \"whiteAlpha.700\"]\n              : [`${c}.600`, `${c}.500`],\n          },\n          _vertical: {\n            borderEndStyle: \"solid\",\n            borderEndWidth: \"1px\",\n            me: \"-1px\",\n          },\n        },\n        tabList: {\n          borderColor: \"inherit\",\n          _horizontal: { borderBottomWidth: \"1px\" },\n          _vertical: { borderEndWidth: \"1px\" },\n        },\n      }\n    },\n    rounded: ({ colorScheme: c = \"primary\" }) => ({\n      tab: {\n        borderRadius: \"full\",\n        vars: [\n          {\n            name: \"color\",\n            token: \"colors\",\n            value: [`${c}.600`, `${c}.500`],\n          },\n        ],\n        _selected: {\n          boxShadow: \"inset 0 0 0px 1px $color\",\n          color: isGray(c)\n            ? [\"blackAlpha.800\", \"whiteAlpha.700\"]\n            : [`${c}.600`, `${c}.500`],\n        },\n      },\n      tabList: { gap: \"sm\" },\n    }),\n    \"rounded-solid\": ({ colorScheme: c = \"primary\" }) => ({\n      tab: {\n        borderRadius: \"full\",\n        _selected: {\n          bg: isGray(c)\n            ? [`${c}.50`, `${c}.700`]\n            : [isAccessible(c) ? `${c}.400` : `${c}.500`, `${c}.600`],\n          color: [isGray(c) || isAccessible(c) ? `black` : `white`, `white`],\n        },\n      },\n      tabList: { gap: \"sm\" },\n    }),\n    \"rounded-subtle\": ({\n      colorScheme: c = \"primary\",\n      colorMode: m,\n      theme: t,\n    }) => ({\n      tab: {\n        borderRadius: \"full\",\n        _selected: {\n          bg: [`${c}.50`, shadeColor(`${c}.300`, 68)(t, m)],\n          color: [`${c}.800`, isGray(c) ? `${c}.50` : `${c}.200`],\n        },\n      },\n      tabList: { gap: \"sm\" },\n    }),\n    sticky: ({ colorScheme: c = \"primary\" }) => ({\n      tab: {\n        borderColor: \"transparent\",\n        _horizontal: {\n          borderStyle: \"solid\",\n          borderWidth: \"1px\",\n          mb: \"-2px\",\n          roundedTop: \"md\",\n        },\n        _ripple: { display: \"none\" },\n        _selected: {\n          borderColor: \"inherit\",\n          color: isGray(c)\n            ? [\"blackAlpha.800\", \"whiteAlpha.700\"]\n            : [`${c}.600`, `${c}.500`],\n          _horizontal: { borderBottomColor: [\"white\", \"black\"] },\n          _vertical: { borderEndColor: [\"white\", \"black\"] },\n        },\n        _vertical: {\n          borderStyle: \"solid\",\n          borderWidth: \"1px\",\n          me: \"-2px\",\n          roundedLeft: \"md\",\n        },\n      },\n      tabList: {\n        borderColor: \"inherit\",\n        _horizontal: { borderBottomWidth: \"1px\" },\n        _vertical: { borderEndWidth: \"1px\" },\n      },\n    }),\n    \"sticky-solid\": ({ colorScheme: c = \"primary\" }) => ({\n      tab: {\n        borderColor: \"inherit\",\n        _horizontal: {\n          borderStyle: \"solid\",\n          borderWidth: \"1px\",\n          mb: \"-1px\",\n        },\n        _notLast: {\n          _horizontal: { borderEnd: \"none\" },\n          _vertical: { borderBottom: \"none\" },\n        },\n        _selected: {\n          bg: isGray(c)\n            ? [`${c}.50`, `${c}.700`]\n            : [isAccessible(c) ? `${c}.400` : `${c}.500`, `${c}.600`],\n          color: [isGray(c) || isAccessible(c) ? `black` : `white`, `white`],\n        },\n        _vertical: {\n          borderStyle: \"solid\",\n          borderWidth: \"1px\",\n          me: \"-1px\",\n        },\n      },\n      tabList: {\n        borderColor: \"inherit\",\n        _horizontal: { borderBottomWidth: \"1px\" },\n        _vertical: { borderEndWidth: \"1px\" },\n      },\n    }),\n    \"sticky-subtle\": ({\n      colorScheme: c = \"primary\",\n      colorMode: m,\n      theme: t,\n    }) => ({\n      tab: {\n        borderColor: \"inherit\",\n        _horizontal: {\n          borderStyle: \"solid\",\n          borderWidth: \"1px\",\n          mb: \"-1px\",\n        },\n        _notLast: {\n          _horizontal: { borderEnd: \"none\" },\n          _vertical: { borderBottom: \"none\" },\n        },\n        _selected: {\n          bg: [`${c}.50`, shadeColor(`${c}.300`, 68)(t, m)],\n          color: [`${c}.800`, isGray(c) ? `${c}.50` : `${c}.200`],\n        },\n        _vertical: {\n          borderStyle: \"solid\",\n          borderWidth: \"1px\",\n          me: \"-1px\",\n        },\n      },\n      tabList: {\n        borderColor: \"inherit\",\n        _horizontal: { borderBottomWidth: \"1px\" },\n        _vertical: { borderEndWidth: \"1px\" },\n      },\n    }),\n    unstyled: {\n      tab: {\n        _hover: { opacity: \"inherit\" },\n        _ripple: { display: \"none\" },\n      },\n    },\n  },\n\n  sizes: {\n    sm: {\n      tab: {\n        fontSize: \"sm\",\n        px: 3,\n        py: 1,\n      },\n    },\n    md: {\n      tab: {\n        fontSize: \"md\",\n        px: 4,\n        py: 2,\n      },\n    },\n    lg: {\n      tab: {\n        fontSize: \"lg\",\n        px: 5,\n        py: 3,\n      },\n    },\n  },\n\n  defaultProps: {\n    colorScheme: \"primary\",\n    size: \"md\",\n    variant: \"line\",\n  },\n}\n"],"mappings":"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","names":[]}