@lobb-js/studio 0.1.31 → 0.1.32

package/{src/lib/components → dist}/ui/range-calendar/range-calendar.svelte

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

package/dist/ui/range-calendar/range-calendar.svelte.d.ts

@@ -0,0 +1,5 @@
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+import * as RangeCalendar from "./index.js";
+declare const RangeCalendar: import("svelte").Component<Omit<Omit<RangeCalendarPrimitive.RootProps, "child">, "children">, {}, "value" | "placeholder" | "ref">;
+type RangeCalendar = ReturnType<typeof RangeCalendar>;
+export default RangeCalendar;

package/dist/ui/select/index.d.ts

@@ -0,0 +1,11 @@
+import { Select as SelectPrimitive } from "bits-ui";
+import GroupHeading from "./select-group-heading.svelte";
+import Item from "./select-item.svelte";
+import Content from "./select-content.svelte";
+import Trigger from "./select-trigger.svelte";
+import Separator from "./select-separator.svelte";
+import ScrollDownButton from "./select-scroll-down-button.svelte";
+import ScrollUpButton from "./select-scroll-up-button.svelte";
+declare const Root: import("svelte").Component<import("bits-ui").ComboboxRootPropsWithoutHTML, {}, "open" | "value">;
+declare const Group: import("svelte").Component<SelectPrimitive.GroupProps, {}, "ref">;
+export { Root, Item, Group, GroupHeading, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, Root as Select, Item as SelectItem, Group as SelectGroup, GroupHeading as SelectGroupHeading, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, ScrollDownButton as SelectScrollDownButton, ScrollUpButton as SelectScrollUpButton, };

package/dist/ui/select/index.js

@@ -0,0 +1,13 @@
+import { Select as SelectPrimitive } from "bits-ui";
+import GroupHeading from "./select-group-heading.svelte";
+import Item from "./select-item.svelte";
+import Content from "./select-content.svelte";
+import Trigger from "./select-trigger.svelte";
+import Separator from "./select-separator.svelte";
+import ScrollDownButton from "./select-scroll-down-button.svelte";
+import ScrollUpButton from "./select-scroll-up-button.svelte";
+var Root = SelectPrimitive.Root;
+var Group = SelectPrimitive.Group;
+export { Root, Item, Group, GroupHeading, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, 
+//
+Root as Select, Item as SelectItem, Group as SelectGroup, GroupHeading as SelectGroupHeading, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, ScrollDownButton as SelectScrollDownButton, ScrollUpButton as SelectScrollUpButton, };

package/{src/lib/components → dist}/ui/select/select-content.svelte

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

package/dist/ui/select/select-content.svelte.d.ts

@@ -0,0 +1,7 @@
+import { Select as SelectPrimitive, type WithoutChild } from "bits-ui";
+type $$ComponentProps = WithoutChild<SelectPrimitive.ContentProps> & {
+    portalProps?: SelectPrimitive.PortalProps;
+};
+declare const SelectContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type SelectContent = ReturnType<typeof SelectContent>;
+export default SelectContent;

package/{src/lib/components → dist}/ui/select/select-group-heading.svelte

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

package/dist/ui/select/select-group-heading.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Select as SelectPrimitive } from "bits-ui";
+declare const SelectGroupHeading: import("svelte").Component<SelectPrimitive.GroupHeadingProps, {}, "ref">;
+type SelectGroupHeading = ReturnType<typeof SelectGroupHeading>;
+export default SelectGroupHeading;

package/{src/lib/components → dist}/ui/select/select-item.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Select as SelectPrimitive, type WithoutChild } from "bits-ui";
 	import Check from "@lucide/svelte/icons/check";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils.js";
 
 	let {
 		ref = $bindable(null),

package/dist/ui/select/select-item.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Select as SelectPrimitive } from "bits-ui";
+declare const SelectItem: import("svelte").Component<Omit<SelectPrimitive.ItemProps, "child">, {}, "ref">;
+type SelectItem = ReturnType<typeof SelectItem>;
+export default SelectItem;

package/{src/lib/components → dist}/ui/select/select-scroll-down-button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import ChevronDown from "@lucide/svelte/icons/chevron-down";
 	import { Select as SelectPrimitive, type WithoutChildrenOrChild } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils.js";
 
 	let {
 		ref = $bindable(null),

package/dist/ui/select/select-scroll-down-button.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Select as SelectPrimitive } from "bits-ui";
+declare const SelectScrollDownButton: import("svelte").Component<Omit<Omit<SelectPrimitive.ScrollDownButtonProps, "child">, "children">, {}, "ref">;
+type SelectScrollDownButton = ReturnType<typeof SelectScrollDownButton>;
+export default SelectScrollDownButton;

