@lobb-js/studio 0.1.32 → 0.1.34

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

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

package/{dist → src/lib/components}/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 "../../../utils.js";
+	import { cn } from "$lib/utils.js";
 
 	let {
 		ref = $bindable(null),

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

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

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

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

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

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

package/{dist → src/lib/components}/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 "../../../utils.js";
+	import { cn } from "$lib/utils.js";
 
 	let {
 		ref = $bindable(null),

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

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

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

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

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

@@ -11,11 +11,11 @@
 </script>
 
 <script lang="ts">
-    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 { 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 { location } from "@wjfe/n-savant";
     import { Edit, Plus } from "lucide-svelte";
     import { toast } from "svelte-sonner";

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

@@ -9,7 +9,8 @@ const __dirname = path.dirname(__filename);
  * Vite plugin that resolves $lib imports contextually based on the importing file location.
  *
  * - Files inside the consuming project -> resolve to local ./src/lib
- * - Files outside the project (e.g., Studio package) -> resolve to Studio's 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
  *
  * This allows shadcn components to work in both the Studio package and consuming projects
  * without conflicts.
@@ -42,8 +43,12 @@ export function contextualLibAlias() {
       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) importing $lib -> resolve to Studio's src/lib
+        // 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

package/dist/LlmButton.svelte.d.ts

@@ -1,17 +0,0 @@
-import { type ButtonProps } from "./ui/button/button.svelte";
-interface LocalProp {
-    value?: any;
-    title: string;
-    description?: string;
-    placeholder?: string;
-    format?: any;
-    messages?: any[];
-    variant?: ButtonProps["variant"];
-    class?: ButtonProps["class"];
-    Icon?: ButtonProps["Icon"];
-    children?: ButtonProps["children"];
-    onApiResponseComplete?: (res: any) => Promise<void>;
-}
-declare const LlmButton: import("svelte").Component<LocalProp, {}, "value">;
-type LlmButton = ReturnType<typeof LlmButton>;
-export default LlmButton;

package/dist/Studio.svelte.d.ts

@@ -1,6 +0,0 @@
-interface StudioProps {
-    extensions?: any[];
-}
-declare const Studio: import("svelte").Component<StudioProps, {}, "">;
-type Studio = ReturnType<typeof Studio>;
-export default Studio;

package/dist/alertView.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { Snippet } from "svelte";
-interface Props {
-    title: string;
-    children: Snippet<[]>;
-}
-declare const AlertView: import("svelte").Component<Props, {}, "">;
-type AlertView = ReturnType<typeof AlertView>;
-export default AlertView;

package/dist/breadCrumbs.svelte.d.ts

@@ -1,3 +0,0 @@
-declare const BreadCrumbs: import("svelte").Component<Record<string, never>, {}, "">;
-type BreadCrumbs = ReturnType<typeof BreadCrumbs>;
-export default BreadCrumbs;

package/dist/combobox.svelte.d.ts

@@ -1,15 +0,0 @@
-import type { HTMLButtonAttributes } from "svelte/elements";
-interface Option {
-    value: string;
-    label: string;
-}
-interface Props {
-    placeholder: string;
-    searchPlaceholder: string;
-    options: Option[];
-    value: string;
-    buttonClass?: HTMLButtonAttributes["class"];
-}
-declare const Combobox: import("svelte").Component<Props, {}, "value">;
-type Combobox = ReturnType<typeof Combobox>;
-export default Combobox;

package/dist/confirmationDialog/confirmationDialog.svelte.d.ts

@@ -1,8 +0,0 @@
-interface DialogProps {
-    title: string;
-    description: string;
-    onDecision: (result: boolean) => void;
-}
-declare const ConfirmationDialog: import("svelte").Component<DialogProps, {}, "">;
-type ConfirmationDialog = ReturnType<typeof ConfirmationDialog>;
-export default ConfirmationDialog;

package/dist/confirmationDialog/store.svelte.d.ts

@@ -1 +0,0 @@
-export declare function showDialog(title: string, description: string): Promise<boolean>;

package/dist/confirmationDialog/store.svelte.js

@@ -1,69 +0,0 @@
-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 { mount, unmount } from "svelte";
-import ConfirmationDialog from "./confirmationDialog.svelte";
-export function showDialog(title, description) {
-    var _this = this;
-    return new Promise(function (resolve) {
-        var targetElement = document.querySelector('main');
-        if (!targetElement) {
-            throw new Error("main html element doesn't exist for some reason");
-        }
-        var mountedElement = mount(ConfirmationDialog, {
-            target: targetElement,
-            props: {
-                title: title,
-                description: description,
-                onDecision: function (result) { return __awaiter(_this, void 0, void 0, function () {
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0:
-                                resolve(result);
-                                return [4 /*yield*/, unmount(mountedElement, {
-                                        outro: true
-                                    })];
-                            case 1:
-                                _a.sent();
-                                return [2 /*return*/];
-                        }
-                    });
-                }); }
-            },
-        });
-        console.log("the dialog is mounted man");
-    });
-}

