@tanglemedia/svelte-starter-ui-shadcn 0.0.2 → 0.0.4

package/dist/lib/components/ui/alert-dialog/alert-dialog-action.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	import { buttonVariants } from "../button/index.js";
+	// import { buttonVariants } from '../button/index';
+	import { buttonVariants } from '../button/index';
 	import { cn } from "../../../utils";
 
 	let {

package/dist/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	import { buttonVariants } from "../button/index.js";
+	import { buttonVariants } from '../button/index';
 	import { cn } from "../../../utils";
 
 	let {

package/dist/lib/components/ui/calendar/calendar-day.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { buttonVariants } from "../button/index.js";
+	import { buttonVariants } from '../button/index';
 	import { cn } from "../../../utils";
 
 	let {

package/dist/lib/components/ui/calendar/calendar-next-button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Calendar as CalendarPrimitive } from "bits-ui";
 	import ChevronRight from "@lucide/svelte/icons/chevron-right";
-	import { buttonVariants } from "../button/index.js";
+	import { buttonVariants } from '../button/index';
 	import { cn } from "../../../utils";
 
 	let {

package/dist/lib/components/ui/calendar/calendar-prev-button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Calendar as CalendarPrimitive } from "bits-ui";
 	import ChevronLeft from "@lucide/svelte/icons/chevron-left";
-	import { buttonVariants } from "../button/index.js";
+	import { buttonVariants } from '../button/index';
 	import { cn } from "../../../utils";
 
 	let {

package/dist/lib/components/ui/pagination/pagination-next-button.svelte

@@ -2,7 +2,7 @@
 	import { Pagination as PaginationPrimitive } from "bits-ui";
 	import ChevronRight from "@lucide/svelte/icons/chevron-right";
 	import { cn } from "../../../utils";
-	import { buttonVariants } from "../button/index.js";
+	import { buttonVariants } from '../button/index';
 
 	let {
 		ref = $bindable(null),

package/dist/lib/components/ui/pagination/pagination-prev-button.svelte

@@ -2,7 +2,7 @@
 	import { Pagination as PaginationPrimitive } from "bits-ui";
 	import ChevronLeft from "@lucide/svelte/icons/chevron-left";
 	import { cn } from "../../../utils";
-	import { buttonVariants } from "../button/index.js";
+	import { buttonVariants } from '../button/index';
 
 	let {
 		ref = $bindable(null),

package/dist/lib/components/ui/range-calendar/range-calendar-day.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import { buttonVariants } from "../button/index.js";
+	import { buttonVariants } from '../button/index';
 	import { cn } from "../../../utils";
 
 	let {

package/dist/lib/components/ui/range-calendar/range-calendar-next-button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import ChevronRight from "@lucide/svelte/icons/chevron-right";
-	import { buttonVariants } from "../button/index.js";
+	import { buttonVariants } from '../button/index';
 	import { cn } from "../../../utils";
 	let {
 		ref = $bindable(null),

package/dist/lib/components/ui/range-calendar/range-calendar-prev-button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import ChevronLeft from "@lucide/svelte/icons/chevron-left";
-	import { buttonVariants } from "../button/index.js";
+	import { buttonVariants } from '../button/index';
 	import { cn } from "../../../utils";
 	let {
 		ref = $bindable(null),

package/dist/lib/components/ui/sidebar/index.d.ts

@@ -1,25 +1,25 @@
-import { useSidebar } from "./context.svelte.js";
-import Content from "./sidebar-content.svelte";
-import Footer from "./sidebar-footer.svelte";
-import GroupAction from "./sidebar-group-action.svelte";
-import GroupContent from "./sidebar-group-content.svelte";
-import GroupLabel from "./sidebar-group-label.svelte";
-import Group from "./sidebar-group.svelte";
-import Header from "./sidebar-header.svelte";
-import Input from "./sidebar-input.svelte";
-import Inset from "./sidebar-inset.svelte";
-import MenuAction from "./sidebar-menu-action.svelte";
-import MenuBadge from "./sidebar-menu-badge.svelte";
-import MenuButton from "./sidebar-menu-button.svelte";
-import MenuItem from "./sidebar-menu-item.svelte";
-import MenuSkeleton from "./sidebar-menu-skeleton.svelte";
-import MenuSubButton from "./sidebar-menu-sub-button.svelte";
-import MenuSubItem from "./sidebar-menu-sub-item.svelte";
-import MenuSub from "./sidebar-menu-sub.svelte";
-import Menu from "./sidebar-menu.svelte";
-import Provider from "./sidebar-provider.svelte";
-import Rail from "./sidebar-rail.svelte";
-import Separator from "./sidebar-separator.svelte";
-import Trigger from "./sidebar-trigger.svelte";
-import Root from "./sidebar.svelte";
-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, };
+import { useSidebar } from './context.svelte';
+import Content from './sidebar-content.svelte';
+import Footer from './sidebar-footer.svelte';
+import GroupAction from './sidebar-group-action.svelte';
+import GroupContent from './sidebar-group-content.svelte';
+import GroupLabel from './sidebar-group-label.svelte';
+import Group from './sidebar-group.svelte';
+import Header from './sidebar-header.svelte';
+import Input from './sidebar-input.svelte';
+import Inset from './sidebar-inset.svelte';
+import MenuAction from './sidebar-menu-action.svelte';
+import MenuBadge from './sidebar-menu-badge.svelte';
+import MenuButton from './sidebar-menu-button.svelte';
+import MenuItem from './sidebar-menu-item.svelte';
+import MenuSkeleton from './sidebar-menu-skeleton.svelte';
+import MenuSubButton from './sidebar-menu-sub-button.svelte';
+import MenuSubItem from './sidebar-menu-sub-item.svelte';
+import MenuSub from './sidebar-menu-sub.svelte';
+import Menu from './sidebar-menu.svelte';
+import Provider from './sidebar-provider.svelte';
+import Rail from './sidebar-rail.svelte';
+import Separator from './sidebar-separator.svelte';
+import Trigger from './sidebar-trigger.svelte';
+import Root from './sidebar.svelte';
+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 };

package/dist/lib/components/ui/sidebar/index.js

@@ -1,27 +1,28 @@
-import { useSidebar } from "./context.svelte.js";
-import Content from "./sidebar-content.svelte";
-import Footer from "./sidebar-footer.svelte";
-import GroupAction from "./sidebar-group-action.svelte";
-import GroupContent from "./sidebar-group-content.svelte";
-import GroupLabel from "./sidebar-group-label.svelte";
-import Group from "./sidebar-group.svelte";
-import Header from "./sidebar-header.svelte";
-import Input from "./sidebar-input.svelte";
-import Inset from "./sidebar-inset.svelte";
-import MenuAction from "./sidebar-menu-action.svelte";
-import MenuBadge from "./sidebar-menu-badge.svelte";
-import MenuButton from "./sidebar-menu-button.svelte";
-import MenuItem from "./sidebar-menu-item.svelte";
-import MenuSkeleton from "./sidebar-menu-skeleton.svelte";
-import MenuSubButton from "./sidebar-menu-sub-button.svelte";
-import MenuSubItem from "./sidebar-menu-sub-item.svelte";
-import MenuSub from "./sidebar-menu-sub.svelte";
-import Menu from "./sidebar-menu.svelte";
-import Provider from "./sidebar-provider.svelte";
-import Rail from "./sidebar-rail.svelte";
-import Separator from "./sidebar-separator.svelte";
-import Trigger from "./sidebar-trigger.svelte";
-import Root from "./sidebar.svelte";
+// import { useSidebar } from './context.svelte.js';
+import { useSidebar } from './context.svelte';
+import Content from './sidebar-content.svelte';
+import Footer from './sidebar-footer.svelte';
+import GroupAction from './sidebar-group-action.svelte';
+import GroupContent from './sidebar-group-content.svelte';
+import GroupLabel from './sidebar-group-label.svelte';
+import Group from './sidebar-group.svelte';
+import Header from './sidebar-header.svelte';
+import Input from './sidebar-input.svelte';
+import Inset from './sidebar-inset.svelte';
+import MenuAction from './sidebar-menu-action.svelte';
+import MenuBadge from './sidebar-menu-badge.svelte';
+import MenuButton from './sidebar-menu-button.svelte';
+import MenuItem from './sidebar-menu-item.svelte';
+import MenuSkeleton from './sidebar-menu-skeleton.svelte';
+import MenuSubButton from './sidebar-menu-sub-button.svelte';
+import MenuSubItem from './sidebar-menu-sub-item.svelte';
+import MenuSub from './sidebar-menu-sub.svelte';
+import Menu from './sidebar-menu.svelte';
+import Provider from './sidebar-provider.svelte';
+import Rail from './sidebar-rail.svelte';
+import Separator from './sidebar-separator.svelte';
+import Trigger from './sidebar-trigger.svelte';
+import Root from './sidebar.svelte';
 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, };
+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 };

package/dist/lib/components/ui/sidebar/sidebar-input.svelte.d.ts

@@ -1,4 +1,4 @@
-declare const SidebarInput: import("svelte").Component<(Omit<import("svelte/elements").HTMLInputAttributes, "type"> & ({
+declare const SidebarInput: import("svelte").Component<(Omit<import("svelte/elements.js").HTMLInputAttributes, "type"> & ({
     type: "file";
     files?: FileList;
 } | {

package/dist/lib/components/ui/sidebar/sidebar-menu-button.svelte

@@ -33,7 +33,7 @@
 	import { mergeProps, type WithElementRef, type WithoutChildrenOrChild } from "bits-ui";
 	import type { ComponentProps, Snippet } from "svelte";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { useSidebar } from "./context.svelte.js";
+	import { useSidebar } from './context.svelte';
 
 	let {
 		ref = $bindable(null),

package/dist/lib/components/ui/sidebar/sidebar-rail.svelte

@@ -2,7 +2,7 @@
 	import { cn } from "../../../utils";
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { useSidebar } from "./context.svelte.js";
+	import { useSidebar } from './context.svelte';
 
 	let {
 		ref = $bindable(null),

package/dist/lib/components/ui/sidebar/sidebar-trigger.svelte

@@ -3,7 +3,7 @@
 	import { cn } from "../../../utils";
 	import PanelLeft from "@lucide/svelte/icons/panel-left";
 	import type { ComponentProps } from "svelte";
-	import { useSidebar } from "./context.svelte.js";
+	import { useSidebar } from './context.svelte';
 
 	let {
 		ref = $bindable(null),

package/dist/lib/components/ui/sidebar/sidebar.svelte

@@ -4,7 +4,7 @@
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
 	import { SIDEBAR_WIDTH_MOBILE } from "./constants.js";
-	import { useSidebar } from "./context.svelte.js";
+	import { useSidebar } from './context.svelte';
 
 	let {
 		ref = $bindable(null),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanglemedia/svelte-starter-ui-shadcn",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "main": "src/index.ts",
   "types": "src/index.ts",
   "description": "UI features and components for use in svelte websites",

package/src/lib/components/ui/alert-dialog/alert-dialog-action.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	import { buttonVariants } from "$lib/components/ui/button/index.js";
+	// import { buttonVariants } from '../button/index';
+	import { buttonVariants } from '../button/index';
 	import { cn } from "../../../utils";
 
 	let {

package/src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	import { buttonVariants } from "$lib/components/ui/button/index.js";
+	import { buttonVariants } from '../button/index';
 	import { cn } from "../../../utils";
 
 	let {

package/src/lib/components/ui/calendar/calendar-day.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { buttonVariants } from "$lib/components/ui/button/index.js";
+	import { buttonVariants } from '../button/index';
 	import { cn } from "../../../utils";
 
 	let {

package/src/lib/components/ui/calendar/calendar-next-button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Calendar as CalendarPrimitive } from "bits-ui";
 	import ChevronRight from "@lucide/svelte/icons/chevron-right";
-	import { buttonVariants } from "$lib/components/ui/button/index.js";
+	import { buttonVariants } from '../button/index';
 	import { cn } from "../../../utils";
 
 	let {

package/src/lib/components/ui/calendar/calendar-prev-button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Calendar as CalendarPrimitive } from "bits-ui";
 	import ChevronLeft from "@lucide/svelte/icons/chevron-left";
-	import { buttonVariants } from "$lib/components/ui/button/index.js";
+	import { buttonVariants } from '../button/index';
 	import { cn } from "../../../utils";
 
 	let {

package/src/lib/components/ui/carousel/carousel-next.svelte

@@ -3,7 +3,7 @@
 	import type { WithoutChildren } from "bits-ui";
 	import { getEmblaContext } from "./context.js";
 	import { cn } from "../../../utils";
-	import { Button, type Props } from "$lib/components/ui/button/index.js";
+	import { Button, type Props } from "../button/index.js";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/carousel/carousel-previous.svelte

@@ -3,7 +3,7 @@
 	import type { WithoutChildren } from "bits-ui";
 	import { getEmblaContext } from "./context.js";
 	import { cn } from "../../../utils";
-	import { Button, type Props } from "$lib/components/ui/button/index.js";
+	import { Button, type Props } from "../button/index.js";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/command/command-dialog.svelte

@@ -6,7 +6,7 @@
 	} from "bits-ui";
 	import type { Snippet } from "svelte";
 	import Command from "./command.svelte";
-	import * as Dialog from "$lib/components/ui/dialog/index.js";
+	import * as Dialog from "../dialog/index.js";
 
 	let {
 		open = $bindable(false),

package/src/lib/components/ui/form/form-button.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import * as Button from "$lib/components/ui/button/index.js";
+	import * as Button from "../button/index.js";
 
 	let { ref = $bindable(null), ...restProps }: Button.Props = $props();
 </script>

package/src/lib/components/ui/form/form-label.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { WithoutChild } from "bits-ui";
 	import * as FormPrimitive from "formsnap";
-	import { Label } from "$lib/components/ui/label/index.js";
+	import { Label } from "../label/index.js";
 	import { cn } from "../../../utils";
 
 	let {

package/src/lib/components/ui/pagination/pagination-link.svelte

@@ -3,7 +3,7 @@
 	import {
 		type Props as ButtonProps,
 		buttonVariants,
-	} from "$lib/components/ui/button/index.js";
+	} from "../button/index.js";
 	import { cn } from "../../../utils";
 
 	type Props = WithoutChild<PaginationPrimitive.PageProps> &

package/src/lib/components/ui/pagination/pagination-next-button.svelte

@@ -2,7 +2,7 @@
 	import { Pagination as PaginationPrimitive } from "bits-ui";
 	import ChevronRight from "@lucide/svelte/icons/chevron-right";
 	import { cn } from "../../../utils";
-	import { buttonVariants } from "$lib/components/ui/button/index.js";
+	import { buttonVariants } from '../button/index';
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/pagination/pagination-prev-button.svelte

@@ -2,7 +2,7 @@
 	import { Pagination as PaginationPrimitive } from "bits-ui";
 	import ChevronLeft from "@lucide/svelte/icons/chevron-left";
 	import { cn } from "../../../utils";
-	import { buttonVariants } from "$lib/components/ui/button/index.js";
+	import { buttonVariants } from '../button/index';
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/range-calendar/range-calendar-day.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import { buttonVariants } from "$lib/components/ui/button/index.js";
+	import { buttonVariants } from '../button/index';
 	import { cn } from "../../../utils";
 
 	let {

package/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import ChevronRight from "@lucide/svelte/icons/chevron-right";
-	import { buttonVariants } from "$lib/components/ui/button/index.js";
+	import { buttonVariants } from '../button/index';
 	import { cn } from "../../../utils";
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import ChevronLeft from "@lucide/svelte/icons/chevron-left";
-	import { buttonVariants } from "$lib/components/ui/button/index.js";
+	import { buttonVariants } from '../button/index';
 	import { cn } from "../../../utils";
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/select/select-separator.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Separator as SeparatorPrimitive } from "bits-ui";
-	import { Separator } from "$lib/components/ui/separator/index.js";
+	import { Separator } from "../separator/index.js";
 	import { cn } from "../../../utils";
 
 	let {

package/src/lib/components/ui/sidebar/index.ts

@@ -1,75 +1,76 @@
-import { useSidebar } from "./context.svelte.js";
-import Content from "./sidebar-content.svelte";
-import Footer from "./sidebar-footer.svelte";
-import GroupAction from "./sidebar-group-action.svelte";
-import GroupContent from "./sidebar-group-content.svelte";
-import GroupLabel from "./sidebar-group-label.svelte";
-import Group from "./sidebar-group.svelte";
-import Header from "./sidebar-header.svelte";
-import Input from "./sidebar-input.svelte";
-import Inset from "./sidebar-inset.svelte";
-import MenuAction from "./sidebar-menu-action.svelte";
-import MenuBadge from "./sidebar-menu-badge.svelte";
-import MenuButton from "./sidebar-menu-button.svelte";
-import MenuItem from "./sidebar-menu-item.svelte";
-import MenuSkeleton from "./sidebar-menu-skeleton.svelte";
-import MenuSubButton from "./sidebar-menu-sub-button.svelte";
-import MenuSubItem from "./sidebar-menu-sub-item.svelte";
-import MenuSub from "./sidebar-menu-sub.svelte";
-import Menu from "./sidebar-menu.svelte";
-import Provider from "./sidebar-provider.svelte";
-import Rail from "./sidebar-rail.svelte";
-import Separator from "./sidebar-separator.svelte";
-import Trigger from "./sidebar-trigger.svelte";
-import Root from "./sidebar.svelte";
+// import { useSidebar } from './context.svelte.js';
+import { useSidebar } from './context.svelte';
+import Content from './sidebar-content.svelte';
+import Footer from './sidebar-footer.svelte';
+import GroupAction from './sidebar-group-action.svelte';
+import GroupContent from './sidebar-group-content.svelte';
+import GroupLabel from './sidebar-group-label.svelte';
+import Group from './sidebar-group.svelte';
+import Header from './sidebar-header.svelte';
+import Input from './sidebar-input.svelte';
+import Inset from './sidebar-inset.svelte';
+import MenuAction from './sidebar-menu-action.svelte';
+import MenuBadge from './sidebar-menu-badge.svelte';
+import MenuButton from './sidebar-menu-button.svelte';
+import MenuItem from './sidebar-menu-item.svelte';
+import MenuSkeleton from './sidebar-menu-skeleton.svelte';
+import MenuSubButton from './sidebar-menu-sub-button.svelte';
+import MenuSubItem from './sidebar-menu-sub-item.svelte';
+import MenuSub from './sidebar-menu-sub.svelte';
+import Menu from './sidebar-menu.svelte';
+import Provider from './sidebar-provider.svelte';
+import Rail from './sidebar-rail.svelte';
+import Separator from './sidebar-separator.svelte';
+import Trigger from './sidebar-trigger.svelte';
+import Root from './sidebar.svelte';
 
 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,
+  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
 };

package/src/lib/components/ui/sidebar/sidebar-input.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Input } from "$lib/components/ui/input/index.js";
+	import { Input } from "../input/index.js";
 	import { cn } from "../../../utils";
 	import type { ComponentProps } from "svelte";
 

package/src/lib/components/ui/sidebar/sidebar-menu-button.svelte

@@ -28,12 +28,12 @@
 </script>
 
 <script lang="ts">
-	import * as Tooltip from "$lib/components/ui/tooltip/index.js";
+	import * as Tooltip from "../tooltip/index.js";
 	import { cn } from "../../../utils";
 	import { mergeProps, type WithElementRef, type WithoutChildrenOrChild } from "bits-ui";
 	import type { ComponentProps, Snippet } from "svelte";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { useSidebar } from "./context.svelte.js";
+	import { useSidebar } from './context.svelte';
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Skeleton } from "$lib/components/ui/skeleton/index.js";
+	import { Skeleton } from "../skeleton/index.js";
 	import { cn } from "../../../utils";
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";

package/src/lib/components/ui/sidebar/sidebar-provider.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import * as Tooltip from "$lib/components/ui/tooltip/index.js";
+	import * as Tooltip from "../tooltip/index.js";
 	import { cn } from "../../../utils";
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";

package/src/lib/components/ui/sidebar/sidebar-rail.svelte

@@ -2,7 +2,7 @@
 	import { cn } from "../../../utils";
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { useSidebar } from "./context.svelte.js";
+	import { useSidebar } from './context.svelte';
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/sidebar/sidebar-separator.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Separator } from "$lib/components/ui/separator/index.js";
+	import { Separator } from "../separator/index.js";
 	import { cn } from "../../../utils";
 	import type { ComponentProps } from "svelte";
 

package/src/lib/components/ui/sidebar/sidebar-trigger.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-	import { Button } from "$lib/components/ui/button/index.js";
+	import { Button } from "../button/index.js";
 	import { cn } from "../../../utils";
 	import PanelLeft from "@lucide/svelte/icons/panel-left";
 	import type { ComponentProps } from "svelte";
-	import { useSidebar } from "./context.svelte.js";
+	import { useSidebar } from './context.svelte';
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/sidebar/sidebar.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-	import * as Sheet from "$lib/components/ui/sheet/index.js";
+	import * as Sheet from "../sheet/index.js";
 	import { cn } from "../../../utils";
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
 	import { SIDEBAR_WIDTH_MOBILE } from "./constants.js";
-	import { useSidebar } from "./context.svelte.js";
+	import { useSidebar } from './context.svelte';
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/toggle-group/toggle-group-item.svelte

@@ -2,7 +2,7 @@
 	import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
 	import { getToggleGroupCtx } from "./toggle-group.svelte";
 	import { cn } from "../../../utils";
-	import { type ToggleVariants, toggleVariants } from "$lib/components/ui/toggle/index.js";
+	import { type ToggleVariants, toggleVariants } from "../toggle/index.js";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/toggle-group/toggle-group.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" module>
 	import { getContext, setContext } from "svelte";
-	import type { ToggleVariants } from "$lib/components/ui/toggle/index.js";
+	import type { ToggleVariants } from "../toggle/index.js";
 	export function setToggleGroupCtx(props: ToggleVariants) {
 		setContext("toggleGroup", props);
 	}