@nexus_js/ui 0.6.0 → 0.7.1

package/dist/components/accordion.d.ts

@@ -0,0 +1,9 @@
+/** @zero-bundle */
+export interface AccordionProps {
+    title: string;
+    children: string;
+    open?: boolean;
+    id?: string;
+}
+export declare function renderAccordion(props: AccordionProps): string;
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.ts"],"names":[],"mappings":"AAAA,mBAAmB;AACnB,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAK,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAK,OAAO,CAAC;IAClB,EAAE,CAAC,EAAO,MAAM,CAAC;CAClB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CAa7D"}

package/dist/components/accordion.js

@@ -0,0 +1,14 @@
+export function renderAccordion(props) {
+    const { title, children, open = false, id } = props;
+    const detailsAttrs = [
+        open ? 'open' : '',
+        id ? `id="${id}"` : '',
+    ].filter(Boolean).join(' ');
+    return `<div class="nx-accordion">
+  <details ${detailsAttrs}>
+    <summary>${title}</summary>
+    <div class="nx-accordion__body">${children}</div>
+  </details>
+</div>`;
+}
+//# sourceMappingURL=accordion.js.map

package/dist/components/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.ts"],"names":[],"mappings":"AAQA,MAAM,UAAU,eAAe,CAAC,KAAqB;IACnD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,YAAY,GAAG;QACnB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;QAClB,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;KACvB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO;aACI,YAAY;eACV,KAAK;sCACkB,QAAQ;;OAEvC,CAAC;AACR,CAAC"}

package/dist/components/modal.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @zero-bundle — CSS :target modal. Zero JS.
+ *
+ * Usage:
+ *   Trigger: <a href="#my-modal">Open</a>
+ *   Close:   <a href="#">Close</a>
+ */
+export interface ModalProps {
+    id: string;
+    title: string;
+    children: string;
+    trigger?: string;
+}
+export declare function renderModal(props: ModalProps): string;
+//# sourceMappingURL=modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/components/modal.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,WAAW,UAAU;IACzB,EAAE,EAAQ,MAAM,CAAC;IACjB,KAAK,EAAK,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAWrD"}

package/dist/components/modal.js

@@ -0,0 +1,12 @@
+export function renderModal(props) {
+    const { id, title, children, trigger } = props;
+    const triggerHtml = trigger ? `${trigger}\n` : '';
+    return `${triggerHtml}<div id="${id}" class="nx-modal-overlay" role="dialog" aria-modal="true" aria-labelledby="${id}-title">
+  <div class="nx-modal">
+    <a href="#" class="nx-modal__close" aria-label="Close">×</a>
+    <h2 class="nx-modal__title" id="${id}-title">${title}</h2>
+    ${children}
+  </div>
+</div>`;
+}
+//# sourceMappingURL=modal.js.map

package/dist/components/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/components/modal.ts"],"names":[],"mappings":"AAcA,MAAM,UAAU,WAAW,CAAC,KAAiB;IAC3C,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IAElD,OAAO,GAAG,WAAW,YAAY,EAAE,+EAA+E,EAAE;;;sCAGhF,EAAE,WAAW,KAAK;MAClD,QAAQ;;OAEP,CAAC;AACR,CAAC"}

package/dist/components/progress-ring.d.ts

@@ -0,0 +1,10 @@
+/** @zero-bundle — Pure SVG progress ring. Zero JS. CSS animated. */
+export interface ProgressRingProps {
+    value: number;
+    size?: number;
+    stroke?: number;
+    color?: string;
+    label?: string;
+}
+export declare function renderProgressRing(props: ProgressRingProps): string;
+//# sourceMappingURL=progress-ring.d.ts.map

package/dist/components/progress-ring.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-ring.d.ts","sourceRoot":"","sources":["../../src/components/progress-ring.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAK,MAAM,CAAC;IACjB,IAAI,CAAC,EAAK,MAAM,CAAC;IACjB,MAAM,CAAC,EAAG,MAAM,CAAC;IACjB,KAAK,CAAC,EAAI,MAAM,CAAC;IACjB,KAAK,CAAC,EAAI,MAAM,CAAC;CAClB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAmBnE"}

