TanTan
e311ca3275
Build NapCat Artifacts / Windows Loader Test (push) Canceled after 0s
Build NapCat Artifacts / Type Check & Test (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Framework (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Shell (push) Canceled after 0s
98 lines
2.1 KiB
Plaintext
98 lines
2.1 KiB
Plaintext
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
|
|
};
|