@tanglemedia/svelte-starter-ui-shadcn 0.0.1 → 0.0.3

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

@@ -28,7 +28,7 @@
 
 <script lang="ts">
 	import { Toggle as TogglePrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
 	import { getToggleGroupCtx } from "./toggle-group.svelte";
-	import { cn } from "../../../utils.js";
+	import { cn } from "../../../utils";
 	import { type ToggleVariants, toggleVariants } from "../toggle/index.js";
 
 	let {

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

@@ -12,7 +12,7 @@
 
 <script lang="ts">
 	import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/lib/components/ui/tooltip/tooltip-content.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Tooltip as TooltipPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

package/package.json

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

package/src/lib/components/ui/accordion/accordion-content.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Accordion as AccordionPrimitive, type WithoutChild } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/accordion/accordion-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Accordion as AccordionPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/alert/alert-description.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/alert/alert-title.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
 	import type { WithElementRef } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -21,7 +21,7 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
 	import type { WithElementRef } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

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

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

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

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { AlertDialog as AlertDialogPrimitive, type WithoutChild } from "bits-ui";
 	import AlertDialogOverlay from "./alert-dialog-overlay.svelte";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		class: className,

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		class: className,

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		class: className,

package/src/lib/components/ui/avatar/avatar-fallback.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		class: className,

package/src/lib/components/ui/avatar/avatar-image.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		class: className,

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		class: className,

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

@@ -24,7 +24,7 @@
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAnchorAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte

@@ -2,7 +2,7 @@
 	import Ellipsis from "@lucide/svelte/icons/ellipsis";
 	import type { WithElementRef, WithoutChildren } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLLiAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

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

package/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLOlAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -2,7 +2,7 @@
 	import ChevronRight from "@lucide/svelte/icons/chevron-right";
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLLiAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -40,7 +40,7 @@
 </script>
 
 <script lang="ts">
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		class: className,

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

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

package/src/lib/components/ui/calendar/calendar-grid-body.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/calendar/calendar-grid-head.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/calendar/calendar-grid-row.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/calendar/calendar-head-cell.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Calendar as CalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,8 +1,8 @@
 <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 { cn } from "$lib/utils.js";
+	import { buttonVariants } from '../button/index';
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,8 +1,8 @@
 <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 { cn } from "$lib/utils.js";
+	import { buttonVariants } from '../button/index';
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Calendar as CalendarPrimitive, type WithoutChildrenOrChild } from "bits-ui";
 	import * as Calendar from "./index.js";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/card/card-content.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/card/card-description.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/card/card-footer.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/card/card-header.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/card/card-title.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

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

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

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

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

@@ -2,8 +2,8 @@
 	import ArrowRight from "@lucide/svelte/icons/arrow-right";
 	import type { WithoutChildren } from "bits-ui";
 	import { getEmblaContext } from "./context.js";
-	import { cn } from "$lib/utils.js";
-	import { Button, type Props } from "$lib/components/ui/button/index.js";
+	import { cn } from "../../../utils";
+	import { Button, type Props } from "../button/index.js";
 
 	let {
 		ref = $bindable(null),

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

@@ -2,8 +2,8 @@
 	import ArrowLeft from "@lucide/svelte/icons/arrow-left";
 	import type { WithoutChildren } from "bits-ui";
 	import { getEmblaContext } from "./context.js";
-	import { cn } from "$lib/utils.js";
-	import { Button, type Props } from "$lib/components/ui/button/index.js";
+	import { cn } from "../../../utils";
+	import { Button, type Props } from "../button/index.js";
 
 	let {
 		ref = $bindable(null),

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

@@ -5,7 +5,7 @@
 		type EmblaContext,
 		setEmblaContext,
 	} from "./context.js";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		opts = {},

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

@@ -2,7 +2,7 @@
 	import { Checkbox as CheckboxPrimitive, type WithoutChildrenOrChild } from "bits-ui";
 	import Check from "@lucide/svelte/icons/check";
 	import Minus from "@lucide/svelte/icons/minus";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	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/command/command-empty.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Command as CommandPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Command as CommandPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Command as CommandPrimitive } from "bits-ui";
 	import Search from "@lucide/svelte/icons/search";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Command as CommandPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

package/src/lib/components/ui/command/command-link-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Command as CommandPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Command as CommandPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Command as CommandPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils";
 
 	let {
 		ref = $bindable(null),