package/{src/lib/components → dist}/ui/select/select-scroll-up-button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import ChevronUp from "@lucide/svelte/icons/chevron-up";
 	import { Select as SelectPrimitive, type WithoutChildrenOrChild } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils.js";
 
 	let {
 		ref = $bindable(null),

package/dist/ui/select/select-scroll-up-button.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Select as SelectPrimitive } from "bits-ui";
+declare const SelectScrollUpButton: import("svelte").Component<Omit<Omit<SelectPrimitive.ScrollDownButtonProps, "child">, "children">, {}, "ref">;
+type SelectScrollUpButton = ReturnType<typeof SelectScrollUpButton>;
+export default SelectScrollUpButton;

package/{src/lib/components → dist}/ui/select/select-separator.svelte

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

package/dist/ui/select/select-separator.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { Separator as SeparatorPrimitive } from "bits-ui";
+declare const SelectSeparator: import("svelte").Component<SeparatorPrimitive.RootProps, {}, "ref">;
+type SelectSeparator = ReturnType<typeof SelectSeparator>;
+export default SelectSeparator;

package/{src/lib/components → dist}/ui/select/select-trigger.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Select as SelectPrimitive, type WithoutChild } from "bits-ui";
 	import ChevronDown from "@lucide/svelte/icons/chevron-down";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "../../../utils.js";
 
 	let {
 		ref = $bindable(null),

package/dist/ui/select/select-trigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Select as SelectPrimitive } from "bits-ui";
+declare const SelectTrigger: import("svelte").Component<Omit<SelectPrimitive.TriggerProps, "child">, {}, "ref">;
+type SelectTrigger = ReturnType<typeof SelectTrigger>;
+export default SelectTrigger;

package/dist/ui/separator/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./separator.svelte";
+export { Root, Root as Separator, };

package/dist/ui/separator/index.js

@@ -0,0 +1,4 @@
+import Root from "./separator.svelte";
+export { Root, 
+//
+Root as Separator, };

package/{src/lib/components → dist}/ui/separator/separator.svelte

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

package/dist/ui/separator/separator.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Separator as SeparatorPrimitive } from "bits-ui";
+declare const Separator: import("svelte").Component<SeparatorPrimitive.RootProps, {}, "ref">;
+type Separator = ReturnType<typeof Separator>;
+export default Separator;

package/dist/ui/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./skeleton.svelte";
+export { Root, Root as Skeleton, };

package/dist/ui/skeleton/index.js

@@ -0,0 +1,4 @@
+import Root from "./skeleton.svelte";
+export { Root, 
+//
+Root as Skeleton, };

package/{src/lib/components → dist}/ui/skeleton/skeleton.svelte

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

package/dist/ui/skeleton/skeleton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { WithElementRef } from "bits-ui";
+import type { HTMLAttributes } from "svelte/elements";
+declare const Skeleton: import("svelte").Component<Omit<WithElementRef<HTMLAttributes<HTMLDivElement>>, "children">, {}, "ref">;
+type Skeleton = ReturnType<typeof Skeleton>;
+export default Skeleton;

package/dist/ui/sonner/index.js

@@ -0,0 +1 @@
+export { default as Toaster } from "./sonner.svelte";

package/dist/ui/sonner/sonner.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Toaster as Sonner, type ToasterProps as SonnerProps } from "svelte-sonner";
+declare const Sonner: import("svelte").Component<SonnerProps, {}, "">;
+type Sonner = ReturnType<typeof Sonner>;
+export default Sonner;

package/dist/ui/switch/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./switch.svelte";
+export { Root, Root as Switch, };

package/dist/ui/switch/index.js

@@ -0,0 +1,4 @@
+import Root from "./switch.svelte";
+export { Root, 
+//
+Root as Switch, };

package/{src/lib/components → dist}/ui/switch/switch.svelte

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

package/dist/ui/switch/switch.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Switch as SwitchPrimitive } from "bits-ui";
+declare const Switch: import("svelte").Component<Omit<Omit<SwitchPrimitive.RootProps, "child">, "children">, {}, "checked" | "ref">;
+type Switch = ReturnType<typeof Switch>;
+export default Switch;

