@kayord/ui 0.6.2 → 0.6.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ui/index.d.ts +1 -0
- package/dist/components/ui/index.js +1 -0
- package/dist/components/ui/scroll-area/index.d.ts +3 -0
- package/dist/components/ui/scroll-area/index.js +5 -0
- package/dist/components/ui/scroll-area/scroll-area-scrollbar.svelte +21 -0
- package/dist/components/ui/scroll-area/scroll-area-scrollbar.svelte.d.ts +23 -0
- package/dist/components/ui/scroll-area/scroll-area.svelte +22 -0
- package/package.json +1 -1
|
@@ -33,6 +33,7 @@ export { Skeleton } from "./skeleton/index.js";
|
|
|
33
33
|
export { Slider } from "./slider/index.js";
|
|
34
34
|
export { Toaster } from "./sonner/index.js";
|
|
35
35
|
export { toast } from "svelte-sonner";
|
|
36
|
+
export { ScrollArea } from "./scroll-area/index.js";
|
|
36
37
|
export { Switch } from "./switch/index.js";
|
|
37
38
|
export * as Table from "./table/index.js";
|
|
38
39
|
export * as Tabs from "./tabs/index.js";
|
|
@@ -33,6 +33,7 @@ export { Skeleton } from "./skeleton/index.js";
|
|
|
33
33
|
export { Slider } from "./slider/index.js";
|
|
34
34
|
export { Toaster } from "./sonner/index.js";
|
|
35
35
|
export { toast } from "svelte-sonner";
|
|
36
|
+
export { ScrollArea } from "./scroll-area/index.js";
|
|
36
37
|
export { Switch } from "./switch/index.js";
|
|
37
38
|
export * as Table from "./table/index.js";
|
|
38
39
|
export * as Tabs from "./tabs/index.js";
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<script>import { ScrollArea as ScrollAreaPrimitive } from "bits-ui";
|
|
2
|
+
import { cn } from "../../../utils.js";
|
|
3
|
+
let className = void 0;
|
|
4
|
+
export let orientation = "vertical";
|
|
5
|
+
export { className as class };
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<ScrollAreaPrimitive.Scrollbar
|
|
9
|
+
{orientation}
|
|
10
|
+
class={cn(
|
|
11
|
+
"flex touch-none select-none transition-colors",
|
|
12
|
+
orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
|
|
13
|
+
orientation === "horizontal" && "h-2.5 w-full border-t border-t-transparent p-px",
|
|
14
|
+
className
|
|
15
|
+
)}
|
|
16
|
+
>
|
|
17
|
+
<slot />
|
|
18
|
+
<ScrollAreaPrimitive.Thumb
|
|
19
|
+
class={cn("relative rounded-full bg-border", orientation === "vertical" && "flex-1")}
|
|
20
|
+
/>
|
|
21
|
+
</ScrollAreaPrimitive.Scrollbar>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: {
|
|
4
|
+
asChild?: boolean | undefined;
|
|
5
|
+
el?: HTMLDivElement | undefined;
|
|
6
|
+
} & {
|
|
7
|
+
orientation: "horizontal" | "vertical";
|
|
8
|
+
} & import("bits-ui/dist/internal").HTMLDivAttributes & {
|
|
9
|
+
orientation?: "horizontal" | "vertical" | undefined;
|
|
10
|
+
};
|
|
11
|
+
events: {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
};
|
|
14
|
+
slots: {
|
|
15
|
+
default: {};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export type ScrollAreaScrollbarProps = typeof __propDef.props;
|
|
19
|
+
export type ScrollAreaScrollbarEvents = typeof __propDef.events;
|
|
20
|
+
export type ScrollAreaScrollbarSlots = typeof __propDef.slots;
|
|
21
|
+
export default class ScrollAreaScrollbar extends SvelteComponent<ScrollAreaScrollbarProps, ScrollAreaScrollbarEvents, ScrollAreaScrollbarSlots> {
|
|
22
|
+
}
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<script>import { ScrollArea as ScrollAreaPrimitive } from "bits-ui";
|
|
2
|
+
import { cn } from "../../../utils.js";
|
|
3
|
+
import { Scrollbar } from "./index.js";
|
|
4
|
+
let className = void 0;
|
|
5
|
+
export { className as class };
|
|
6
|
+
export let orientation = "vertical";
|
|
7
|
+
</script>
|
|
8
|
+
|
|
9
|
+
<ScrollAreaPrimitive.Root {...$$restProps} class={cn("relative overflow-hidden", className)}>
|
|
10
|
+
<ScrollAreaPrimitive.Viewport class="h-full w-full rounded-[inherit]">
|
|
11
|
+
<ScrollAreaPrimitive.Content>
|
|
12
|
+
<slot />
|
|
13
|
+
</ScrollAreaPrimitive.Content>
|
|
14
|
+
</ScrollAreaPrimitive.Viewport>
|
|
15
|
+
{#if orientation === "vertical" || orientation === "both"}
|
|
16
|
+
<Scrollbar orientation="vertical" />
|
|
17
|
+
{/if}
|
|
18
|
+
{#if orientation === "horizontal" || orientation === "both"}
|
|
19
|
+
<Scrollbar orientation="horizontal" />
|
|
20
|
+
{/if}
|
|
21
|
+
<ScrollAreaPrimitive.Corner />
|
|
22
|
+
</ScrollAreaPrimitive.Root>
|