26 lines
1.1 KiB
TypeScript
26 lines
1.1 KiB
TypeScript
|
import type { VariantProps } from "class-variance-authority"
|
||
|
|
import { cva } from "class-variance-authority"
|
||
|
|
|
||
|
|
export { default as ButtonGroup } from "./ButtonGroup.vue"
|
||
|
|
export { default as ButtonGroupSeparator } from "./ButtonGroupSeparator.vue"
|
||
|
|
export { default as ButtonGroupText } from "./ButtonGroupText.vue"
|
||
|
|
|
||
|
|
export const buttonGroupVariants = cva(
|
||
|
|
"flex w-fit items-stretch [&>*:focus-visible]:z-10 [&>*:focus-visible]:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
|
||
|
|
{
|
||
|
|
variants: {
|
||
|
|
orientation: {
|
||
|
|
horizontal:
|
||
|
|
"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
|
||
|
|
vertical:
|
||
|
|
"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
defaultVariants: {
|
||
|
|
orientation: "horizontal",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
)
|
||
|
|
|
||
|
|
export type ButtonGroupVariants = VariantProps<typeof buttonGroupVariants>
|