package/dist/createManyButton.svelte.d.ts

@@ -1,8 +0,0 @@
-import { type ButtonProps } from "./ui/button/button.svelte";
-interface LocalProps extends ButtonProps {
-    collectionName: string;
-    onSuccessfullSave?: () => Promise<void>;
-}
-declare const CreateManyButton: import("svelte").Component<LocalProps, {}, "">;
-type CreateManyButton = ReturnType<typeof CreateManyButton>;
-export default CreateManyButton;

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

@@ -1,9 +0,0 @@
-interface Props {
-    collectionName: string;
-    recordId: string;
-    width: number;
-    unifiedBgColor?: "bg-soft" | "bg-background";
-}
-declare const ChildRecords: import("svelte").Component<Props, {}, "">;
-type ChildRecords = ReturnType<typeof ChildRecords>;
-export default ChildRecords;

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

@@ -1,15 +0,0 @@
-import { type TableProps } from "./table.svelte";
-import type { Snippet } from "svelte";
-interface Props {
-    collectionName: string;
-    filter?: any;
-    showHeader?: boolean;
-    showFooter?: boolean;
-    unifiedBgColor?: "bg-soft" | "bg-background";
-    showDelete?: boolean;
-    tableProps?: Partial<TableProps>;
-    headerLeft?: Snippet<[]>;
-}
-declare const DataTable: import("svelte").Component<Props, {}, "">;
-type DataTable = ReturnType<typeof DataTable>;
-export default DataTable;

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

@@ -1,10 +0,0 @@
-interface Props {
-    collectionName: string;
-    fieldName: string;
-    value: any;
-    entry: Record<string, any>;
-    tableParams?: any;
-}
-declare const FieldCell: import("svelte").Component<Props, {}, "tableParams">;
-type FieldCell = ReturnType<typeof FieldCell>;
-export default FieldCell;

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

@@ -1,10 +0,0 @@
-import Filter from "./filter.svelte";
-interface Props {
-    filter: any;
-    collectionName: string;
-    isFirst?: boolean;
-    deleteFilter?: () => void;
-}
-declare const Filter: import("svelte").Component<Props, {}, "filter">;
-type Filter = ReturnType<typeof Filter>;
-export default Filter;

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

@@ -1,8 +0,0 @@
-interface Props {
-    filter: any;
-    collectionName: string;
-    showText?: boolean;
-}
-declare const FilterButton: import("svelte").Component<Props, {}, "filter">;
-type FilterButton = ReturnType<typeof FilterButton>;
-export default FilterButton;

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

@@ -1,8 +0,0 @@
-interface Props {
-    limit: string;
-    totalCount: number;
-    currentPage: number;
-}
-declare const Footer: import("svelte").Component<Props, {}, "currentPage" | "limit">;
-type Footer = ReturnType<typeof Footer>;
-export default Footer;

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

@@ -1,10 +0,0 @@
-import type { Snippet } from "svelte";
-interface Props {
-    collectionName: string;
-    params: any;
-    selectedRecords: string[];
-    left?: Snippet<[]>;
-}
-declare const Header: import("svelte").Component<Props, {}, "params" | "selectedRecords">;
-type Header = ReturnType<typeof Header>;
-export default Header;

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

@@ -1,8 +0,0 @@
-interface Props {
-    collectionName: string;
-    sort: Record<string, "asc" | "desc">;
-    showText: boolean;
-}
-declare const Sort: import("svelte").Component<Props, {}, "sort">;
-type Sort = ReturnType<typeof Sort>;
-export default Sort;

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

@@ -1,8 +0,0 @@
-interface Props {
-    collectionName: string;
-    sort: Record<string, "asc" | "desc">;
-    showText: boolean;
-}
-declare const SortButton: import("svelte").Component<Props, {}, "sort">;
-type SortButton = ReturnType<typeof SortButton>;
-export default SortButton;

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

@@ -1,32 +0,0 @@
-interface Column {
-    id: string;
-    icon?: any;
-    subtext?: any;
-}
-type Entry = Record<string, any>;
-interface Select {
-    onSelect: (entry: any) => void;
-}
-export interface TableProps {
-    data: Entry[];
-    columns?: Column[];
-    showCollapsible?: boolean;
-    sort?: Record<string, "asc" | "desc">;
-    localSorting?: boolean;
-    selectedRecords?: Array<any>;
-    selectByColumn?: string | null;
-    showCheckboxes?: boolean;
-    showLastRowBorder?: boolean;
-    showLastColumnBorder?: boolean;
-    overrideCell?: Snippet<[any, Column, Entry]>;
-    tools?: Snippet<[Entry, number]>;
-    collapsible?: Snippet<[Entry, number]>;
-    parentWidth?: number;
-    unifiedBgColor?: "bg-soft" | "bg-background";
-    select?: Select;
-    tableWidth?: number;
-}
-import type { Snippet } from "svelte";
-declare const Table: import("svelte").Component<TableProps, {}, "sort" | "selectedRecords" | "tableWidth">;
-type Table = ReturnType<typeof Table>;
-export default Table;

