@codeenvision/ui-webcomponents 1.0.0

package/dist/components/web-components/chart.js

@@ -0,0 +1,108 @@
+import { Chart } from "../Chart/Chart.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_CHART_PROPS = {
+    type: "bar",
+    title: "",
+    theme: "light",
+    showLegend: true,
+    showSummary: false,
+    data: { labels: [], datasets: [] },
+};
+const CHART_PROP_DEFINITIONS = [
+    { attribute: "type", prop: "type" },
+    { attribute: "title", prop: "title" },
+    { attribute: "theme", prop: "theme" },
+    { attribute: "show-legend", prop: "showLegend", type: "boolean" },
+    { attribute: "show-summary", prop: "showSummary", type: "boolean" },
+    { attribute: "data", prop: "data", type: "json" },
+];
+let chartId = 0;
+const applyChartParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "chart");
+    wrapper.setAttribute("part", "base");
+};
+const chartComponent = {
+    mount({ target, props }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-chart");
+        const elementId = existingWrapper?.id || `ce-chart-${++chartId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_CHART_PROPS, ...props };
+        if (existingWrapper) {
+            const typeClass = Array.from(existingWrapper.classList).find((entry) => entry.startsWith("ce-chart--"));
+            const type = typeClass?.replace("ce-chart--", "");
+            if (shouldUseDomValue(host, "type", type)) {
+                currentProps.type = (type ?? "bar");
+            }
+            if (shouldUseDomValue(host, "theme", existingWrapper.classList.contains("ce-chart--dark") ? "dark" : "light")) {
+                currentProps.theme = existingWrapper.classList.contains("ce-chart--dark") ? "dark" : "light";
+            }
+            const title = existingWrapper.querySelector(".ce-chart__header")?.textContent?.trim();
+            if (shouldUseDomValue(host, "title", title)) {
+                currentProps.title = title ?? "";
+            }
+        }
+        let instance = createInstance(wrapper, currentProps);
+        const destroy = () => {
+            instance?.destroy?.();
+            instance = undefined;
+            if (!existingWrapper) {
+                host.innerHTML = "";
+            }
+        };
+        const updateProps = (partial) => {
+            currentProps = { ...currentProps, ...partial };
+            instance?.destroy?.();
+            instance = createInstance(wrapper, currentProps);
+        };
+        function createInstance(container, propsToUse) {
+            let resolved = wrapper ?? container;
+            if (!resolved) {
+                host.innerHTML = "";
+                const nextWrapper = document.createElement("div");
+                nextWrapper.id = elementId;
+                host.appendChild(nextWrapper);
+                wrapper = nextWrapper;
+                resolved = nextWrapper;
+            }
+            else {
+                if (!resolved.id) {
+                    resolved.id = elementId;
+                }
+                if (!resolved.classList.contains("ce-chart")) {
+                    resolved.classList.add("ce-chart");
+                }
+            }
+            applyChartParts(resolved);
+            const instance = new Chart({
+                ...propsToUse,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper),
+            });
+            instance.init();
+            return instance;
+        }
+        return {
+            destroy,
+            updateProps(partial) {
+                updateProps(partial ?? {});
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_CHART_PROPS, ...props };
+        return `<div class="ce-chart ce-chart--${merged.type}" data-ce-component="chart" part="base"></div>`;
+    },
+};
+export function registerChartElement() {
+    return defineComponentElement({
+        tag: "ce-chart",
+        component: chartComponent,
+        props: CHART_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_CHART_PROPS,
+        shadow: false,
+        preserveLightDom: true,
+    });
+}
+//# sourceMappingURL=chart.js.map

package/dist/components/web-components/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../../components/web-components/chart.ts"],"names":[],"mappings":"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"}

package/dist/components/web-components/chat.d.ts

@@ -0,0 +1,7 @@
+import type { ChatOptions } from "../Chat/Chat.types.js";
+export type ChatProps = Omit<ChatOptions, "selector" | "onSend">;
+export interface ChatSendDetail {
+    value: string;
+}
+export declare function registerChatElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=chat.d.ts.map

package/dist/components/web-components/chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../components/web-components/chat.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAe,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAItE,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,QAAQ,CAAC,CAAC;AAEjE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;CACf;AA+JD,wBAAgB,mBAAmB,IAAI,wBAAwB,GAAG,SAAS,CAU1E"}

package/dist/components/web-components/chat.js

@@ -0,0 +1,162 @@
+import { Chat } from "../Chat/Chat.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_CHAT_PROPS = {
+    messages: [],
+    variant: "default",
+    showTypingIndicator: false,
+    typingLabel: undefined,
+    hideInput: false,
+    inputPlaceholder: "Type a message",
+    sendButtonLabel: "Send",
+    ariaLabel: "Chat conversation",
+};
+const CHAT_PROP_DEFINITIONS = [
+    { attribute: "messages", prop: "messages", type: "json" },
+    { attribute: "variant", prop: "variant" },
+    { attribute: "show-typing-indicator", prop: "showTypingIndicator", type: "boolean" },
+    { attribute: "typing-label", prop: "typingLabel" },
+    { attribute: "hide-input", prop: "hideInput", type: "boolean" },
+    { attribute: "input-placeholder", prop: "inputPlaceholder" },
+    { attribute: "send-button-label", prop: "sendButtonLabel" },
+    { attribute: "aria-label", prop: "ariaLabel" },
+];
+let chatId = 0;
+const applyChatParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "chat");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-chat__messages").forEach((node) => node.setAttribute("part", "messages"));
+    wrapper.querySelectorAll(".ce-chat__message").forEach((node) => node.setAttribute("part", "message"));
+    wrapper.querySelectorAll(".ce-chat__avatar").forEach((node) => node.setAttribute("part", "avatar"));
+    wrapper.querySelectorAll(".ce-chat__bubble").forEach((node) => node.setAttribute("part", "bubble"));
+    wrapper.querySelectorAll(".ce-chat__timestamp").forEach((node) => node.setAttribute("part", "timestamp"));
+    wrapper.querySelectorAll(".ce-chat__typing").forEach((node) => node.setAttribute("part", "typing"));
+    wrapper.querySelectorAll(".ce-chat__input").forEach((node) => node.setAttribute("part", "input"));
+    wrapper.querySelectorAll(".ce-chat__input input").forEach((node) => node.setAttribute("part", "input-field"));
+    wrapper.querySelectorAll(".ce-chat__input button").forEach((node) => node.setAttribute("part", "send-button"));
+};
+const parseChatMessages = (wrapper) => {
+    if (!wrapper) {
+        return [];
+    }
+    const messages = Array.from(wrapper.querySelectorAll(".ce-chat__message"));
+    return messages.map((messageEl, index) => {
+        const direction = messageEl.classList.contains("ce-chat__message--outgoing") ? "outgoing" : "incoming";
+        const authorText = messageEl.querySelector("strong")?.textContent?.trim() ?? "";
+        const author = authorText.replace(/:\s*$/, "") || undefined;
+        const content = messageEl.querySelector(".ce-chat__bubble span")?.textContent?.trim() ?? "";
+        const timestamp = messageEl.querySelector(".ce-chat__timestamp")?.textContent?.trim() ?? undefined;
+        const avatar = messageEl.querySelector(".ce-chat__avatar img");
+        return {
+            id: messageEl.getAttribute("data-id") ?? `message-${index + 1}`,
+            author,
+            content,
+            timestamp,
+            avatarUrl: avatar?.getAttribute("src") ?? undefined,
+            direction,
+        };
+    });
+};
+const chatComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-chat");
+        const elementId = existingWrapper?.id || `ce-chat-${++chatId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_CHAT_PROPS, ...props };
+        if (existingWrapper) {
+            const parsedMessages = parseChatMessages(existingWrapper);
+            if (shouldUseDomValue(host, "messages", parsedMessages)) {
+                currentProps.messages = parsedMessages;
+            }
+            if (shouldUseDomValue(host, "variant", existingWrapper.classList.contains("ce-chat--dark") ? "dark" : "default")) {
+                currentProps.variant = existingWrapper.classList.contains("ce-chat--dark") ? "dark" : "default";
+            }
+            const input = existingWrapper.querySelector(".ce-chat__input input");
+            const button = existingWrapper.querySelector(".ce-chat__input button");
+            if (shouldUseDomValue(host, "input-placeholder", input?.getAttribute("placeholder"))) {
+                currentProps.inputPlaceholder = input?.getAttribute("placeholder") ?? undefined;
+            }
+            if (shouldUseDomValue(host, "send-button-label", button?.textContent?.trim())) {
+                currentProps.sendButtonLabel = button?.textContent?.trim() ?? undefined;
+            }
+        }
+        let instance;
+        const render = () => {
+            if (!wrapper) {
+                host.innerHTML = "";
+                wrapper = document.createElement("div");
+                wrapper.id = elementId;
+                host.appendChild(wrapper);
+            }
+            else {
+                if (!wrapper.id) {
+                    wrapper.id = elementId;
+                }
+                if (!wrapper.classList.contains("ce-chat")) {
+                    wrapper.classList.add("ce-chat");
+                }
+            }
+            applyChatParts(wrapper);
+            instance?.destroy?.();
+            instance = new Chat({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper),
+                onSend: (value) => on?.send?.({ value }),
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_CHAT_PROPS, ...(props ?? {}) };
+        const themeClass = merged.variant === "dark" ? " ce-chat--dark" : "";
+        const messages = Array.isArray(merged.messages) ? merged.messages : [];
+        const list = messages
+            .map((m) => {
+            const direction = m.direction ?? "incoming";
+            const author = m.author ?? m.user ?? "";
+            const text = m.content ?? m.message ?? "";
+            const avatar = m.avatarUrl
+                ? `<div class="ce-chat__avatar" part="avatar"><img src="${m.avatarUrl}" alt="${author || "Chat avatar"}"></div>`
+                : "";
+            const ts = m.timestamp ? `<span class="ce-chat__timestamp" part="timestamp">${m.timestamp}</span>` : "";
+            const authorPrefix = author ? `<strong>${author}: </strong>` : "";
+            const messageId = m.id ? ` data-id="${m.id}"` : "";
+            return `<div class="ce-chat__message ce-chat__message--${direction}" part="message"${messageId}>${avatar}<div class="ce-chat__bubble" part="bubble">${authorPrefix}<span>${text}</span></div>${ts}</div>`;
+        })
+            .join("");
+        const typing = merged.showTypingIndicator
+            ? `<div class="ce-chat__message ce-chat__message--incoming" part="message"><div class="ce-chat__bubble" part="bubble"><div class="ce-chat__typing" part="typing"><span></span><span></span><span></span></div></div></div>`
+            : "";
+        const input = merged.hideInput
+            ? ""
+            : `<div class="ce-chat__input" part="input"><input type="text" part="input-field" placeholder="${merged.inputPlaceholder ?? ""}"><button type="button" part="send-button">${merged.sendButtonLabel ?? "Send"}</button></div>`;
+        return `<div class="ce-chat${themeClass}" data-ce-component="chat" part="base" role="region" aria-label="${merged.ariaLabel ?? "Chat conversation"}"><div class="ce-chat__messages" part="messages">${list}${typing}</div>${input}</div>`;
+    },
+};
+export function registerChatElement() {
+    return defineComponentElement({
+        tag: "ce-chat",
+        component: chatComponent,
+        props: CHAT_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_CHAT_PROPS,
+        shadow: false,
+        events: ["send"],
+        preserveLightDom: true,
+    });
+}
+//# sourceMappingURL=chat.js.map

package/dist/components/web-components/chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../components/web-components/chat.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,sBAAsB,EAAuB,MAAM,wCAAwC,CAAC;AACrG,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAQzD,MAAM,kBAAkB,GAAc;IACpC,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,SAAS;IAClB,mBAAmB,EAAE,KAAK;IAC1B,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,KAAK;IAChB,gBAAgB,EAAE,gBAAgB;IAClC,eAAe,EAAE,MAAM;IACvB,SAAS,EAAE,mBAAmB;CAC/B,CAAC;AAEF,MAAM,qBAAqB,GAAqC;IAC9D,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE;IACzD,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IACzC,EAAE,SAAS,EAAE,uBAAuB,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,EAAE;IACpF,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,EAAE;IAClD,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE;IAC/D,EAAE,SAAS,EAAE,mBAAmB,EAAE,IAAI,EAAE,kBAAkB,EAAE;IAC5D,EAAE,SAAS,EAAE,mBAAmB,EAAE,IAAI,EAAE,iBAAiB,EAAE;IAC3D,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE;CAC/C,CAAC;AAEF,IAAI,MAAM,GAAG,CAAC,CAAC;AAEf,MAAM,cAAc,GAAG,CAAC,OAAoB,EAAQ,EAAE;IACpD,OAAO,CAAC,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;IAClD,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,OAAO,CAAC,gBAAgB,CAAc,oBAAoB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IACrH,OAAO,CAAC,gBAAgB,CAAc,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IACnH,OAAO,CAAC,gBAAgB,CAAc,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IACjH,OAAO,CAAC,gBAAgB,CAAc,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IACjH,OAAO,CAAC,gBAAgB,CAAc,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACvH,OAAO,CAAC,gBAAgB,CAAc,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IACjH,OAAO,CAAC,gBAAgB,CAAc,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC/G,OAAO,CAAC,gBAAgB,CAAmB,uBAAuB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;IAChI,OAAO,CAAC,gBAAgB,CAAoB,wBAAwB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;AACpI,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,OAA2B,EAAiB,EAAE;IACvE,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAc,mBAAmB,CAAC,CAAC,CAAC;IACxF,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;QACvC,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;QACvG,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAChF,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,SAAS,CAAC;QAC5D,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAC5F,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAc,qBAAqB,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,SAAS,CAAC;QAChH,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAmB,sBAAsB,CAAC,CAAC;QACjF,OAAO;YACL,EAAE,EAAE,SAAS,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,WAAW,KAAK,GAAG,CAAC,EAAE;YAC/D,MAAM;YACN,OAAO;YACP,SAAS;YACT,SAAS,EAAE,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,IAAI,SAAS;YACnD,SAAS;SACV,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,aAAa,GAAgC;IACjD,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;QACzB,MAAM,IAAI,GAAG,MAAqB,CAAC;QACnC,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa,CAAc,UAAU,CAAC,CAAC;QACpE,MAAM,SAAS,GAAG,eAAe,EAAE,EAAE,IAAI,WAAW,EAAE,MAAM,EAAE,CAAC;QAC/D,IAAI,OAAO,GAAG,eAAe,IAAI,SAAS,CAAC;QAE3C,IAAI,YAAY,GAAc,EAAE,GAAG,kBAAkB,EAAE,GAAG,KAAK,EAAE,CAAC;QAClE,IAAI,eAAe,EAAE,CAAC;YACpB,MAAM,cAAc,GAAG,iBAAiB,CAAC,eAAe,CAAC,CAAC;YAC1D,IAAI,iBAAiB,CAAC,IAAI,EAAE,UAAU,EAAE,cAAc,CAAC,EAAE,CAAC;gBACxD,YAAY,CAAC,QAAQ,GAAG,cAAc,CAAC;YACzC,CAAC;YACD,IAAI,iBAAiB,CAAC,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC;gBACjH,YAAY,CAAC,OAAO,GAAG,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;YAClG,CAAC;YACD,MAAM,KAAK,GAAG,eAAe,CAAC,aAAa,CAAmB,uBAAuB,CAAC,CAAC;YACvF,MAAM,MAAM,GAAG,eAAe,CAAC,aAAa,CAAoB,wBAAwB,CAAC,CAAC;YAC1F,IAAI,iBAAiB,CAAC,IAAI,EAAE,mBAAmB,EAAE,KAAK,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC;gBACrF,YAAY,CAAC,gBAAgB,GAAG,KAAK,EAAE,YAAY,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC;YAClF,CAAC;YACD,IAAI,iBAAiB,CAAC,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;gBAC9E,YAAY,CAAC,eAAe,GAAG,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,SAAS,CAAC;YAC1E,CAAC;QACH,CAAC;QACD,IAAI,QAA0B,CAAC;QAE/B,MAAM,MAAM,GAAG,GAAS,EAAE;YACxB,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;gBACpB,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACxC,OAAO,CAAC,EAAE,GAAG,SAAS,CAAC;gBACvB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC5B,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;oBAChB,OAAO,CAAC,EAAE,GAAG,SAAS,CAAC;gBACzB,CAAC;gBACD,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;oBAC3C,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;gBACnC,CAAC;YACH,CAAC;YACD,cAAc,CAAC,OAAO,CAAC,CAAC;YAExB,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC;YACtB,QAAQ,GAAG,IAAI,IAAI,CAAC;gBAClB,GAAI,YAA0B;gBAC9B,QAAQ,EAAE,IAAI,SAAS,EAAE;gBACzB,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;gBACzB,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAA2B,CAAC;aAC5C,CAAC,CAAC;YACzB,QAAQ,CAAC,IAAI,EAAE,CAAC;QAClB,CAAC,CAAC;QAEF,MAAM,EAAE,CAAC;QAET,OAAO;YACL,OAAO;gBACL,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC;gBACtB,IAAI,CAAC,eAAe,EAAE,CAAC;oBACrB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;gBACtB,CAAC;YACH,CAAC;YACD,WAAW,CAAC,OAAO;gBACjB,YAAY,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE,CAAC;gBACvD,MAAM,EAAE,CAAC;YACX,CAAC;SACF,CAAC;IACJ,CAAC;IACD,cAAc,CAAC,KAAK;QAClB,MAAM,MAAM,GAAG,EAAE,GAAG,kBAAkB,EAAE,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,EAAsB,CAAC;QAC/E,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;QACrE,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAE,MAAM,CAAC,QAA0B,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1F,MAAM,IAAI,GAAG,QAAQ;aAClB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACT,MAAM,SAAS,GAAG,CAAC,CAAC,SAAS,IAAI,UAAU,CAAC;YAC5C,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;YACxC,MAAM,IAAI,GAAG,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC;YAC1C,MAAM,MAAM,GAAG,CAAC,CAAC,SAAS;gBACxB,CAAC,CAAC,wDAAwD,CAAC,CAAC,SAAS,UAAU,MAAM,IAAI,aAAa,UAAU;gBAChH,CAAC,CAAC,EAAE,CAAC;YACP,MAAM,EAAE,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;YACxG,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,WAAW,MAAM,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YAClE,MAAM,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YACnD,OAAO,kDAAkD,SAAS,mBAAmB,SAAS,IAAI,MAAM,8CAA8C,YAAY,SAAS,IAAI,gBAAgB,EAAE,QAAQ,CAAC;QAC5M,CAAC,CAAC;aACD,IAAI,CAAC,EAAE,CAAC,CAAC;QACZ,MAAM,MAAM,GAAG,MAAM,CAAC,mBAAmB;YACvC,CAAC,CAAC,yNAAyN;YAC3N,CAAC,CAAC,EAAE,CAAC;QACP,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS;YAC5B,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,+FAA+F,MAAM,CAAC,gBAAgB,IAAI,EAAE,8CAA8C,MAAM,CAAC,eAAe,IAAI,MAAM,iBAAiB,CAAC;QAChO,OAAO,sBAAsB,UAAU,oEAAoE,MAAM,CAAC,SAAS,IAAI,mBAAmB,oDAAoD,IAAI,GAAG,MAAM,SAAS,KAAK,QAAQ,CAAC;IAC5O,CAAC;CACF,CAAC;AAEF,MAAM,UAAU,mBAAmB;IACjC,OAAO,sBAAsB,CAAY;QACvC,GAAG,EAAE,SAAS;QACd,SAAS,EAAE,aAAa;QACxB,KAAK,EAAE,qBAAqB;QAC5B,YAAY,EAAE,kBAAkB;QAChC,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,CAAC,MAAM,CAAC;QAChB,gBAAgB,EAAE,IAAI;KACvB,CAAC,CAAC;AACL,CAAC"}

package/dist/components/web-components/checkbox.d.ts

@@ -0,0 +1,9 @@
+import type { CheckboxOptions } from "../Checkbox/Checkbox.types.js";
+export interface CheckboxProps extends Omit<CheckboxOptions, "selector" | "onChange">, Record<string, unknown> {
+    checked?: boolean;
+}
+export interface CheckboxChangeDetail {
+    checked: boolean;
+}
+export declare function registerCheckboxElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/web-components/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../components/web-components/checkbox.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGrE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC5G,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,OAAO,CAAC;CAClB;AAkFD,wBAAgB,uBAAuB,IAAI,wBAAwB,GAAG,SAAS,CAU9E"}

package/dist/components/web-components/checkbox.js

@@ -0,0 +1,83 @@
+import { Checkbox } from "../Checkbox/Checkbox.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+const DEFAULT_CHECKBOX_PROPS = {
+    checked: false,
+};
+const CHECKBOX_PROP_DEFINITIONS = [
+    { attribute: "checked", prop: "checked", type: "boolean" },
+];
+let checkboxId = 0;
+const applyCheckboxParts = (wrapper, input) => {
+    wrapper.setAttribute("data-ce-component", "checkbox");
+    wrapper.setAttribute("part", "base");
+    input.setAttribute("part", "input");
+};
+const checkboxComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingInput = host.querySelector('input[type="checkbox"]');
+        const usingHostContainer = Boolean(existingInput);
+        const wrapper = usingHostContainer ? host : document.createElement("div");
+        const elementId = wrapper.id || `ce-checkbox-${++checkboxId}`;
+        if (!wrapper.id) {
+            wrapper.id = elementId;
+        }
+        const input = existingInput ?? document.createElement("input");
+        if (!existingInput) {
+            input.type = "checkbox";
+            wrapper.appendChild(input);
+            host.appendChild(wrapper);
+        }
+        applyCheckboxParts(wrapper, input);
+        let currentProps = { ...DEFAULT_CHECKBOX_PROPS, ...props };
+        if (usingHostContainer && !host.hasAttribute("checked")) {
+            currentProps = { ...currentProps, checked: input.checked || input.hasAttribute("checked") };
+        }
+        let instance = createInstance(wrapper, input, currentProps);
+        const destroy = () => {
+            instance?.destroy?.();
+            instance = undefined;
+            if (!usingHostContainer) {
+                host.innerHTML = "";
+            }
+        };
+        const updateProps = (partial) => {
+            currentProps = { ...currentProps, ...partial };
+            instance?.destroy?.();
+            input.checked = Boolean(currentProps.checked);
+            instance = createInstance(wrapper, input, currentProps);
+        };
+        function createInstance(container, inputEl, propsToUse) {
+            inputEl.checked = Boolean(propsToUse.checked);
+            applyCheckboxParts(container, inputEl);
+            const instance = new Checkbox({
+                selector: `#${elementId}`,
+                onChange: (checked) => on?.change?.({ checked }),
+            });
+            instance.init();
+            return instance;
+        }
+        return {
+            destroy,
+            updateProps(partial) {
+                updateProps(partial ?? {});
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_CHECKBOX_PROPS, ...props };
+        return `<input type=\"checkbox\" data-ce-component=\"checkbox\" part=\"base input\" ${merged.checked ? "checked" : ""} />`;
+    },
+};
+export function registerCheckboxElement() {
+    return defineComponentElement({
+        tag: "ce-checkbox",
+        component: checkboxComponent,
+        props: CHECKBOX_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_CHECKBOX_PROPS,
+        shadow: false,
+        preserveLightDom: true,
+        events: ["change"],
+    });
+}
+//# sourceMappingURL=checkbox.js.map

