compote-ui 0.47.3 → 0.48.0
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/drawer/drawer-body.svelte +25 -0
- package/dist/components/drawer/drawer-body.svelte.d.ts +9 -0
- package/dist/components/drawer/drawer-footer.svelte +16 -0
- package/dist/components/drawer/drawer-footer.svelte.d.ts +9 -0
- package/dist/components/drawer/index.d.ts +2 -0
- package/dist/components/drawer/index.js +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
import type { ClassValue } from 'svelte/elements';
|
|
4
|
+
import { cn } from 'tailwind-variants';
|
|
5
|
+
import { ScrollArea } from '../..';
|
|
6
|
+
|
|
7
|
+
interface Props {
|
|
8
|
+
class?: ClassValue;
|
|
9
|
+
children: Snippet;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
let { class: className, children }: Props = $props();
|
|
13
|
+
</script>
|
|
14
|
+
|
|
15
|
+
<ScrollArea.Root class={cn('min-h-0 flex-1', className)}>
|
|
16
|
+
<ScrollArea.Viewport>
|
|
17
|
+
<ScrollArea.Content>
|
|
18
|
+
{@render children()}
|
|
19
|
+
</ScrollArea.Content>
|
|
20
|
+
</ScrollArea.Viewport>
|
|
21
|
+
<ScrollArea.Scrollbar>
|
|
22
|
+
<ScrollArea.Thumb />
|
|
23
|
+
</ScrollArea.Scrollbar>
|
|
24
|
+
<ScrollArea.Corner />
|
|
25
|
+
</ScrollArea.Root>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Snippet } from 'svelte';
|
|
2
|
+
import type { ClassValue } from 'svelte/elements';
|
|
3
|
+
interface Props {
|
|
4
|
+
class?: ClassValue;
|
|
5
|
+
children: Snippet;
|
|
6
|
+
}
|
|
7
|
+
declare const DrawerBody: import("svelte").Component<Props, {}, "">;
|
|
8
|
+
type DrawerBody = ReturnType<typeof DrawerBody>;
|
|
9
|
+
export default DrawerBody;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
import type { ClassValue } from 'svelte/elements';
|
|
4
|
+
import { cn } from 'tailwind-variants';
|
|
5
|
+
|
|
6
|
+
interface Props {
|
|
7
|
+
class?: ClassValue;
|
|
8
|
+
children: Snippet;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
let { class: className, children }: Props = $props();
|
|
12
|
+
</script>
|
|
13
|
+
|
|
14
|
+
<div class={cn('mt-auto flex flex-row items-center justify-end gap-2 border-t border-border p-4', className)}>
|
|
15
|
+
{@render children()}
|
|
16
|
+
</div>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Snippet } from 'svelte';
|
|
2
|
+
import type { ClassValue } from 'svelte/elements';
|
|
3
|
+
interface Props {
|
|
4
|
+
class?: ClassValue;
|
|
5
|
+
children: Snippet;
|
|
6
|
+
}
|
|
7
|
+
declare const DrawerFooter: import("svelte").Component<Props, {}, "">;
|
|
8
|
+
type DrawerFooter = ReturnType<typeof DrawerFooter>;
|
|
9
|
+
export default DrawerFooter;
|
|
@@ -9,3 +9,5 @@ export { default as Header } from './drawer-header.svelte';
|
|
|
9
9
|
export { default as Title } from './drawer-title.svelte';
|
|
10
10
|
export { default as Description } from './drawer-description.svelte';
|
|
11
11
|
export { default as CloseTrigger } from './drawer-close-trigger.svelte';
|
|
12
|
+
export { default as Body } from './drawer-body.svelte';
|
|
13
|
+
export { default as Footer } from './drawer-footer.svelte';
|
|
@@ -9,3 +9,5 @@ export { default as Header } from './drawer-header.svelte';
|
|
|
9
9
|
export { default as Title } from './drawer-title.svelte';
|
|
10
10
|
export { default as Description } from './drawer-description.svelte';
|
|
11
11
|
export { default as CloseTrigger } from './drawer-close-trigger.svelte';
|
|
12
|
+
export { default as Body } from './drawer-body.svelte';
|
|
13
|
+
export { default as Footer } from './drawer-footer.svelte';
|