@colletdev/core 0.1.3

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@colletdev/core",
+  "version": "0.1.3",
+  "description": "Rust/WASM Custom Elements — 48 production-grade UI components",
+  "type": "module",
+  "main": "generated/index.js",
+  "module": "generated/index.js",
+  "types": "generated/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./generated/index.d.ts",
+      "import": "./generated/index.js",
+      "default": "./generated/index.js"
+    },
+    "./runtime": {
+      "types": "./src/runtime.d.ts",
+      "import": "./src/runtime.js",
+      "default": "./src/runtime.js"
+    },
+    "./vite-plugin": {
+      "types": "./src/vite-plugin.d.ts",
+      "import": "./src/vite-plugin.js",
+      "default": "./src/vite-plugin.js"
+    },
+    "./server": {
+      "types": "./src/server.d.ts",
+      "import": "./src/server.js",
+      "default": "./src/server.js"
+    },
+    "./markdown": {
+      "types": "./src/markdown.d.ts",
+      "import": "./src/markdown.js",
+      "default": "./src/markdown.js"
+    },
+    "./elements/*": "./src/elements/*"
+  },
+  "files": [
+    "src/",
+    "generated/",
+    "wasm/",
+    "custom-elements.json"
+  ],
+  "customElements": "custom-elements.json",
+  "keywords": ["web-components", "custom-elements", "rust", "wasm", "ui", "design-system"],
+  "author": "Dan",
+  "license": "MIT",
+  "sideEffects": false,
+  "devDependencies": {
+    "@tailwindcss/cli": "4.2.1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Danrozen87/collet",
+    "directory": "packages/core"
+  }
+}

package/src/elements/accordion.d.ts

@@ -0,0 +1,20 @@
+// Auto-generated by scripts/generate-elements.mjs — DO NOT EDIT
+// Source: crates/wasm-api/src/accordion.rs
+
+export interface CxAccordionAttributes {
+    id?: string;
+    label?: string;
+    items?: string;
+    mode?: 'single' | 'multiple';
+    collapsible?: boolean;
+    headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    defaultExpanded?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    disabled?: boolean;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'cx-accordion': HTMLElement & CxAccordionAttributes;
+  }
+}

package/src/elements/accordion.js

@@ -0,0 +1,92 @@
+// Custom behavior for <cx-accordion> — toggle panels within shadow DOM.
+// Mirrors static/_behaviors/accordion.js but operates inside the shadow root.
+// Source: crates/wasm-api/src/accordion.rs
+
+export function defineCxAccordion(wasmFn, baseClass) {
+  class CxAccordion extends baseClass {
+    static observedAttributes = ['id', 'label', 'items', 'mode', 'collapsible', 'heading-level', 'default-expanded', 'size', 'disabled'];
+    static _booleanAttrs = new Set(['collapsible', 'disabled']);
+
+    connectedCallback() {
+      if (!this._isInitialized) {
+        this._markInitialized();
+        const shadow = this._shadow;
+
+        shadow.addEventListener('click', (e) => {
+          const trigger = e.target.closest('[data-accordion-trigger]');
+          if (!trigger || trigger.disabled) return;
+
+          const acc = shadow.querySelector('[data-accordion]');
+          if (!acc) return;
+
+          const idx = parseInt(trigger.getAttribute('data-item-index'), 10);
+          if (isNaN(idx)) return;
+
+          const mode = acc.getAttribute('data-mode');
+          const isRadio = mode === 'single';
+          const inputs = acc.querySelectorAll(':scope > input');
+          const input = inputs[idx];
+          if (!input || input.disabled) return;
+
+          if (isRadio) {
+            if (input.checked && acc.hasAttribute('data-collapsible')) {
+              input.checked = false;
+            } else {
+              input.checked = true;
+            }
+          } else {
+            input.checked = !input.checked;
+          }
+
+          // Sync aria-expanded on all triggers
+          const triggers = acc.querySelectorAll('[data-accordion-trigger]');
+          triggers.forEach((t, i) => {
+            t.setAttribute('aria-expanded', inputs[i] && inputs[i].checked ? 'true' : 'false');
+          });
+
+          // Sync host prop — single source of truth for WASM re-renders.
+          // Direct _props mutation avoids triggering a re-render that would
+          // destroy DOM state and kill the panel animation.
+          const expanded = [];
+          inputs.forEach((inp, i) => { if (inp.checked) expanded.push(String(i)); });
+          this._props.default_expanded = expanded.join(',');
+
+          this._emit('cx-change', { index: idx, expanded: input.checked });
+        });
+
+        // Keyboard navigation: ArrowUp/Down, Home/End
+        shadow.addEventListener('keydown', (e) => {
+          const trigger = e.target.closest('[data-accordion-trigger]');
+          if (!trigger) return;
+
+          if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Home' || e.key === 'End') {
+            e.preventDefault();
+            const all = Array.from(shadow.querySelectorAll('[data-accordion-trigger]:not([disabled])'));
+            const cur = all.indexOf(trigger);
+            if (cur === -1) return;
+
+            let ni = cur;
+            if (e.key === 'ArrowDown') ni = (cur + 1) % all.length;
+            else if (e.key === 'ArrowUp') ni = (cur - 1 + all.length) % all.length;
+            else if (e.key === 'Home') ni = 0;
+            else if (e.key === 'End') ni = all.length - 1;
+            all[ni].focus();
+          }
+        });
+      } // end _isInitialized guard
+      super.connectedCallback();
+    }
+
+    _doRender() {
+      try {
+        const result = wasmFn(this._props);
+        this._injectHtml(result);
+      } catch (e) {
+        console.error('[cx-accordion]', e);
+      }
+    }
+  }
+
+  customElements.define('cx-accordion', CxAccordion);
+  return CxAccordion;
+}