package/dist/components/progress-ring.js

@@ -0,0 +1,20 @@
+export function renderProgressRing(props) {
+    const { value, size = 64, stroke = 6, color = '#6366f1', label } = props;
+    const clamp = Math.max(0, Math.min(100, value));
+    const r = (size - stroke * 2) / 2;
+    const circ = 2 * Math.PI * r;
+    const offset = circ - (clamp / 100) * circ;
+    const center = size / 2;
+    return `<div class="nx-ring" style="width:${size}px;height:${size}px" role="progressbar" aria-valuenow="${clamp}" aria-valuemin="0" aria-valuemax="100">
+  <svg class="nx-ring__svg" width="${size}" height="${size}" viewBox="0 0 ${size} ${size}">
+    <circle class="nx-ring__track" cx="${center}" cy="${center}" r="${r}" stroke-width="${stroke}" />
+    <circle class="nx-ring__fill"  cx="${center}" cy="${center}" r="${r}" stroke-width="${stroke}"
+      stroke="${color}"
+      stroke-dasharray="${circ}"
+      stroke-dashoffset="${offset}"
+    />
+  </svg>
+  <span class="nx-ring__label">${label ?? `${clamp}%`}</span>
+</div>`;
+}
+//# sourceMappingURL=progress-ring.js.map

package/dist/components/progress-ring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-ring.js","sourceRoot":"","sources":["../../src/components/progress-ring.ts"],"names":[],"mappings":"AASA,MAAM,UAAU,kBAAkB,CAAC,KAAwB;IACzD,MAAM,EAAE,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACzE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;IAChD,MAAM,CAAC,GAAQ,CAAC,IAAI,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IACvC,MAAM,IAAI,GAAK,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;IAC/B,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC;IAC3C,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,CAAC;IAExB,OAAO,qCAAqC,IAAI,aAAa,IAAI,yCAAyC,KAAK;qCAC5E,IAAI,aAAa,IAAI,kBAAkB,IAAI,IAAI,IAAI;yCAC/C,MAAM,SAAS,MAAM,QAAQ,CAAC,mBAAmB,MAAM;yCACvD,MAAM,SAAS,MAAM,QAAQ,CAAC,mBAAmB,MAAM;gBAChF,KAAK;0BACK,IAAI;2BACH,MAAM;;;iCAGA,KAAK,IAAI,GAAG,KAAK,GAAG;OAC9C,CAAC;AACR,CAAC"}

package/dist/components/tabs.d.ts

@@ -0,0 +1,13 @@
+/** @zero-bundle — Uses CSS :target for tab switching. Zero JS. */
+export interface TabItem {
+    id: string;
+    label: string;
+    content: string;
+    default?: boolean;
+}
+export interface TabsProps {
+    tabs: TabItem[];
+    prefix: string;
+}
+export declare function renderTabs(props: TabsProps): string;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,MAAM,WAAW,OAAO;IACtB,EAAE,EAAQ,MAAM,CAAC;IACjB,KAAK,EAAK,MAAM,CAAC;IACjB,OAAO,EAAG,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAI,OAAO,EAAE,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAgBnD"}

package/dist/components/tabs.js

@@ -0,0 +1,16 @@
+export function renderTabs(props) {
+    const { tabs, prefix } = props;
+    const nav = tabs
+        .map((t) => `<a href="#${prefix}-${t.id}" class="nx-tabs__tab">${t.label}</a>`)
+        .join('\n    ');
+    const panels = tabs
+        .map((t) => `<div id="${prefix}-${t.id}" class="nx-tabs__panel${t.default ? ' nx-tabs__panel--default' : ''}">${t.content}</div>`)
+        .join('\n  ');
+    return `<div class="nx-tabs">
+  <nav class="nx-tabs__nav">
+    ${nav}
+  </nav>
+  ${panels}
+</div>`;
+}
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.ts"],"names":[],"mappings":"AAaA,MAAM,UAAU,UAAU,CAAC,KAAgB;IACzC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,GAAG,GAAG,IAAI;SACb,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,MAAM,IAAI,CAAC,CAAC,EAAE,0BAA0B,CAAC,CAAC,KAAK,MAAM,CAAC;SAC9E,IAAI,CAAC,QAAQ,CAAC,CAAC;IAElB,MAAM,MAAM,GAAG,IAAI;SAChB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,MAAM,IAAI,CAAC,CAAC,EAAE,0BAA0B,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,OAAO,QAAQ,CAAC;SACjI,IAAI,CAAC,MAAM,CAAC,CAAC;IAEhB,OAAO;;MAEH,GAAG;;IAEL,MAAM;OACH,CAAC;AACR,CAAC"}