package/dist/dataTable/utils.d.ts

@@ -1,7 +0,0 @@
-import type { TableProps } from "./table.svelte";
-export declare function getCollectionColumns(collectionName: string): TableProps['columns'];
-export declare function getFieldIcon(fieldName: string, collectionName: string): any;
-export declare function getFields(collectionName: string): Record<string, any>;
-export declare function getField(fieldName: string, collectionName: string): any;
-export declare function getCollectionPrimaryField(collectionName: string): string | undefined;
-export declare function getCollectionParamsFields(collectionName: string, allFields?: boolean): string;

package/dist/dataTable/utils.js

@@ -1,111 +0,0 @@
-import { ctx } from "../../store.svelte";
-import { Binary, Braces, Brackets, Calendar, CalendarClock, Clock, Hash, Key, Text, Type, } from "lucide-svelte/icons";
-export function getCollectionColumns(collectionName) {
-    var collectionFields = getFields(collectionName);
-    var headers = [];
-    for (var fieldName in collectionFields) {
-        var field = collectionFields[fieldName];
-        headers.push({
-            id: field.key,
-            subtext: field.type,
-            icon: getFieldIcon(fieldName, collectionName),
-        });
-    }
-    return headers;
-}
-export function getFieldIcon(fieldName, collectionName) {
-    var field = getField(fieldName, collectionName);
-    if (fieldName === "id") {
-        return Key;
-    }
-    else if (field.type === "string") {
-        return Type;
-    }
-    else if (field.type === "text") {
-        return Text;
-    }
-    else if (field.type === "object") {
-        return Braces;
-    }
-    else if (field.type === "array") {
-        return Brackets;
-    }
-    else if (field.type === "bool") {
-        return Binary;
-    }
-    else if (field.type === "integer") {
-        return Hash;
-    }
-    else if (field.type === "long") {
-        return Hash;
-    }
-    else if (field.type === "float") {
-        return Hash;
-    }
-    else if (field.type === "decimal") {
-        return Hash;
-    }
-    else if (field.type === "date") {
-        return Calendar;
-    }
-    else if (field.type === "datetime") {
-        return CalendarClock;
-    }
-    else if (field.type === "time") {
-        return Clock;
-    }
-    throw new Error("(".concat(field.type, ") doesnt have an icon"));
-}
-export function getFields(collectionName) {
-    return ctx.meta.collections[collectionName].fields;
-}
-export function getField(fieldName, collectionName) {
-    return getFields(collectionName)[fieldName];
-}
-export function getCollectionPrimaryField(collectionName) {
-    var collectionFields = ctx.meta.collections[collectionName].fields;
-    var primaryFieldObject = Object.values(collectionFields).find(function (field) { return field.type === "string"; });
-    if (primaryFieldObject &&
-        typeof primaryFieldObject === "object" &&
-        "key" in primaryFieldObject) {
-        var fieldName = primaryFieldObject.key;
-        return fieldName;
-    }
-}
-export function getCollectionParamsFields(collectionName, allFields) {
-    if (allFields === void 0) { allFields = false; }
-    var relations = ctx.meta.relations;
-    var foreignFields = relations
-        .filter(function (relation) {
-        return relation.from.collection === collectionName;
-    })
-        .map(function (relation) {
-        return {
-            field: relation.from.field,
-            collection: relation.to.collection,
-        };
-    });
-    var columns = [];
-    for (var index = 0; index < foreignFields.length; index++) {
-        var foreignField = foreignFields[index];
-        if (!foreignField.collection) {
-            continue;
-        }
-        columns.push("".concat(foreignField.field, ".id"));
-        if (!allFields) {
-            var primaryField = getCollectionPrimaryField(foreignField.collection);
-            if (primaryField) {
-                columns.push("".concat(foreignField.field, ".").concat(primaryField));
-            }
-        }
-        else {
-            var fieldNames = Object.keys(ctx.meta.collections[foreignField.collection].fields);
-            for (var index_1 = 0; index_1 < fieldNames.length; index_1++) {
-                var fieldName = fieldNames[index_1];
-                columns.push("".concat(foreignField.field, ".").concat(fieldName));
-            }
-        }
-    }
-    var foreignColumns = columns.join(",");
-    return "*".concat(foreignColumns ? ",".concat(foreignColumns) : "");
-}