package/dist/components/web-components/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../components/web-components/checkbox.ts"],"names":[],"mappings":"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"}

package/dist/components/web-components/chip.d.ts

@@ -0,0 +1,8 @@
+import type { ChipOptions } from "../Chip/Chip.types.js";
+export interface ChipProps extends Omit<ChipOptions, "selector" | "onRemove">, Record<string, unknown> {
+}
+export interface ChipRemoveDetail {
+    label: string;
+}
+export declare function registerChipElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=chip.d.ts.map

package/dist/components/web-components/chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../components/web-components/chip.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAIzD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAEzG,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf;AAgKD,wBAAgB,mBAAmB,IAAI,wBAAwB,GAAG,SAAS,CAU1E"}

package/dist/components/web-components/chip.js

@@ -0,0 +1,160 @@
+import { Chip } from "../Chip/Chip.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_CHIP_PROPS = {
+    label: "",
+    removable: false,
+    variant: "primary",
+    size: "md",
+    appearance: "solid",
+    avatarUrl: undefined,
+    avatarAlt: undefined,
+    icon: undefined,
+};
+const CHIP_PROP_DEFINITIONS = [
+    { attribute: "label", prop: "label" },
+    { attribute: "removable", prop: "removable", type: "boolean" },
+    { attribute: "variant", prop: "variant" },
+    { attribute: "size", prop: "size" },
+    { attribute: "appearance", prop: "appearance" },
+    { attribute: "avatar-url", prop: "avatarUrl" },
+    { attribute: "avatar-alt", prop: "avatarAlt" },
+    { attribute: "icon", prop: "icon" },
+];
+let chipId = 0;
+const applyChipParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "chip");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-chip__avatar").forEach((node) => node.setAttribute("part", "avatar"));
+    wrapper.querySelectorAll(".ce-chip__icon").forEach((node) => node.setAttribute("part", "icon"));
+    wrapper
+        .querySelectorAll("span:not(.ce-chip__avatar):not(.ce-chip__icon):not(.ce-chip__close)")
+        .forEach((node) => node.setAttribute("part", "label"));
+    wrapper.querySelectorAll(".ce-chip__close").forEach((node) => node.setAttribute("part", "close"));
+};
+const parseChipProps = (wrapper) => {
+    if (!wrapper) {
+        return {};
+    }
+    const label = wrapper.querySelector("span:not(.ce-chip__avatar):not(.ce-chip__icon)")?.textContent?.trim() ?? "";
+    const variant = Array.from(wrapper.classList)
+        .find((entry) => entry.startsWith("ce-chip--") &&
+        !entry.includes("ce-chip--sm") &&
+        !entry.includes("ce-chip--lg") &&
+        !entry.includes("ce-chip--outlined") &&
+        !entry.includes("ce-chip--ghost"))
+        ?.replace("ce-chip--", "");
+    const size = wrapper.classList.contains("ce-chip--sm") ? "sm" : wrapper.classList.contains("ce-chip--lg") ? "lg" : "md";
+    const appearance = wrapper.classList.contains("ce-chip--outlined") ? "outlined" : wrapper.classList.contains("ce-chip--ghost") ? "ghost" : "solid";
+    const avatarImg = wrapper.querySelector(".ce-chip__avatar img");
+    const iconEl = wrapper.querySelector(".ce-chip__icon");
+    return {
+        label,
+        variant: variant,
+        size,
+        appearance,
+        avatarUrl: avatarImg?.getAttribute("src") ?? undefined,
+        avatarAlt: avatarImg?.getAttribute("alt") ?? undefined,
+        icon: iconEl?.innerHTML ?? undefined,
+        removable: Boolean(wrapper.querySelector(".ce-chip__close")),
+    };
+};
+const chipComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-chip");
+        const elementId = existingWrapper?.id || `ce-chip-${++chipId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_CHIP_PROPS, ...props };
+        if (existingWrapper) {
+            const parsedProps = parseChipProps(existingWrapper);
+            if (shouldUseDomValue(host, "label", parsedProps.label)) {
+                currentProps.label = parsedProps.label ?? "";
+            }
+            if (shouldUseDomValue(host, "variant", parsedProps.variant)) {
+                currentProps.variant = parsedProps.variant;
+            }
+            if (shouldUseDomValue(host, "size", parsedProps.size)) {
+                currentProps.size = parsedProps.size;
+            }
+            if (shouldUseDomValue(host, "appearance", parsedProps.appearance)) {
+                currentProps.appearance = parsedProps.appearance;
+            }
+            if (shouldUseDomValue(host, "avatar-url", parsedProps.avatarUrl)) {
+                currentProps.avatarUrl = parsedProps.avatarUrl;
+            }
+            if (shouldUseDomValue(host, "avatar-alt", parsedProps.avatarAlt)) {
+                currentProps.avatarAlt = parsedProps.avatarAlt;
+            }
+            if (shouldUseDomValue(host, "icon", parsedProps.icon)) {
+                currentProps.icon = parsedProps.icon;
+            }
+            if (shouldUseDomValue(host, "removable", parsedProps.removable)) {
+                currentProps.removable = Boolean(parsedProps.removable);
+            }
+        }
+        let instance;
+        const render = () => {
+            if (!wrapper) {
+                host.innerHTML = "";
+                wrapper = document.createElement("div");
+                wrapper.id = elementId;
+                host.appendChild(wrapper);
+            }
+            else {
+                if (!wrapper.id) {
+                    wrapper.id = elementId;
+                }
+                if (!wrapper.classList.contains("ce-chip")) {
+                    wrapper.classList.add("ce-chip");
+                }
+            }
+            applyChipParts(wrapper);
+            instance = new Chip({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper),
+                onRemove: () => on?.remove?.({ label: currentProps.label ?? "" }),
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_CHIP_PROPS, ...props };
+        const classes = [
+            "ce-chip",
+            merged.variant ? `ce-chip--${merged.variant}` : null,
+            merged.size && merged.size !== "md" ? `ce-chip--${merged.size}` : null,
+            merged.appearance === "outlined" ? "ce-chip--outlined" : null,
+            merged.appearance === "ghost" ? "ce-chip--ghost" : null,
+        ]
+            .filter(Boolean)
+            .join(" ");
+        return `<span class="${classes}" data-ce-component="chip" part="base"><span part="label">${merged.label ?? ""}</span></span>`;
+    },
+};
+export function registerChipElement() {
+    return defineComponentElement({
+        tag: "ce-chip",
+        component: chipComponent,
+        props: CHIP_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_CHIP_PROPS,
+        shadow: false,
+        events: ["remove"],
+        preserveLightDom: true,
+    });
+}
+//# sourceMappingURL=chip.js.map

package/dist/components/web-components/chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../components/web-components/chip.ts"],"names":[],"mappings":"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"}

package/dist/components/web-components/color-gradient.d.ts

@@ -0,0 +1,19 @@
+import type { ColorGradientOptions } from "../ColorGradient/ColorGradient.types.js";
+export interface ColorGradientProps extends Omit<ColorGradientOptions, "selector" | "onClick" | "onCopy">, Record<string, unknown> {
+}
+export interface ColorGradientClickDetail {
+    colors: {
+        start?: string;
+        middle?: string;
+        end?: string;
+    };
+}
+export interface ColorGradientCopyDetail {
+    colors: {
+        start?: string;
+        middle?: string;
+        end?: string;
+    };
+}
+export declare function registerColorGradientElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=color-gradient.d.ts.map

package/dist/components/web-components/color-gradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-gradient.d.ts","sourceRoot":"","sources":["../../../components/web-components/color-gradient.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAIpF,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC,EACnE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAE9B,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3D;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3D;AA0KD,wBAAgB,4BAA4B,IAAI,wBAAwB,GAAG,SAAS,CAUnF"}