package/dist/components/tooltip.d.ts

@@ -0,0 +1,8 @@
+/** @zero-bundle — Pure CSS :hover tooltip. Zero JS. */
+export interface TooltipProps {
+    text: string;
+    children: string;
+    position?: 'top' | 'bottom';
+}
+export declare function renderTooltip(props: TooltipProps): string;
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAM,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC7B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,MAAM,CAMzD"}

package/dist/components/tooltip.js

@@ -0,0 +1,8 @@
+export function renderTooltip(props) {
+    const { text, children } = props;
+    return `<span class="nx-tooltip" role="tooltip" aria-label="${text}">
+  ${children}
+  <span class="nx-tooltip__content" aria-hidden="true">${text}</span>
+</span>`;
+}
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,aAAa,CAAC,KAAmB;IAC/C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACjC,OAAO,uDAAuD,IAAI;IAChE,QAAQ;yDAC6C,IAAI;QACrD,CAAC;AACT,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @nexus_js/ui — Zero-Bundle Component Library
+ *
+ * Every component in this library generates pure HTML+CSS output.
+ * No JavaScript is shipped to the browser. The Nexus compiler detects
+ * the @zero-bundle annotation and replaces the component with its
+ * static HTML+CSS equivalent at build time.
+ *
+ * Components:
+ *  - Accordion  → <details>/<summary> with animation
+ *  - Tabs       → CSS :target pseudo-class trick
+ *  - Toggle     → <details> + CSS ::marker trick
+ *  - Tooltip    → CSS :hover + aria-label
+ *  - Disclosure → <details> semantic variant
+ *  - Modal      → <dialog> native + :target fallback
+ *  - ProgressRing → SVG-only animated ring
+ *
+ * Usage in .nx files:
+ *
+ * ```nx
+ * ---
+ * import { Accordion } from '@nexus_js/ui';
+ * ---
+ *
+ * <Accordion title="How does Nexus work?">
+ *   It uses islands architecture...
+ * </Accordion>
+ * ```
+ *
+ * The compiler replaces this with the CSS-only HTML at build time.
+ * Zero JS. Zero hydration. Works even with JavaScript disabled.
+ */
+export { renderAccordion, type AccordionProps } from './components/accordion.js';
+export { renderTabs, type TabsProps } from './components/tabs.js';
+export { renderTooltip, type TooltipProps } from './components/tooltip.js';
+export { renderModal, type ModalProps } from './components/modal.js';
+export { renderProgressRing, type ProgressRingProps } from './components/progress-ring.js';
+/** @zero-bundle annotation marker — used by the Nexus compiler. */
+export declare const ZERO_BUNDLE_MARKER = "__nexus_zero_bundle__";
+/**
+ * Injects the Zero-Bundle stylesheet into a page's <head>.
+ * Called automatically by the renderer when @nexus_js/ui components are detected.
+ */
+export declare function getZeroBundleCSS(): string;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAQ,2BAA2B,CAAC;AACnF,OAAO,EAAE,UAAU,EAAE,KAAK,SAAS,EAAE,MAAmB,sBAAsB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,MAAa,yBAAyB,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,KAAK,UAAU,EAAE,MAAiB,uBAAuB,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAE3F,mEAAmE;AACnE,eAAO,MAAM,kBAAkB,0BAA0B,CAAC;AAE1D;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAqFzC"}

