@combinedk/ui 3.0.0-beta.11

package/dist/index8.js

@@ -0,0 +1,93 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/PageHeader.tsx
+function n({ title: n, group: r, subtitle: i, icon: a, actions: o }) {
+	return /* @__PURE__ */ t("div", {
+		style: { marginBottom: 28 },
+		children: [
+			/* @__PURE__ */ t("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between",
+					gap: 16,
+					flexWrap: "wrap",
+					marginBottom: i ? 6 : 0
+				},
+				children: [/* @__PURE__ */ t("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 10,
+						flexWrap: "wrap",
+						minWidth: 0
+					},
+					children: [
+						a && /* @__PURE__ */ e("span", {
+							style: {
+								color: "var(--c-text-subtle)",
+								display: "inline-flex",
+								flexShrink: 0
+							},
+							children: a
+						}),
+						/* @__PURE__ */ e("h1", {
+							style: {
+								fontFamily: "var(--font-sans)",
+								fontSize: 20,
+								fontWeight: 700,
+								color: "var(--c-text)",
+								lineHeight: 1.2,
+								margin: 0,
+								letterSpacing: "-0.01em"
+							},
+							children: n
+						}),
+						r && /* @__PURE__ */ e("span", {
+							style: {
+								fontFamily: "var(--font-sans)",
+								fontSize: 10.5,
+								fontWeight: 600,
+								color: "var(--c-text-subtle)",
+								background: "var(--color-neutral-100)",
+								padding: "2px 8px",
+								borderRadius: 10,
+								textTransform: "uppercase",
+								letterSpacing: "0.05em",
+								whiteSpace: "nowrap"
+							},
+							children: r
+						})
+					]
+				}), o && /* @__PURE__ */ e("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 8,
+						flexShrink: 0
+					},
+					children: o
+				})]
+			}),
+			i && /* @__PURE__ */ e("p", {
+				style: {
+					fontFamily: "var(--font-sans)",
+					fontSize: 14,
+					color: "var(--c-text-secondary)",
+					lineHeight: 1.55,
+					margin: 0,
+					maxWidth: 560
+				},
+				children: i
+			}),
+			/* @__PURE__ */ e("div", { style: {
+				marginTop: 20,
+				height: 1,
+				background: "var(--c-border)"
+			} })
+		]
+	});
+}
+//#endregion
+export { n as PageHeader };
+
+//# sourceMappingURL=index8.js.map

