@widgetic/editor 3.11.4 → 4.0.1

package/dist/components/ic/shared/RecentItemsSection.svelte.d.ts

@@ -0,0 +1,35 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const RecentItemsSection: $$__sveltets_2_IsomorphicComponent<{
+    recentItems?: any[];
+    title?: string;
+    onItemSelect: (item: any) => void;
+    onItemDelete: (item: any, event: Event) => void;
+    isItemSelected: (item: any) => boolean;
+    renderItem: (item: any) => {
+        html: string;
+    } | string;
+    isCustomItem: (item: any) => boolean;
+    getItemKey: (item: any) => string;
+    observeItem?: ((node: HTMLElement) => {
+        destroy: () => void;
+    }) | undefined;
+    displayMode?: "list" | "grid";
+    hideTrashIcon?: boolean;
+    itemType?: "font" | "vector";
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type RecentItemsSection = InstanceType<typeof RecentItemsSection>;
+export default RecentItemsSection;

package/dist/components/ic/shared/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Shared Input Controller Components
+ *
+ * This module exports reusable components for Input Controllers
+ * like Vector Input and Font Input that share common UI patterns.
+ */
+export { default as RecentItemsSection } from './RecentItemsSection.svelte';
+export { default as ItemGrid } from './ItemGrid.svelte';

package/dist/components/ic/shared/index.js

@@ -0,0 +1,9 @@
+/**
+ * Shared Input Controller Components
+ *
+ * This module exports reusable components for Input Controllers
+ * like Vector Input and Font Input that share common UI patterns.
+ */
+// Export shared components
+export { default as RecentItemsSection } from './RecentItemsSection.svelte';
+export { default as ItemGrid } from './ItemGrid.svelte';

package/dist/components/icons/addnew.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  // Add type definition for props
+  interface $$Props {
+    class?: string;
+  }
+  
+  // Accept class prop
+  let { class: className = '' } = $$props;
+</script>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1064_344)">
+<rect width="24" height="24" rx="12" fill="#314F2F"/>
+<path d="M12 5V19" stroke="#F1F6E8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 12H19" stroke="#F1F6E8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1064_344">
+<rect width="24" height="24" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/components/icons/addnew.svelte.d.ts

