@tanglemedia/svelte-starter-ui-shadcn 0.0.3 → 0.0.5
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/lib/components/ui/data-table/data-table.svelte.js +2 -1
- package/dist/lib/components/ui/data-table/render-helpers.js +0 -4
- package/dist/lib/components/ui/sidebar/context.svelte.js +32 -21
- package/dist/lib/components/ui/sidebar/index.d.ts +25 -25
- package/dist/lib/components/ui/sidebar/index.js +26 -25
- package/dist/lib/components/ui/sidebar/sidebar-menu-button.svelte +1 -1
- package/dist/lib/components/ui/sidebar/sidebar-rail.svelte +1 -1
- package/dist/lib/components/ui/sidebar/sidebar-trigger.svelte +1 -1
- package/dist/lib/components/ui/sidebar/sidebar.svelte +1 -1
- package/package.json +1 -1
- package/src/lib/components/ui/sidebar/index.ts +73 -72
- package/src/lib/components/ui/sidebar/sidebar-menu-button.svelte +1 -1
- package/src/lib/components/ui/sidebar/sidebar-rail.svelte +1 -1
- package/src/lib/components/ui/sidebar/sidebar-trigger.svelte +1 -1
- package/src/lib/components/ui/sidebar/sidebar.svelte +1 -1
|
@@ -42,11 +42,12 @@ export function createSvelteTable(options) {
|
|
|
42
42
|
state: mergeObjects(state, options.state || {}),
|
|
43
43
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
44
44
|
onStateChange: (updater) => {
|
|
45
|
+
var _a;
|
|
45
46
|
if (updater instanceof Function)
|
|
46
47
|
state = updater(state);
|
|
47
48
|
else
|
|
48
49
|
state = mergeObjects(state, updater);
|
|
49
|
-
options.onStateChange
|
|
50
|
+
(_a = options.onStateChange) === null || _a === void 0 ? void 0 : _a.call(options, updater);
|
|
50
51
|
},
|
|
51
52
|
});
|
|
52
53
|
});
|
|
@@ -15,8 +15,6 @@
|
|
|
15
15
|
* ```
|
|
16
16
|
*/
|
|
17
17
|
export class RenderComponentConfig {
|
|
18
|
-
component;
|
|
19
|
-
props;
|
|
20
18
|
constructor(component, props = {}) {
|
|
21
19
|
this.component = component;
|
|
22
20
|
this.props = props;
|
|
@@ -38,8 +36,6 @@ export class RenderComponentConfig {
|
|
|
38
36
|
* ```
|
|
39
37
|
*/
|
|
40
38
|
export class RenderSnippetConfig {
|
|
41
|
-
snippet;
|
|
42
|
-
params;
|
|
43
39
|
constructor(snippet, params) {
|
|
44
40
|
this.snippet = snippet;
|
|
45
41
|
this.params = params;
|
|
@@ -1,37 +1,48 @@
|
|
|
1
|
+
var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
2
|
+
if (kind === "m") throw new TypeError("Private method is not writable");
|
|
3
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
|
|
4
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
5
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
6
|
+
};
|
|
7
|
+
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
|
9
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
10
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
11
|
+
};
|
|
12
|
+
var _SidebarState_isMobile;
|
|
1
13
|
import { IsMobile } from '../../../hooks/is-mobile.svelte.js';
|
|
2
14
|
import { getContext, setContext } from 'svelte';
|
|
3
15
|
import { SIDEBAR_KEYBOARD_SHORTCUT } from './constants.js';
|
|
4
16
|
class SidebarState {
|
|
5
|
-
props;
|
|
6
|
-
open = $derived.by(() => this.props.open());
|
|
7
|
-
openMobile = $state(false);
|
|
8
|
-
setOpen;
|
|
9
|
-
#isMobile;
|
|
10
|
-
state = $derived.by(() => (this.open ? 'expanded' : 'collapsed'));
|
|
11
17
|
constructor(props) {
|
|
18
|
+
this.open = $derived.by(() => this.props.open());
|
|
19
|
+
this.openMobile = $state(false);
|
|
20
|
+
_SidebarState_isMobile.set(this, void 0);
|
|
21
|
+
this.state = $derived.by(() => (this.open ? 'expanded' : 'collapsed'));
|
|
22
|
+
// Event handler to apply to the `<svelte:window>`
|
|
23
|
+
this.handleShortcutKeydown = (e) => {
|
|
24
|
+
if (e.key === SIDEBAR_KEYBOARD_SHORTCUT && (e.metaKey || e.ctrlKey)) {
|
|
25
|
+
e.preventDefault();
|
|
26
|
+
this.toggle();
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
this.setOpenMobile = (value) => {
|
|
30
|
+
this.openMobile = value;
|
|
31
|
+
};
|
|
32
|
+
this.toggle = () => {
|
|
33
|
+
return __classPrivateFieldGet(this, _SidebarState_isMobile, "f").current ? (this.openMobile = !this.openMobile) : this.setOpen(!this.open);
|
|
34
|
+
};
|
|
12
35
|
this.setOpen = props.setOpen;
|
|
13
|
-
this
|
|
36
|
+
__classPrivateFieldSet(this, _SidebarState_isMobile, new IsMobile(), "f");
|
|
14
37
|
this.props = props;
|
|
15
38
|
}
|
|
16
39
|
// Convenience getter for checking if the sidebar is mobile
|
|
17
40
|
// without this, we would need to use `sidebar.isMobile.current` everywhere
|
|
18
41
|
get isMobile() {
|
|
19
|
-
return this
|
|
42
|
+
return __classPrivateFieldGet(this, _SidebarState_isMobile, "f").current;
|
|
20
43
|
}
|
|
21
|
-
// Event handler to apply to the `<svelte:window>`
|
|
22
|
-
handleShortcutKeydown = (e) => {
|
|
23
|
-
if (e.key === SIDEBAR_KEYBOARD_SHORTCUT && (e.metaKey || e.ctrlKey)) {
|
|
24
|
-
e.preventDefault();
|
|
25
|
-
this.toggle();
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
setOpenMobile = (value) => {
|
|
29
|
-
this.openMobile = value;
|
|
30
|
-
};
|
|
31
|
-
toggle = () => {
|
|
32
|
-
return this.#isMobile.current ? (this.openMobile = !this.openMobile) : this.setOpen(!this.open);
|
|
33
|
-
};
|
|
34
44
|
}
|
|
45
|
+
_SidebarState_isMobile = new WeakMap();
|
|
35
46
|
const SYMBOL_KEY = 'scn-sidebar';
|
|
36
47
|
/**
|
|
37
48
|
* Instantiates a new `SidebarState` instance and sets it in the context.
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { useSidebar } from
|
|
2
|
-
import Content from
|
|
3
|
-
import Footer from
|
|
4
|
-
import GroupAction from
|
|
5
|
-
import GroupContent from
|
|
6
|
-
import GroupLabel from
|
|
7
|
-
import Group from
|
|
8
|
-
import Header from
|
|
9
|
-
import Input from
|
|
10
|
-
import Inset from
|
|
11
|
-
import MenuAction from
|
|
12
|
-
import MenuBadge from
|
|
13
|
-
import MenuButton from
|
|
14
|
-
import MenuItem from
|
|
15
|
-
import MenuSkeleton from
|
|
16
|
-
import MenuSubButton from
|
|
17
|
-
import MenuSubItem from
|
|
18
|
-
import MenuSub from
|
|
19
|
-
import Menu from
|
|
20
|
-
import Provider from
|
|
21
|
-
import Rail from
|
|
22
|
-
import Separator from
|
|
23
|
-
import Trigger from
|
|
24
|
-
import Root from
|
|
25
|
-
export { Content, Footer, Group, GroupAction, GroupContent, GroupLabel, Header, Input, Inset, Menu, MenuAction, MenuBadge, MenuButton, MenuItem, MenuSkeleton, MenuSub, MenuSubButton, MenuSubItem, Provider, Rail, Root, Separator, Root as Sidebar, Content as SidebarContent, Footer as SidebarFooter, Group as SidebarGroup, GroupAction as SidebarGroupAction, GroupContent as SidebarGroupContent, GroupLabel as SidebarGroupLabel, Header as SidebarHeader, Input as SidebarInput, Inset as SidebarInset, Menu as SidebarMenu, MenuAction as SidebarMenuAction, MenuBadge as SidebarMenuBadge, MenuButton as SidebarMenuButton, MenuItem as SidebarMenuItem, MenuSkeleton as SidebarMenuSkeleton, MenuSub as SidebarMenuSub, MenuSubButton as SidebarMenuSubButton, MenuSubItem as SidebarMenuSubItem, Provider as SidebarProvider, Rail as SidebarRail, Separator as SidebarSeparator, Trigger as SidebarTrigger, Trigger, useSidebar
|
|
1
|
+
import { useSidebar } from './context.svelte';
|
|
2
|
+
import Content from './sidebar-content.svelte';
|
|
3
|
+
import Footer from './sidebar-footer.svelte';
|
|
4
|
+
import GroupAction from './sidebar-group-action.svelte';
|
|
5
|
+
import GroupContent from './sidebar-group-content.svelte';
|
|
6
|
+
import GroupLabel from './sidebar-group-label.svelte';
|
|
7
|
+
import Group from './sidebar-group.svelte';
|
|
8
|
+
import Header from './sidebar-header.svelte';
|
|
9
|
+
import Input from './sidebar-input.svelte';
|
|
10
|
+
import Inset from './sidebar-inset.svelte';
|
|
11
|
+
import MenuAction from './sidebar-menu-action.svelte';
|
|
12
|
+
import MenuBadge from './sidebar-menu-badge.svelte';
|
|
13
|
+
import MenuButton from './sidebar-menu-button.svelte';
|
|
14
|
+
import MenuItem from './sidebar-menu-item.svelte';
|
|
15
|
+
import MenuSkeleton from './sidebar-menu-skeleton.svelte';
|
|
16
|
+
import MenuSubButton from './sidebar-menu-sub-button.svelte';
|
|
17
|
+
import MenuSubItem from './sidebar-menu-sub-item.svelte';
|
|
18
|
+
import MenuSub from './sidebar-menu-sub.svelte';
|
|
19
|
+
import Menu from './sidebar-menu.svelte';
|
|
20
|
+
import Provider from './sidebar-provider.svelte';
|
|
21
|
+
import Rail from './sidebar-rail.svelte';
|
|
22
|
+
import Separator from './sidebar-separator.svelte';
|
|
23
|
+
import Trigger from './sidebar-trigger.svelte';
|
|
24
|
+
import Root from './sidebar.svelte';
|
|
25
|
+
export { Content, Footer, Group, GroupAction, GroupContent, GroupLabel, Header, Input, Inset, Menu, MenuAction, MenuBadge, MenuButton, MenuItem, MenuSkeleton, MenuSub, MenuSubButton, MenuSubItem, Provider, Rail, Root, Separator, Root as Sidebar, Content as SidebarContent, Footer as SidebarFooter, Group as SidebarGroup, GroupAction as SidebarGroupAction, GroupContent as SidebarGroupContent, GroupLabel as SidebarGroupLabel, Header as SidebarHeader, Input as SidebarInput, Inset as SidebarInset, Menu as SidebarMenu, MenuAction as SidebarMenuAction, MenuBadge as SidebarMenuBadge, MenuButton as SidebarMenuButton, MenuItem as SidebarMenuItem, MenuSkeleton as SidebarMenuSkeleton, MenuSub as SidebarMenuSub, MenuSubButton as SidebarMenuSubButton, MenuSubItem as SidebarMenuSubItem, Provider as SidebarProvider, Rail as SidebarRail, Separator as SidebarSeparator, Trigger as SidebarTrigger, Trigger, useSidebar };
|
|
@@ -1,27 +1,28 @@
|
|
|
1
|
-
import { useSidebar } from
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
import
|
|
24
|
-
import
|
|
1
|
+
// import { useSidebar } from './context.svelte.js';
|
|
2
|
+
import { useSidebar } from './context.svelte';
|
|
3
|
+
import Content from './sidebar-content.svelte';
|
|
4
|
+
import Footer from './sidebar-footer.svelte';
|
|
5
|
+
import GroupAction from './sidebar-group-action.svelte';
|
|
6
|
+
import GroupContent from './sidebar-group-content.svelte';
|
|
7
|
+
import GroupLabel from './sidebar-group-label.svelte';
|
|
8
|
+
import Group from './sidebar-group.svelte';
|
|
9
|
+
import Header from './sidebar-header.svelte';
|
|
10
|
+
import Input from './sidebar-input.svelte';
|
|
11
|
+
import Inset from './sidebar-inset.svelte';
|
|
12
|
+
import MenuAction from './sidebar-menu-action.svelte';
|
|
13
|
+
import MenuBadge from './sidebar-menu-badge.svelte';
|
|
14
|
+
import MenuButton from './sidebar-menu-button.svelte';
|
|
15
|
+
import MenuItem from './sidebar-menu-item.svelte';
|
|
16
|
+
import MenuSkeleton from './sidebar-menu-skeleton.svelte';
|
|
17
|
+
import MenuSubButton from './sidebar-menu-sub-button.svelte';
|
|
18
|
+
import MenuSubItem from './sidebar-menu-sub-item.svelte';
|
|
19
|
+
import MenuSub from './sidebar-menu-sub.svelte';
|
|
20
|
+
import Menu from './sidebar-menu.svelte';
|
|
21
|
+
import Provider from './sidebar-provider.svelte';
|
|
22
|
+
import Rail from './sidebar-rail.svelte';
|
|
23
|
+
import Separator from './sidebar-separator.svelte';
|
|
24
|
+
import Trigger from './sidebar-trigger.svelte';
|
|
25
|
+
import Root from './sidebar.svelte';
|
|
25
26
|
export { Content, Footer, Group, GroupAction, GroupContent, GroupLabel, Header, Input, Inset, Menu, MenuAction, MenuBadge, MenuButton, MenuItem, MenuSkeleton, MenuSub, MenuSubButton, MenuSubItem, Provider, Rail, Root, Separator,
|
|
26
27
|
//
|
|
27
|
-
Root as Sidebar, Content as SidebarContent, Footer as SidebarFooter, Group as SidebarGroup, GroupAction as SidebarGroupAction, GroupContent as SidebarGroupContent, GroupLabel as SidebarGroupLabel, Header as SidebarHeader, Input as SidebarInput, Inset as SidebarInset, Menu as SidebarMenu, MenuAction as SidebarMenuAction, MenuBadge as SidebarMenuBadge, MenuButton as SidebarMenuButton, MenuItem as SidebarMenuItem, MenuSkeleton as SidebarMenuSkeleton, MenuSub as SidebarMenuSub, MenuSubButton as SidebarMenuSubButton, MenuSubItem as SidebarMenuSubItem, Provider as SidebarProvider, Rail as SidebarRail, Separator as SidebarSeparator, Trigger as SidebarTrigger, Trigger, useSidebar
|
|
28
|
+
Root as Sidebar, Content as SidebarContent, Footer as SidebarFooter, Group as SidebarGroup, GroupAction as SidebarGroupAction, GroupContent as SidebarGroupContent, GroupLabel as SidebarGroupLabel, Header as SidebarHeader, Input as SidebarInput, Inset as SidebarInset, Menu as SidebarMenu, MenuAction as SidebarMenuAction, MenuBadge as SidebarMenuBadge, MenuButton as SidebarMenuButton, MenuItem as SidebarMenuItem, MenuSkeleton as SidebarMenuSkeleton, MenuSub as SidebarMenuSub, MenuSubButton as SidebarMenuSubButton, MenuSubItem as SidebarMenuSubItem, Provider as SidebarProvider, Rail as SidebarRail, Separator as SidebarSeparator, Trigger as SidebarTrigger, Trigger, useSidebar };
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
import { mergeProps, type WithElementRef, type WithoutChildrenOrChild } from "bits-ui";
|
|
34
34
|
import type { ComponentProps, Snippet } from "svelte";
|
|
35
35
|
import type { HTMLAttributes } from "svelte/elements";
|
|
36
|
-
import { useSidebar } from
|
|
36
|
+
import { useSidebar } from './context.svelte';
|
|
37
37
|
|
|
38
38
|
let {
|
|
39
39
|
ref = $bindable(null),
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { cn } from "../../../utils";
|
|
3
3
|
import type { WithElementRef } from "bits-ui";
|
|
4
4
|
import type { HTMLAttributes } from "svelte/elements";
|
|
5
|
-
import { useSidebar } from
|
|
5
|
+
import { useSidebar } from './context.svelte';
|
|
6
6
|
|
|
7
7
|
let {
|
|
8
8
|
ref = $bindable(null),
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { cn } from "../../../utils";
|
|
4
4
|
import PanelLeft from "@lucide/svelte/icons/panel-left";
|
|
5
5
|
import type { ComponentProps } from "svelte";
|
|
6
|
-
import { useSidebar } from
|
|
6
|
+
import { useSidebar } from './context.svelte';
|
|
7
7
|
|
|
8
8
|
let {
|
|
9
9
|
ref = $bindable(null),
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import type { WithElementRef } from "bits-ui";
|
|
5
5
|
import type { HTMLAttributes } from "svelte/elements";
|
|
6
6
|
import { SIDEBAR_WIDTH_MOBILE } from "./constants.js";
|
|
7
|
-
import { useSidebar } from
|
|
7
|
+
import { useSidebar } from './context.svelte';
|
|
8
8
|
|
|
9
9
|
let {
|
|
10
10
|
ref = $bindable(null),
|
package/package.json
CHANGED
|
@@ -1,75 +1,76 @@
|
|
|
1
|
-
import { useSidebar } from
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
import
|
|
24
|
-
import
|
|
1
|
+
// import { useSidebar } from './context.svelte.js';
|
|
2
|
+
import { useSidebar } from './context.svelte';
|
|
3
|
+
import Content from './sidebar-content.svelte';
|
|
4
|
+
import Footer from './sidebar-footer.svelte';
|
|
5
|
+
import GroupAction from './sidebar-group-action.svelte';
|
|
6
|
+
import GroupContent from './sidebar-group-content.svelte';
|
|
7
|
+
import GroupLabel from './sidebar-group-label.svelte';
|
|
8
|
+
import Group from './sidebar-group.svelte';
|
|
9
|
+
import Header from './sidebar-header.svelte';
|
|
10
|
+
import Input from './sidebar-input.svelte';
|
|
11
|
+
import Inset from './sidebar-inset.svelte';
|
|
12
|
+
import MenuAction from './sidebar-menu-action.svelte';
|
|
13
|
+
import MenuBadge from './sidebar-menu-badge.svelte';
|
|
14
|
+
import MenuButton from './sidebar-menu-button.svelte';
|
|
15
|
+
import MenuItem from './sidebar-menu-item.svelte';
|
|
16
|
+
import MenuSkeleton from './sidebar-menu-skeleton.svelte';
|
|
17
|
+
import MenuSubButton from './sidebar-menu-sub-button.svelte';
|
|
18
|
+
import MenuSubItem from './sidebar-menu-sub-item.svelte';
|
|
19
|
+
import MenuSub from './sidebar-menu-sub.svelte';
|
|
20
|
+
import Menu from './sidebar-menu.svelte';
|
|
21
|
+
import Provider from './sidebar-provider.svelte';
|
|
22
|
+
import Rail from './sidebar-rail.svelte';
|
|
23
|
+
import Separator from './sidebar-separator.svelte';
|
|
24
|
+
import Trigger from './sidebar-trigger.svelte';
|
|
25
|
+
import Root from './sidebar.svelte';
|
|
25
26
|
|
|
26
27
|
export {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
28
|
+
Content,
|
|
29
|
+
Footer,
|
|
30
|
+
Group,
|
|
31
|
+
GroupAction,
|
|
32
|
+
GroupContent,
|
|
33
|
+
GroupLabel,
|
|
34
|
+
Header,
|
|
35
|
+
Input,
|
|
36
|
+
Inset,
|
|
37
|
+
Menu,
|
|
38
|
+
MenuAction,
|
|
39
|
+
MenuBadge,
|
|
40
|
+
MenuButton,
|
|
41
|
+
MenuItem,
|
|
42
|
+
MenuSkeleton,
|
|
43
|
+
MenuSub,
|
|
44
|
+
MenuSubButton,
|
|
45
|
+
MenuSubItem,
|
|
46
|
+
Provider,
|
|
47
|
+
Rail,
|
|
48
|
+
Root,
|
|
49
|
+
Separator,
|
|
50
|
+
//
|
|
51
|
+
Root as Sidebar,
|
|
52
|
+
Content as SidebarContent,
|
|
53
|
+
Footer as SidebarFooter,
|
|
54
|
+
Group as SidebarGroup,
|
|
55
|
+
GroupAction as SidebarGroupAction,
|
|
56
|
+
GroupContent as SidebarGroupContent,
|
|
57
|
+
GroupLabel as SidebarGroupLabel,
|
|
58
|
+
Header as SidebarHeader,
|
|
59
|
+
Input as SidebarInput,
|
|
60
|
+
Inset as SidebarInset,
|
|
61
|
+
Menu as SidebarMenu,
|
|
62
|
+
MenuAction as SidebarMenuAction,
|
|
63
|
+
MenuBadge as SidebarMenuBadge,
|
|
64
|
+
MenuButton as SidebarMenuButton,
|
|
65
|
+
MenuItem as SidebarMenuItem,
|
|
66
|
+
MenuSkeleton as SidebarMenuSkeleton,
|
|
67
|
+
MenuSub as SidebarMenuSub,
|
|
68
|
+
MenuSubButton as SidebarMenuSubButton,
|
|
69
|
+
MenuSubItem as SidebarMenuSubItem,
|
|
70
|
+
Provider as SidebarProvider,
|
|
71
|
+
Rail as SidebarRail,
|
|
72
|
+
Separator as SidebarSeparator,
|
|
73
|
+
Trigger as SidebarTrigger,
|
|
74
|
+
Trigger,
|
|
75
|
+
useSidebar
|
|
75
76
|
};
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
import { mergeProps, type WithElementRef, type WithoutChildrenOrChild } from "bits-ui";
|
|
34
34
|
import type { ComponentProps, Snippet } from "svelte";
|
|
35
35
|
import type { HTMLAttributes } from "svelte/elements";
|
|
36
|
-
import { useSidebar } from
|
|
36
|
+
import { useSidebar } from './context.svelte';
|
|
37
37
|
|
|
38
38
|
let {
|
|
39
39
|
ref = $bindable(null),
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { cn } from "../../../utils";
|
|
3
3
|
import type { WithElementRef } from "bits-ui";
|
|
4
4
|
import type { HTMLAttributes } from "svelte/elements";
|
|
5
|
-
import { useSidebar } from
|
|
5
|
+
import { useSidebar } from './context.svelte';
|
|
6
6
|
|
|
7
7
|
let {
|
|
8
8
|
ref = $bindable(null),
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { cn } from "../../../utils";
|
|
4
4
|
import PanelLeft from "@lucide/svelte/icons/panel-left";
|
|
5
5
|
import type { ComponentProps } from "svelte";
|
|
6
|
-
import { useSidebar } from
|
|
6
|
+
import { useSidebar } from './context.svelte';
|
|
7
7
|
|
|
8
8
|
let {
|
|
9
9
|
ref = $bindable(null),
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import type { WithElementRef } from "bits-ui";
|
|
5
5
|
import type { HTMLAttributes } from "svelte/elements";
|
|
6
6
|
import { SIDEBAR_WIDTH_MOBILE } from "./constants.js";
|
|
7
|
-
import { useSidebar } from
|
|
7
|
+
import { useSidebar } from './context.svelte';
|
|
8
8
|
|
|
9
9
|
let {
|
|
10
10
|
ref = $bindable(null),
|