package/{src/index.ts → dist/index.js}

@@ -30,22 +30,19 @@
  * The compiler replaces this with the CSS-only HTML at build time.
  * Zero JS. Zero hydration. Works even with JavaScript disabled.
  */
-
-export { renderAccordion, type AccordionProps }   from './components/accordion.js';
-export { renderTabs, type TabsProps }              from './components/tabs.js';
-export { renderTooltip, type TooltipProps }        from './components/tooltip.js';
-export { renderModal, type ModalProps }            from './components/modal.js';
-export { renderProgressRing, type ProgressRingProps } from './components/progress-ring.js';
-
+export { renderAccordion } from './components/accordion.js';
+export { renderTabs } from './components/tabs.js';
+export { renderTooltip } from './components/tooltip.js';
+export { renderModal } from './components/modal.js';
+export { renderProgressRing } from './components/progress-ring.js';
 /** @zero-bundle annotation marker — used by the Nexus compiler. */
 export const ZERO_BUNDLE_MARKER = '__nexus_zero_bundle__';
-
 /**
  * Injects the Zero-Bundle stylesheet into a page's <head>.
  * Called automatically by the renderer when @nexus_js/ui components are detected.
  */
-export function getZeroBundleCSS(): string {
-  return `
+export function getZeroBundleCSS() {
+    return `
 /* @nexus_js/ui — Zero-Bundle Component Styles */
 @layer nexus.ui {
 
@@ -130,3 +127,4 @@ export function getZeroBundleCSS(): string {
 
 }`;
 }
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAAE,eAAe,EAAuB,MAAQ,2BAA2B,CAAC;AACnF,OAAO,EAAE,UAAU,EAAkB,MAAmB,sBAAsB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAqB,MAAa,yBAAyB,CAAC;AAClF,OAAO,EAAE,WAAW,EAAmB,MAAiB,uBAAuB,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAA0B,MAAM,+BAA+B,CAAC;AAE3F,mEAAmE;AACnE,MAAM,CAAC,MAAM,kBAAkB,GAAG,uBAAuB,CAAC;AAE1D;;;GAGG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmFP,CAAC;AACH,CAAC"}

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@nexus_js/ui",
-  "version": "0.6.0",
+  "version": "0.7.1",
   "description": "Nexus Zero-Bundle UI — CSS-only interactive components with 0.0KB of JavaScript",
   "type": "module",
-  "main": "./src/index.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
-    ".": "./src/index.ts",
-    "./styles": "./src/styles.css"
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
   },
   "keywords": [
     "nexus",
@@ -33,12 +36,21 @@
   "bugs": {
     "url": "https://github.com/bierfor/nexus/issues"
   },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "typescript": "^5.5.0"
+  },
   "files": [
-    "src",
+    "dist",
     "README.md"
   ],
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "dev": "tsc -p tsconfig.json --watch",
+    "clean": "rm -rf dist"
   }
 }

package/src/components/accordion.ts

@@ -1,22 +0,0 @@
-/** @zero-bundle */
-export interface AccordionProps {
-  title:    string;
-  children: string;   // raw HTML content
-  open?:    boolean;
-  id?:      string;
-}
-
-export function renderAccordion(props: AccordionProps): string {
-  const { title, children, open = false, id } = props;
-  const detailsAttrs = [
-    open ? 'open' : '',
-    id ? `id="${id}"` : '',
-  ].filter(Boolean).join(' ');
-
-  return `<div class="nx-accordion">
-  <details ${detailsAttrs}>
-    <summary>${title}</summary>
-    <div class="nx-accordion__body">${children}</div>
-  </details>
-</div>`;
-}

package/src/components/modal.ts

@@ -1,26 +0,0 @@
-/**
- * @zero-bundle — CSS :target modal. Zero JS.
- * 
- * Usage:
- *   Trigger: <a href="#my-modal">Open</a>
- *   Close:   <a href="#">Close</a>
- */
-export interface ModalProps {
-  id:       string;
-  title:    string;
-  children: string;   // raw HTML body
-  trigger?: string;   // optional trigger button HTML to prepend
-}
-
-export function renderModal(props: ModalProps): string {
-  const { id, title, children, trigger } = props;
-  const triggerHtml = trigger ? `${trigger}\n` : '';
-
-  return `${triggerHtml}<div id="${id}" class="nx-modal-overlay" role="dialog" aria-modal="true" aria-labelledby="${id}-title">
-  <div class="nx-modal">
-    <a href="#" class="nx-modal__close" aria-label="Close">×</a>
-    <h2 class="nx-modal__title" id="${id}-title">${title}</h2>
-    ${children}
-  </div>
-</div>`;
-}

package/src/components/progress-ring.ts

@@ -1,29 +0,0 @@
-/** @zero-bundle — Pure SVG progress ring. Zero JS. CSS animated. */
-export interface ProgressRingProps {
-  value:    number;    // 0–100
-  size?:    number;    // px, default 64
-  stroke?:  number;    // stroke width, default 6
-  color?:   string;    // CSS color, default #6366f1
-  label?:   string;    // center text override (default: value%)
-}
-
-export function renderProgressRing(props: ProgressRingProps): string {
-  const { value, size = 64, stroke = 6, color = '#6366f1', label } = props;
-  const clamp = Math.max(0, Math.min(100, value));
-  const r      = (size - stroke * 2) / 2;
-  const circ   = 2 * Math.PI * r;
-  const offset = circ - (clamp / 100) * circ;
-  const center = size / 2;
-
-  return `<div class="nx-ring" style="width:${size}px;height:${size}px" role="progressbar" aria-valuenow="${clamp}" aria-valuemin="0" aria-valuemax="100">
-  <svg class="nx-ring__svg" width="${size}" height="${size}" viewBox="0 0 ${size} ${size}">
-    <circle class="nx-ring__track" cx="${center}" cy="${center}" r="${r}" stroke-width="${stroke}" />
-    <circle class="nx-ring__fill"  cx="${center}" cy="${center}" r="${r}" stroke-width="${stroke}"
-      stroke="${color}"
-      stroke-dasharray="${circ}"
-      stroke-dashoffset="${offset}"
-    />
-  </svg>
-  <span class="nx-ring__label">${label ?? `${clamp}%`}</span>
-</div>`;
-}

package/src/components/tabs.ts

@@ -1,30 +0,0 @@
-/** @zero-bundle — Uses CSS :target for tab switching. Zero JS. */
-export interface TabItem {
-  id:       string;
-  label:    string;
-  content:  string;  // raw HTML
-  default?: boolean;
-}
-
-export interface TabsProps {
-  tabs:   TabItem[];
-  prefix: string;    // unique prefix to avoid ID collisions on the page
-}
-
-export function renderTabs(props: TabsProps): string {
-  const { tabs, prefix } = props;
-  const nav = tabs
-    .map((t) => `<a href="#${prefix}-${t.id}" class="nx-tabs__tab">${t.label}</a>`)
-    .join('\n    ');
-
-  const panels = tabs
-    .map((t) => `<div id="${prefix}-${t.id}" class="nx-tabs__panel${t.default ? ' nx-tabs__panel--default' : ''}">${t.content}</div>`)
-    .join('\n  ');
-
-  return `<div class="nx-tabs">
-  <nav class="nx-tabs__nav">
-    ${nav}
-  </nav>
-  ${panels}
-</div>`;
-}

package/src/components/tooltip.ts

@@ -1,14 +0,0 @@
-/** @zero-bundle — Pure CSS :hover tooltip. Zero JS. */
-export interface TooltipProps {
-  text:     string;    // tooltip label
-  children: string;    // trigger element (raw HTML)
-  position?: 'top' | 'bottom';
-}
-
-export function renderTooltip(props: TooltipProps): string {
-  const { text, children } = props;
-  return `<span class="nx-tooltip" role="tooltip" aria-label="${text}">
-  ${children}
-  <span class="nx-tooltip__content" aria-hidden="true">${text}</span>
-</span>`;
-}