@miethe/ui 0.2.0 → 0.6.0

package/dist/primitives/FormField.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from './utils';
+import { Label } from './Label';
+/**
+ * Composable form field wrapper that renders an optional label, child control,
+ * optional error message, and optional hint text.
+ *
+ * When `error` is set the error text is wrapped in `role="alert"` so that
+ * screen readers announce it immediately. When `required` is set an asterisk
+ * is appended to the label (hidden from AT) and `aria-required={true}` is
+ * injected directly onto the child control via `React.cloneElement` — so
+ * callers do not need to remember to pass `aria-required` themselves. If the
+ * child already carries an explicit `aria-required` prop it is preserved.
+ */
+function FormField({ label, htmlFor, error, hint, required, children, className, }) {
+    // Inject aria-required onto the direct child control when required is true,
+    // without overriding an explicit value the caller already set.
+    const child = required && React.isValidElement(children)
+        ? React.cloneElement(children, {
+            'aria-required': children.props['aria-required'] ?? true,
+        })
+        : children;
+    return (_jsxs("div", { className: cn('flex flex-col gap-1.5', className), children: [label && (_jsxs(Label, { htmlFor: htmlFor, children: [label, required && (_jsx("span", { className: "ml-0.5 text-destructive", "aria-hidden": "true", children: "*" }))] })), _jsx("div", { "data-required": required ? 'true' : undefined, children: child }), error && (_jsx("p", { role: "alert", className: "text-sm font-medium text-destructive", children: error })), hint && !error && (_jsx("p", { className: "text-sm text-muted-foreground", children: hint }))] }));
+}
+export { FormField };
+//# sourceMappingURL=FormField.js.map

package/dist/primitives/FormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../src/primitives/FormField.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAiBhC;;;;;;;;;;GAUG;AACH,SAAS,SAAS,CAAC,EACjB,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,GACM;IACf,4EAA4E;IAC5E,+DAA+D;IAC/D,MAAM,KAAK,GACT,QAAQ,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;QACxC,CAAC,CAAC,KAAK,CAAC,YAAY,CAChB,QAAuD,EACvD;YACE,eAAe,EACZ,QAAwD,CAAC,KAAK,CAC7D,eAAe,CAChB,IAAI,IAAI;SACZ,CACF;QACH,CAAC,CAAC,QAAQ,CAAC;IAEf,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,aACnD,KAAK,IAAI,CACR,MAAC,KAAK,IAAC,OAAO,EAAE,OAAO,aACpB,KAAK,EACL,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,yBAAyB,iBAAa,MAAM,kBAErD,CACR,IACK,CACT,EAED,+BAAoB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAAG,KAAK,GAAO,EAE/D,KAAK,IAAI,CACR,YAAG,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,sCAAsC,YAC7D,KAAK,GACJ,CACL,EAEA,IAAI,IAAI,CAAC,KAAK,IAAI,CACjB,YAAG,SAAS,EAAC,+BAA+B,YAAE,IAAI,GAAK,CACxD,IACG,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/primitives/Label.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const labelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {
+}
+/**
+ * Accessible form label rendered as a `<label>` element.
+ * Pass `htmlFor` matching the target control's `id` to associate them.
+ * Automatically dims when the associated control is disabled (via the
+ * `peer-disabled` Tailwind variant).
+ *
+ * @example
+ * ```tsx
+ * <Label htmlFor="email">Email address</Label>
+ * <Input id="email" type="email" />
+ * ```
+ */
+declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+export { Label };
+//# sourceMappingURL=Label.d.ts.map

package/dist/primitives/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/primitives/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,aAAa,oFAElB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,KAAK,qFAIV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/primitives/Label.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from './utils';
+const labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
+/**
+ * Accessible form label rendered as a `<label>` element.
+ * Pass `htmlFor` matching the target control's `id` to associate them.
+ * Automatically dims when the associated control is disabled (via the
+ * `peer-disabled` Tailwind variant).
+ *
+ * @example
+ * ```tsx
+ * <Label htmlFor="email">Email address</Label>
+ * <Input id="email" type="email" />
+ * ```
+ */
+const Label = React.forwardRef(({ className, ...props }, ref) => (_jsx("label", { ref: ref, className: cn(labelVariants(), className), ...props })));
+Label.displayName = 'Label';
+export { Label };
+//# sourceMappingURL=Label.js.map

