@lobb-js/studio 0.1.43 → 0.2.0

package/dist/components/codeEditor.svelte

@@ -132,7 +132,7 @@
 	});
 </script>
 
-<div class={cn('resize-y rounded-md border bg-soft shadow-sm h-60', className)}>
+<div class={cn('resize-y rounded-md border bg-muted/30 h-60', className)}>
 	<div bind:this={editorContainer} class="h-full w-full pl-2" />
 </div>
 

package/dist/components/dataTable/childRecords.svelte

@@ -10,7 +10,7 @@
         collectionName: string;
         recordId: string;
         width: number;
-        unifiedBgColor?: "bg-soft" | "bg-background";
+        unifiedBgColor?: "bg-muted/30" | "bg-background";
     }
 
     let { collectionName, recordId, width, unifiedBgColor }: Props = $props();

package/dist/components/dataTable/childRecords.svelte.d.ts

@@ -2,7 +2,7 @@ interface Props {
     collectionName: string;
     recordId: string;
     width: number;
-    unifiedBgColor?: "bg-soft" | "bg-background";
+    unifiedBgColor?: "bg-muted/30" | "bg-background";
 }
 declare const ChildRecords: import("svelte").Component<Props, {}, "">;
 type ChildRecords = ReturnType<typeof ChildRecords>;

package/dist/components/dataTable/dataTable.svelte

@@ -21,7 +21,7 @@
         filter?: any;
         showHeader?: boolean;
         showFooter?: boolean;
-        unifiedBgColor?: "bg-soft" | "bg-background";
+        unifiedBgColor?: "bg-muted/30" | "bg-background";
         showDelete?: boolean;
         tableProps?: Partial<TableProps>;
         headerLeft?: Snippet<[]>;

package/dist/components/dataTable/dataTable.svelte.d.ts

@@ -5,7 +5,7 @@ interface Props {
     filter?: any;
     showHeader?: boolean;
     showFooter?: boolean;
-    unifiedBgColor?: "bg-soft" | "bg-background";
+    unifiedBgColor?: "bg-muted/30" | "bg-background";
     showDelete?: boolean;
     tableProps?: Partial<TableProps>;
     headerLeft?: Snippet<[]>;

package/dist/components/dataTable/table.svelte

@@ -36,7 +36,7 @@
 
 		// other
 		parentWidth?: number;
-		unifiedBgColor?: "bg-soft" | "bg-background";
+		unifiedBgColor?: "bg-muted/30" | "bg-background";
 		select?: Select;
 		tableWidth?: number;
 	}
@@ -179,7 +179,7 @@
 				sticky left-0 top-0 z-20
 				flex items-center p-2.5 text-xs h-10
 				border-r border-b gap-2
-				{unifiedBgColor ? unifiedBgColor : 'bg-soft'}
+				{unifiedBgColor ? unifiedBgColor : 'bg-muted/30'}
 			"
 		>
 			<!-- collapsable toggle -->
@@ -204,7 +204,7 @@
 			class="
 				sticky top-0 z-10
 				flex items-center p-2.5 text-xs h-10
-				{unifiedBgColor ? unifiedBgColor : 'bg-soft'}
+				{unifiedBgColor ? unifiedBgColor : 'bg-muted/30'}
 				{lastColumn && !showLastColumnBorder ? '' : 'border-r'}
 				border-b gap-2
 			"
@@ -307,7 +307,7 @@
 						{expandedRows[index] ? '' : 'height: 0px;'}
 					"
 					class="
-						sticky left-0 top-0 overflow-auto bg-soft
+						sticky left-0 top-0 overflow-auto bg-muted/30
 						{unifiedBgColor ? unifiedBgColor : ''}
 						{expandedRows[index] ? 'border-t' : ''}
 					"

package/dist/components/dataTable/table.svelte.d.ts

@@ -22,7 +22,7 @@ export interface TableProps {
     tools?: Snippet<[Entry, number]>;
     collapsible?: Snippet<[Entry, number]>;
     parentWidth?: number;
-    unifiedBgColor?: "bg-soft" | "bg-background";
+    unifiedBgColor?: "bg-muted/30" | "bg-background";
     select?: Select;
     tableWidth?: number;
 }

package/dist/components/detailView/create/children.svelte

@@ -49,7 +49,7 @@
                         id: entry.id,
                         collectionName: collectionName,
                     }}
-                    class="bg-soft border rounded-md overflow-hidden"
+                    class="bg-muted/30 border rounded-md overflow-hidden"
                     bind:value={entry[childCollection]}
                 >
                     <CreateManyView

package/dist/components/detailView/create/createManyView.svelte

@@ -106,7 +106,7 @@
 >
     <div
         class="
-            flex items-center justify-between px-2 h-10 bg-soft
+            flex items-center justify-between px-2 h-10 bg-muted/30
             {expanded ? 'border-b' : ''}
         "
     >