package/dist/index8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index8.js","names":[],"sources":["../src/components/PageHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\ninterface PageHeaderProps {\n  title:     string\n  /** Nav group label — \"Build\", \"Run\", or \"System\" */\n  group?:    string\n  subtitle?: string\n  icon?:     ReactNode\n  actions?:  ReactNode\n}\n\nexport function PageHeader({ title, group, subtitle, icon, actions }: PageHeaderProps) {\n  return (\n    <div style={{ marginBottom: 28 }}>\n      {/* Title row */}\n      <div style={{\n        display:        'flex',\n        alignItems:     'center',\n        justifyContent: 'space-between',\n        gap:            16,\n        flexWrap:       'wrap',\n        marginBottom:   subtitle ? 6 : 0,\n      }}>\n        {/* Left: icon + title + group pill */}\n        <div style={{ display: 'flex', alignItems: 'center', gap: 10, flexWrap: 'wrap', minWidth: 0 }}>\n          {icon && (\n            <span style={{\n              color:       'var(--c-text-subtle)',\n              display:     'inline-flex',\n              flexShrink:  0,\n            }}>\n              {icon}\n            </span>\n          )}\n\n          <h1 style={{\n            fontFamily:    'var(--font-sans)',\n            fontSize:      20,\n            fontWeight:    700,\n            color:         'var(--c-text)',\n            lineHeight:    1.2,\n            margin:        0,\n            letterSpacing: '-0.01em',\n          }}>\n            {title}\n          </h1>\n\n          {group && (\n            <span style={{\n              fontFamily:    'var(--font-sans)',\n              fontSize:      10.5,\n              fontWeight:    600,\n              color:         'var(--c-text-subtle)',\n              background:    'var(--color-neutral-100)',\n              padding:       '2px 8px',\n              borderRadius:  10,\n              textTransform: 'uppercase',\n              letterSpacing: '0.05em',\n              whiteSpace:    'nowrap',\n            }}>\n              {group}\n            </span>\n          )}\n        </div>\n\n        {/* Right: action buttons */}\n        {actions && (\n          <div style={{ display: 'flex', alignItems: 'center', gap: 8, flexShrink: 0 }}>\n            {actions}\n          </div>\n        )}\n      </div>\n\n      {/* Subtitle */}\n      {subtitle && (\n        <p style={{\n          fontFamily:  'var(--font-sans)',\n          fontSize:    14,\n          color:       'var(--c-text-secondary)',\n          lineHeight:  1.55,\n          margin:      0,\n          maxWidth:    560,\n        }}>\n          {subtitle}\n        </p>\n      )}\n\n      {/* Divider */}\n      <div style={{\n        marginTop:   20,\n        height:      1,\n        background:  'var(--c-border)',\n      }} />\n    </div>\n  )\n}\n"],"mappings":";;AAWA,SAAgB,EAAW,EAAE,UAAO,UAAO,aAAU,SAAM,cAA4B;AACrF,QACE,kBAAC,OAAD;EAAK,OAAO,EAAE,cAAc,IAAI;YAAhC;GAEE,kBAAC,OAAD;IAAK,OAAO;KACV,SAAgB;KAChB,YAAgB;KAChB,gBAAgB;KAChB,KAAgB;KAChB,UAAgB;KAChB,cAAgB,IAAW,IAAI;KAChC;cAPD,CASE,kBAAC,OAAD;KAAK,OAAO;MAAE,SAAS;MAAQ,YAAY;MAAU,KAAK;MAAI,UAAU;MAAQ,UAAU;MAAG;eAA7F;MACG,KACC,kBAAC,QAAD;OAAM,OAAO;QACX,OAAa;QACb,SAAa;QACb,YAAa;QACd;iBACE;OACI,CAAA;MAGT,kBAAC,MAAD;OAAI,OAAO;QACT,YAAe;QACf,UAAe;QACf,YAAe;QACf,OAAe;QACf,YAAe;QACf,QAAe;QACf,eAAe;QAChB;iBACE;OACE,CAAA;MAEJ,KACC,kBAAC,QAAD;OAAM,OAAO;QACX,YAAe;QACf,UAAe;QACf,YAAe;QACf,OAAe;QACf,YAAe;QACf,SAAe;QACf,cAAe;QACf,eAAe;QACf,eAAe;QACf,YAAe;QAChB;iBACE;OACI,CAAA;MAEL;QAGL,KACC,kBAAC,OAAD;KAAK,OAAO;MAAE,SAAS;MAAQ,YAAY;MAAU,KAAK;MAAG,YAAY;MAAG;eACzE;KACG,CAAA,CAEJ;;GAGL,KACC,kBAAC,KAAD;IAAG,OAAO;KACR,YAAa;KACb,UAAa;KACb,OAAa;KACb,YAAa;KACb,QAAa;KACb,UAAa;KACd;cACE;IACC,CAAA;GAIN,kBAAC,OAAD,EAAK,OAAO;IACV,WAAa;IACb,QAAa;IACb,YAAa;IACd,EAAI,CAAA;GACD"}

package/dist/index9.cjs