package/dist/ui/textarea/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./textarea.svelte";
+export { Root, Root as Textarea, };

package/dist/ui/textarea/index.js

@@ -0,0 +1,4 @@
+import Root from "./textarea.svelte";
+export { Root, 
+//
+Root as Textarea, };

package/{src/lib/components → dist}/ui/textarea/textarea.svelte

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

package/dist/ui/textarea/textarea.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { WithElementRef } from "bits-ui";
+import type { HTMLTextareaAttributes } from "svelte/elements";
+declare const Textarea: import("svelte").Component<Omit<WithElementRef<HTMLTextareaAttributes>, "children">, {}, "value" | "ref">;
+type Textarea = ReturnType<typeof Textarea>;
+export default Textarea;

package/dist/ui/tooltip/index.d.ts

@@ -0,0 +1,6 @@
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+import Content from "./tooltip-content.svelte";
+declare const Root: import("svelte").Component<TooltipPrimitive.RootProps, {}, "open">;
+declare const Trigger: import("svelte").Component<TooltipPrimitive.TriggerProps, {}, "ref">;
+declare const Provider: import("svelte").Component<TooltipPrimitive.ProviderProps, {}, "">;
+export { Root, Trigger, Content, Provider, Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, };

package/dist/ui/tooltip/index.js

@@ -0,0 +1,8 @@
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+import Content from "./tooltip-content.svelte";
+var Root = TooltipPrimitive.Root;
+var Trigger = TooltipPrimitive.Trigger;
+var Provider = TooltipPrimitive.Provider;
+export { Root, Trigger, Content, Provider, 
+//
+Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, };

package/{src/lib/components → dist}/ui/tooltip/tooltip-content.svelte

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

package/dist/ui/tooltip/tooltip-content.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+declare const TooltipContent: import("svelte").Component<TooltipPrimitive.ContentProps, {}, "ref">;
+type TooltipContent = ReturnType<typeof TooltipContent>;
+export default TooltipContent;

package/{src/lib/components → dist}/workflowEditor.svelte

@@ -11,11 +11,11 @@
 </script>
 
 <script lang="ts">
-    import { lobb } from "$lib";
-    import MonacoEditor from "$lib/components/monacoEditor.svelte";
-    import Button from "$lib/components/ui/button/button.svelte";
-    import Input from "$lib/components/ui/input/input.svelte";
-    import { ctx } from "$lib/store.svelte";
+    import { lobb } from "..";
+    import MonacoEditor from "./monacoEditor.svelte";
+    import Button from "./ui/button/button.svelte";
+    import Input from "./ui/input/input.svelte";
+    import { ctx } from "../store.svelte";
     import { location } from "@wjfe/n-savant";
     import { Edit, Plus } from "lucide-svelte";
     import { toast } from "svelte-sonner";

package/dist/workflowEditor.svelte.d.ts

@@ -0,0 +1,16 @@
+export interface WorkflowEntry {
+    id?: string;
+    name: string;
+    directory: string;
+    event_name: string;
+    input_schema?: string;
+    output_schema?: string;
+    handler?: string;
+}
+interface Props {
+    workflow: WorkflowEntry;
+    refreshSidebar: () => Promise<void>;
+}
+declare const WorkflowEditor: import("svelte").Component<Props, {}, "workflow">;
+type WorkflowEditor = ReturnType<typeof WorkflowEditor>;
+export default WorkflowEditor;

package/package.json