package/dist/primitives/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/primitives/Label.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAE7B,MAAM,aAAa,GAAG,GAAG,CACvB,4FAA4F,CAC7F,CAAC;AAMF;;;;;;;;;;;GAWG;AACH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,gBAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC1E,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/primitives/MismatchBadge.d.ts

@@ -0,0 +1,34 @@
+export interface MismatchBadgeProps {
+    /** The mismatch state string (e.g. "mismatched", "reversed", "stale"). */
+    state: string;
+    /** Human-readable explanation for the mismatch. */
+    reason: string;
+    /** Optional evidence labels rendered as small inner chips (banner mode only). */
+    evidenceLabels?: string[];
+    /**
+     * When true, renders a compact inline amber badge suited for card / list
+     * contexts. When false (default), renders the full banner variant for headers.
+     */
+    compact?: boolean;
+}
+/**
+ * Renders an amber mismatch indicator in two forms:
+ * - `compact=true`  — a small inline chip with icon + state label.
+ * - `compact=false` — the full banner with title, reason, and evidence chips.
+ *
+ * Extracted from CCDash Planning primitives (PCP-709).
+ *
+ * @example
+ * // Compact inline chip
+ * <MismatchBadge state="stale" reason="Status diverged from progress" compact />
+ *
+ * @example
+ * // Full banner
+ * <MismatchBadge
+ *   state="mismatched"
+ *   reason="Progress says done but PRD is pending"
+ *   evidenceLabels={['PRD-outdated', 'progress-diverged']}
+ * />
+ */
+export declare function MismatchBadge({ state, reason, evidenceLabels, compact, }: MismatchBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MismatchBadge.d.ts.map

package/dist/primitives/MismatchBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MismatchBadge.d.ts","sourceRoot":"","sources":["../../src/primitives/MismatchBadge.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IACjC,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,MAAM,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,cAAmB,EACnB,OAAe,GAChB,EAAE,kBAAkB,2CAkCpB"}

package/dist/primitives/MismatchBadge.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertTriangle } from 'lucide-react';
+/**
+ * Renders an amber mismatch indicator in two forms:
+ * - `compact=true`  — a small inline chip with icon + state label.
+ * - `compact=false` — the full banner with title, reason, and evidence chips.
+ *
+ * Extracted from CCDash Planning primitives (PCP-709).
+ *
+ * @example
+ * // Compact inline chip
+ * <MismatchBadge state="stale" reason="Status diverged from progress" compact />
+ *
+ * @example
+ * // Full banner
+ * <MismatchBadge
+ *   state="mismatched"
+ *   reason="Progress says done but PRD is pending"
+ *   evidenceLabels={['PRD-outdated', 'progress-diverged']}
+ * />
+ */
+export function MismatchBadge({ state, reason, evidenceLabels = [], compact = false, }) {
+    if (compact) {
+        return (_jsxs("span", { className: "inline-flex items-center gap-1 rounded border border-amber-500/30 bg-amber-500/10 px-2 py-0.5 text-xs font-medium text-amber-300", title: reason, children: [_jsx(AlertTriangle, { size: 11, className: "shrink-0 text-amber-400" }), state] }));
+    }
+    return (_jsxs("div", { className: "flex items-start gap-3 rounded-lg border border-amber-500/30 bg-amber-500/10 px-4 py-3", children: [_jsx(AlertTriangle, { size: 15, className: "mt-0.5 shrink-0 text-amber-400" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-amber-300", children: "Status mismatch detected" }), _jsx("p", { className: "mt-0.5 text-xs text-amber-300/80", children: reason }), evidenceLabels.length > 0 && (_jsx("div", { className: "mt-1.5 flex flex-wrap gap-1", children: evidenceLabels.map((label, i) => (_jsx("span", { className: "rounded px-1.5 py-0.5 text-[10px] font-medium bg-amber-500/20 text-amber-300", children: label }, i))) }))] })] }));
+}
+//# sourceMappingURL=MismatchBadge.js.map

package/dist/primitives/MismatchBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MismatchBadge.js","sourceRoot":"","sources":["../../src/primitives/MismatchBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAgB7C;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,cAAc,GAAG,EAAE,EACnB,OAAO,GAAG,KAAK,GACI;IACnB,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,gBACE,SAAS,EAAC,kIAAkI,EAC5I,KAAK,EAAE,MAAM,aAEb,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,yBAAyB,GAAG,EAC9D,KAAK,IACD,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,wFAAwF,aACrG,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,gCAAgC,GAAG,EACtE,eAAK,SAAS,EAAC,gBAAgB,aAC7B,YAAG,SAAS,EAAC,oCAAoC,yCAA6B,EAC9E,YAAG,SAAS,EAAC,kCAAkC,YAAE,MAAM,GAAK,EAC3D,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5B,cAAK,SAAS,EAAC,6BAA6B,YACzC,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAChC,eAEE,SAAS,EAAC,8EAA8E,YAEvF,KAAK,IAHD,CAAC,CAID,CACR,CAAC,GACE,CACP,IACG,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/PlanningNodeTypeIcon.d.ts

@@ -0,0 +1,33 @@
+/**
+ * The set of planning node type identifiers supported by the planning control plane.
+ * Each maps to a distinct lucide-react icon.
+ */
+export type PlanningNodeType = 'design_spec' | 'prd' | 'implementation_plan' | 'progress' | 'context' | 'tracker' | 'report';
+export interface PlanningNodeTypeIconProps {
+    type: PlanningNodeType;
+    /** Icon size in pixels. Defaults to 13. */
+    size?: number;
+    /** Additional className applied to the icon element. */
+    className?: string;
+}
+/**
+ * Reusable icon component for PlanningNodeType values. Matches the inline
+ * NodeTypeIcon used in PlanningNodeDetail and PlanningGraphPanel.
+ *
+ * Extracted from CCDash Planning primitives (PCP-709).
+ *
+ * Icon map:
+ * - design_spec        → FolderSearch
+ * - prd                → FileText
+ * - implementation_plan → FileCheck2
+ * - progress           → BookOpen
+ * - context            → Tag
+ * - tracker            → AlertCircle
+ * - report             → FileText
+ * - (default)          → FileText
+ *
+ * @example
+ * <PlanningNodeTypeIcon type="prd" size={16} className="text-blue-400" />
+ */
+export declare function PlanningNodeTypeIcon({ type, size, className, }: PlanningNodeTypeIconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PlanningNodeTypeIcon.d.ts.map

package/dist/primitives/PlanningNodeTypeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanningNodeTypeIcon.d.ts","sourceRoot":"","sources":["../../src/primitives/PlanningNodeTypeIcon.tsx"],"names":[],"mappings":"AASA;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb,KAAK,GACL,qBAAqB,GACrB,UAAU,GACV,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,gBAAgB,CAAC;IACvB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,IAAS,EACT,SAA4C,GAC7C,EAAE,yBAAyB,2CAY3B"}

package/dist/primitives/PlanningNodeTypeIcon.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AlertCircle, BookOpen, FileCheck2, FileText, FolderSearch, Tag, } from 'lucide-react';
+/**
+ * Reusable icon component for PlanningNodeType values. Matches the inline
+ * NodeTypeIcon used in PlanningNodeDetail and PlanningGraphPanel.
+ *
+ * Extracted from CCDash Planning primitives (PCP-709).
+ *
+ * Icon map:
+ * - design_spec        → FolderSearch
+ * - prd                → FileText
+ * - implementation_plan → FileCheck2
+ * - progress           → BookOpen
+ * - context            → Tag
+ * - tracker            → AlertCircle
+ * - report             → FileText
+ * - (default)          → FileText
+ *
+ * @example
+ * <PlanningNodeTypeIcon type="prd" size={16} className="text-blue-400" />
+ */
+export function PlanningNodeTypeIcon({ type, size = 13, className = 'shrink-0 text-muted-foreground', }) {
+    const p = { size, className };
+    switch (type) {
+        case 'design_spec': return _jsx(FolderSearch, { ...p });
+        case 'prd': return _jsx(FileText, { ...p });
+        case 'implementation_plan': return _jsx(FileCheck2, { ...p });
+        case 'progress': return _jsx(BookOpen, { ...p });
+        case 'context': return _jsx(Tag, { ...p });
+        case 'tracker': return _jsx(AlertCircle, { ...p });
+        case 'report': return _jsx(FileText, { ...p });
+        default: return _jsx(FileText, { ...p });
+    }
+}
+//# sourceMappingURL=PlanningNodeTypeIcon.js.map

package/dist/primitives/PlanningNodeTypeIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanningNodeTypeIcon.js","sourceRoot":"","sources":["../../src/primitives/PlanningNodeTypeIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,GAAG,GACJ,MAAM,cAAc,CAAC;AAuBtB;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACnC,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,gCAAgC,GAClB;IAC1B,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;IAC9B,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,aAAa,CAAC,CAAS,OAAO,KAAC,YAAY,OAAK,CAAC,GAAI,CAAC;QAC3D,KAAK,KAAK,CAAC,CAAiB,OAAO,KAAC,QAAQ,OAAK,CAAC,GAAI,CAAC;QACvD,KAAK,qBAAqB,CAAC,CAAC,OAAO,KAAC,UAAU,OAAK,CAAC,GAAI,CAAC;QACzD,KAAK,UAAU,CAAC,CAAY,OAAO,KAAC,QAAQ,OAAK,CAAC,GAAI,CAAC;QACvD,KAAK,SAAS,CAAC,CAAa,OAAO,KAAC,GAAG,OAAK,CAAC,GAAI,CAAC;QAClD,KAAK,SAAS,CAAC,CAAa,OAAO,KAAC,WAAW,OAAK,CAAC,GAAI,CAAC;QAC1D,KAAK,QAAQ,CAAC,CAAc,OAAO,KAAC,QAAQ,OAAK,CAAC,GAAI,CAAC;QACvD,OAAO,CAAC,CAAoB,OAAO,KAAC,QAAQ,OAAK,CAAC,GAAI,CAAC;IACzD,CAAC;AACH,CAAC"}

package/dist/primitives/SecretField.d.ts

@@ -0,0 +1,28 @@
+export interface SecretFieldProps {
+    /** The key/env-var name shown as a label (e.g. "ANTHROPIC_API_KEY"). */
+    label: string;
+    /**
+     * Whether a secret value is already configured on the server.
+     * When true, the stored value is NOT passed to this component — only the
+     * boolean fact that one exists.
+     */
+    isSet: boolean;
+    /**
+     * Called with the new plaintext value entered by the user. Invoked on Save.
+     * The component clears its local input state immediately after calling this,
+     * so the typed value is never retained beyond the call site.
+     */
+    onSubmit: (newValue: string) => void | Promise<void>;
+    /** Disables all interactive controls. */
+    disabled?: boolean;
+    /** Supplementary help text rendered below the field. */
+    description?: string;
+    /** Error message rendered with role="alert" below the field. */
+    error?: string;
+}
+declare function SecretField({ label, isSet, onSubmit, disabled, description, error, }: SecretFieldProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SecretField {
+    var displayName: string;
+}
+export { SecretField };
+//# sourceMappingURL=SecretField.d.ts.map

package/dist/primitives/SecretField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecretField.d.ts","sourceRoot":"","sources":["../../src/primitives/SecretField.tsx"],"names":[],"mappings":"AAuBA,MAAM,WAAW,gBAAgB;IAC/B,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,WAAW,EACX,KAAK,GACN,EAAE,gBAAgB,2CA2IlB;kBAlJQ,WAAW;;;AAsJpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/primitives/SecretField.js

@@ -0,0 +1,65 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SecretField — write-only secret entry implementing DEC-FE-5.
+ *
+ * SECURITY CONTRACT: this component NEVER receives, holds, or displays the
+ * stored secret value. There is no `value` prop and no state that ever holds
+ * the existing secret. When `isSet` is true the component only knows a secret
+ * exists — it has no access to what that secret is.
+ *
+ * The only place typed input exists is transient local state (`inputValue`),
+ * which is immediately cleared on both Save and Cancel.
+ */
+import * as React from 'react';
+import { Badge } from './Badge';
+import { MaskedSecretInput } from './MaskedSecretInput';
+import { cn } from './utils';
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+function SecretField({ label, isSet, onSubmit, disabled = false, description, error, }) {
+    // `replacing` tracks whether the user has clicked "Replace" to reveal the
+    // masked input when a secret is already configured.
+    const [replacing, setReplacing] = React.useState(false);
+    // Transient typed value — cleared on submit AND cancel. This is the ONLY
+    // place a typed secret value exists in this component; it is never persisted,
+    // logged, or surfaced to the parent except via the onSubmit callback.
+    const [inputValue, setInputValue] = React.useState('');
+    const [submitting, setSubmitting] = React.useState(false);
+    // Whether to show the masked input: always when no secret is set, or when
+    // the user is actively replacing an existing one.
+    const showInput = !isSet || replacing;
+    const handleSave = React.useCallback(async () => {
+        if (!inputValue || submitting)
+            return;
+        setSubmitting(true);
+        try {
+            await onSubmit(inputValue);
+        }
+        finally {
+            // Immediately clear the typed value regardless of whether onSubmit threw.
+            setInputValue('');
+            setSubmitting(false);
+            setReplacing(false);
+        }
+    }, [inputValue, onSubmit, submitting]);
+    const handleCancel = React.useCallback(() => {
+        // Clear the typed value and collapse back to the "Configured" view.
+        setInputValue('');
+        setReplacing(false);
+    }, []);
+    const handleKeyDown = React.useCallback((e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            void handleSave();
+        }
+        if (e.key === 'Escape') {
+            handleCancel();
+        }
+    }, [handleSave, handleCancel]);
+    return (_jsxs("div", { className: "flex w-full flex-col gap-2", children: [isSet && !replacing && (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Badge, { variant: "secondary", className: "text-xs font-medium", children: "Configured" }), _jsx("button", { type: "button", onClick: () => setReplacing(true), disabled: disabled, className: cn('text-sm text-muted-foreground underline-offset-2 hover:text-foreground hover:underline', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1', 'disabled:pointer-events-none disabled:opacity-40', 'transition-colors'), children: "Replace" })] })), showInput && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(MaskedSecretInput, { label: label, value: inputValue, onChange: setInputValue, placeholder: isSet ? 'Enter new value to replace…' : 'Enter value…', disabled: disabled || submitting }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { type: "button", onClick: () => void handleSave(), onKeyDown: handleKeyDown, disabled: disabled || submitting || !inputValue, className: cn('inline-flex h-8 items-center justify-center rounded-md px-3 text-sm font-medium', 'bg-primary text-primary-foreground shadow', 'hover:bg-primary/90', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', 'disabled:pointer-events-none disabled:opacity-40', 'transition-colors'), children: submitting ? 'Saving…' : 'Save' }), isSet && replacing && (_jsx("button", { type: "button", onClick: handleCancel, onKeyDown: handleKeyDown, disabled: disabled || submitting, className: cn('inline-flex h-8 items-center justify-center rounded-md px-3 text-sm font-medium', 'border border-input bg-background text-foreground', 'hover:bg-accent hover:text-accent-foreground', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', 'disabled:pointer-events-none disabled:opacity-40', 'transition-colors'), children: "Cancel" }))] })] })), description && (_jsx("p", { className: "text-xs text-muted-foreground", children: description })), error && (_jsx("p", { role: "alert", className: "text-xs font-medium text-destructive", children: error }))] }));
+}
+SecretField.displayName = 'SecretField';
+export { SecretField };
+//# sourceMappingURL=SecretField.js.map

package/dist/primitives/SecretField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecretField.js","sourceRoot":"","sources":["../../src/primitives/SecretField.tsx"],"names":[],"mappings":"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"}

package/dist/primitives/Spinner.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const spinnerVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SpinnerProps extends React.SVGAttributes<SVGSVGElement>, VariantProps<typeof spinnerVariants> {
+    /** Accessible label announced to screen readers. Defaults to "Loading". */
+    'aria-label'?: string;
+}
+/**
+ * Loading indicator with an accessible `role="status"` wrapper and
+ * visually-hidden text for screen readers. Size variants: `sm`, `md`, `lg`.
+ */
+declare function Spinner({ className, size, 'aria-label': ariaLabel, ...props }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export { Spinner };
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/primitives/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/primitives/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,eAAe;;8EAWnB,CAAC;AAEH,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,EACxC,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,SAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CA2ChG;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/primitives/Spinner.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from './utils';
+const spinnerVariants = cva('animate-spin text-current', {
+    variants: {
+        size: {
+            sm: 'h-4 w-4',
+            md: 'h-6 w-6',
+            lg: 'h-8 w-8',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+/**
+ * Loading indicator with an accessible `role="status"` wrapper and
+ * visually-hidden text for screen readers. Size variants: `sm`, `md`, `lg`.
+ */
+function Spinner({ className, size, 'aria-label': ariaLabel = 'Loading', ...props }) {
+    return (_jsxs("span", { role: "status", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", className: cn(spinnerVariants({ size }), className), ...props, children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })] }), _jsx("span", { style: {
+                    position: 'absolute',
+                    width: '1px',
+                    height: '1px',
+                    padding: 0,
+                    margin: '-1px',
+                    overflow: 'hidden',
+                    clip: 'rect(0,0,0,0)',
+                    whiteSpace: 'nowrap',
+                    borderWidth: 0,
+                }, children: ariaLabel })] }));
+}
+export { Spinner };
+//# sourceMappingURL=Spinner.js.map

package/dist/primitives/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/primitives/Spinner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAE7B,MAAM,eAAe,GAAG,GAAG,CAAC,2BAA2B,EAAE;IACvD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;SACd;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AASH;;;GAGG;AACH,SAAS,OAAO,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,GAAG,SAAS,EAAE,GAAG,KAAK,EAAgB;IAC/F,OAAO,CACL,gBAAM,IAAI,EAAC,QAAQ,aACjB,eACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,iBACP,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC/C,KAAK,aAET,iBACE,SAAS,EAAC,YAAY,EACtB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,GACf,EACF,eACE,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,6CAA6C,GAC/C,IACE,EAEN,eACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,KAAK;oBACZ,MAAM,EAAE,KAAK;oBACb,OAAO,EAAE,CAAC;oBACV,MAAM,EAAE,MAAM;oBACd,QAAQ,EAAE,QAAQ;oBAClB,IAAI,EAAE,eAAe;oBACrB,UAAU,EAAE,QAAQ;oBACpB,WAAW,EAAE,CAAC;iBACf,YAEA,SAAS,GACL,IACF,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/primitives/StatusChip.d.ts

@@ -0,0 +1,17 @@
+import type { StatusChipVariant } from './variants';
+export interface StatusChipProps {
+    label: string;
+    variant?: StatusChipVariant;
+    tooltip?: string;
+}
+/**
+ * Reusable slate badge rendering the five planning status variants
+ * (neutral / ok / warn / error / info).
+ *
+ * Extracted from CCDash Planning primitives (PCP-709).
+ *
+ * @example
+ * <StatusChip label="pending" variant="warn" tooltip="Waiting on upstream" />
+ */
+export declare function StatusChip({ label, variant, tooltip }: StatusChipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusChip.d.ts.map

package/dist/primitives/StatusChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusChip.d.ts","sourceRoot":"","sources":["../../src/primitives/StatusChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAYD;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,OAAmB,EAAE,OAAO,EAAE,EAAE,eAAe,2CAMlF"}

package/dist/primitives/StatusChip.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const BASE = 'inline-flex items-center rounded px-2 py-0.5 text-xs font-medium';
+const COLORS = {
+    neutral: 'bg-slate-700/60 text-slate-300',
+    ok: 'bg-emerald-600/20 text-emerald-400',
+    warn: 'bg-amber-600/20 text-amber-400',
+    error: 'bg-rose-600/20 text-rose-400',
+    info: 'bg-blue-600/20 text-blue-400',
+};
+/**
+ * Reusable slate badge rendering the five planning status variants
+ * (neutral / ok / warn / error / info).
+ *
+ * Extracted from CCDash Planning primitives (PCP-709).
+ *
+ * @example
+ * <StatusChip label="pending" variant="warn" tooltip="Waiting on upstream" />
+ */
+export function StatusChip({ label, variant = 'neutral', tooltip }) {
+    return (_jsx("span", { className: `${BASE} ${COLORS[variant]}`, title: tooltip, children: label }));
+}
+//# sourceMappingURL=StatusChip.js.map

package/dist/primitives/StatusChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusChip.js","sourceRoot":"","sources":["../../src/primitives/StatusChip.tsx"],"names":[],"mappings":";AAQA,MAAM,IAAI,GAAG,kEAAkE,CAAC;AAEhF,MAAM,MAAM,GAAsC;IAChD,OAAO,EAAE,gCAAgC;IACzC,EAAE,EAAO,oCAAoC;IAC7C,IAAI,EAAK,gCAAgC;IACzC,KAAK,EAAI,8BAA8B;IACvC,IAAI,EAAK,8BAA8B;CACxC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,OAAO,EAAmB;IACjF,OAAO,CACL,eAAM,SAAS,EAAE,GAAG,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,YAC1D,KAAK,GACD,CACR,CAAC;AACJ,CAAC"}

package/dist/primitives/Switch.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { type VariantProps } from 'class-variance-authority';
+declare const switchTrackVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Props for `Switch`. An accessible name is required: supply either
+ * `aria-label` (inline string) or `aria-labelledby` (id of a labelling
+ * element). Size variants: `sm` (h-4/w-7) and `md` (h-5/w-9, default).
+ */
+export type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> & VariantProps<typeof switchTrackVariants> & ({
+    'aria-label': string;
+    'aria-labelledby'?: string;
+} | {
+    'aria-label'?: string;
+    'aria-labelledby': string;
+});
+/**
+ * Accessible toggle switch wrapping Radix UI Switch primitive.
+ * Requires an accessible name via `aria-label` or `aria-labelledby`.
+ * Supports controlled (`checked` + `onCheckedChange`) and uncontrolled
+ * (`defaultChecked`) usage. Size variants: `sm` and `md` (default).
+ *
+ * @example
+ * ```tsx
+ * <Switch aria-label="Enable notifications" checked={enabled} onCheckedChange={setEnabled} />
+ * ```
+ */
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };
+//# sourceMappingURL=Switch.d.ts.map

package/dist/primitives/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/primitives/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,mBAAmB;;8EAaxB,CAAC;AAiBF;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GACnF,YAAY,CAAC,OAAO,mBAAmB,CAAC,GAAG,CACvC;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAAE,GACpD;IAAE,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAA;CAAE,CACvD,CAAC;AAEJ;;;;;;;;;;GAUG;AACH,QAAA,MAAM,MAAM,uFAUX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/primitives/Switch.js

@@ -0,0 +1,43 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { cva } from 'class-variance-authority';
+import { cn } from './utils';
+const switchTrackVariants = cva('relative inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input', {
+    variants: {
+        size: {
+            sm: 'h-4 w-7',
+            md: 'h-5 w-9',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+const switchThumbVariants = cva('pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform', {
+    variants: {
+        size: {
+            sm: 'h-3 w-3 data-[state=checked]:translate-x-3 data-[state=unchecked]:translate-x-0',
+            md: 'h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+/**
+ * Accessible toggle switch wrapping Radix UI Switch primitive.
+ * Requires an accessible name via `aria-label` or `aria-labelledby`.
+ * Supports controlled (`checked` + `onCheckedChange`) and uncontrolled
+ * (`defaultChecked`) usage. Size variants: `sm` and `md` (default).
+ *
+ * @example
+ * ```tsx
+ * <Switch aria-label="Enable notifications" checked={enabled} onCheckedChange={setEnabled} />
+ * ```
+ */
+const Switch = React.forwardRef(({ className, size, ...props }, ref) => (_jsx(SwitchPrimitive.Root, { ref: ref, className: cn(switchTrackVariants({ size }), className), ...props, children: _jsx(SwitchPrimitive.Thumb, { className: switchThumbVariants({ size }) }) })));
+Switch.displayName = 'Switch';
+export { Switch };
+//# sourceMappingURL=Switch.js.map

package/dist/primitives/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/primitives/Switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAE7B,MAAM,mBAAmB,GAAG,GAAG,CAC7B,+WAA+W,EAC/W;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;SACd;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAEF,MAAM,mBAAmB,GAAG,GAAG,CAC7B,4FAA4F,EAC5F;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,iFAAiF;YACrF,EAAE,EAAE,iFAAiF;SACtF;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAaF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACtC,KAAC,eAAe,CAAC,IAAI,IACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACnD,KAAK,YAET,KAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAE,mBAAmB,CAAC,EAAE,IAAI,EAAE,CAAC,GAAI,GAC9C,CACxB,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/primitives/index.d.ts

@@ -35,4 +35,32 @@ export { LockIcon } from './LockIcon';
 export type { LockIconProps } from './LockIcon';
 export { WizardShell } from './WizardShell';
 export type { WizardShellProps, WizardStep } from './WizardShell';
+export { CreateEntityDialog } from './CreateEntityDialog';
+export type { CreateEntityDialogProps, EntityFormSchema, SimpleFormSchema, TabsFormSchema, CompositeFormSchema, TabDef, FieldDef, FieldType, FieldOption, MemberPickerConfig, CollectionPickerConfig as CreateEntityCollectionPickerConfig, CollectionItem as CreateEntityCollectionItem, } from './CreateEntityDialog';
+export { CollectionPicker } from './CollectionPicker';
+export type { CollectionPickerProps, CollectionPickerConfig, CollectionItem, } from './CollectionPicker';
+export { StatusChip } from './StatusChip';
+export type { StatusChipProps } from './StatusChip';
+export { statusVariant, readinessVariant } from './variants';
+export type { StatusChipVariant, ReadinessVariant } from './variants';
+export { EffectiveStatusChips } from './EffectiveStatusChips';
+export type { EffectiveStatusChipsProps, PlanningStatusProvenance, PlanningStatusProvenanceSource, PlanningStatusEvidence, } from './EffectiveStatusChips';
+export { MismatchBadge } from './MismatchBadge';
+export type { MismatchBadgeProps } from './MismatchBadge';
+export { BatchReadinessPill } from './BatchReadinessPill';
+export type { BatchReadinessPillProps, PlanningPhaseBatchReadinessState } from './BatchReadinessPill';
+export { PlanningNodeTypeIcon } from './PlanningNodeTypeIcon';
+export type { PlanningNodeTypeIconProps, PlanningNodeType } from './PlanningNodeTypeIcon';
+export { Card, CardHeader, CardContent, CardFooter } from './Card';
+export type { CardProps, CardHeaderProps, CardContentProps, CardFooterProps } from './Card';
+export { FormField } from './FormField';
+export type { FormFieldProps } from './FormField';
+export { Label } from './Label';
+export type { LabelProps } from './Label';
+export { Spinner } from './Spinner';
+export type { SpinnerProps } from './Spinner';
+export { Switch } from './Switch';
+export type { SwitchProps } from './Switch';
+export { SecretField } from './SecretField';
+export type { SecretFieldProps } from './SecretField';
 //# sourceMappingURL=index.d.ts.map

package/dist/primitives/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/primitives/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/primitives/index.ts"],"names":[],"mappings":"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"}

package/dist/primitives/index.js

@@ -21,4 +21,20 @@ export { GroupedSelect } from './GroupedSelect';
 export { EnterpriseOwnerBadge } from './EnterpriseOwnerBadge';
 export { LockIcon } from './LockIcon';
 export { WizardShell } from './WizardShell';
+export { CreateEntityDialog } from './CreateEntityDialog';
+export { CollectionPicker } from './CollectionPicker';
+// Planning Primitives — extracted from CCDash (PCP-709)
+export { StatusChip } from './StatusChip';
+export { statusVariant, readinessVariant } from './variants';
+export { EffectiveStatusChips } from './EffectiveStatusChips';
+export { MismatchBadge } from './MismatchBadge';
+export { BatchReadinessPill } from './BatchReadinessPill';
+export { PlanningNodeTypeIcon } from './PlanningNodeTypeIcon';
+// FE-P1 new primitives
+export { Card, CardHeader, CardContent, CardFooter } from './Card';
+export { FormField } from './FormField';
+export { Label } from './Label';
+export { Spinner } from './Spinner';
+export { Switch } from './Switch';
+export { SecretField } from './SecretField';
 //# sourceMappingURL=index.js.map