yaxa-svelte 1.14.0 → 1.14.2

package/README.md

@@ -3,12 +3,12 @@
 # Yaxa
 
 **The Intuitive Svelte UI & Solo SaaS Library**  
-_Nuxt UI v4 & Nuxt UI Pro Equivalent for SvelteKit 2.7+ & Svelte 5 with Built-in SEO & SaaS Parity._
+_Nuxt UI v4 & Nuxt UI Pro Equivalent for SvelteKit 2 & 3 and Svelte 5 with Built-in SEO & SaaS Parity._
 
 [![npm version](https://img.shields.io/npm/v/yaxa-svelte.svg?color=CB3837&logo=npm)](https://www.npmjs.com/package/yaxa-svelte)
 [![npm downloads](https://img.shields.io/npm/dm/yaxa-svelte.svg?color=blue)](https://www.npmjs.com/package/yaxa-svelte)
 [![Svelte 5](https://img.shields.io/badge/Svelte-5.0+-FF3E00?style=flat&logo=svelte&logoColor=white)](https://svelte.dev)
-[![SvelteKit](https://img.shields.io/badge/SvelteKit-2.7+-FF3E00?style=flat&logo=svelte&logoColor=white)](https://kit.svelte.dev)
+[![SvelteKit](https://img.shields.io/badge/SvelteKit-2%20%26%203-FF3E00?style=flat&logo=svelte&logoColor=white)](https://kit.svelte.dev)
 [![Tailwind CSS v4](https://img.shields.io/badge/Tailwind_CSS-v4.0-38B2AC?style=flat&logo=tailwind-css&logoColor=white)](https://tailwindcss.com)
 [![Bits UI](https://img.shields.io/badge/Bits_UI-v2.0-18181b?style=flat)](https://bits-ui.com)
 [![License: MIT](https://img.shields.io/badge/License-MIT-emerald.svg)](LICENSE)
@@ -21,7 +21,7 @@ _Nuxt UI v4 & Nuxt UI Pro Equivalent for SvelteKit 2.7+ & Svelte 5 with Built-in
 
 ## 🌟 Overview
 
-**Yaxa** brings the full developer experience, visual elegance, and full-stack toolkit of **Nuxt UI** and the **Nuxt SEO + SaaS ecosystem** to **SvelteKit 2.7+** and **Svelte 5**.
+**Yaxa** brings the full developer experience, visual elegance, and full-stack toolkit of **Nuxt UI** and the **Nuxt SEO + SaaS ecosystem** to **SvelteKit 2 & 3** and **Svelte 5**.
 
 - 🎨 **Tailwind CSS v4 Native Tokens**: Styled with `@theme` variables; harmonic radius scale (`--radius-xs` to `--radius-4xl`), chart palette tokens (`--color-chart-1` to `--color-chart-5`), and auto-adaptive scrollbars.
 - 🎛️ **Visual Web Theme Studio**: Interactive runtime palette designer (`/theme` and `<ThemeStudio />`) with live sandbox preview and 1-click token export.

package/dist/admin/handler.d.ts

@@ -39,8 +39,8 @@ export declare class DrizzleAdminService {
  * Example:
  * ```ts
  * // src/routes/admin/+page.server.ts
- * import { db } from '#lib/server/db/index.js';
- * import * as schema from '#lib/server/db/schema-pg.js';
+ * import { db } from '../server/db/index.js';
+ * import * as schema from '../server/db/schema-pg.js';
  * import { createDrizzleAdmin } from 'yaxa-svelte/admin';
  *
  * export const { load, actions } = createDrizzleAdmin({ db, schema });

package/dist/admin/handler.js

@@ -232,8 +232,8 @@ export class DrizzleAdminService {
  * Example:
  * ```ts
  * // src/routes/admin/+page.server.ts
- * import { db } from '#lib/server/db/index.js';
- * import * as schema from '#lib/server/db/schema-pg.js';
+ * import { db } from '../server/db/index.js';
+ * import * as schema from '../server/db/schema-pg.js';
  * import { createDrizzleAdmin } from 'yaxa-svelte/admin';
  *
  * export const { load, actions } = createDrizzleAdmin({ db, schema });

package/dist/admin/hook.d.ts

@@ -8,8 +8,8 @@ import type { YaxaAdminHookOptions } from './types';
  * // src/hooks.server.ts
  * import { sequence } from '@sveltejs/kit/hooks';
  * import { createYaxaAdminHook } from 'yaxa-svelte/admin';
- * import { db } from '#lib/server/db/index.js';
- * import * as schema from '#lib/server/db/schema-pg.js';
+ * import { db } from '../server/db/index.js';
+ * import * as schema from '../server/db/schema-pg.js';
  *
  * export const handle = sequence(
  *   createYaxaAdminHook({ db, schema, path: '/admin' })

package/dist/admin/hook.js

@@ -9,8 +9,8 @@ import { createPresignedUploadUrl } from '../server/storage/index';
  * // src/hooks.server.ts
  * import { sequence } from '@sveltejs/kit/hooks';
  * import { createYaxaAdminHook } from 'yaxa-svelte/admin';
- * import { db } from '#lib/server/db/index.js';
- * import * as schema from '#lib/server/db/schema-pg.js';
+ * import { db } from '../server/db/index.js';
+ * import * as schema from '../server/db/schema-pg.js';
  *
  * export const handle = sequence(
  *   createYaxaAdminHook({ db, schema, path: '/admin' })

package/dist/components/ai/AiChat.svelte

@@ -49,7 +49,7 @@
 	import PromptBar from './PromptBar.svelte';
 	import AiThought from './AiThought.svelte';
 	import AiToolCall from './AiToolCall.svelte';
-	import { useToast } from '#lib/composables/useToast.svelte.js';
+	import { useToast } from '../../composables/useToast.svelte.js';
 
 	let {
 		messages = [],

package/dist/components/ai/PromptBar.svelte

@@ -22,7 +22,7 @@
 </script>
 
 <script lang="ts">
-	import { autosize } from '#lib/actions/index.js';
+	import { autosize } from '../../actions/index.js';
 	import Button from '../elements/Button.svelte';
 	import Icon from '../elements/Icon.svelte';
 

package/dist/components/blocks/FAQ.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 
 	export interface FAQItem {
 		id: string | number;

package/dist/components/blocks/FAQ.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 export interface FAQItem {
     id: string | number;
     question: string;

package/dist/components/blocks/FeatureGrid.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 	import type { IconSource } from '../elements/Icon.svelte';
 
 	export interface FeatureItem {

package/dist/components/blocks/FeatureGrid.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 import type { IconSource } from '../elements/Icon.svelte';
 export interface FeatureItem {
     id: string | number;

package/dist/components/blocks/Testimonials.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 
 	export interface TestimonialItem {
 		id: string | number;

package/dist/components/blocks/Testimonials.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 export interface TestimonialItem {
     id: string | number;
     quote: string;

package/dist/components/elements/Avatar.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 
 	export const avatarVariants = tv({
 		base: 'relative inline-flex shrink-0 items-center justify-center font-medium select-none overflow-hidden rounded-full bg-neutral-200 text-neutral-700 dark:bg-neutral-800 dark:text-neutral-300',

package/dist/components/elements/Avatar.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 export declare const avatarVariants: import("tailwind-variants").TVReturnType<{
     size: {
         xs: "h-6 w-6 text-[10px]";

package/dist/components/elements/Badge.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 	import type { Snippet } from 'svelte';
 	import type { IconSource } from './Icon.svelte';
 

package/dist/components/elements/Badge.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 import type { Snippet } from 'svelte';
 import type { IconSource } from './Icon.svelte';
 export declare const badgeVariants: import("tailwind-variants").TVReturnType<{

package/dist/components/elements/Button.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 	import type { Snippet } from 'svelte';
 	import type { HTMLButtonAttributes, HTMLAnchorAttributes } from 'svelte/elements';
 	import type { IconSource } from './Icon.svelte';

package/dist/components/elements/Button.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 import type { Snippet } from 'svelte';
 import type { IconSource } from './Icon.svelte';
 export declare const buttonVariants: import("tailwind-variants").TVReturnType<{

package/dist/components/elements/Carousel.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 	import type { Snippet } from 'svelte';
 
 	export const carouselVariants = tv({

package/dist/components/elements/Carousel.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 import type { Snippet } from 'svelte';
 export declare const carouselVariants: import("tailwind-variants").TVReturnType<{
     [key: string]: {

package/dist/components/elements/CodeBlock.svelte

@@ -243,7 +243,7 @@
 <script lang="ts">
 	import Button from './Button.svelte';
 	import Icon from './Icon.svelte';
-	import { useToast } from '#lib/composables/useToast.svelte.js';
+	import { useToast } from '../../composables/useToast.svelte.js';
 
 	let {
 		code,

package/dist/components/elements/CodeDiff.svelte

@@ -156,7 +156,7 @@
 	import Button from './Button.svelte';
 	import Icon from './Icon.svelte';
 	import Badge from './Badge.svelte';
-	import { useToast } from '#lib/composables/useToast.svelte.js';
+	import { useToast } from '../../composables/useToast.svelte.js';
 
 	let {
 		original = '',

package/dist/components/elements/CodeDiff.test.js

@@ -1,5 +1,5 @@
 import { describe, it, expect } from 'vitest';
-import { renderComponent } from '#lib/testing/index.js';
+import { renderComponent } from '../../testing/index.js';
 import CodeDiff, { computeDiff } from './CodeDiff.svelte';
 describe('CodeDiff Component & Diff Algorithm', () => {
     it('should correctly compute line additions, deletions, and unchanged lines', () => {

package/dist/components/elements/DataTable.dom.test.js

@@ -1,6 +1,6 @@
 import { describe, it, expect, vi } from 'vitest';
 import { flushSync } from 'svelte';
-import { renderComponent } from '#lib/testing/index.js';
+import { renderComponent } from '../../testing/index.js';
 import DataTable, {} from './DataTable.svelte';
 const testData = [
     { id: '1', name: 'Alice Smith', role: 'Engineer', score: 95 },

package/dist/components/elements/EmptyState.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 	import type { Snippet } from 'svelte';
 	import type { IconSource } from './Icon.svelte';
 

package/dist/components/elements/EmptyState.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 import type { Snippet } from 'svelte';
 import type { IconSource } from './Icon.svelte';
 export declare const emptyStateVariants: import("tailwind-variants").TVReturnType<{

package/dist/components/elements/Icon.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv } from '#lib/utils/cn.js';
+	import { tv } from '../../utils/cn.js';
 	import type { Component, Snippet } from 'svelte';
 
 	export const iconVariants = tv({

package/dist/components/elements/Icon.test.js

@@ -1,5 +1,5 @@
 import { describe, it, expect } from 'vitest';
-import { renderComponent } from '#lib/testing/index.js';
+import { renderComponent } from '../../testing/index.js';
 import Icon from './Icon.svelte';
 describe('Icon Component', () => {
     it('renders built-in SVG icons by string name', () => {

package/dist/components/elements/Kbd.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 	import type { Snippet } from 'svelte';
 
 	export const kbdVariants = tv({

package/dist/components/elements/Kbd.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 import type { Snippet } from 'svelte';
 export declare const kbdVariants: import("tailwind-variants").TVReturnType<{
     size: {

package/dist/components/elements/MetricCard.svelte

@@ -3,7 +3,7 @@
 	import Icon, { type IconSource } from './Icon.svelte';
 	import Badge from './Badge.svelte';
 	import Skeleton from './Skeleton.svelte';
-	import { cn } from '#lib/utils/cn.js';
+	import { cn } from '../../utils/cn.js';
 
 	interface Props {
 		title: string;

package/dist/components/elements/Progress.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 
 	export const progressVariants = tv({
 		base: 'relative w-full overflow-hidden rounded-full bg-neutral-200 dark:bg-neutral-800',

package/dist/components/elements/Progress.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 export declare const progressVariants: import("tailwind-variants").TVReturnType<{
     size: {
         xs: "h-1";

package/dist/components/elements/Skeleton.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 
 	export const skeletonVariants = tv({
 		base: 'relative overflow-hidden bg-neutral-200 dark:bg-neutral-800 select-none',

package/dist/components/elements/Skeleton.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 export declare const skeletonVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         pulse: "animate-pulse";

package/dist/components/elements/Skeleton.test.js

@@ -1,5 +1,5 @@
 import { describe, it, expect } from 'vitest';
-import { renderComponent } from '#lib/testing/index.js';
+import { renderComponent } from '../../testing/index.js';
 import Skeleton, { skeletonVariants } from './Skeleton.svelte';
 describe('Skeleton Component (DOM & Variants)', () => {
     it('generates pulse animation classes by default', () => {

package/dist/components/elements/SortableList.svelte

@@ -11,7 +11,7 @@
 <script lang="ts" generics="T extends Record<string, any> | string | number">
 	import type { Snippet } from 'svelte';
 	import Icon from './Icon.svelte';
-	import { useSortable } from '#lib/composables/useSortable.svelte.js';
+	import { useSortable } from '../../composables/useSortable.svelte.js';
 
 	interface Props extends SortableListProps<T> {
 		children?: Snippet<

package/dist/components/elements/Terminal.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 
 	export interface TerminalLine {
 		command?: string;
@@ -22,7 +22,7 @@
 
 <script lang="ts">
 	import Icon from './Icon.svelte';
-	import { useClipboard } from '#lib/composables/useClipboard.svelte.js';
+	import { useClipboard } from '../../composables/useClipboard.svelte.js';
 
 	let {
 		title = 'bash',

package/dist/components/elements/Terminal.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 export interface TerminalLine {
     command?: string;
     output?: string;

package/dist/components/elements/Timeline.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 	import type { Snippet } from 'svelte';
 	import type { IconSource } from './Icon.svelte';
 

package/dist/components/elements/Timeline.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 import type { Snippet } from 'svelte';
 import type { IconSource } from './Icon.svelte';
 export interface TimelineItem {

package/dist/components/elements/Tree.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 	import type { IconSource } from './Icon.svelte';
 
 	export interface TreeNode {

package/dist/components/elements/Tree.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 import type { IconSource } from './Icon.svelte';
 export interface TreeNode {
     id: string;

package/dist/components/elements/VirtualList.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 	import type { Snippet } from 'svelte';
 
 	export const virtualListVariants = tv({

package/dist/components/elements/VirtualList.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 import type { Snippet } from 'svelte';
 export declare const virtualListVariants: import("tailwind-variants").TVReturnType<{
     bordered: {

package/dist/components/forms/Combobox.dom.test.js

@@ -1,5 +1,5 @@
 import { describe, it, expect } from 'vitest';
-import { renderComponent } from '#lib/testing/index.js';
+import { renderComponent } from '../../testing/index.js';
 import Combobox, { comboboxVariants } from './Combobox.svelte';
 const testOptions = [
     { value: 'svelte', label: 'Svelte 5' },

package/dist/components/forms/Combobox.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 	import type { Snippet } from 'svelte';
 	import type { IconSource } from '../elements/Icon.svelte';
 

package/dist/components/forms/Combobox.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 import type { Snippet } from 'svelte';
 import type { IconSource } from '../elements/Icon.svelte';
 export interface ComboboxOption {

package/dist/components/forms/DatePicker.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Popover } from 'bits-ui';
 	import Icon from '../elements/Icon.svelte';
-	import { cn } from '#lib/utils/cn.js';
+	import { cn } from '../../utils/cn.js';
 
 	export interface DatePreset {
 		label: string;

package/dist/components/forms/DateRangePicker.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Popover } from 'bits-ui';
 	import Icon from '../elements/Icon.svelte';
-	import { cn } from '#lib/utils/cn.js';
+	import { cn } from '../../utils/cn.js';
 
 	export interface DateRange {
 		start?: string | Date;

package/dist/components/forms/Dropzone.svelte

@@ -24,7 +24,7 @@
 	import Icon from '../elements/Icon.svelte';
 	import Button from '../elements/Button.svelte';
 	import Progress from '../elements/Progress.svelte';
-	import { useUpload } from '#lib/composables/useUpload.svelte.js';
+	import { useUpload } from '../../composables/useUpload.svelte.js';
 
 	let {
 		id,

package/dist/components/forms/Form.dom.test.js

@@ -1,5 +1,5 @@
 import { describe, it, expect } from 'vitest';
-import { renderComponent } from '#lib/testing/index.js';
+import { renderComponent } from '../../testing/index.js';
 import Form from './Form.svelte';
 import FormField from './FormField.svelte';
 describe('Form & FormField Components with Context Auto-Wiring', () => {

package/dist/components/forms/Input.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 	import type { Snippet } from 'svelte';
 	import type { HTMLInputAttributes } from 'svelte/elements';
 	import type { IconSource } from '../elements/Icon.svelte';

package/dist/components/forms/Input.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 import type { Snippet } from 'svelte';
 import type { HTMLInputAttributes } from 'svelte/elements';
 import type { IconSource } from '../elements/Icon.svelte';

package/dist/components/forms/InputOTP.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn } from '#lib/utils/cn.js';
+	import { cn } from '../../utils/cn.js';
 	import { getFormFieldContext } from './form-context';
 
 	interface Props {

package/dist/components/forms/InputOTP.test.js

@@ -1,5 +1,5 @@
 import { describe, it, expect } from 'vitest';
-import { renderComponent } from '#lib/testing/index.js';
+import { renderComponent } from '../../testing/index.js';
 import InputOTP from './InputOTP.svelte';
 describe('InputOTP Component (DOM & Interactions)', () => {
     it('renders specified number of input slots with aria-labels', () => {

package/dist/components/forms/MultiSelect.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 	import type { IconSource } from '../elements/Icon.svelte';
 
 	export interface MultiSelectOption {

package/dist/components/forms/MultiSelect.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 import type { IconSource } from '../elements/Icon.svelte';
 export interface MultiSelectOption {
     value: string;

package/dist/components/forms/NumberInput.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 
 	export const numberInputVariants = tv({
 		base: 'flex items-center rounded-lg border bg-white text-neutral-900 transition-all duration-150 focus-within:ring-2 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-neutral-900 dark:text-neutral-100',

package/dist/components/forms/NumberInput.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 export declare const numberInputVariants: import("tailwind-variants").TVReturnType<{
     size: {
         sm: "h-9 text-xs";

package/dist/components/forms/Select.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 	import type { IconSource } from '../elements/Icon.svelte';
 
 	export interface SelectOption {

package/dist/components/forms/Select.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 import type { IconSource } from '../elements/Icon.svelte';
 export interface SelectOption {
     value: string;

package/dist/components/forms/Switch.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 	import type { Snippet } from 'svelte';
 
 	export const switchVariants = tv({

package/dist/components/forms/Switch.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 import type { Snippet } from 'svelte';
 export declare const switchVariants: import("tailwind-variants").TVReturnType<{
     size: {

package/dist/components/forms/Textarea.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-	import { tv, type VariantProps } from '#lib/utils/cn.js';
+	import { tv, type VariantProps } from '../../utils/cn.js';
 	import type { HTMLTextareaAttributes } from 'svelte/elements';
 
 	export const textareaVariants = tv({
@@ -44,7 +44,7 @@
 </script>
 
 <script lang="ts">
-	import { autosize as autosizeAction } from '#lib/actions/autosize.js';
+	import { autosize as autosizeAction } from '../../actions/autosize.js';
 	import { getFormFieldContext } from './form-context';
 
 	let {

package/dist/components/forms/Textarea.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from '#lib/utils/cn.js';
+import { type VariantProps } from '../../utils/cn.js';
 import type { HTMLTextareaAttributes } from 'svelte/elements';
 export declare const textareaVariants: import("tailwind-variants").TVReturnType<{
     size: {