@ixo/editor 0.2.0

package/dist/components/SettingsModal/FeatureASettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureASettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingsModal/FeatureASettings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,qBAiDtD"}

package/dist/components/SettingsModal/FeatureASettings.js

@@ -0,0 +1,74 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureASettings = FeatureASettings;
+const react_1 = __importStar(require("react"));
+const SettingsModal_1 = require("./SettingsModal");
+const GeneralTab_1 = require("./GeneralTab");
+const AdvancedTab_1 = require("./AdvancedTab");
+const PreviewTab_1 = require("./PreviewTab");
+function FeatureASettings({ block, editor }) {
+    const [domainValue, setDomainValue] = (0, react_1.useState)(block.props.did || "did:ixo:12123123123123123123");
+    const handleDidChange = (did) => {
+        setDomainValue(did);
+        editor.updateBlock(block, {
+            props: {
+                ...block.props,
+                did,
+            },
+        });
+    };
+    const handleAddToPage = () => {
+        // Handle add to page logic here
+        console.log("Adding to page with DID:", domainValue);
+    };
+    return (react_1.default.createElement(SettingsModal_1.SettingsModal, { onAddToPage: handleAddToPage, tabs: [
+            {
+                id: "general",
+                label: "General",
+                content: (react_1.default.createElement(GeneralTab_1.GeneralTab, { block: block, editor: editor, domainValue: domainValue, onDomainChange: handleDidChange })),
+            },
+            {
+                id: "advanced",
+                label: "Advanced",
+                content: react_1.default.createElement(AdvancedTab_1.AdvancedTab, { block: block, editor: editor }),
+            },
+            {
+                id: "preview",
+                label: "Preview",
+                content: react_1.default.createElement(PreviewTab_1.PreviewTab, { block: block, editor: editor }),
+            },
+        ] }));
+}