package/src/elements/activity_group.d.ts

@@ -0,0 +1,19 @@
+// Auto-generated by scripts/generate-elements.mjs — DO NOT EDIT
+// Source: crates/wasm-api/src/activity_group.rs
+
+export interface CxActivityGroupAttributes {
+    id?: string;
+    status?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    border?: string;
+    summary?: string;
+    action?: string;
+    expanded?: boolean;
+    parts?: string;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'cx-activity-group': HTMLElement & CxActivityGroupAttributes;
+  }
+}

package/src/elements/activity_group.js

@@ -0,0 +1,27 @@
+// Auto-generated by scripts/generate-elements.mjs — DO NOT EDIT
+// Source: crates/wasm-api/src/activity_group.rs
+
+export function defineCxActivityGroup(wasmFn, baseClass) {
+  class CxActivityGroup extends baseClass {
+    static observedAttributes = ['id', 'status', 'size', 'border', 'summary', 'action', 'expanded', 'parts'];
+    static _booleanAttrs = new Set(['expanded']);
+    static _hostDisplay = 'block';
+
+
+    connectedCallback() {
+      super.connectedCallback();
+    }
+
+    _doRender() {
+      try {
+        const result = wasmFn(this._props);
+        this._injectHtml(result);
+      } catch (e) {
+        console.error('[cx-activity-group]', e);
+      }
+    }
+  }
+
+  customElements.define('cx-activity-group', CxActivityGroup);
+  return CxActivityGroup;
+}

package/src/elements/alert.d.ts

@@ -0,0 +1,24 @@
+// Auto-generated by scripts/generate-elements.mjs — DO NOT EDIT
+// Source: crates/wasm-api/src/alert.rs
+
+export interface CxAlertAttributes {
+    id?: string;
+    title?: string;
+    description?: string;
+    variant?: 'subtle' | 'filled' | 'outline';
+    intent?: 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    showIcon?: boolean;
+    icon?: string;
+    dismissible?: boolean;
+    dismissLabel?: string;
+    compact?: boolean;
+    dynamic?: boolean;
+    actionsHtml?: string;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'cx-alert': HTMLElement & CxAlertAttributes;
+  }
+}

package/src/elements/alert.js

@@ -0,0 +1,40 @@
+// Auto-generated by scripts/generate-elements.mjs — DO NOT EDIT
+// Source: crates/wasm-api/src/alert.rs
+
+export function defineCxAlert(wasmFn, baseClass) {
+  class CxAlert extends baseClass {
+    static observedAttributes = ['id', 'title', 'description', 'variant', 'intent', 'size', 'show-icon', 'icon', 'dismissible', 'dismiss-label', 'compact', 'dynamic', 'actions-html'];
+    static _booleanAttrs = new Set(['show-icon', 'dismissible', 'compact', 'dynamic']);
+    static _focusable = false;
+    static _hostDisplay = 'block';
+
+
+    connectedCallback() {
+      if (!this._isInitialized) {
+        this._markInitialized();
+    // Delegate dismiss button click
+    // Badge/Alert use data-handler="...-dismiss", Toast uses data-toast-dismiss
+    this._shadow.addEventListener('click', (e) => {
+      const btn = e.target.closest('[data-handler*="dismiss"], [data-toast-dismiss]');
+      if (btn) {
+        this._emit('cx-dismiss', {});
+      }
+    });
+      }
+      super.connectedCallback();
+    }
+
+    _doRender() {
+      try {
+        this._props.slotted = true;
+        const result = wasmFn(this._props);
+        this._injectHtml(result);
+      } catch (e) {
+        console.error('[cx-alert]', e);
+      }
+    }
+  }
+
+  customElements.define('cx-alert', CxAlert);
+  return CxAlert;
+}

package/src/elements/autocomplete.d.ts

@@ -0,0 +1,30 @@
+// Auto-generated by scripts/generate-elements.mjs — DO NOT EDIT
+// Source: crates/wasm-api/src/autocomplete.rs
+
+export interface CxAutocompleteAttributes {
+    id?: string;
+    label?: string;
+    variant?: 'outline' | 'filled' | 'ghost';
+    shape?: 'sharp' | 'rounded' | 'pill';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    mode?: 'single' | 'multiple';
+    selected?: string;
+    query?: string;
+    placeholder?: string;
+    helperText?: string;
+    error?: string;
+    disabled?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    name?: string;
+    allowCustom?: boolean;
+    clearable?: boolean;
+    items?: string;
+    groups?: string;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'cx-autocomplete': HTMLElement & CxAutocompleteAttributes;
+  }
+}