@@ -1,18 +1,24 @@
 {
   "name": "@lobb-js/studio",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "type": "module",
   "publishConfig": {
     "access": "public"
   },
+  "files": [
+    "dist",
+    "vite-plugins"
+  ],
   "exports": {
-    ".": "./src/Studio.svelte",
-    "./vite-plugin": "./vite-plugin-contextual-lib.js",
+    ".": "./src/lib/components/Studio.svelte",
+    "./*": "./src/lib/components/*",
+    "./vite-plugins": "./vite-plugins/index.js",
     "./components": "./src/components-export.ts"
   },
   "scripts": {
     "dev": "vite",
     "build": "rm -rf dist && vite build --config vite.build.svelte.config.ts && vite build",
+    "package": "svelte-package --input src/lib/components",
     "preview": "vite preview",
     "check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json",
     "build_extension": "vite build --config vite.extension.config.ts",
@@ -23,12 +29,12 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.2",
-    "@lucide/svelte": "^0.563.1",
     "@storybook/addon-a11y": "^10.0.1",
     "@storybook/addon-docs": "^10.0.1",
     "@storybook/addon-svelte-csf": "^5.0.10",
     "@storybook/addon-vitest": "^10.0.1",
     "@storybook/svelte-vite": "^10.0.1",
+    "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "6.2.1",
     "@tsconfig/svelte": "^5.0.4",
     "@types/lodash": "^4.17.17",
@@ -39,22 +45,14 @@
     "@vitest/browser-playwright": "^4.0.5",
     "@vitest/coverage-v8": "^4.0.5",
     "autoprefixer": "^10.4.20",
-    "bits-ui": "^1.6.0",
     "browser-fs-access": "^0.35.0",
-    "clsx": "^2.1.1",
     "dts-bundle-generator": "^9.5.1",
-    "lucide-svelte": "^0.488.0",
-    "mode-watcher": "^0.5.1",
-    "monaco-editor": "^0.52.2",
     "playwright": "^1.56.1",
-    "qs": "^6.14.0",
+    "qs": "^6.14.1",
     "sortablejs": "^1.15.6",
     "storybook": "^10.0.1",
     "svelte": "5.39.8",
     "svelte-check": "^4.1.4",
-    "svelte-sonner": "^0.3.28",
-    "tailwind-merge": "^3.4.0",
-    "tailwind-variants": "^3.2.2",
     "tailwindcss": "^4.1.18",
     "tailwindcss-animate": "^1.0.7",
     "tw-animate-css": "^1.4.0",
@@ -63,15 +61,27 @@
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vitest": "^4.0.5"
   },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
   "dependencies": {
     "@andrewbranch/untar.js": "^1.0.3",
     "@dagrejs/dagre": "^1.1.5",
+    "@lucide/svelte": "^0.563.1",
     "@tailwindcss/vite": "^4.1.18",
     "@wjfe/n-savant": "^0.3.0",
     "@xyflow/svelte": "^1.2.0",
+    "bits-ui": "^1.8.0",
+    "clsx": "^2.1.1",
     "fflate": "^0.8.2",
     "json-stable-stringify": "^1.3.0",
     "lodash": "^4.17.21",
-    "mustache": "^4.2.0"
+    "lucide-svelte": "^0.488.0",
+    "mode-watcher": "^0.5.1",
+    "monaco-editor": "^0.52.2",
+    "mustache": "^4.2.0",
+    "svelte-sonner": "^0.3.28",
+    "tailwind-merge": "^3.4.0",
+    "tailwind-variants": "^3.2.2"
   }
 }

package/{vite-plugin-contextual-lib.js → vite-plugins/contextual-lib-alias.js}

@@ -14,14 +14,12 @@ const __dirname = path.dirname(__filename);
  * This allows shadcn components to work in both the Studio package and consuming projects
  * without conflicts.
  *
- * @param {Object} options - Plugin options
- * @param {string} [options.studioLibPath] - The path to the studio's src/lib directory (used for external imports)
  * @returns {import('vite').Plugin}
  */