package/dist/detailView/create/children.svelte.d.ts

@@ -1,8 +0,0 @@
-interface LocalProp {
-    collectionName: string;
-    entry: any;
-    values?: Record<string, any>;
-}
-declare const Children: import("svelte").Component<LocalProp, {}, "entry">;
-type Children = ReturnType<typeof Children>;
-export default Children;

package/dist/detailView/create/createDetailView.svelte.d.ts

@@ -1,18 +0,0 @@
-interface SubmitButton {
-    text: string;
-    icon: any;
-}
-export interface CreateDetailViewProp {
-    collectionName: string;
-    values?: Record<string, any>;
-    showRelatedRecords?: boolean;
-    rollback?: boolean;
-    submitButton?: SubmitButton;
-    title?: Snippet<[string]>;
-    onSuccessfullSave?: (entry: any) => Promise<void>;
-    onCancel?: () => Promise<void>;
-}
-import type { Snippet } from "svelte";
-declare const CreateDetailView: import("svelte").Component<CreateDetailViewProp, {}, "">;
-type CreateDetailView = ReturnType<typeof CreateDetailView>;
-export default CreateDetailView;

package/dist/detailView/create/createDetailViewButton.svelte.d.ts

@@ -1,11 +0,0 @@
-import type { CreateDetailViewProp } from "./createDetailView.svelte";
-import type { ButtonProps } from "../../ui/button/button.svelte";
-interface LocalProp extends CreateDetailViewProp {
-    variant?: ButtonProps["variant"];
-    class?: ButtonProps["class"];
-    Icon?: ButtonProps["Icon"];
-    children?: ButtonProps["children"];
-}
-declare const CreateDetailViewButton: import("svelte").Component<LocalProp, {}, "">;
-type CreateDetailViewButton = ReturnType<typeof CreateDetailViewButton>;
-export default CreateDetailViewButton;

package/dist/detailView/create/createManyView.svelte.d.ts

@@ -1,16 +0,0 @@
-import type { HTMLAttributes } from "svelte/elements";
-interface ParentRecord {
-    id: string;
-    collectionName: string;
-}
-interface LocalProp {
-    parentCollectionName: string;
-    collectionName: string;
-    entries: any[];
-    parentRecord?: ParentRecord;
-    class?: HTMLAttributes<HTMLDivElement>["class"];
-    expanded?: boolean;
-}
-declare const CreateManyView: import("svelte").Component<LocalProp, {}, "entries">;
-type CreateManyView = ReturnType<typeof CreateManyView>;
-export default CreateManyView;

package/dist/detailView/create/subRecords.svelte.d.ts

@@ -1,8 +0,0 @@
-interface Props {
-    collectionName: string;
-    parentEntry: any;
-    width: number;
-}
-declare const SubRecords: import("svelte").Component<Props, {}, "parentEntry">;
-type SubRecords = ReturnType<typeof SubRecords>;
-export default SubRecords;

package/dist/detailView/detailViewForm.svelte.d.ts

@@ -1,48 +0,0 @@
-import type { Snippet } from "svelte";
-import type { Icon as IconType } from 'lucide-svelte';
-import { type CustomFieldSnippet } from "./fieldInputReplacement.svelte";
-import type { HTMLInputTypeAttribute } from "svelte/elements";
-export interface BaseField {
-    key: string;
-    label: string;
-    icon?: typeof IconType;
-    errorMessages?: string[];
-    disabled?: boolean;
-    customFieldSnippet?: CustomFieldSnippet;
-}
-export interface InputField extends BaseField {
-    type: 'input';
-    placeholder?: string;
-    inputType?: HTMLInputTypeAttribute;
-    inputStep?: number | "any" | undefined;
-}
-export interface TextAreaField extends BaseField {
-    type: 'textarea';
-    placeholder?: string;
-}
-export interface SelectField extends BaseField {
-    type: 'select';
-    options: string[];
-    placeholder?: string;
-}
-export interface DateField extends BaseField {
-    type: 'date';
-}
-export interface timeField extends BaseField {
-    type: 'time';
-}
-export interface DateTimeField extends BaseField {
-    type: 'datetime';
-}
-export interface BooleanField extends BaseField {
-    type: 'switch';
-}
-export type DetailFormField = InputField | TextAreaField | SelectField | DateField | timeField | DateTimeField | BooleanField;
-interface DetailViewFormProps {
-    fields: DetailFormField[];
-    value?: Record<string, unknown>;
-    topRight?: Snippet<[]>;
-}
-declare const DetailViewForm: import("svelte").Component<DetailViewFormProps, {}, "value">;
-type DetailViewForm = ReturnType<typeof DetailViewForm>;
-export default DetailViewForm;