37 lines
1.3 KiB
Plaintext
37 lines
1.3 KiB
Plaintext
import {
|
|
tv
|
|
} from "./chunk-UWE6H66T.mjs";
|
|
|
|
// src/components/scroll-shadow.ts
|
|
var verticalShadow = [
|
|
"data-[top-scroll=true]:[mask-image:linear-gradient(0deg,#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]",
|
|
"data-[bottom-scroll=true]:[mask-image:linear-gradient(180deg,#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]",
|
|
"data-[top-bottom-scroll=true]:[mask-image:linear-gradient(#000,#000,transparent_0,#000_var(--scroll-shadow-size),#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]"
|
|
];
|
|
var horizontalShadow = [
|
|
"data-[left-scroll=true]:[mask-image:linear-gradient(270deg,#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]",
|
|
"data-[right-scroll=true]:[mask-image:linear-gradient(90deg,#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]",
|
|
"data-[left-right-scroll=true]:[mask-image:linear-gradient(to_right,#000,#000,transparent_0,#000_var(--scroll-shadow-size),#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]"
|
|
];
|
|
var scrollShadow = tv({
|
|
base: [],
|
|
variants: {
|
|
orientation: {
|
|
vertical: ["overflow-y-auto", ...verticalShadow],
|
|
horizontal: ["overflow-x-auto", ...horizontalShadow]
|
|
},
|
|
hideScrollBar: {
|
|
true: "scrollbar-hide",
|
|
false: ""
|
|
}
|
|
},
|
|
defaultVariants: {
|
|
orientation: "vertical",
|
|
hideScrollBar: false
|
|
}
|
|
});
|
|
|
|
export {
|
|
scrollShadow
|
|
};
|