-export function contextualLibAlias(options = {}) {
+export function contextualLibAlias() {
   let projectRoot;
   let localLibPath;
-  let studioLibPath;
+  const studioLibPath = path.resolve(__dirname, "../src/lib");
 
   return {
     name: "contextual-lib-alias",
@@ -30,9 +28,6 @@ export function contextualLibAlias(options = {}) {
     configResolved(config) {
       projectRoot = config.root;
       localLibPath = path.resolve(projectRoot, "./src/lib");
-
-      // Use provided studioLibPath or default to this package's src/lib
-      studioLibPath = options.studioLibPath || path.resolve(__dirname, "./src/lib");
     },
 
     async resolveId(source, importer, options) {

package/vite-plugins/index.js

@@ -0,0 +1,21 @@
+import { contextualLibAlias } from "./contextual-lib-alias.js";
+import { studioSourceResolver } from "./studio-source-resolver.js";
+
+/**
+ * Returns an array of Vite plugins needed for Lobb Studio integration.
+ *
+ * Includes:
+ * - contextualLibAlias: Resolves $lib imports contextually
+ * - studioSourceResolver: Resolves @lobb-js/studio to source (monorepo) or dist (standalone)
+ *
+ * @returns {import('vite').Plugin[]}
+ */
+export function lobbStudioPlugins() {
+  return [
+    studioSourceResolver(),
+    contextualLibAlias(),
+  ];
+}
+
+// Also export individual plugins for advanced usage
+export { contextualLibAlias, studioSourceResolver };

package/vite-plugins/studio-source-resolver.js

@@ -0,0 +1,41 @@
+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 @lobb-js/studio imports contextually.
+ *
+ * - Inside monorepo: Resolve to source files (./src/Studio.svelte) for HMR
+ * - Outside monorepo (from node_modules): Resolve to built files (./dist/studio.js)
+ *
+ * This allows lobb-skeleton to work identically both inside and outside the monorepo
+ * without any code changes.
+ *
+ * @returns {import('vite').Plugin}
+ */
+export function studioSourceResolver() {
+  const studioSourcePath = path.resolve(__dirname, "../src/lib/Studio.svelte");
+  const studioPackagePath = path.resolve(__dirname, "..");
+
+  return {
+    name: "studio-source-resolver",
+    enforce: "pre",
+
+    async resolveId(source, importer, options) {
+      // Only handle @lobb-js/studio main import
+      if (source !== "@lobb-js/studio") return null;
+
+      // Check if we're in a monorepo context by looking for the source file
+      if (fs.existsSync(studioSourcePath)) {
+        // We're in monorepo - resolve to source for HMR
+        return this.resolve(studioSourcePath, importer, { skipSelf: true, ...options });
+      }
+
+      // Not in monorepo - let default resolution handle it (will use dist/ from node_modules)
+      return null;
+    }
+  };
+}

package/.env.example

@@ -1 +0,0 @@
-LOBB_URL=http://localhost:3000

package/.storybook/main.ts

@@ -1,31 +0,0 @@
-import type { StorybookConfig } from '@storybook/svelte-vite';
-
-import { dirname } from "path"
-
-import { fileURLToPath } from "url"
-
-/**
-* This function is used to resolve the absolute path of a package.
-* It is needed in projects that use Yarn PnP or are set up within a monorepo.
-*/
-function getAbsolutePath(value: string): any {
-  return dirname(fileURLToPath(import.meta.resolve(`${value}/package.json`)))
-}
-const config: StorybookConfig = {
-  "stories": [
-    "../src/**/*.mdx",
-    "../src/**/*.stories.@(js|ts|svelte)"
-  ],
-  "addons": [
-    getAbsolutePath('@storybook/addon-svelte-csf'),
-    getAbsolutePath('@chromatic-com/storybook'),
-    getAbsolutePath('@storybook/addon-docs'),
-    getAbsolutePath("@storybook/addon-a11y"),
-    getAbsolutePath("@storybook/addon-vitest")
-  ],
-  "framework": {
-    "name": getAbsolutePath('@storybook/svelte-vite'),
-    "options": {}
-  }
-};
-export default config;

package/.storybook/preview.ts

@@ -1,21 +0,0 @@
-import type { Preview } from '@storybook/svelte-vite'
-
-const preview: Preview = {
-  parameters: {
-    controls: {
-      matchers: {
-       color: /(background|color)$/i,
-       date: /Date$/i,
-      },
-    },
-
-    a11y: {
-      // 'todo' - show a11y violations in the test UI only
-      // 'error' - fail CI on a11y violations
-      // 'off' - skip a11y checks entirely
-      test: 'todo'
-    }
-  },
-};
-
-export default preview;

package/.storybook/vitest.setup.ts

@@ -1,7 +0,0 @@
-import * as a11yAddonAnnotations from "@storybook/addon-a11y/preview";
-import { setProjectAnnotations } from '@storybook/svelte-vite';
-import * as projectAnnotations from './preview';
-
-// This is an important step to apply the right configuration when testing your stories.
-// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
-setProjectAnnotations([a11yAddonAnnotations, projectAnnotations]);

package/components.json

@@ -1,16 +0,0 @@
-{
-	"$schema": "https://shadcn-svelte.com/schema.json",
-	"tailwind": {
-		"css": "src/app.css",
-		"baseColor": "slate"
-	},
-	"aliases": {
-		"components": "$lib/components",
-		"utils": "$lib/utils",
-		"ui": "$lib/components/ui",
-		"hooks": "$lib/hooks",
-		"lib": "$lib"
-	},
-	"typescript": true,
-	"registry": "https://shadcn-svelte.com/registry"
-}

package/docker-entrypoint.sh

@@ -1,7 +0,0 @@
-#!/bin/sh
-
-# insert ENV to the html
-find /app/dist -name "*.html" -exec sed -i "s|%LOBB_URL%|${LOBB_URL}|g" {} +
-
-# Start the server
-exec sirv dist --single --port 3000 --host