package/dist/components/SettingsModal/GeneralTab.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface GeneralTabProps {
+    block: any;
+    editor: any;
+    domainValue: string;
+    onDomainChange: (did: string) => void;
+}
+export declare function GeneralTab({ block: _block, editor: _editor, domainValue: _domainValue, onDomainChange, }: GeneralTabProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=GeneralTab.d.ts.map

package/dist/components/SettingsModal/GeneralTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralTab.d.ts","sourceRoot":"","sources":["../../../src/components/SettingsModal/GeneralTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,UAAU,eAAe;IACvB,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,EAAE,GAAG,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,OAAO,EACf,WAAW,EAAE,YAAY,EACzB,cAAc,GACf,EAAE,eAAe,qBAwHjB"}

package/dist/components/SettingsModal/GeneralTab.js

@@ -0,0 +1,111 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GeneralTab = GeneralTab;
+const react_1 = __importStar(require("react"));
+const input_1 = require("../ui/input");
+const label_1 = require("../ui/label");
+const tabs_1 = require("../ui/tabs");
+const lucide_react_1 = require("lucide-react");
+function GeneralTab({ block: _block, editor: _editor, domainValue: _domainValue, onDomainChange, }) {
+    const [domainType, setDomainType] = (0, react_1.useState)("this-domain");
+    const [isValidDomain, setIsValidDomain] = (0, react_1.useState)(true);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [customDomainValue, setCustomDomainValue] = (0, react_1.useState)("");
+    // Known domain value for "this-domain" tab
+    const thisDomainValue = "did:ixo:entity:example123";
+    const handleCustomDomainChange = async (did) => {
+        setCustomDomainValue(did);
+        if (!did) {
+            setIsValidDomain(false);
+            return;
+        }
+        // Basic validation for DID format
+        const isValid = did.startsWith("did:") && did.length > 10;
+        if (isValid) {
+            setIsLoading(true);
+            try {
+                // Simulate async fetch request
+                await new Promise((resolve) => setTimeout(resolve, 1000));
+                setIsValidDomain(true);
+                onDomainChange(did);
+            }
+            catch (error) {
+                setIsValidDomain(false);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        }
+        else {
+            setIsValidDomain(false);
+        }
+    };
+    const handleTabChange = (value) => {
+        setDomainType(value);
+        if (value === "this-domain") {
+            // Use known domain value
+            setIsValidDomain(true);
+            onDomainChange(thisDomainValue);
+        }
+        else {
+            // Reset for custom domain
+            setIsValidDomain(false);
+            onDomainChange("");
+        }
+    };
+    return (react_1.default.createElement("div", { className: "space-y-6" },
+        react_1.default.createElement("div", null,
+            react_1.default.createElement("h2", { className: "text-2xl font-semibold" }, "Overview"),
+            react_1.default.createElement("p", { className: "text-muted-foreground mt-1" }, "Add a domain overview to your page")),
+        react_1.default.createElement(tabs_1.Tabs, { defaultValue: "this-domain", value: domainType, onValueChange: handleTabChange },
+            react_1.default.createElement(tabs_1.TabsList, null,
+                react_1.default.createElement(tabs_1.TabsTrigger, { value: "this-domain" }, "This domain"),
+                react_1.default.createElement(tabs_1.TabsTrigger, { value: "custom-domain" }, "Custom domain")),
+            react_1.default.createElement(tabs_1.TabsContent, { value: "this-domain", className: "space-y-4" },
+                react_1.default.createElement("div", { className: "space-y-2" },
+                    react_1.default.createElement(label_1.Label, { htmlFor: "this-domain-input" }, "Domain"),
+                    react_1.default.createElement("div", { className: "relative" },
+                        react_1.default.createElement(input_1.Input, { id: "this-domain-input", value: thisDomainValue, disabled: true, className: "pr-10", placeholder: "Enter domain DID" }),
+                        isValidDomain && (react_1.default.createElement(lucide_react_1.CheckIcon, { className: "absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-green-500" }))))),
+            react_1.default.createElement(tabs_1.TabsContent, { value: "custom-domain", className: "space-y-4" },
+                react_1.default.createElement("div", { className: "space-y-2" },
+                    react_1.default.createElement(label_1.Label, { htmlFor: "custom-domain-input" }, "Domain"),
+                    react_1.default.createElement("div", { className: "relative" },
+                        react_1.default.createElement(input_1.Input, { id: "custom-domain-input", value: customDomainValue, onChange: (e) => handleCustomDomainChange(e.target.value), className: "pr-10", placeholder: "Enter domain DID", disabled: isLoading }),
+                        isLoading ? (react_1.default.createElement("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2" },
+                            react_1.default.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-gray-900" }))) : (isValidDomain &&
+                            customDomainValue && (react_1.default.createElement(lucide_react_1.CheckIcon, { className: "absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-green-500" })))))))));
+}

package/dist/components/SettingsModal/PreviewTab.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface PreviewTabProps {
+    block: any;
+    editor: any;
+}
+export declare function PreviewTab({ block: _block, editor: _editor, }: PreviewTabProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=PreviewTab.d.ts.map

package/dist/components/SettingsModal/PreviewTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewTab.d.ts","sourceRoot":"","sources":["../../../src/components/SettingsModal/PreviewTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,eAAe;IACvB,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,EAAE,GAAG,CAAC;CACb;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,OAAO,GAChB,EAAE,eAAe,qBAcjB"}

package/dist/components/SettingsModal/PreviewTab.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PreviewTab = PreviewTab;
+const react_1 = __importDefault(require("react"));
+function PreviewTab({ block: _block, editor: _editor, }) {
+    return (react_1.default.createElement("div", { className: "space-y-6" },
+        react_1.default.createElement("div", null,
+            react_1.default.createElement("h2", { className: "text-2xl font-semibold" }, "Preview"),
+            react_1.default.createElement("p", { className: "text-muted-foreground mt-1" }, "Preview how your block will appear")),
+        react_1.default.createElement("p", { className: "text-muted-foreground" }, "Preview functionality coming soon...")));
+}

package/dist/components/SettingsModal/SettingsModal.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export interface TabConfig {
+    id: string;
+    label: string;
+    content: React.ReactNode;
+}
+interface SettingsModalProps {
+    tabs: TabConfig[];
+    onAddToPage: () => void;
+    loading?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare function SettingsModal({ tabs, onAddToPage, loading, open, onOpenChange, }: SettingsModalProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=SettingsModal.d.ts.map

package/dist/components/SettingsModal/SettingsModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsModal.d.ts","sourceRoot":"","sources":["../../../src/components/SettingsModal/SettingsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,UAAU,kBAAkB;IAC1B,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,WAAW,EACX,OAAe,EACf,IAAI,EACJ,YAAY,GACb,EAAE,kBAAkB,qBAiCpB"}

package/dist/components/SettingsModal/SettingsModal.js

@@ -0,0 +1,61 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsModal = SettingsModal;
+const react_1 = __importStar(require("react"));
+const button_1 = require("../ui/button");
+const dialog_1 = require("../ui/dialog");
+const PenIcon_1 = __importDefault(require("../PenIcon"));
+const SettingsNavigation_1 = require("./SettingsNavigation");
+function SettingsModal({ tabs, onAddToPage, loading = false, open, onOpenChange, }) {
+    const [activeTab, setActiveTab] = (0, react_1.useState)(tabs[0]?.id || "general");
+    const navigationItems = tabs.map((tab) => ({
+        id: tab.id,
+        label: tab.label,
+    }));
+    const activeTabContent = tabs.find((tab) => tab.id === activeTab)?.content;
+    return (react_1.default.createElement(dialog_1.Dialog, { open: open, onOpenChange: onOpenChange },
+        react_1.default.createElement(dialog_1.DialogTrigger, { asChild: true },
+            react_1.default.createElement(button_1.Button, { variant: "secondary", className: "font-semibold" },
+                react_1.default.createElement(PenIcon_1.default, null),
+                " Edit")),
+        react_1.default.createElement(dialog_1.DialogContent, { className: "max-w-4xl h-[600px] p-0 rounded-2xl" },
+            react_1.default.createElement("div", { className: "flex h-full overflow-hidden" },
+                react_1.default.createElement(SettingsNavigation_1.SettingsNavigation, { activeTab: activeTab, onTabChange: setActiveTab, onAddToPage: onAddToPage, navigationItems: navigationItems, loading: loading }),
+                react_1.default.createElement("div", { className: "flex-1 p-6 overflow-y-auto" }, activeTabContent)))));
+}

package/dist/components/SettingsModal/SettingsNavigation.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface NavigationItem {
+    id: string;
+    label: string;
+}
+interface SettingsNavigationProps {
+    activeTab: string;
+    onTabChange: (tabId: string) => void;
+    onAddToPage: () => void;
+    navigationItems: NavigationItem[];
+    loading?: boolean;
+}
+export declare function SettingsNavigation({ activeTab, onTabChange, onAddToPage, navigationItems, loading, }: SettingsNavigationProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=SettingsNavigation.d.ts.map

package/dist/components/SettingsModal/SettingsNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/SettingsModal/SettingsNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,cAAc;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,uBAAuB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,WAAW,EACX,WAAW,EACX,eAAe,EACf,OAAe,GAChB,EAAE,uBAAuB,qBAoCzB"}

package/dist/components/SettingsModal/SettingsNavigation.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsNavigation = SettingsNavigation;
+const react_1 = __importDefault(require("react"));
+const button_1 = require("../ui/button");
+const lucide_react_1 = require("lucide-react");
+function SettingsNavigation({ activeTab, onTabChange, onAddToPage, navigationItems, loading = false, }) {
+    return (react_1.default.createElement("div", { className: "w-56 border-r bg-muted/50 p-6 flex flex-col" },
+        react_1.default.createElement("nav", { className: "space-y-2 flex-1" }, navigationItems.map((item) => (react_1.default.createElement("button", { key: item.id, onClick: () => !loading && onTabChange(item.id), disabled: loading, className: `w-full text-left px-3 py-2 rounded-md text-sm font-medium transition-colors ${activeTab === item.id
+                ? "bg-primary text-primary-foreground"
+                : "text-muted-foreground hover:text-foreground hover:bg-muted"} ${loading ? "opacity-50 cursor-not-allowed" : ""}` },
+            item.label,
+            loading && item.id !== activeTab && (react_1.default.createElement("div", { className: "inline-block ml-2 animate-spin rounded-full h-3 w-3 border-b border-current opacity-50" })))))),
+        react_1.default.createElement("div", { className: "mt-auto pt-4" },
+            react_1.default.createElement(button_1.Button, { onClick: onAddToPage, disabled: loading, className: "w-full bg-black hover:bg-black/90 text-white rounded-md justify-start px-3 py-2 disabled:opacity-50 disabled:cursor-not-allowed" },
+                react_1.default.createElement(lucide_react_1.CheckIcon, { className: "mr-2 h-4 w-4" }),
+                "Add to page"))));
+}

package/dist/components/SettingsModal/index.d.ts

@@ -0,0 +1,8 @@
+export { SettingsModal, type TabConfig } from "./SettingsModal";
+export { SettingsNavigation } from "./SettingsNavigation";
+export { GeneralTab } from "./GeneralTab";
+export { AdvancedTab } from "./AdvancedTab";
+export { PreviewTab } from "./PreviewTab";
+export { DomainPreview } from "./DomainPreview";
+export { FeatureASettings } from "./FeatureASettings";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SettingsModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SettingsModal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/SettingsModal/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureASettings = exports.DomainPreview = exports.PreviewTab = exports.AdvancedTab = exports.GeneralTab = exports.SettingsNavigation = exports.SettingsModal = void 0;
+var SettingsModal_1 = require("./SettingsModal");
+Object.defineProperty(exports, "SettingsModal", { enumerable: true, get: function () { return SettingsModal_1.SettingsModal; } });
+var SettingsNavigation_1 = require("./SettingsNavigation");
+Object.defineProperty(exports, "SettingsNavigation", { enumerable: true, get: function () { return SettingsNavigation_1.SettingsNavigation; } });
+var GeneralTab_1 = require("./GeneralTab");
+Object.defineProperty(exports, "GeneralTab", { enumerable: true, get: function () { return GeneralTab_1.GeneralTab; } });
+var AdvancedTab_1 = require("./AdvancedTab");
+Object.defineProperty(exports, "AdvancedTab", { enumerable: true, get: function () { return AdvancedTab_1.AdvancedTab; } });
+var PreviewTab_1 = require("./PreviewTab");
+Object.defineProperty(exports, "PreviewTab", { enumerable: true, get: function () { return PreviewTab_1.PreviewTab; } });
+var DomainPreview_1 = require("./DomainPreview");
+Object.defineProperty(exports, "DomainPreview", { enumerable: true, get: function () { return DomainPreview_1.DomainPreview; } });
+var FeatureASettings_1 = require("./FeatureASettings");
+Object.defineProperty(exports, "FeatureASettings", { enumerable: true, get: function () { return FeatureASettings_1.FeatureASettings; } });

package/dist/components/SwitchOption.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface SwitchOptionProps {
+    label: string;
+    description: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+export default function SwitchOption({ label, description, checked, onChange, }: SwitchOptionProps): React.JSX.Element;
+//# sourceMappingURL=SwitchOption.d.ts.map

package/dist/components/SwitchOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchOption.d.ts","sourceRoot":"","sources":["../../src/components/SwitchOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,GACT,EAAE,iBAAiB,qBAkBnB"}

package/dist/components/SwitchOption.js

@@ -0,0 +1,45 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SwitchOption;
+const React = __importStar(require("react"));
+const switch_1 = require("./ui/switch");
+function SwitchOption({ label, description, checked, onChange, }) {
+    return (React.createElement("div", { className: "flex w-full max-w-md items-start justify-between gap-4 py-2" },
+        React.createElement("div", { className: "flex flex-col" },
+            React.createElement("span", { className: "text-sm font-medium leading-none" }, label),
+            React.createElement("span", { className: "mt-1 text-sm text-muted-foreground" }, description)),
+        React.createElement(switch_1.Switch, { id: label, "aria-label": label, checked: checked, onCheckedChange: onChange })));
+}

package/dist/components/icons/ArchiveIcon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface ArchiveIconProps {
+    size?: number;
+    className?: string;
+    color?: "primary" | "secondary" | "accent";
+}
+export default function ArchiveIcon({ size, className, color, }: ArchiveIconProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ArchiveIcon.d.ts.map

package/dist/components/icons/ArchiveIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchiveIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ArchiveIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;CAC5C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAS,EACT,SAAc,EACd,KAAmB,GACpB,EAAE,gBAAgB,qBAyBlB"}

package/dist/components/icons/ArchiveIcon.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ArchiveIcon;
+const react_1 = __importDefault(require("react"));
+function ArchiveIcon({ size = 16, className = "", color = "secondary", }) {
+    const colors = {
+        primary: "#2F2F2F",
+        secondary: "#9B9B9B",
+        accent: "#1976D2",
+    };
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: colors[color], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: `transition-colors duration-200 ${className}` },
+        react_1.default.createElement("rect", { width: "20", height: "5", x: "2", y: "3", rx: "1" }),
+        react_1.default.createElement("path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" }),
+        react_1.default.createElement("path", { d: "M10 12h4" })));
+}

package/dist/components/icons/AudioIcon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface AudioIconProps {
+    size?: number;
+    className?: string;
+    color?: "primary" | "secondary" | "accent";
+}
+export default function AudioIcon({ size, className, color, }: AudioIconProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=AudioIcon.d.ts.map

package/dist/components/icons/AudioIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/AudioIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;CAC5C;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAS,EACT,SAAc,EACd,KAAmB,GACpB,EAAE,cAAc,qBAwBhB"}

package/dist/components/icons/AudioIcon.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = AudioIcon;
+const react_1 = __importDefault(require("react"));
+function AudioIcon({ size = 16, className = "", color = "secondary", }) {
+    const colors = {
+        primary: "#2F2F2F",
+        secondary: "#9B9B9B",
+        accent: "#1976D2",
+    };
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: colors[color], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: `transition-colors duration-200 ${className}` },
+        react_1.default.createElement("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+        react_1.default.createElement("path", { d: "m19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07" })));
+}

package/dist/components/icons/DefaultIcon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface DefaultIconProps {
+    size?: number;
+    className?: string;
+    color?: "primary" | "secondary" | "accent";
+}
+export default function DefaultIcon({ size, className, color, }: DefaultIconProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=DefaultIcon.d.ts.map

package/dist/components/icons/DefaultIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/DefaultIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;CAC5C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAS,EACT,SAAc,EACd,KAAmB,GACpB,EAAE,gBAAgB,qBAwBlB"}

package/dist/components/icons/DefaultIcon.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DefaultIcon;
+const react_1 = __importDefault(require("react"));
+function DefaultIcon({ size = 16, className = "", color = "secondary", }) {
+    const colors = {
+        primary: "#2F2F2F",
+        secondary: "#9B9B9B",
+        accent: "#1976D2",
+    };
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: colors[color], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: `transition-colors duration-200 ${className}` },
+        react_1.default.createElement("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }),
+        react_1.default.createElement("polyline", { points: "14,2 14,8 20,8" })));
+}

package/dist/components/icons/DocumentIcon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface DocumentIconProps {
+    size?: number;
+    className?: string;
+    color?: "primary" | "secondary" | "accent";
+}
+export default function DocumentIcon({ size, className, color, }: DocumentIconProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=DocumentIcon.d.ts.map

package/dist/components/icons/DocumentIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/DocumentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,iBAAiB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;CAC5C;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAS,EACT,SAAc,EACd,KAAmB,GACpB,EAAE,iBAAiB,qBA2BnB"}

package/dist/components/icons/DocumentIcon.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DocumentIcon;
+const react_1 = __importDefault(require("react"));
+function DocumentIcon({ size = 16, className = "", color = "secondary", }) {
+    const colors = {
+        primary: "#2F2F2F",
+        secondary: "#9B9B9B",
+        accent: "#1976D2",
+    };
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: colors[color], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: `transition-colors duration-200 ${className}` },
+        react_1.default.createElement("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }),
+        react_1.default.createElement("polyline", { points: "14,2 14,8 20,8" }),
+        react_1.default.createElement("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+        react_1.default.createElement("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+        react_1.default.createElement("polyline", { points: "10,9 9,9 8,9" })));
+}

package/dist/components/icons/ImageIcon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface ImageIconProps {
+    size?: number;
+    className?: string;
+    color?: "primary" | "secondary" | "accent";
+}
+export default function ImageIcon({ size, className, color, }: ImageIconProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ImageIcon.d.ts.map

package/dist/components/icons/ImageIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ImageIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;CAC5C;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAS,EACT,SAAc,EACd,KAAmB,GACpB,EAAE,cAAc,qBAyBhB"}

package/dist/components/icons/ImageIcon.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ImageIcon;
+const react_1 = __importDefault(require("react"));
+function ImageIcon({ size = 16, className = "", color = "secondary", }) {
+    const colors = {
+        primary: "#2F2F2F",
+        secondary: "#9B9B9B",
+        accent: "#1976D2",
+    };
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: colors[color], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: `transition-colors duration-200 ${className}` },
+        react_1.default.createElement("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
+        react_1.default.createElement("circle", { cx: "9", cy: "9", r: "2" }),
+        react_1.default.createElement("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })));
+}