@@ -159,13 +159,13 @@
         </div>
     </div>
     {#if expanded}
-        <div bind:clientWidth={tableWidth} class="bg-soft overflow-auto">
+        <div bind:clientWidth={tableWidth} class="bg-muted/30 overflow-auto">
             <Table
                 data={entries}
                 {columns}
                 selectByColumn="id"
                 showCollapsible={doesCollectionHasChildren}
-                unifiedBgColor="bg-soft"
+                unifiedBgColor="bg-muted/30"
             >
                 {#snippet tools(entry, index)}
                     <Button
@@ -234,7 +234,7 @@
                             {collectionName}
                             recordId={entry.id}
                             width={tableWidth}
-                            unifiedBgColor="bg-soft"
+                            unifiedBgColor="bg-muted/30"
                         />
                     {:else}
                         <SubRecords

package/dist/components/detailView/fieldInput.svelte

@@ -1,15 +1,11 @@
 <script lang="ts">
 	import { ctx } from "../../store.svelte";
-	import {
-		getDiscriminatorFieldRelation,
-		getFieldRelation,
-	} from "../../utils";
+	import { getFieldRelation } from "../../utils";
 	import { Ban, Check, CircleAlert, X } from "lucide-svelte";
 	import { getField } from "../dataTable/utils";
 	import Button from "../ui/button/button.svelte";
 	import FieldCustomInput from "./fieldCustomInput.svelte";
 	import Input from "../ui/input/input.svelte";
-	import Combobox from "../combobox.svelte";
 	import * as Select from "../ui/select/index";
 	import Textarea from "../ui/textarea/textarea.svelte";
 	import ForeingKeyInput from "../foreingKeyInput.svelte";
@@ -38,10 +34,6 @@
 		ctx.meta.collections[collectionName].fields[fieldName].ui;
 	const field = getField(fieldName, collectionName);
 	const fieldRelation = getFieldRelation(collectionName, fieldName);
-	const discriminatorFieldRelation = getDiscriminatorFieldRelation(
-		collectionName,
-		fieldName,
-	);
 	const isDisabled = field.key === 'id' || Boolean(ui?.disabled)
 	const disabledClasses = "pointer-events-none opacity-50";
 	const destructive: boolean = $derived(Boolean(errorMessages.length));
@@ -74,30 +66,7 @@
 		{:else if field.label === "id"}
 			<Input
 				placeholder="AUTO GENERATED"
-				class="bg-soft text-xs"
-				bind:value
-			/>
-		{:else if discriminatorFieldRelation}
-			{@const availableCollections =
-				discriminatorFieldRelation.to === "*"
-					? Object.keys(ctx.meta.collections)
-					: discriminatorFieldRelation.to.map(
-							(item: any) => item.collection,
-						)}
-			{@const collections = availableCollections.map((key: any) => {
-				return {
-					label: key,
-					value: key,
-				};
-			})}
-			<Combobox
-				placeholder="NULL"
-				searchPlaceholder="Search Collections"
-				options={collections}
-				buttonClass="
-					bg-soft text-muted-foreground px-0 pl-4 pr-8 font-normal
-					{destructive ? 'border-destructive bg-destructive/10' : ''}
-				"
+				class="bg-muted/30 text-xs"
 				bind:value
 			/>
 		{:else if fieldRelation && entry}
@@ -132,7 +101,7 @@
 					<Select.Trigger
 						placeholder={ui?.placeholder ? ui.placeholder : "NULL"}
 						class="
-							h-9 w-full bg-soft pr-8
+							h-9 w-full bg-muted/30 pr-8
 							{destructive ? 'border-destructive bg-destructive/10' : ''}
 						"
 					>
@@ -151,7 +120,7 @@
 					placeholder={ui?.placeholder ? ui.placeholder : "NULL"}
 					type="text"
 					class="
-						bg-soft text-xs
+						bg-muted/30 text-xs
 						{destructive ? 'border-destructive bg-destructive/10' : ''}
 					"
 					bind:value
@@ -162,7 +131,7 @@
 				placeholder={ui?.placeholder ? ui.placeholder : value === "" ? "EMPTY STRING" : "NULL"}
 				rows={5}
 				class="
-					bg-soft text-xs
+					bg-muted/30 text-xs
 					{destructive ? 'border-destructive bg-destructive/10' : ''}
 				"
 				bind:value
@@ -172,7 +141,7 @@
 				type="date"
 				placeholder={ui?.placeholder ? ui.placeholder : "NULL"}
 				class="
-					dateInput block w-full bg-soft pr-9 text-xs
+					dateInput block w-full bg-muted/30 pr-9 text-xs
 					{destructive ? 'border-destructive bg-destructive/10' : ''}
 				"
 				bind:value={
@@ -191,7 +160,7 @@
 				type="time"
 				placeholder={ui?.placeholder ? ui.placeholder : "NULL"}
 				class="
-					dateInput block w-full bg-soft pr-9 text-xs
+					dateInput block w-full bg-muted/30 pr-9 text-xs
 					{destructive ? 'border-destructive bg-destructive/10' : ''}
 				"
 				bind:value={
@@ -209,7 +178,7 @@
 				type="datetime-local"
 				placeholder={ui?.placeholder ? ui.placeholder : "NULL"}
 				class="
-					dateInput block w-full bg-soft pr-9 text-xs
+					dateInput block w-full bg-muted/30 pr-9 text-xs
 					{destructive ? 'border-destructive bg-destructive/10' : ''}
 				"
 				bind:value={
@@ -230,7 +199,7 @@
 				<Select.Trigger
 					placeholder={ui?.placeholder ? ui.placeholder : "NULL"}
 					class="
-						bg-soft pr-9
+						bg-muted/30 pr-9
 						{destructive ? 'border-destructive bg-destructive/10' : ''}
 					"
 				>
@@ -257,7 +226,7 @@
 				type="number"
 				step="any"
 				class="
-					bg-soft text-xs
+					bg-muted/30 text-xs
 					{destructive ? 'border-destructive bg-destructive/10' : ''}
 				"
 				bind:value
@@ -267,7 +236,7 @@
 				placeholder={ui?.placeholder ? ui.placeholder : "NULL"}
 				type="number"
 				class="
-					bg-soft text-xs
+					bg-muted/30 text-xs
 					{destructive ? 'border-destructive bg-destructive/10' : ''}
 				"
 				bind:value

package/dist/components/detailView/fieldInputReplacement.svelte

@@ -49,7 +49,7 @@
 				placeholder={field.placeholder ? field.placeholder : "NULL"}
 				type="text"
 				class="
-					bg-soft text-xs
+					bg-muted/30 text-xs
 					{destructive ? 'border-destructive bg-destructive/10' : ''}
 				"
 				bind:value
@@ -64,7 +64,7 @@
 				<Select.Trigger
 					placeholder={field.placeholder ? field.placeholder : "NULL"}
 					class="
-						h-9 w-full bg-soft pr-8
+						h-9 w-full bg-muted/30 pr-8
 						{destructive ? 'border-destructive bg-destructive/10' : ''}
 					"
 				>
@@ -84,7 +84,7 @@
 					placeholder={field.placeholder ? field.placeholder : value === "" ? "EMPTY STRING" : "NULL"}
 					rows={5}
 					class="
-						bg-soft text-xs
+						bg-muted/30 text-xs
 						{destructive ? 'border-destructive bg-destructive/10' : ''}
 					"
 					bind:value
@@ -98,7 +98,7 @@
 			<Input
 				type="date"
 				class="
-					dateInput block w-full bg-soft pr-9 text-xs
+					dateInput block w-full bg-muted/30 pr-9 text-xs
 					{destructive ? 'border-destructive bg-destructive/10' : ''}
 				"
 				bind:value={
@@ -116,7 +116,7 @@
 			<Input
 				type="time"
 				class="
-					dateInput block w-full bg-soft pr-9 text-xs
+					dateInput block w-full bg-muted/30 pr-9 text-xs
 					{destructive ? 'border-destructive bg-destructive/10' : ''}
 				"
 				bind:value={
@@ -133,7 +133,7 @@
 			<Input
 				type="datetime-local"
 				class="
-					dateInput block w-full bg-soft pr-9 text-xs
+					dateInput block w-full bg-muted/30 pr-9 text-xs
 					{destructive ? 'border-destructive bg-destructive/10' : ''}
 				"
 				bind:value={
@@ -154,7 +154,7 @@
 				<Select.Root type="single" bind:value>
 					<Select.Trigger
 						class="
-							bg-soft pr-9
+							bg-muted/30 pr-9
 							{destructive ? 'border-destructive bg-destructive/10' : ''}
 						"
 					>

package/dist/components/detailView/update/children.svelte

@@ -38,11 +38,11 @@
                     filter={{
                         [childField]: entry.id,
                     }}
-                    class="bg-soft border rounded-md overflow-hidden"
+                    class="bg-muted/30 border rounded-md overflow-hidden"
                 >
                     <div class="border rounded-md overflow-clip">
                         <div
-                            class="flex items-center justify-between px-2 h-10 bg-soft border-b"
+                            class="flex items-center justify-between px-2 h-10 bg-muted/30 border-b"
                         >
                             <div class="flex-1 flex h-full items-center gap-2">
                                 <TableIcon
@@ -74,7 +74,7 @@
                                     filter={{
                                         [childField]: entry.id,
                                     }}
-                                    unifiedBgColor="bg-soft"
+                                    unifiedBgColor="bg-muted/30"
                                     showHeader={false}
                                     showFooter={false}
                                     showDelete={true}

package/dist/components/diffViewer.svelte

@@ -96,7 +96,7 @@
 	});
 </script>
 
-<div class={cn("w-full resize-y rounded-md border bg-soft shadow-sm", className)}>
+<div class={cn("w-full resize-y rounded-md border bg-muted/30 shadow-sm", className)}>
 	<div
 		bind:this={editorContainer}
 		class="editor pl-2"

package/dist/components/foreingKeyInput.svelte

@@ -63,7 +63,7 @@
             placeholder={"NULL"}
             type="number"
             class="
-                bg-soft text-xs
+                bg-muted/30 text-xs
                 {destructive ? 'border-destructive bg-destructive/10' : ''}
             "
             bind:value={() => refrenceId, (v) => (value.id = v)}
@@ -73,7 +73,7 @@
     <div class="relative z-10">
         <Input
             placeholder={"PARENT ID"}
-            class="bg-soft text-xs"
+            class="bg-muted/30 text-xs"
             disabled={true}
         />
     </div>

package/dist/components/rangeCalendarButton.svelte

@@ -59,7 +59,7 @@
                     class="flex flex-col overflow-hidden text-muted-foreground"
                 >
                     <button
-                        class="text-start text-sm py-2 px-2 hover:bg-soft hover:text-primary"
+                        class="text-start text-sm py-2 px-2 hover:bg-muted/30 hover:text-primary"
                         onclick={() => {
                             const currentDate = today(getLocalTimeZone());
                             value = {
@@ -71,7 +71,7 @@
                         Today
                     </button>
                     <button
-                        class="text-start text-sm py-2 px-2 hover:bg-soft hover:text-primary"
+                        class="text-start text-sm py-2 px-2 hover:bg-muted/30 hover:text-primary"
                         onclick={() => {
                             const currentDate = today(getLocalTimeZone());
                             value = {
@@ -83,7 +83,7 @@
                         Yesterday
                     </button>
                     <button
-                        class="text-start text-sm py-2 px-2 hover:bg-soft hover:text-primary"
+                        class="text-start text-sm py-2 px-2 hover:bg-muted/30 hover:text-primary"
                         onclick={() => {
                             const currentDate = today(getLocalTimeZone());
                             const weekStart = startOfWeek(currentDate, "en-US");
@@ -96,7 +96,7 @@
                         This week (Sun - Today)
                     </button>
                     <button
-                        class="text-start text-sm py-2 px-2 hover:bg-soft hover:text-primary"
+                        class="text-start text-sm py-2 px-2 hover:bg-muted/30 hover:text-primary"
                         onclick={() => {
                             const currentDate = today(getLocalTimeZone());
                             const thisWeekStart = startOfWeek(
@@ -119,7 +119,7 @@
                         Last week (Sun - Sat)
                     </button>
                     <button
-                        class="text-start text-sm py-2 px-2 hover:bg-soft hover:text-primary"
+                        class="text-start text-sm py-2 px-2 hover:bg-muted/30 hover:text-primary"
                         onclick={() => {
                             const currentDate = today(getLocalTimeZone());
                             value = {
@@ -131,7 +131,7 @@
                         Last 7 days
                     </button>
                     <button
-                        class="text-start text-sm py-2 px-2 hover:bg-soft hover:text-primary"
+                        class="text-start text-sm py-2 px-2 hover:bg-muted/30 hover:text-primary"
                         onclick={() => {
                             const currentDate = today(getLocalTimeZone());
                             value = {
@@ -143,7 +143,7 @@
                         Last 30 days
                     </button>
                     <button
-                        class="text-start text-sm py-2 px-2 hover:bg-soft hover:text-primary"
+                        class="text-start text-sm py-2 px-2 hover:bg-muted/30 hover:text-primary"
                         onclick={() => {
                             const currentDate = today(getLocalTimeZone());
                             value = {
@@ -155,7 +155,7 @@
                         Last 90 days
                     </button>
                     <button
-                        class="text-start text-sm py-2 px-2 hover:bg-soft hover:text-primary"
+                        class="text-start text-sm py-2 px-2 hover:bg-muted/30 hover:text-primary"
                         onclick={() => {
                             const currentDate = today(getLocalTimeZone());
                             value = {
@@ -167,7 +167,7 @@
                         Last 12 months
                     </button>
                     <button
-                        class="text-start text-sm py-2 px-2 hover:bg-soft hover:text-primary"
+                        class="text-start text-sm py-2 px-2 hover:bg-muted/30 hover:text-primary"
                         onclick={() => {
                             const currentDate = today(getLocalTimeZone());
                             const lastYearStart = currentDate
@@ -185,7 +185,7 @@
                         Last Calendar year
                     </button>
                     <button
-                        class="text-start text-sm py-2 px-2 hover:bg-soft hover:text-primary"
+                        class="text-start text-sm py-2 px-2 hover:bg-muted/30 hover:text-primary"
                         onclick={() => {
                             const currentDate = today(getLocalTimeZone());
                             const yearStart = currentDate.set({

package/dist/components/sidebar/sidebar.svelte

@@ -99,7 +99,7 @@
                 {#if showSearch}
                     <div class="p-2">
                         <div
-                            class="flex items-center px-4 py-1 text-muted-foreground bg-soft border rounded-md"
+                            class="flex items-center px-4 py-1 text-muted-foreground bg-muted/30 border rounded-md"
                         >
                             <input
                                 type="text"

package/dist/components/sidebar/sidebarElements.svelte

@@ -107,7 +107,7 @@
                     href={element.href}
                     variant="ghost"
                     class="
-						flex items-center justify-between p-2 gap-2 hover:bg-soft text-muted-foreground
+						flex items-center justify-between p-2 gap-2 hover:bg-muted/30 text-muted-foreground
 						rounded-md {isselected ? 'bg-muted' : ''}
 					"
                     title={element.name}

package/dist/components/ui/input/input.svelte

@@ -24,7 +24,7 @@
 	<input
 		bind:this={ref}
 		class={cn(
-			"border-input placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full rounded-md border bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+			"border-input placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full rounded-md border bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
 			className
 		)}
 		type="file"
@@ -36,7 +36,7 @@
 	<input
 		bind:this={ref}
 		class={cn(
-			"border-input placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full rounded-md border bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+			"border-input placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full rounded-md border bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
 			className
 		)}
 		{type}

package/dist/components/ui/select/select-content.svelte

@@ -20,7 +20,7 @@
 		bind:ref
 		{sideOffset}
 		class={cn(
-			"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 bg-popover text-popover-foreground relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border shadow-md data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+			"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 bg-popover text-popover-foreground relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
 			className
 		)}
 		{...restProps}

package/dist/components/ui/select/select-trigger.svelte

@@ -14,7 +14,7 @@
 <SelectPrimitive.Trigger
 	bind:ref
 	class={cn(
-		"border-input ring-offset-background data-[placeholder]:text-muted-foreground focus:ring-ring flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-1 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+		"border-input ring-offset-background data-[placeholder]:text-muted-foreground focus:ring-ring flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border bg-transparent px-3 py-2 text-sm focus:outline-none focus:ring-1 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
 		className
 	)}
 	{...restProps}

package/dist/components/ui/textarea/textarea.svelte

@@ -15,7 +15,7 @@
 	bind:this={ref}
 	bind:value
 	class={cn(
-		"border-input placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-[60px] w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-sm focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+		"border-input placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-[60px] w-full rounded-md border bg-transparent px-3 py-2 text-base focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
 		className
 	)}
 	{...restProps}

package/dist/extensions/extension.types.d.ts

@@ -1,4 +1,4 @@
-import type { Lobb } from "../Lobb";
+import type { LobbClient } from "@lobb/sdk";
 import type { CTX } from "../lib/store.types";
 import type { Button } from "../components/ui/button";
 import type { Input } from "../components/ui/input";
@@ -49,7 +49,7 @@ export interface Components {
 }
 export interface ExtensionUtils {
     ctx: CTX;
-    lobb: Lobb;
+    lobb: LobbClient;
     location: Location;
     toast: typeof toast;
     showDialog: typeof showDialog;

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 export type { ExtensionProps, Extension, ExtensionUtils } from "./extensions/extension.types";
-export type { Lobb } from "./Lobb";
 export { default as Studio } from "./components/Studio.svelte";
 export { Button } from "./components/ui/button";
 export { Input } from "./components/ui/input";

package/dist/store.svelte.d.ts

@@ -1,4 +1,3 @@
 import type { CTX } from './store.types';
-import { Lobb } from './Lobb';
 export declare const ctx: CTX;
-export declare const lobb: Lobb;
+export declare const lobb: any;

package/dist/store.svelte.js

@@ -34,7 +34,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { Lobb } from './Lobb';
+import { LobbClient } from '@lobb/sdk';
 import { toast } from 'svelte-sonner';
 if (!window.APP_ENV) {
     window.APP_ENV = {};
@@ -56,7 +56,7 @@ export var ctx = $state.raw({
         filter: null
     },
 });
-export var lobb = new Lobb(ctx.lobbUrl);
+export var lobb = new LobbClient(ctx.lobbUrl);
 // logging the message if got any bad responses
 lobb.onResponse(function (response) { return __awaiter(void 0, void 0, void 0, function () {
     var body;

package/dist/utils.d.ts

@@ -19,7 +19,6 @@ export declare const mediaQueries: {
     '2xl': MediaQuery;
 };
 export declare function getFieldRelation(collectionName: string, fieldName: string): any;
-export declare function getDiscriminatorFieldRelation(collectionName: string, fieldName: string): any;
 export declare function recordHasChildrean(collectionName: string): boolean;
 export declare function calculateDrawerWidth(): number;
 export declare function getChangedProperties(oldObj: Record<string, any>, newObj: Record<string, any>): Record<string, any>;

package/dist/utils.js

@@ -27,17 +27,6 @@ export function getFieldRelation(collectionName, fieldName) {
     return null;
 }
 ;
-export function getDiscriminatorFieldRelation(collectionName, fieldName) {
-    var relations = ctx.meta.relations;
-    for (var index = 0; index < relations.length; index++) {
-        var relation = relations[index];
-        if (relation.from.collection === collectionName && relation.from.discriminator === fieldName) {
-            return relation;
-        }
-    }
-    return null;
-}
-;
 export function recordHasChildrean(collectionName) {
     for (var index = 0; index < ctx.meta.relations.length; index++) {
         var relation = ctx.meta.relations[index];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobb-js/studio",
-  "version": "0.1.43",
+  "version": "0.2.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -12,8 +12,7 @@
   "exports": {
     ".": {
       "svelte": "./dist/index.js",
-      "types": "./dist/index.d.ts",
-      "default": "./src/lib/index.ts"
+      "types": "./dist/index.d.ts"
     },
     "./vite-plugins": "./vite-plugins/index.js"
   },
@@ -27,7 +26,9 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test": "vitest",
-    "test-storybook": "vitest --project=storybook"
+    "test-storybook": "vitest --project=storybook",
+    "prepublishOnly": "npm run package && jq '.exports[\".\"] = {\"svelte\": \"./dist/index.js\", \"types\": \"./dist/index.d.ts\"}' package.json > package.json.tmp && mv package.json.tmp package.json",
+    "postpublish": "jq '.exports[\".\"] = {\"__svelte\": \"./dist/index.js\", \"__types\": \"./dist/index.d.ts\", \"default\": \"./src/lib/index.ts\"}' package.json > package.json.tmp && mv package.json.tmp package.json"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.2",
@@ -60,7 +61,9 @@
     "vitest": "^4.0.5"
   },
   "peerDependencies": {
-    "svelte": "^5.0.0"
+    "svelte": "^5.0.0",
+    "tailwindcss": "^4.0.0",
+    "@tailwindcss/vite": "^4.0.0"
   },
   "dependencies": {
     "@andrewbranch/untar.js": "^1.0.3",
@@ -71,6 +74,7 @@
     "@codemirror/theme-one-dark": "^6.1.3",
     "@codemirror/view": "^6.39.12",
     "@dagrejs/dagre": "^1.1.5",
+    "@lobb/sdk": "0.1.0",
     "@lucide/svelte": "^0.563.1",
     "@tailwindcss/vite": "^4.1.18",
     "@wjfe/n-savant": "^0.3.0",

package/vite-plugins/contextual-lib-alias.js

@@ -1,63 +1,64 @@
 import path from "path";
 import fs from "fs";
-import { fileURLToPath } from "url";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
 
 /**
- * Vite plugin that resolves $lib imports contextually based on the importing file location.
+ * Vite plugin that resolves $lib imports contextually based on the importing file's package.
  *
- * - Files inside the consuming project -> resolve to local ./src/lib
- * - Files from Studio package in monorepo -> resolve to Studio's src/lib
- * - Files from Studio package in node_modules -> resolve to node_modules/@lobb-js/studio/src/lib
+ * Walks up the directory tree from the importer to find the nearest package.json,
+ * then checks if that package has a src/lib directory. If so, resolves $lib to that path.
  *
- * This allows shadcn components to work in both the Studio package and consuming projects
- * without conflicts.
+ * This allows any package using the src/lib convention to use $lib imports without conflicts.
  *
  * @returns {import('vite').Plugin}
  */
 export function contextualLibAlias() {
-  let projectRoot;
-  let localLibPath;
-  const studioLibPath = path.resolve(__dirname, "../src/lib");
+  const packageRootCache = new Map();
+
+  function findPackageRoot(filePath) {
+    const dir = path.dirname(filePath);
+
+    // Check cache
+    if (packageRootCache.has(dir)) {
+      return packageRootCache.get(dir);
+    }
+
+    // Walk up directories to find package.json
+    let currentDir = dir;
+    const rootDir = path.parse(currentDir).root;
+
+    while (currentDir !== rootDir) {
+      const pkgPath = path.join(currentDir, "package.json");
+      if (fs.existsSync(pkgPath)) {
+        packageRootCache.set(dir, currentDir);
+        return currentDir;
+      }
+      currentDir = path.dirname(currentDir);
+    }
+
+    // Not found
+    packageRootCache.set(dir, null);
+    return null;
+  }
 
   return {
     name: "contextual-lib-alias",
     enforce: "pre",
 
-    configResolved(config) {
-      projectRoot = config.root;
-      localLibPath = path.resolve(projectRoot, "./src/lib");
-    },
-
     async resolveId(source, importer, options) {
       if (!source.startsWith("$lib")) return null;
       if (!importer) return null;
 
-      // Determine if the importing file is inside this project or external (e.g., Studio package)
-      const isLocalImport = importer.startsWith(projectRoot);
-
-      let targetPath;
+      // Find the package root for the importing file
+      const packageRoot = findPackageRoot(importer);
+      if (!packageRoot) return null;
 
-      if (isLocalImport && fs.existsSync(localLibPath)) {
-        // Local file importing $lib -> resolve to local src/lib
-        targetPath = localLibPath;
-      } else if (importer.includes("node_modules/@lobb-js/studio")) {
-        // Import from Studio package in node_modules -> resolve to node_modules/@lobb-js/studio/src/lib
-        const nodeModulesStudioPath = importer.substring(0, importer.indexOf("node_modules/@lobb-js/studio") + "node_modules/@lobb-js/studio".length);
-        targetPath = path.join(nodeModulesStudioPath, "src/lib");
-      } else if (fs.existsSync(studioLibPath)) {
-        // External file (e.g., Studio in monorepo) importing $lib -> resolve to Studio's src/lib
-        targetPath = studioLibPath;
-      } else {
-        // Neither path exists, let default resolution handle it
-        return null;
-      }
+      // Check if this package has src/lib
+      const libPath = path.join(packageRoot, "src/lib");
+      if (!fs.existsSync(libPath)) return null;
 
-      // Extract the import path after $lib (e.g., "$lib/store.svelte" -> "/store.svelte")
+      // Resolve $lib to this package's src/lib
       const importPath = source.slice(4); // Remove "$lib"
-      const resolvedPath = path.join(targetPath, importPath);
+      const resolvedPath = path.join(libPath, importPath);
 
       // Let Vite resolve the actual file (handles .js, .ts, .svelte extensions)
       return this.resolve(resolvedPath, importer, { skipSelf: true, ...options });

package/vite-plugins/index.js

@@ -1,5 +1,4 @@
 import { contextualLibAlias } from "./contextual-lib-alias.js";
-import { monorepoImportResolver } from "./monorepo-import-resolver.js";
 
 /**
  * Returns an array of Vite plugins needed for Lobb Studio integration.
@@ -12,7 +11,6 @@ import { monorepoImportResolver } from "./monorepo-import-resolver.js";
  */
 export function lobbStudioPlugins() {
   return [
-    // monorepoImportResolver(),
     contextualLibAlias(),
   ];
 }

package/dist/Lobb.d.ts

@@ -1,30 +0,0 @@
-interface RouteParams {
-    method: string;
-    route: string;
-    payload?: any;
-}
-type OnResponseHandlers = (reponse: Response) => void;
-export declare class Lobb {
-    lobbUrl: string;
-    private headers;
-    private onResponseHandlers;
-    constructor(lobbUrl: string);
-    onResponse(callback: OnResponseHandlers): Promise<void>;
-    setHeaders(headers: HeadersInit): void;
-    getHeaders(): HeadersInit;
-    getMeta(): Promise<any>;
-    findAll(collectionName: string, params: any): Promise<Response>;
-    findOne(collectionName: string, id: string, queryParams?: any): Promise<Response>;
-    createOne(collectionName: string, body: any, file?: File): Promise<Response>;
-    updateOne(collectionName: string, id: string, body: any): Promise<Response>;
-    readSingleton(collectionName: string): Promise<Response>;
-    updateSingleton(collectionName: string, body: Record<string, any>): Promise<Response>;
-    deleteOne(collectionName: string, id: string, force?: boolean): Promise<Response>;
-    deleteMany(collectionName: string, filter: any, force?: boolean): Promise<Response>;
-    createMany(collectionName: string, body: any): Promise<Response>;
-    updateMany(collectionName: string, body: any, filter: any): Promise<Response>;
-    transactions(body: any[], rollback?: boolean): Promise<Response>;
-    request(params: RouteParams): Promise<Response>;
-    private handleResponse;
-}
-export {};

package/dist/Lobb.js

@@ -1,358 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import qs from "qs";
-import { parseFunction } from "./utils";
-var Lobb = /** @class */ (function () {
-    function Lobb(lobbUrl) {
-        this.headers = [];
-        this.onResponseHandlers = [];
-        this.lobbUrl = lobbUrl;
-    }
-    Lobb.prototype.onResponse = function (callback) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                this.onResponseHandlers.push(callback);
-                return [2 /*return*/];
-            });
-        });
-    };
-    Lobb.prototype.setHeaders = function (headers) {
-        this.headers = headers;
-    };
-    Lobb.prototype.getHeaders = function () {
-        return this.headers;
-    };
-    Lobb.prototype.getMeta = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var response, metaResponse, meta;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, fetch("".concat(this.lobbUrl, "/api/meta"), {
-                            headers: this.headers,
-                        })];
-                    case 1:
-                        response = _a.sent();
-                        return [4 /*yield*/, this.handleResponse(response)];
-                    case 2:
-                        metaResponse = _a.sent();
-                        return [4 /*yield*/, metaResponse.json()];
-                    case 3:
-                        meta = _a.sent();
-                        meta.studio_workflows = meta.studio_workflows.map(function (workflow) {
-                            return __assign(__assign({}, workflow), { handler: parseFunction(workflow.handler) });
-                        });
-                        return [2 /*return*/, meta];
-                }
-            });
-        });
-    };
-    // CRUD methods
-    Lobb.prototype.findAll = function (collectionName, params) {
-        return __awaiter(this, void 0, void 0, function () {
-            var response;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, fetch("".concat(this.lobbUrl, "/api/collections/").concat(collectionName, "/search"), {
-                            method: "POST",
-                            headers: this.headers,
-                            body: JSON.stringify(params),
-                        })];
-                    case 1:
-                        response = _a.sent();
-                        return [4 /*yield*/, this.handleResponse(response)];
-                    case 2: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
-    Lobb.prototype.findOne = function (collectionName, id, queryParams) {
-        return __awaiter(this, void 0, void 0, function () {
-            var response;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        queryParams = queryParams ? "?".concat(qs.stringify(queryParams)) : "";
-                        return [4 /*yield*/, fetch("".concat(this.lobbUrl, "/api/collections/").concat(collectionName, "/").concat(id).concat(queryParams), {
-                                method: "GET",
-                                headers: this.headers,
-                            })];
-                    case 1:
-                        response = _a.sent();
-                        return [4 /*yield*/, this.handleResponse(response)];
-                    case 2: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
-    Lobb.prototype.createOne = function (collectionName, body, file) {
-        return __awaiter(this, void 0, void 0, function () {
-            var formData_1, response;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (file) {
-                            formData_1 = new FormData();
-                            Object.keys(body).forEach(function (key) {
-                                formData_1.append(key, body[key]);
-                            });
-                            formData_1.append("file", file, file.name);
-                            formData_1.append("payload", JSON.stringify({
-                                data: body,
-                            }));
-                            body = formData_1;
-                        }
-                        else {
-                            body = JSON.stringify({
-                                data: body,
-                            });
-                        }
-                        return [4 /*yield*/, fetch("".concat(this.lobbUrl, "/api/collections/").concat(collectionName), {
-                                method: "POST",
-                                headers: this.headers,
-                                body: body,
-                            })];
-                    case 1:
-                        response = _a.sent();
-                        return [4 /*yield*/, this.handleResponse(response)];
-                    case 2: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
-    Lobb.prototype.updateOne = function (collectionName, id, body) {
-        return __awaiter(this, void 0, void 0, function () {
-            var response;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, fetch("".concat(this.lobbUrl, "/api/collections/").concat(collectionName, "/").concat(id), {
-                            method: "PATCH",
-                            headers: this.headers,
-                            body: JSON.stringify({
-                                data: body,
-                            }),
-                        })];
-                    case 1:
-                        response = _a.sent();
-                        return [4 /*yield*/, this.handleResponse(response)];
-                    case 2: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
-    Lobb.prototype.readSingleton = function (collectionName) {
-        return __awaiter(this, void 0, void 0, function () {
-            var response;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, fetch("".concat(this.lobbUrl, "/api/collections/").concat(collectionName, "/singleton"), {
-                            method: "GET",
-                            headers: this.headers,
-                        })];
-                    case 1:
-                        response = _a.sent();
-                        return [4 /*yield*/, this.handleResponse(response)];
-                    case 2: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
-    Lobb.prototype.updateSingleton = function (collectionName, body) {
-        return __awaiter(this, void 0, void 0, function () {
-            var response;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, fetch("".concat(this.lobbUrl, "/api/collections/").concat(collectionName, "/singleton"), {
-                            method: "PATCH",
-                            headers: this.headers,
-                            body: JSON.stringify({
-                                data: body,
-                            }),
-                        })];
-                    case 1:
-                        response = _a.sent();
-                        return [4 /*yield*/, this.handleResponse(response)];
-                    case 2: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
-    Lobb.prototype.deleteOne = function (collectionName_1, id_1) {
-        return __awaiter(this, arguments, void 0, function (collectionName, id, force) {
-            var response;
-            if (force === void 0) { force = false; }
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, fetch("".concat(this.lobbUrl, "/api/collections/").concat(collectionName, "/").concat(id).concat(force ? "?force" : ""), {
-                            method: "DELETE",
-                            headers: this.headers,
-                        })];
-                    case 1:
-                        response = _a.sent();
-                        return [4 /*yield*/, this.handleResponse(response)];
-                    case 2: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
-    Lobb.prototype.deleteMany = function (collectionName_1, filter_1) {
-        return __awaiter(this, arguments, void 0, function (collectionName, filter, force) {
-            var response;
-            if (force === void 0) { force = false; }
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, fetch("".concat(this.lobbUrl, "/api/collections/").concat(collectionName).concat(force ? "?force" : ""), {
-                            method: "DELETE",
-                            headers: this.headers,
-                            body: JSON.stringify({
-                                filter: filter,
-                            }),
-                        })];
-                    case 1:
-                        response = _a.sent();
-                        return [4 /*yield*/, this.handleResponse(response)];
-                    case 2: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
-    Lobb.prototype.createMany = function (collectionName, body) {
-        return __awaiter(this, void 0, void 0, function () {
-            var response;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        body = JSON.stringify({
-                            data: body,
-                        });
-                        return [4 /*yield*/, fetch("".concat(this.lobbUrl, "/api/collections/").concat(collectionName), {
-                                method: "POST",
-                                headers: this.headers,
-                                body: body,
-                            })];
-                    case 1:
-                        response = _a.sent();
-                        return [4 /*yield*/, this.handleResponse(response)];
-                    case 2: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
-    Lobb.prototype.updateMany = function (collectionName, body, filter) {
-        return __awaiter(this, void 0, void 0, function () {
-            var response;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, fetch("".concat(this.lobbUrl, "/api/collections/").concat(collectionName), {
-                            method: "PATCH",
-                            headers: this.headers,
-                            body: JSON.stringify({
-                                filter: filter,
-                                data: body,
-                            }),
-                        })];
-                    case 1:
-                        response = _a.sent();
-                        return [4 /*yield*/, this.handleResponse(response)];
-                    case 2: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
-    Lobb.prototype.transactions = function (body, rollback) {
-        return __awaiter(this, void 0, void 0, function () {
-            var response;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, fetch("".concat(this.lobbUrl, "/api/collections/transactions").concat(rollback ? "?rollback" : ""), {
-                            method: "POST",
-                            headers: this.headers,
-                            body: JSON.stringify(body),
-                        })];
-                    case 1:
-                        response = _a.sent();
-                        return [4 /*yield*/, this.handleResponse(response)];
-                    case 2: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
-    // CUSTOM REQUEST methods
-    Lobb.prototype.request = function (params) {
-        return __awaiter(this, void 0, void 0, function () {
-            var response;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, fetch("".concat(this.lobbUrl).concat(params.route), {
-                            method: params.method,
-                            headers: this.headers,
-                            body: JSON.stringify(params.payload),
-                        })];
-                    case 1:
-                        response = _a.sent();
-                        return [4 /*yield*/, this.handleResponse(response)];
-                    case 2: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
-    // HELPER methods
-    Lobb.prototype.handleResponse = function (response) {
-        return __awaiter(this, void 0, Promise, function () {
-            var index, handler;
-            return __generator(this, function (_a) {
-                for (index = 0; index < this.onResponseHandlers.length; index++) {
-                    handler = this.onResponseHandlers[index];
-                    handler(response.clone());
-                }
-                return [2 /*return*/, response];
-            });
-        });
-    };
-    return Lobb;
-}());
-export { Lobb };

package/vite-plugins/monorepo-import-resolver.js

@@ -1,92 +0,0 @@
-import path from "path";
-import fs from "fs";
-
-/**
- * Detects if the current project is inside a monorepo workspace.
- *
- * Checks for workspace configuration files in parent directories:
- * - pnpm-workspace.yaml (pnpm)
- * - package.json with "workspaces" field (npm/yarn)
- *
- * @param {string} startDir - Directory to start searching from
- * @returns {boolean} True if inside a monorepo workspace
- */
-function isInMonorepo(startDir) {
-  let currentDir = startDir;
-  const root = path.parse(currentDir).root;
-
-  while (currentDir !== root) {
-    // Check for pnpm-workspace.yaml
-    if (fs.existsSync(path.join(currentDir, 'pnpm-workspace.yaml'))) {
-      return true;
-    }
-
-    // Check for package.json with workspaces field
-    const pkgPath = path.join(currentDir, 'package.json');
-    if (fs.existsSync(pkgPath)) {
-      try {
-        const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));
-        if (pkg.workspaces) {
-          return true;
-        }
-      } catch (e) {
-        // Ignore parse errors
-      }
-    }
-
-    // Move up one directory
-    currentDir = path.dirname(currentDir);
-  }
-
-  return false;
-}
-
-/**
- * Vite plugin that resolves @lobb-js/studio imports contextually.
- *
- * - Inside monorepo: Rewrites to @lobb-js/studio/internal (uses source files from /src for fast HMR)
- * - Outside monorepo: Uses default export (uses built files from /dist)
- *
- * This allows consuming projects to use identical import syntax everywhere:
- * `import Studio from '@lobb-js/studio'`
- *
- * The plugin automatically optimizes the resolution based on the environment.
- *
- * @returns {import('vite').Plugin}
- */
-export function monorepoImportResolver() {
-  let isMonorepo = false;
-
-  return {
-    name: "monorepo-import-resolver",
-    enforce: "pre",
-
-    configResolved(config) {
-      // Detect monorepo once during config resolution
-      isMonorepo = isInMonorepo(config.root);
-
-      if (isMonorepo) {
-        console.log('🎯 Lobb Studio: Running in monorepo mode - using source files for fast HMR');
-      } else {
-        console.log('📦 Lobb Studio: Running in standalone mode - using built distribution files');
-      }
-    },
-
-    async resolveId(source, importer, options) {
-      // Handle @lobb-js/studio imports (and subpaths like @lobb-js/studio/*)
-      if (!source.startsWith("@lobb-js/studio")) return null;
-
-      // Don't rewrite if already using /internal path
-      if (source.startsWith("@lobb-js/studio/internal")) return null;
-
-      // In monorepo, rewrite to /internal path which points to source files
-      if (isMonorepo) {
-        const rewrittenSource = source.replace("@lobb-js/studio", "@lobb-js/studio/internal");
-        return this.resolve(rewrittenSource, importer, { skipSelf: true, ...options });
-      }
-
-      // Not in monorepo - let default resolution handle it (uses dist/ from node_modules)
-      return null;
-    }
-  };
-}