@@ -0,0 +1,20 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Addnew: $$__sveltets_2_IsomorphicComponent<{
+    class?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Addnew = InstanceType<typeof Addnew>;
+export default Addnew;

package/dist/components/icons/drag.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+  // Add type definition for props
+  interface $$Props {
+    class?: string;
+  }
+  
+  // Accept class prop
+  let { class: className = '' } = $$props;
+</script>
+<svg width="66" height="24" viewBox="0 0 66 24" fill="none" xmlns="http://www.w3.org/2000/svg" class={className}>
+<path d="M47 16C47.2652 16 47.5196 15.8946 47.7071 15.7071C47.8946 15.5196 48 15.2652 48 15C48 14.7348 47.8946 14.4804 47.7071 14.2929C47.5196 14.1054 47.2652 14 47 14C46.7348 14 46.4804 14.1054 46.2929 14.2929C46.1054 14.4804 46 14.7348 46 15C46 15.2652 46.1054 15.5196 46.2929 15.7071C46.4804 15.8946 46.7348 16 47 16Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M54 16C54.2652 16 54.5196 15.8946 54.7071 15.7071C54.8946 15.5196 55 15.2652 55 15C55 14.7348 54.8946 14.4804 54.7071 14.2929C54.5196 14.1054 54.2652 14 54 14C53.7348 14 53.4804 14.1054 53.2929 14.2929C53.1054 14.4804 53 14.7348 53 15C53 15.2652 53.1054 15.5196 53.2929 15.7071C53.4804 15.8946 53.7348 16 54 16Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M61 16C61.2652 16 61.5196 15.8946 61.7071 15.7071C61.8946 15.5196 62 15.2652 62 15C62 14.7348 61.8946 14.4804 61.7071 14.2929C61.5196 14.1054 61.2652 14 61 14C60.7348 14 60.4804 14.1054 60.2929 14.2929C60.1054 14.4804 60 14.7348 60 15C60 15.2652 60.1054 15.5196 60.2929 15.7071C60.4804 15.8946 60.7348 16 61 16Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M47 10C47.2652 10 47.5196 9.89464 47.7071 9.70711C47.8946 9.51957 48 9.26522 48 9C48 8.73478 47.8946 8.48043 47.7071 8.29289C47.5196 8.10536 47.2652 8 47 8C46.7348 8 46.4804 8.10536 46.2929 8.29289C46.1054 8.48043 46 8.73478 46 9C46 9.26522 46.1054 9.51957 46.2929 9.70711C46.4804 9.89464 46.7348 10 47 10Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M54 10C54.2652 10 54.5196 9.89464 54.7071 9.70711C54.8946 9.51957 55 9.26522 55 9C55 8.73478 54.8946 8.48043 54.7071 8.29289C54.5196 8.10536 54.2652 8 54 8C53.7348 8 53.4804 8.10536 53.2929 8.29289C53.1054 8.48043 53 8.73478 53 9C53 9.26522 53.1054 9.51957 53.2929 9.70711C53.4804 9.89464 53.7348 10 54 10Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M61 10C61.2652 10 61.5196 9.89464 61.7071 9.70711C61.8946 9.51957 62 9.26522 62 9C62 8.73478 61.8946 8.48043 61.7071 8.29289C61.5196 8.10536 61.2652 8 61 8C60.7348 8 60.4804 8.10536 60.2929 8.29289C60.1054 8.48043 60 8.73478 60 9C60 9.26522 60.1054 9.51957 60.2929 9.70711C60.4804 9.89464 60.7348 10 61 10Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M26 16C26.2652 16 26.5196 15.8946 26.7071 15.7071C26.8946 15.5196 27 15.2652 27 15C27 14.7348 26.8946 14.4804 26.7071 14.2929C26.5196 14.1054 26.2652 14 26 14C25.7348 14 25.4804 14.1054 25.2929 14.2929C25.1054 14.4804 25 14.7348 25 15C25 15.2652 25.1054 15.5196 25.2929 15.7071C25.4804 15.8946 25.7348 16 26 16Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M33 16C33.2652 16 33.5196 15.8946 33.7071 15.7071C33.8946 15.5196 34 15.2652 34 15C34 14.7348 33.8946 14.4804 33.7071 14.2929C33.5196 14.1054 33.2652 14 33 14C32.7348 14 32.4804 14.1054 32.2929 14.2929C32.1054 14.4804 32 14.7348 32 15C32 15.2652 32.1054 15.5196 32.2929 15.7071C32.4804 15.8946 32.7348 16 33 16Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M40 16C40.2652 16 40.5196 15.8946 40.7071 15.7071C40.8946 15.5196 41 15.2652 41 15C41 14.7348 40.8946 14.4804 40.7071 14.2929C40.5196 14.1054 40.2652 14 40 14C39.7348 14 39.4804 14.1054 39.2929 14.2929C39.1054 14.4804 39 14.7348 39 15C39 15.2652 39.1054 15.5196 39.2929 15.7071C39.4804 15.8946 39.7348 16 40 16Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M26 10C26.2652 10 26.5196 9.89464 26.7071 9.70711C26.8946 9.51957 27 9.26522 27 9C27 8.73478 26.8946 8.48043 26.7071 8.29289C26.5196 8.10536 26.2652 8 26 8C25.7348 8 25.4804 8.10536 25.2929 8.29289C25.1054 8.48043 25 8.73478 25 9C25 9.26522 25.1054 9.51957 25.2929 9.70711C25.4804 9.89464 25.7348 10 26 10Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M33 10C33.2652 10 33.5196 9.89464 33.7071 9.70711C33.8946 9.51957 34 9.26522 34 9C34 8.73478 33.8946 8.48043 33.7071 8.29289C33.5196 8.10536 33.2652 8 33 8C32.7348 8 32.4804 8.10536 32.2929 8.29289C32.1054 8.48043 32 8.73478 32 9C32 9.26522 32.1054 9.51957 32.2929 9.70711C32.4804 9.89464 32.7348 10 33 10Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M40 10C40.2652 10 40.5196 9.89464 40.7071 9.70711C40.8946 9.51957 41 9.26522 41 9C41 8.73478 40.8946 8.48043 40.7071 8.29289C40.5196 8.10536 40.2652 8 40 8C39.7348 8 39.4804 8.10536 39.2929 8.29289C39.1054 8.48043 39 8.73478 39 9C39 9.26522 39.1054 9.51957 39.2929 9.70711C39.4804 9.89464 39.7348 10 40 10Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 16C5.26522 16 5.51957 15.8946 5.70711 15.7071C5.89464 15.5196 6 15.2652 6 15C6 14.7348 5.89464 14.4804 5.70711 14.2929C5.51957 14.1054 5.26522 14 5 14C4.73478 14 4.48043 14.1054 4.29289 14.2929C4.10536 14.4804 4 14.7348 4 15C4 15.2652 4.10536 15.5196 4.29289 15.7071C4.48043 15.8946 4.73478 16 5 16Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 16C12.2652 16 12.5196 15.8946 12.7071 15.7071C12.8946 15.5196 13 15.2652 13 15C13 14.7348 12.8946 14.4804 12.7071 14.2929C12.5196 14.1054 12.2652 14 12 14C11.7348 14 11.4804 14.1054 11.2929 14.2929C11.1054 14.4804 11 14.7348 11 15C11 15.2652 11.1054 15.5196 11.2929 15.7071C11.4804 15.8946 11.7348 16 12 16Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 16C19.2652 16 19.5196 15.8946 19.7071 15.7071C19.8946 15.5196 20 15.2652 20 15C20 14.7348 19.8946 14.4804 19.7071 14.2929C19.5196 14.1054 19.2652 14 19 14C18.7348 14 18.4804 14.1054 18.2929 14.2929C18.1054 14.4804 18 14.7348 18 15C18 15.2652 18.1054 15.5196 18.2929 15.7071C18.4804 15.8946 18.7348 16 19 16Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 10C5.26522 10 5.51957 9.89464 5.70711 9.70711C5.89464 9.51957 6 9.26522 6 9C6 8.73478 5.89464 8.48043 5.70711 8.29289C5.51957 8.10536 5.26522 8 5 8C4.73478 8 4.48043 8.10536 4.29289 8.29289C4.10536 8.48043 4 8.73478 4 9C4 9.26522 4.10536 9.51957 4.29289 9.70711C4.48043 9.89464 4.73478 10 5 10Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 10C12.2652 10 12.5196 9.89464 12.7071 9.70711C12.8946 9.51957 13 9.26522 13 9C13 8.73478 12.8946 8.48043 12.7071 8.29289C12.5196 8.10536 12.2652 8 12 8C11.7348 8 11.4804 8.10536 11.2929 8.29289C11.1054 8.48043 11 8.73478 11 9C11 9.26522 11.1054 9.51957 11.2929 9.70711C11.4804 9.89464 11.7348 10 12 10Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 10C19.2652 10 19.5196 9.89464 19.7071 9.70711C19.8946 9.51957 20 9.26522 20 9C20 8.73478 19.8946 8.48043 19.7071 8.29289C19.5196 8.10536 19.2652 8 19 8C18.7348 8 18.4804 8.10536 18.2929 8.29289C18.1054 8.48043 18 8.73478 18 9C18 9.26522 18.1054 9.51957 18.2929 9.70711C18.4804 9.89464 18.7348 10 19 10Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/components/icons/drag.svelte.d.ts

@@ -0,0 +1,20 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Drag: $$__sveltets_2_IsomorphicComponent<{
+    class?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Drag = InstanceType<typeof Drag>;
+export default Drag;

package/dist/components/icons/drag.svg

@@ -0,0 +1 @@
+<svg fill="none" height="24" viewBox="0 0 66 24" width="66" xmlns="http://www.w3.org/2000/svg"><g stroke="#f0f0f0" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m47 16c.2652 0 .5196-.1054.7071-.2929s.2929-.4419.2929-.7071-.1054-.5196-.2929-.7071-.4419-.2929-.7071-.2929-.5196.1054-.7071.2929-.2929.4419-.2929.7071.1054.5196.2929.7071.4419.2929.7071.2929z"/><path d="m54 16c.2652 0 .5196-.1054.7071-.2929s.2929-.4419.2929-.7071-.1054-.5196-.2929-.7071-.4419-.2929-.7071-.2929-.5196.1054-.7071.2929-.2929.4419-.2929.7071.1054.5196.2929.7071.4419.2929.7071.2929z"/><path d="m61 16c.2652 0 .5196-.1054.7071-.2929s.2929-.4419.2929-.7071-.1054-.5196-.2929-.7071-.4419-.2929-.7071-.2929-.5196.1054-.7071.2929-.2929.4419-.2929.7071.1054.5196.2929.7071.4419.2929.7071.2929z"/><path d="m47 10c.2652 0 .5196-.10536.7071-.29289.1875-.18754.2929-.44189.2929-.70711s-.1054-.51957-.2929-.70711c-.1875-.18753-.4419-.29289-.7071-.29289s-.5196.10536-.7071.29289c-.1875.18754-.2929.44189-.2929.70711s.1054.51957.2929.70711c.1875.18753.4419.29289.7071.29289z"/><path d="m54 10c.2652 0 .5196-.10536.7071-.29289.1875-.18754.2929-.44189.2929-.70711s-.1054-.51957-.2929-.70711c-.1875-.18753-.4419-.29289-.7071-.29289s-.5196.10536-.7071.29289c-.1875.18754-.2929.44189-.2929.70711s.1054.51957.2929.70711c.1875.18753.4419.29289.7071.29289z"/><path d="m61 10c.2652 0 .5196-.10536.7071-.29289.1875-.18754.2929-.44189.2929-.70711s-.1054-.51957-.2929-.70711c-.1875-.18753-.4419-.29289-.7071-.29289s-.5196.10536-.7071.29289c-.1875.18754-.2929.44189-.2929.70711s.1054.51957.2929.70711c.1875.18753.4419.29289.7071.29289z"/><path d="m26 16c.2652 0 .5196-.1054.7071-.2929s.2929-.4419.2929-.7071-.1054-.5196-.2929-.7071-.4419-.2929-.7071-.2929-.5196.1054-.7071.2929-.2929.4419-.2929.7071.1054.5196.2929.7071.4419.2929.7071.2929z"/><path d="m33 16c.2652 0 .5196-.1054.7071-.2929s.2929-.4419.2929-.7071-.1054-.5196-.2929-.7071-.4419-.2929-.7071-.2929-.5196.1054-.7071.2929-.2929.4419-.2929.7071.1054.5196.2929.7071.4419.2929.7071.2929z"/><path d="m40 16c.2652 0 .5196-.1054.7071-.2929s.2929-.4419.2929-.7071-.1054-.5196-.2929-.7071-.4419-.2929-.7071-.2929-.5196.1054-.7071.2929-.2929.4419-.2929.7071.1054.5196.2929.7071.4419.2929.7071.2929z"/><path d="m26 10c.2652 0 .5196-.10536.7071-.29289.1875-.18754.2929-.44189.2929-.70711s-.1054-.51957-.2929-.70711c-.1875-.18753-.4419-.29289-.7071-.29289s-.5196.10536-.7071.29289c-.1875.18754-.2929.44189-.2929.70711s.1054.51957.2929.70711c.1875.18753.4419.29289.7071.29289z"/><path d="m33 10c.2652 0 .5196-.10536.7071-.29289.1875-.18754.2929-.44189.2929-.70711s-.1054-.51957-.2929-.70711c-.1875-.18753-.4419-.29289-.7071-.29289s-.5196.10536-.7071.29289c-.1875.18754-.2929.44189-.2929.70711s.1054.51957.2929.70711c.1875.18753.4419.29289.7071.29289z"/><path d="m40 10c.2652 0 .5196-.10536.7071-.29289.1875-.18754.2929-.44189.2929-.70711s-.1054-.51957-.2929-.70711c-.1875-.18753-.4419-.29289-.7071-.29289s-.5196.10536-.7071.29289c-.1875.18754-.2929.44189-.2929.70711s.1054.51957.2929.70711c.1875.18753.4419.29289.7071.29289z"/><path d="m5 16c.26522 0 .51957-.1054.70711-.2929.18753-.1875.29289-.4419.29289-.7071s-.10536-.5196-.29289-.7071c-.18754-.1875-.44189-.2929-.70711-.2929s-.51957.1054-.70711.2929c-.18753.1875-.29289.4419-.29289.7071s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929z"/><path d="m12 16c.2652 0 .5196-.1054.7071-.2929s.2929-.4419.2929-.7071-.1054-.5196-.2929-.7071-.4419-.2929-.7071-.2929-.5196.1054-.7071.2929-.2929.4419-.2929.7071.1054.5196.2929.7071.4419.2929.7071.2929z"/><path d="m19 16c.2652 0 .5196-.1054.7071-.2929s.2929-.4419.2929-.7071-.1054-.5196-.2929-.7071-.4419-.2929-.7071-.2929-.5196.1054-.7071.2929-.2929.4419-.2929.7071.1054.5196.2929.7071.4419.2929.7071.2929z"/><path d="m5 10c.26522 0 .51957-.10536.70711-.29289.18753-.18754.29289-.44189.29289-.70711s-.10536-.51957-.29289-.70711c-.18754-.18753-.44189-.29289-.70711-.29289s-.51957.10536-.70711.29289c-.18753.18754-.29289.44189-.29289.70711s.10536.51957.29289.70711c.18754.18753.44189.29289.70711.29289z"/><path d="m12 10c.2652 0 .5196-.10536.7071-.29289.1875-.18754.2929-.44189.2929-.70711s-.1054-.51957-.2929-.70711c-.1875-.18753-.4419-.29289-.7071-.29289s-.5196.10536-.7071.29289c-.1875.18754-.2929.44189-.2929.70711s.1054.51957.2929.70711c.1875.18753.4419.29289.7071.29289z"/><path d="m19 10c.2652 0 .5196-.10536.7071-.29289.1875-.18754.2929-.44189.2929-.70711s-.1054-.51957-.2929-.70711c-.1875-.18753-.4419-.29289-.7071-.29289s-.5196.10536-.7071.29289c-.1875.18754-.2929.44189-.2929.70711s.1054.51957.2929.70711c.1875.18753.4419.29289.7071.29289z"/></g></svg>

package/dist/components/icons/locked.svelte

@@ -0,0 +1,4 @@
+<svg width="12" height="22" viewBox="0 0 12 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 6C1 4.67392 1.52678 3.40215 2.46447 2.46447C3.40215 1.52678 4.67392 1 6 1C7.32608 1 8.59785 1.52678 9.53553 2.46447C10.4732 3.40215 11 4.67392 11 6V16C11 17.3261 10.4732 18.5979 9.53553 19.5355C8.59785 20.4732 7.32608 21 6 21C4.67392 21 3.40215 20.4732 2.46447 19.5355C1.52678 18.5979 1 17.3261 1 16V6Z" stroke="#7BA668" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="5" y="6" width="2" height="10" fill="#7BA668"/>
+</svg>

package/dist/components/icons/locked.svelte.d.ts

@@ -0,0 +1,26 @@
+export default Locked;
+type Locked = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string;
+};
+declare const Locked: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/icons/locked.svg

@@ -0,0 +1,4 @@
+<svg width="12" height="22" viewBox="0 0 12 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 6C1 4.67392 1.52678 3.40215 2.46447 2.46447C3.40215 1.52678 4.67392 1 6 1C7.32608 1 8.59785 1.52678 9.53553 2.46447C10.4732 3.40215 11 4.67392 11 6V16C11 17.3261 10.4732 18.5979 9.53553 19.5355C8.59785 20.4732 7.32608 21 6 21C4.67392 21 3.40215 20.4732 2.46447 19.5355C1.52678 18.5979 1 17.3261 1 16V6Z" stroke="#7BA668" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="5" y="6" width="2" height="10" fill="#7BA668"/>
+</svg>

package/dist/components/icons/ok.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  // Add type definition for props
+  interface $$Props {
+    class?: string;
+  }
+  
+  // Accept class prop
+  let { class: className = '' } = $$props;
+</script>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="12" fill="#22C55D"/>
+<g clip-path="url(#clip0_1007_836)">
+<path d="M7.125 12.5L10.25 15.625L16.5 9.375" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1007_836">
+<rect width="15" height="15" fill="white" transform="translate(4 5)"/>
+</clipPath>
+</defs>
+</svg>

package/dist/components/icons/ok.svelte.d.ts

@@ -0,0 +1,20 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Ok: $$__sveltets_2_IsomorphicComponent<{
+    class?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Ok = InstanceType<typeof Ok>;
+export default Ok;

package/dist/components/icons/ok.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="12" fill="#22C55D"/>
+<g clip-path="url(#clip0_1007_836)">
+<path d="M7.125 12.5L10.25 15.625L16.5 9.375" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1007_836">
+<rect width="15" height="15" fill="white" transform="translate(4 5)"/>
+</clipPath>
+</defs>
+</svg>

package/dist/components/icons/unlocked.svelte

@@ -0,0 +1,4 @@
+<svg width="12" height="22" viewBox="0 0 12 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.17157 3.17157C3.92172 2.42143 4.93913 2 6 2C7.06087 2 8.07828 2.42143 8.82843 3.17157C9.57857 3.92172 10 4.93913 10 6V10H12V6C12 4.4087 11.3679 2.88258 10.2426 1.75736C9.11742 0.632141 7.5913 0 6 0C4.4087 0 2.88258 0.632141 1.75736 1.75736C0.632141 2.88258 0 4.4087 0 6V10H2V6C2 4.93913 2.42143 3.92172 3.17157 3.17157Z" fill="#666666"/>
+<path d="M2 12H0V16C0 17.5913 0.632141 19.1174 1.75736 20.2426C2.88258 21.3679 4.4087 22 6 22C7.5913 22 9.11742 21.3679 10.2426 20.2426C11.3679 19.1174 12 17.5913 12 16V12H10V16C10 17.0609 9.57857 18.0783 8.82843 18.8284C8.07828 19.5786 7.06087 20 6 20C4.93913 20 3.92172 19.5786 3.17157 18.8284C2.42143 18.0783 2 17.0609 2 16V12Z" fill="#666666"/>
+</svg>

package/dist/components/icons/unlocked.svelte.d.ts

@@ -0,0 +1,26 @@
+export default Unlocked;
+type Unlocked = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string;
+};
+declare const Unlocked: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/icons/unlocked.svg

@@ -0,0 +1,4 @@
+<svg width="12" height="22" viewBox="0 0 12 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.17157 3.17157C3.92172 2.42143 4.93913 2 6 2C7.06087 2 8.07828 2.42143 8.82843 3.17157C9.57857 3.92172 10 4.93913 10 6V10H12V6C12 4.4087 11.3679 2.88258 10.2426 1.75736C9.11742 0.632141 7.5913 0 6 0C4.4087 0 2.88258 0.632141 1.75736 1.75736C0.632141 2.88258 0 4.4087 0 6V10H2V6C2 4.93913 2.42143 3.92172 3.17157 3.17157Z" fill="#666666"/>
+<path d="M2 12H0V16C0 17.5913 0.632141 19.1174 1.75736 20.2426C2.88258 21.3679 4.4087 22 6 22C7.5913 22 9.11742 21.3679 10.2426 20.2426C11.3679 19.1174 12 17.5913 12 16V12H10V16C10 17.0609 9.57857 18.0783 8.82843 18.8284C8.07828 19.5786 7.06087 20 6 20C4.93913 20 3.92172 19.5786 3.17157 18.8284C2.42143 18.0783 2 17.0609 2 16V12Z" fill="#666666"/>
+</svg>

package/dist/components/icons/x.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  // Add type definition for props
+  interface $$Props {
+    class?: string;
+  }
+  
+  // Accept class prop
+  let { class: className = '' } = $$props;
+</script>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="12" fill="#EF4444"/>
+<path d="M15.6 8.59995L8.39996 15.7999" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.39996 8.59995L15.6 15.7999" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/components/icons/x.svelte.d.ts

@@ -0,0 +1,20 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const X: $$__sveltets_2_IsomorphicComponent<{
+    class?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type X = InstanceType<typeof X>;
+export default X;

package/dist/components/icons/x.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="12" fill="#EF4444"/>
+<path d="M15.6 8.59995L8.39996 15.7999" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.39996 8.59995L15.6 15.7999" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/components/ui/arrows/OpacitySliderArrows.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">
+  // Optional props for customization if needed
+  export let topArrowColor = "black";
+  export let topArrowInnerColor = "white";
+  export let bottomArrowColor = "black";
+  export let bottomArrowInnerColor = "white";
+</script>
+
+<div class="relative w-full h-full">
+  <!-- Top Arrow -->
+  <svg 
+    class="absolute -top-[8px] left-1/2 -translate-x-1/2 z-30 pointer-events-none" 
+    width="10" 
+    height="8" 
+    viewBox="0 0 10 8"
+  >
+    <polygon 
+      points="0,0 10,0 5,8"
+      fill={topArrowColor}
+    />
+    <polygon 
+      points="1,1 9,1 5,7"
+      fill={topArrowInnerColor}
+    />
+  </svg>
+
+  <!-- Bottom Arrow -->
+  <svg 
+    class="absolute -bottom-[8px] left-1/2 -translate-x-1/2 z-30 pointer-events-none" 
+    width="10" 
+    height="8" 
+    viewBox="0 0 10 8"
+  >
+    <polygon 
+      points="0,8 10,8 5,0"
+      fill={bottomArrowColor}
+    />
+    <polygon 
+      points="1,7 9,7 5,1"
+      fill={bottomArrowInnerColor}
+    />
+  </svg>
+</div>

package/dist/components/ui/arrows/OpacitySliderArrows.svelte.d.ts

@@ -0,0 +1,23 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const OpacitySliderArrows: $$__sveltets_2_IsomorphicComponent<{
+    topArrowColor?: string;
+    topArrowInnerColor?: string;
+    bottomArrowColor?: string;
+    bottomArrowInnerColor?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type OpacitySliderArrows = InstanceType<typeof OpacitySliderArrows>;
+export default OpacitySliderArrows;

package/dist/components/ui/checkerboard-background/CheckerboardBackground.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  export let className = '';
+</script>
+
+<div 
+  class={`w-full h-full ${className}`}
+  style="
+    background-image: linear-gradient(45deg, #808080 25%, transparent 25%), 
+      linear-gradient(-45deg, #808080 25%, transparent 25%), 
+      linear-gradient(45deg, transparent 75%, #808080 75%), 
+      linear-gradient(-45deg, transparent 75%, #808080 75%);
+    background-size: 8px 8px;
+    background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
+  "
+></div> 

package/dist/components/ui/checkerboard-background/CheckerboardBackground.svelte.d.ts

@@ -0,0 +1,20 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CheckerboardBackground: $$__sveltets_2_IsomorphicComponent<{
+    className?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type CheckerboardBackground = InstanceType<typeof CheckerboardBackground>;
+export default CheckerboardBackground;

package/dist/config.d.ts

@@ -0,0 +1,5 @@
+interface Config {
+    GOOGLE_FONTS_API_KEY: string;
+}
+export declare const config: Config;
+export {};

package/dist/config.js

@@ -0,0 +1,19 @@
+/**
+ * Google Fonts Web Fonts API key.
+ * Set in consuming app .env as PUBLIC_GOOGLE_FONTS_API_KEY or VITE_GOOGLE_FONTS_API_KEY.
+ * Avoids $env/static/public import so the library works when embedded in site/creator.
+ */
+function getGoogleFontsKey() {
+    if (typeof import.meta !== 'undefined' && import.meta.env) {
+        const fromVite = import.meta.env.VITE_GOOGLE_FONTS_API_KEY;
+        if (fromVite && String(fromVite).trim())
+            return String(fromVite).trim();
+        const fromPublicMeta = import.meta.env.PUBLIC_GOOGLE_FONTS_API_KEY;
+        if (fromPublicMeta && String(fromPublicMeta).trim())
+            return String(fromPublicMeta).trim();
+    }
+    return '';
+}
+export const config = {
+    GOOGLE_FONTS_API_KEY: getGoogleFontsKey(),
+};

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { default as PropsEditor } from './components/editors/PropsEditor.svelte';
+export { default as WidgetPreview } from './components/WidgetPreview.svelte';
+export { setFileBrowserUploadConfig } from '@widgetic/file-browser';
+export { default as EmbedEditor } from './components/editors/EmbedEditor.svelte';

package/dist/index.js

@@ -0,0 +1,8 @@
+// place files you want to import through the `$lib` alias in this folder.
+// EDITORS
+// Props Editor
+export { default as PropsEditor } from './components/editors/PropsEditor.svelte';
+export { default as WidgetPreview } from './components/WidgetPreview.svelte';
+export { setFileBrowserUploadConfig } from '@widgetic/file-browser';
+// Embed Editor
+export { default as EmbedEditor } from './components/editors/EmbedEditor.svelte';

package/dist/stores/userSession.d.ts

@@ -0,0 +1,7 @@
+export declare const userSession: import("svelte/store").Writable<{
+    user: any;
+    jwt: any;
+}>;
+export declare function setSession(user: any, jwt: any): void;
+export declare function clearSession(): void;
+export declare function restoreSession(): void;

package/dist/stores/userSession.js

@@ -0,0 +1,28 @@
+import { writable } from 'svelte/store';
+export const userSession = writable({
+    user: null,
+    jwt: null
+});
+export function setSession(user, jwt) {
+    userSession.set({ user, jwt });
+    if (jwt)
+        localStorage.setItem('jwt', jwt);
+    if (user)
+        localStorage.setItem('user', JSON.stringify(user));
+}
+export function clearSession() {
+    userSession.set({ user: null, jwt: null });
+    localStorage.removeItem('jwt');
+    localStorage.removeItem('user');
+}
+export function restoreSession() {
+    const jwt = localStorage.getItem('jwt');
+    const userStr = localStorage.getItem('user');
+    let user = null;
+    try {
+        if (userStr)
+            user = JSON.parse(userStr);
+    }
+    catch { }
+    userSession.set({ user, jwt });
+}