@nextui-org/theme
Version:
The default theme for NextUI components
98 lines (95 loc) • 2.11 kB
JavaScript
import {
tv
} from "./chunk-UWE6H66T.mjs";
import {
dataFocusVisibleClasses
} from "./chunk-GH5E4FQB.mjs";
// src/components/accordion.ts
var accordion = tv({
base: "px-2",
variants: {
variant: {
light: "",
shadow: "px-4 shadow-medium rounded-medium bg-content1",
bordered: "px-4 border-medium border-divider rounded-medium",
splitted: "flex flex-col gap-2"
},
fullWidth: {
true: "w-full"
}
},
defaultVariants: {
variant: "light",
fullWidth: true
}
});
var accordionItem = tv({
slots: {
base: "",
heading: "",
trigger: [
"flex py-4 w-full h-full gap-3 outline-none items-center tap-highlight-transparent",
...dataFocusVisibleClasses
],
startContent: "flex-shrink-0",
indicator: "text-default-400",
titleWrapper: "flex-1 flex flex-col text-start",
title: "text-foreground text-medium",
subtitle: "text-small text-foreground-500 font-normal",
content: "py-2"
},
variants: {
variant: {
splitted: {
base: "px-4 bg-content1 shadow-medium rounded-medium"
}
},
isCompact: {
true: {
trigger: "py-2",
title: "text-medium",
subtitle: "text-small",
indicator: "text-medium",
content: "py-1"
}
},
isDisabled: {
true: {
base: "opacity-disabled pointer-events-none"
}
},
hideIndicator: {
true: {
indicator: "hidden"
}
},
disableAnimation: {
true: {
content: "hidden data-[open=true]:block"
},
false: {
indicator: "transition-transform",
trigger: "transition-opacity"
}
},
disableIndicatorAnimation: {
true: {
indicator: "transition-none"
},
false: {
indicator: "rotate-0 data-[open=true]:-rotate-90 rtl:-rotate-180 rtl:data-[open=true]:-rotate-90"
}
}
},
defaultVariants: {
size: "md",
radius: "lg",
isDisabled: false,
hideIndicator: false,
disableIndicatorAnimation: false
}
});
export {
accordion,
accordionItem
};