@@ -0,0 +1,2 @@
+let e=require(`react`),t=require(`react/jsx-runtime`),n=require(`react-dom`);function r({open:r,onClose:i,title:a,subtitle:o,children:s,actions:c,width:l=440}){return(0,e.useEffect)(()=>{if(!r)return;let e=e=>{e.key===`Escape`&&i()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[r,i]),r?(0,n.createPortal)((0,t.jsx)(`div`,{onClick:i,style:{position:`fixed`,inset:0,background:`var(--c-overlay)`,backdropFilter:`blur(4px)`,display:`flex`,alignItems:`center`,justifyContent:`center`,zIndex:1e3},children:(0,t.jsxs)(`div`,{onClick:e=>e.stopPropagation(),style:{background:`var(--c-surface)`,borderRadius:14,padding:`28px 32px`,boxShadow:`0 20px 60px rgba(47,56,67,0.20)`,width:l,maxWidth:`90vw`,animation:`modalIn 0.18s ease`},children:[(0,t.jsxs)(`div`,{style:{display:`flex`,justifyContent:`space-between`,alignItems:`flex-start`,marginBottom:16},children:[(0,t.jsxs)(`div`,{children:[(0,t.jsx)(`div`,{style:{fontFamily:`var(--font-sans)`,fontSize:18,fontWeight:700,color:`var(--c-text)`},children:a}),o&&(0,t.jsx)(`div`,{style:{fontFamily:`var(--font-sans)`,fontSize:13,color:`var(--c-text-secondary)`,marginTop:4},children:o})]}),(0,t.jsx)(`button`,{onClick:i,style:{background:`none`,border:`none`,cursor:`pointer`,color:`var(--c-text-muted)`,fontSize:18,lineHeight:1,padding:0,flexShrink:0},children:`✕`})]}),(0,t.jsx)(`div`,{style:{fontFamily:`var(--font-sans)`,fontSize:14,color:`var(--c-text)`,lineHeight:1.6},children:s}),c&&(0,t.jsx)(`div`,{style:{display:`flex`,gap:8,justifyContent:`flex-end`,marginTop:24},children:c})]})}),document.body):null}exports.Modal=r;
+//# sourceMappingURL=index9.cjs.map

package/dist/index9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index9.cjs","names":[],"sources":["../src/components/Modal.tsx"],"sourcesContent":["import { type ReactNode, useEffect } from 'react'\nimport { createPortal } from 'react-dom'\n\ninterface ModalProps {\n  open:       boolean\n  onClose:    () => void\n  title:      string\n  subtitle?:  string\n  children:   ReactNode\n  actions?:   ReactNode\n  width?:     number\n}\n\nexport function Modal({ open, onClose, title, subtitle, children, actions, width = 440 }: ModalProps) {\n  useEffect(() => {\n    if (!open) return\n    const onKey = (e: KeyboardEvent) => { if (e.key === 'Escape') onClose() }\n    document.addEventListener('keydown', onKey)\n    return () => document.removeEventListener('keydown', onKey)\n  }, [open, onClose])\n\n  if (!open) return null\n\n  return createPortal(\n    <div\n      onClick={onClose}\n      style={{\n        position:       'fixed',\n        inset:          0,\n        background:     'var(--c-overlay)',\n        backdropFilter: 'blur(4px)',\n        display:        'flex',\n        alignItems:     'center',\n        justifyContent: 'center',\n        zIndex:         1000,\n      }}\n    >\n      <div\n        onClick={e => e.stopPropagation()}\n        style={{\n          background:   'var(--c-surface)',\n          borderRadius: 14,\n          padding:      '28px 32px',\n          boxShadow:    '0 20px 60px rgba(47,56,67,0.20)',\n          width,\n          maxWidth:     '90vw',\n          animation:    'modalIn 0.18s ease',\n        }}\n      >\n        {/* Header */}\n        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', marginBottom: 16 }}>\n          <div>\n            <div style={{ fontFamily: 'var(--font-sans)', fontSize: 18, fontWeight: 700, color: 'var(--c-text)' }}>\n              {title}\n            </div>\n            {subtitle && (\n              <div style={{ fontFamily: 'var(--font-sans)', fontSize: 13, color: 'var(--c-text-secondary)', marginTop: 4 }}>\n                {subtitle}\n              </div>\n            )}\n          </div>\n          <button\n            onClick={onClose}\n            style={{ background: 'none', border: 'none', cursor: 'pointer', color: 'var(--c-text-muted)', fontSize: 18, lineHeight: 1, padding: 0, flexShrink: 0 }}\n          >\n            ✕\n          </button>\n        </div>\n\n        {/* Body */}\n        <div style={{ fontFamily: 'var(--font-sans)', fontSize: 14, color: 'var(--c-text)', lineHeight: 1.6 }}>\n          {children}\n        </div>\n\n        {/* Footer */}\n        {actions && (\n          <div style={{ display: 'flex', gap: 8, justifyContent: 'flex-end', marginTop: 24 }}>\n            {actions}\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body\n  )\n}\n"],"mappings":"6EAaA,SAAgB,EAAM,CAAE,OAAM,UAAS,QAAO,WAAU,WAAU,UAAS,QAAQ,KAAmB,CAUpG,OATA,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAM,OACX,IAAM,EAAS,GAAqB,CAAM,EAAE,MAAQ,UAAU,GAAS,EAEvE,OADA,SAAS,iBAAiB,UAAW,EAAM,KAC9B,SAAS,oBAAoB,UAAW,EAAM,EAC1D,CAAC,EAAM,EAAQ,CAAC,CAEd,GAEL,EAAA,EAAA,eACE,EAAA,EAAA,KAAC,MAAD,CACE,QAAS,EACT,MAAO,CACL,SAAgB,QAChB,MAAgB,EAChB,WAAgB,mBAChB,eAAgB,YAChB,QAAgB,OAChB,WAAgB,SAChB,eAAgB,SAChB,OAAgB,IACjB,WAED,EAAA,EAAA,MAAC,MAAD,CACE,QAAS,GAAK,EAAE,iBAAiB,CACjC,MAAO,CACL,WAAc,mBACd,aAAc,GACd,QAAc,YACd,UAAc,kCACd,QACA,SAAc,OACd,UAAc,qBACf,UAVH,EAaE,EAAA,EAAA,MAAC,MAAD,CAAK,MAAO,CAAE,QAAS,OAAQ,eAAgB,gBAAiB,WAAY,aAAc,aAAc,GAAI,UAA5G,EACE,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,MAAO,CAAE,WAAY,mBAAoB,SAAU,GAAI,WAAY,IAAK,MAAO,gBAAiB,UAClG,EACG,CAAA,CACL,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,MAAO,CAAE,WAAY,mBAAoB,SAAU,GAAI,MAAO,0BAA2B,UAAW,EAAG,UACzG,EACG,CAAA,CAEJ,CAAA,CAAA,EACN,EAAA,EAAA,KAAC,SAAD,CACE,QAAS,EACT,MAAO,CAAE,WAAY,OAAQ,OAAQ,OAAQ,OAAQ,UAAW,MAAO,sBAAuB,SAAU,GAAI,WAAY,EAAG,QAAS,EAAG,WAAY,EAAG,UACvJ,IAEQ,CAAA,CACL,IAGN,EAAA,EAAA,KAAC,MAAD,CAAK,MAAO,CAAE,WAAY,mBAAoB,SAAU,GAAI,MAAO,gBAAiB,WAAY,IAAK,CAClG,WACG,CAAA,CAGL,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,MAAO,CAAE,QAAS,OAAQ,IAAK,EAAG,eAAgB,WAAY,UAAW,GAAI,UAC/E,EACG,CAAA,CAEJ,GACF,CAAA,CACN,SAAS,KACV,CA9DiB"}

package/dist/index9.js

@@ -0,0 +1,99 @@
+import { useEffect as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { createPortal as r } from "react-dom";
+//#region src/components/Modal.tsx
+function i({ open: i, onClose: a, title: o, subtitle: s, children: c, actions: l, width: u = 440 }) {
+	return e(() => {
+		if (!i) return;
+		let e = (e) => {
+			e.key === "Escape" && a();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [i, a]), i ? r(/* @__PURE__ */ t("div", {
+		onClick: a,
+		style: {
+			position: "fixed",
+			inset: 0,
+			background: "var(--c-overlay)",
+			backdropFilter: "blur(4px)",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			zIndex: 1e3
+		},
+		children: /* @__PURE__ */ n("div", {
+			onClick: (e) => e.stopPropagation(),
+			style: {
+				background: "var(--c-surface)",
+				borderRadius: 14,
+				padding: "28px 32px",
+				boxShadow: "0 20px 60px rgba(47,56,67,0.20)",
+				width: u,
+				maxWidth: "90vw",
+				animation: "modalIn 0.18s ease"
+			},
+			children: [
+				/* @__PURE__ */ n("div", {
+					style: {
+						display: "flex",
+						justifyContent: "space-between",
+						alignItems: "flex-start",
+						marginBottom: 16
+					},
+					children: [/* @__PURE__ */ n("div", { children: [/* @__PURE__ */ t("div", {
+						style: {
+							fontFamily: "var(--font-sans)",
+							fontSize: 18,
+							fontWeight: 700,
+							color: "var(--c-text)"
+						},
+						children: o
+					}), s && /* @__PURE__ */ t("div", {
+						style: {
+							fontFamily: "var(--font-sans)",
+							fontSize: 13,
+							color: "var(--c-text-secondary)",
+							marginTop: 4
+						},
+						children: s
+					})] }), /* @__PURE__ */ t("button", {
+						onClick: a,
+						style: {
+							background: "none",
+							border: "none",
+							cursor: "pointer",
+							color: "var(--c-text-muted)",
+							fontSize: 18,
+							lineHeight: 1,
+							padding: 0,
+							flexShrink: 0
+						},
+						children: "✕"
+					})]
+				}),
+				/* @__PURE__ */ t("div", {
+					style: {
+						fontFamily: "var(--font-sans)",
+						fontSize: 14,
+						color: "var(--c-text)",
+						lineHeight: 1.6
+					},
+					children: c
+				}),
+				l && /* @__PURE__ */ t("div", {
+					style: {
+						display: "flex",
+						gap: 8,
+						justifyContent: "flex-end",
+						marginTop: 24
+					},
+					children: l
+				})
+			]
+		})
+	}), document.body) : null;
+}
+//#endregion
+export { i as Modal };
+
+//# sourceMappingURL=index9.js.map

package/dist/index9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index9.js","names":[],"sources":["../src/components/Modal.tsx"],"sourcesContent":["import { type ReactNode, useEffect } from 'react'\nimport { createPortal } from 'react-dom'\n\ninterface ModalProps {\n  open:       boolean\n  onClose:    () => void\n  title:      string\n  subtitle?:  string\n  children:   ReactNode\n  actions?:   ReactNode\n  width?:     number\n}\n\nexport function Modal({ open, onClose, title, subtitle, children, actions, width = 440 }: ModalProps) {\n  useEffect(() => {\n    if (!open) return\n    const onKey = (e: KeyboardEvent) => { if (e.key === 'Escape') onClose() }\n    document.addEventListener('keydown', onKey)\n    return () => document.removeEventListener('keydown', onKey)\n  }, [open, onClose])\n\n  if (!open) return null\n\n  return createPortal(\n    <div\n      onClick={onClose}\n      style={{\n        position:       'fixed',\n        inset:          0,\n        background:     'var(--c-overlay)',\n        backdropFilter: 'blur(4px)',\n        display:        'flex',\n        alignItems:     'center',\n        justifyContent: 'center',\n        zIndex:         1000,\n      }}\n    >\n      <div\n        onClick={e => e.stopPropagation()}\n        style={{\n          background:   'var(--c-surface)',\n          borderRadius: 14,\n          padding:      '28px 32px',\n          boxShadow:    '0 20px 60px rgba(47,56,67,0.20)',\n          width,\n          maxWidth:     '90vw',\n          animation:    'modalIn 0.18s ease',\n        }}\n      >\n        {/* Header */}\n        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', marginBottom: 16 }}>\n          <div>\n            <div style={{ fontFamily: 'var(--font-sans)', fontSize: 18, fontWeight: 700, color: 'var(--c-text)' }}>\n              {title}\n            </div>\n            {subtitle && (\n              <div style={{ fontFamily: 'var(--font-sans)', fontSize: 13, color: 'var(--c-text-secondary)', marginTop: 4 }}>\n                {subtitle}\n              </div>\n            )}\n          </div>\n          <button\n            onClick={onClose}\n            style={{ background: 'none', border: 'none', cursor: 'pointer', color: 'var(--c-text-muted)', fontSize: 18, lineHeight: 1, padding: 0, flexShrink: 0 }}\n          >\n            ✕\n          </button>\n        </div>\n\n        {/* Body */}\n        <div style={{ fontFamily: 'var(--font-sans)', fontSize: 14, color: 'var(--c-text)', lineHeight: 1.6 }}>\n          {children}\n        </div>\n\n        {/* Footer */}\n        {actions && (\n          <div style={{ display: 'flex', gap: 8, justifyContent: 'flex-end', marginTop: 24 }}>\n            {actions}\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body\n  )\n}\n"],"mappings":";;;;AAaA,SAAgB,EAAM,EAAE,SAAM,YAAS,UAAO,aAAU,aAAU,YAAS,WAAQ,OAAmB;AAUpG,QATA,QAAgB;AACd,MAAI,CAAC,EAAM;EACX,IAAM,KAAS,MAAqB;AAAE,GAAI,EAAE,QAAQ,YAAU,GAAS;;AAEvE,SADA,SAAS,iBAAiB,WAAW,EAAM,QAC9B,SAAS,oBAAoB,WAAW,EAAM;IAC1D,CAAC,GAAM,EAAQ,CAAC,EAEd,IAEE,EACL,kBAAC,OAAD;EACE,SAAS;EACT,OAAO;GACL,UAAgB;GAChB,OAAgB;GAChB,YAAgB;GAChB,gBAAgB;GAChB,SAAgB;GAChB,YAAgB;GAChB,gBAAgB;GAChB,QAAgB;GACjB;YAED,kBAAC,OAAD;GACE,UAAS,MAAK,EAAE,iBAAiB;GACjC,OAAO;IACL,YAAc;IACd,cAAc;IACd,SAAc;IACd,WAAc;IACd;IACA,UAAc;IACd,WAAc;IACf;aAVH;IAaE,kBAAC,OAAD;KAAK,OAAO;MAAE,SAAS;MAAQ,gBAAgB;MAAiB,YAAY;MAAc,cAAc;MAAI;eAA5G,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,OAAO;OAAE,YAAY;OAAoB,UAAU;OAAI,YAAY;OAAK,OAAO;OAAiB;gBAClG;MACG,CAAA,EACL,KACC,kBAAC,OAAD;MAAK,OAAO;OAAE,YAAY;OAAoB,UAAU;OAAI,OAAO;OAA2B,WAAW;OAAG;gBACzG;MACG,CAAA,CAEJ,EAAA,CAAA,EACN,kBAAC,UAAD;MACE,SAAS;MACT,OAAO;OAAE,YAAY;OAAQ,QAAQ;OAAQ,QAAQ;OAAW,OAAO;OAAuB,UAAU;OAAI,YAAY;OAAG,SAAS;OAAG,YAAY;OAAG;gBACvJ;MAEQ,CAAA,CACL;;IAGN,kBAAC,OAAD;KAAK,OAAO;MAAE,YAAY;MAAoB,UAAU;MAAI,OAAO;MAAiB,YAAY;MAAK;KAClG;KACG,CAAA;IAGL,KACC,kBAAC,OAAD;KAAK,OAAO;MAAE,SAAS;MAAQ,KAAK;MAAG,gBAAgB;MAAY,WAAW;MAAI;eAC/E;KACG,CAAA;IAEJ;;EACF,CAAA,EACN,SAAS,KACV,GA9DiB"}

package/dist/src/components/Badge.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+type BadgeVariant = 'default' | 'success' | 'warning' | 'error' | 'info' | 'brand' | 'dark';
+interface BadgeProps {
+    variant?: BadgeVariant;
+    dot?: boolean;
+    children: ReactNode;
+}
+export declare function Badge({ variant, dot, children }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/Button.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+type Variant = 'primary' | 'secondary' | 'ghost' | 'destructive' | 'outline' | 'accent';
+type Size = 'sm' | 'md' | 'lg';
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: Variant;
+    size?: Size;
+    icon?: ReactNode;
+    children?: ReactNode;
+}
+export declare function Button({ variant, size, icon, children, disabled, style, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/Card.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode, HTMLAttributes } from 'react';
+interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    /** Show amber left-border accent and subtle bg shift on hover */
+    interactive?: boolean;
+    padding?: string;
+}
+export declare function Card({ children, interactive, padding, style, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/Checkbox.d.ts

@@ -0,0 +1,22 @@
+interface CheckboxProps {
+    checked: boolean;
+    onChange: (v: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+}
+export declare function Checkbox({ checked, onChange, label, disabled }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+interface RadioProps {
+    checked: boolean;
+    onChange: () => void;
+    label?: string;
+    disabled?: boolean;
+}
+export declare function Radio({ checked, onChange, label, disabled }: RadioProps): import("react/jsx-runtime").JSX.Element;
+interface SwitchProps {
+    checked: boolean;
+    onChange: (v: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+}
+export declare function Switch({ checked, onChange, label, disabled }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ConfirmDialog.d.ts

@@ -0,0 +1,13 @@
+interface ConfirmDialogProps {
+    open: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    body?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    confirmVariant?: 'destructive' | 'primary';
+    loading?: boolean;
+}
+export declare function ConfirmDialog({ open, onClose, onConfirm, title, body, confirmLabel, cancelLabel, confirmVariant, loading, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/DropdownMenu.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+export interface DropdownMenuItem {
+    label: string;
+    icon?: ReactNode;
+    onClick?: () => void;
+    variant?: 'default' | 'destructive';
+    disabled?: boolean;
+    separator?: never;
+}
+export interface DropdownMenuSeparator {
+    separator: true;
+    label?: never;
+    onClick?: never;
+    variant?: never;
+    disabled?: never;
+}
+export type DropdownMenuEntry = DropdownMenuItem | DropdownMenuSeparator;
+interface DropdownMenuProps {
+    trigger: ReactNode;
+    items: DropdownMenuEntry[];
+    align?: 'left' | 'right';
+}
+export declare function DropdownMenu({ trigger, items, align }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/EmptyState.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface EmptyStateProps {
+    icon?: ReactNode;
+    title: string;
+    body?: string;
+    action?: ReactNode;
+}
+export declare function EmptyState({ icon, title, body, action }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/Field.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode, TextareaHTMLAttributes } from 'react';
+interface FieldProps {
+    label: string;
+    required?: boolean;
+    error?: string;
+    help?: string;
+    children: ReactNode;
+}
+export declare function Field({ label, required, error, help, children }: FieldProps): import("react/jsx-runtime").JSX.Element;
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    error?: boolean;
+    mono?: boolean;
+}
+export declare function Textarea({ error, mono, style, ...rest }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+interface SegmentedControlProps {
+    options: string[] | Array<{
+        value: string;
+        label: string;
+    }>;
+    value: string;
+    onChange: (v: string) => void;
+}
+export declare function SegmentedControl({ options, value, onChange }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/Input.d.ts

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix'> {
+    label?: string;
+    hint?: string;
+    error?: string;
+    prefix?: ReactNode;
+}
+export declare function Input({ label, hint, error, prefix, style, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/Modal.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    subtitle?: string;
+    children: ReactNode;
+    actions?: ReactNode;
+    width?: number;
+}
+export declare function Modal({ open, onClose, title, subtitle, children, actions, width }: ModalProps): import('react').ReactPortal | null;
+export {};

package/dist/src/components/PageHeader.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+interface PageHeaderProps {
+    title: string;
+    /** Nav group label — "Build", "Run", or "System" */
+    group?: string;
+    subtitle?: string;
+    icon?: ReactNode;
+    actions?: ReactNode;
+}
+export declare function PageHeader({ title, group, subtitle, icon, actions }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/PreviewBadge.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export declare function PreviewBadge(): import("react/jsx-runtime").JSX.Element;
+export declare function PreviewHeader({ title, lead, icon, actions, }: {
+    title: string;
+    lead: string;
+    icon?: ReactNode;
+    actions?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Select.d.ts

@@ -0,0 +1,32 @@
+interface SelectProps {
+    value: string;
+    onChange: (v: string) => void;
+    options: string[] | Array<{
+        value: string;
+        label: string;
+    }>;
+    placeholder?: string;
+    disabled?: boolean;
+}
+export declare function Select({ value, onChange, options, placeholder, disabled }: SelectProps): import("react/jsx-runtime").JSX.Element;
+interface MultiSelectProps {
+    values: string[];
+    onChange: (v: string[]) => void;
+    options: string[] | Array<{
+        value: string;
+        label: string;
+    }>;
+    placeholder?: string;
+}
+export declare function MultiSelect({ values, onChange, options, placeholder }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
+interface ComboboxProps {
+    value: string;
+    onChange: (v: string) => void;
+    options: string[] | Array<{
+        value: string;
+        label: string;
+    }>;
+    placeholder?: string;
+}
+export declare function Combobox({ value, onChange, options, placeholder }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/Skeleton.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties } from 'react';
+interface SkeletonProps {
+    width?: number | string;
+    height?: number | string;
+    radius?: number | string;
+    style?: CSSProperties;
+}
+export declare function Skeleton({ width, height, radius, style }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkeletonTableRow({ cols }: {
+    cols?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SkeletonTable({ rows, cols }: {
+    rows?: number;
+    cols?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SkeletonText({ lines, lastWidth }: {
+    lines?: number;
+    lastWidth?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SkeletonCard(): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/StatusPill.d.ts

@@ -0,0 +1,7 @@
+type Status = 'Published' | 'Draft' | 'Archived' | 'Running' | 'Completed' | 'Failed' | 'Paused';
+interface StatusPillProps {
+    status: Status;
+    pulse?: boolean;
+}
+export declare function StatusPill({ status, pulse }: StatusPillProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/Table.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+export interface TableColumn<T> {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    width?: number | string;
+    render?: (row: T) => ReactNode;
+}
+interface TableProps<T extends Record<string, unknown>> {
+    columns: TableColumn<T>[];
+    data: T[];
+    keyField: keyof T;
+    selectable?: boolean;
+    selected?: Set<string>;
+    onSelectionChange?: (next: Set<string>) => void;
+    onRowClick?: (row: T) => void;
+    emptyMessage?: string;
+    totalCount?: number;
+    page?: number;
+    pageSize?: number;
+    onPageChange?: (page: number) => void;
+    bulkActions?: (selected: Set<string>, clearSelection: () => void) => ReactNode;
+    expandable?: (row: T) => ReactNode;
+}
+export declare function Table<T extends Record<string, unknown>>({ columns, data, keyField, selectable, selected: externalSelected, onSelectionChange, onRowClick, emptyMessage, totalCount, page, pageSize, onPageChange, bulkActions, expandable, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/Tag.d.ts

@@ -0,0 +1,5 @@
+interface TagProps {
+    children: string;
+}
+export declare function Tag({ children }: TagProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/Toast.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type ToastKind = 'success' | 'info' | 'warning' | 'error';
+interface ToastContextValue {
+    success: (title: string, body?: string) => void;
+    info: (title: string, body?: string) => void;
+    warning: (title: string, body?: string) => void;
+    error: (title: string, body?: string) => void;
+}
+export declare function ToastProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useToast(): ToastContextValue;
+export {};

package/dist/src/index.d.ts

@@ -0,0 +1,21 @@
+export { Button } from './components/Button';
+export { Badge } from './components/Badge';
+export { StatusPill } from './components/StatusPill';
+export { Card } from './components/Card';
+export { Tag } from './components/Tag';
+export { Input } from './components/Input';
+export { PageHeader } from './components/PageHeader';
+export { Modal } from './components/Modal';
+export { Table } from './components/Table';
+export type { TableColumn } from './components/Table';
+export { EmptyState } from './components/EmptyState';
+export { Skeleton, SkeletonTable, SkeletonTableRow, SkeletonText, SkeletonCard } from './components/Skeleton';
+export { ToastProvider, useToast } from './components/Toast';
+export type { ToastKind } from './components/Toast';
+export { DropdownMenu } from './components/DropdownMenu';
+export type { DropdownMenuEntry, DropdownMenuItem } from './components/DropdownMenu';
+export { ConfirmDialog } from './components/ConfirmDialog';
+export { Select, MultiSelect, Combobox } from './components/Select';
+export { Checkbox, Radio, Switch } from './components/Checkbox';
+export { Field, Textarea, SegmentedControl } from './components/Field';
+export { PreviewBadge, PreviewHeader } from './components/PreviewBadge';

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@combinedk/ui",
+  "version": "3.0.0-beta.11",
+  "description": "Combine DataController shared UI component library",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./tokens.css": "./src/tokens.css"
+  },
+  "files": [
+    "dist",
+    "src/tokens.css"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "lucide-react": ">=1.0.0",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "typescript": "~6.0.2",
+    "vite": "^8.0.9",
+    "vite-plugin-dts": "^4.3.0"
+  },
+  "publishConfig": {
+    "registry": "https://npm.pkg.github.com",
+    "access": "restricted"
+  }
+}