@teja-app/ui 0.0.12 → 0.0.14

package/dist/index.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const useSidebar = require("./useSidebar-d1VZFhxd.cjs");
 const utils_index = require("./utils/index.cjs");
+const useInstrumentedClick = require("./useInstrumentedClick-COxikkTF.cjs");
 exports.useDebounce = useSidebar.useDebounce;
 exports.useDebouncedCallback = useSidebar.useDebouncedCallback;
 exports.useDebouncedCallbackWithControl = useSidebar.useDebouncedCallbackWithControl;
@@ -9,4 +10,8 @@ exports.useSelection = useSidebar.useSelection;
 exports.useSidebar = useSidebar.useSidebar;
 exports.useTable = useSidebar.useTable;
 exports.cn = utils_index.cn;
+exports.TrackerProvider = useInstrumentedClick.TrackerProvider;
+exports.noopTracker = useInstrumentedClick.noopTracker;
+exports.useInstrumentedClick = useInstrumentedClick.useInstrumentedClick;
+exports.useTracker = useInstrumentedClick.useTracker;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -14,4 +14,5 @@
  */
 export * from './hooks';
 export { cn } from './utils';
+export * from './instrumentation';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAM7B,cAAc,mBAAmB,CAAC"}

package/dist/index.js

@@ -1,12 +1,17 @@
 import { u, a, b, c, d, e } from "./useSidebar-BWe09WbE.js";
 import { cn } from "./utils/index.js";
+import { T, n, u as u2, a as a2 } from "./useInstrumentedClick-B7QAnoBt.js";
 export {
+  T as TrackerProvider,
   cn,
+  n as noopTracker,
   u as useDebounce,
   a as useDebouncedCallback,
   b as useDebouncedCallbackWithControl,
+  u2 as useInstrumentedClick,
   c as useSelection,
   d as useSidebar,
-  e as useTable
+  e as useTable,
+  a2 as useTracker
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/instrumentation/context.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+import { type Tracker } from './tracker';
+export interface TrackerProviderProps {
+    tracker: Tracker;
+    children: ReactNode;
+}
+export declare function TrackerProvider({ tracker, children }: TrackerProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useTracker(): Tracker;
+//# sourceMappingURL=context.d.ts.map

package/dist/instrumentation/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/instrumentation/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAe,KAAK,OAAO,EAAE,MAAM,WAAW,CAAC;AAWtD,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAM1E;AAED,wBAAgB,UAAU,IAAI,OAAO,CAEpC"}

package/dist/instrumentation/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useInstrumentedClick = require("../useInstrumentedClick-COxikkTF.cjs");
+exports.TrackerProvider = useInstrumentedClick.TrackerProvider;
+exports.noopTracker = useInstrumentedClick.noopTracker;
+exports.useInstrumentedClick = useInstrumentedClick.useInstrumentedClick;
+exports.useTracker = useInstrumentedClick.useTracker;
+//# sourceMappingURL=index.cjs.map

package/dist/instrumentation/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/instrumentation/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * teja-ui instrumentation surface (W3 §7.5–7.6).
+ *
+ * FROZEN contract consumed by the app-side adapter. teja-ui carries no telemetry
+ * SDK; the host injects a `Tracker` via `<TrackerProvider>`.
+ */
+export { noopTracker, type Tracker, type SpanHandle } from './tracker';
+export { TrackerProvider, useTracker, type TrackerProviderProps } from './context';
+export { useInstrumentedClick, type InstrumentedClickMeta, } from './useInstrumentedClick';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/instrumentation/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,WAAW,EAAE,KAAK,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,oBAAoB,EAAE,MAAM,WAAW,CAAC;AACnF,OAAO,EACL,oBAAoB,EACpB,KAAK,qBAAqB,GAC3B,MAAM,wBAAwB,CAAC"}

package/dist/instrumentation/index.js

@@ -0,0 +1,8 @@
+import { T, n, u, a } from "../useInstrumentedClick-B7QAnoBt.js";
+export {
+  T as TrackerProvider,
+  n as noopTracker,
+  u as useInstrumentedClick,
+  a as useTracker
+};
+//# sourceMappingURL=index.js.map

package/dist/instrumentation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/instrumentation/tracker.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Tracker facade — the FROZEN telemetry contract teja-ui exposes (W3 §7.5).
+ *
+ * teja-ui carries NO OpenTelemetry / Sentry / PostHog dependency. Consuming
+ * apps inject a concrete `Tracker` via `<TrackerProvider>`; when no provider is
+ * mounted the components fall back to `noopTracker`, so an un-instrumented host
+ * sees ZERO behavior change. The app-side adapter (`frontend/src/lib/telemetry/
+ * uiTracker.ts`) is the only place that knows about the real sink.
+ */
+/** A single in-flight UI span (e.g. one button click). */
+export interface SpanHandle {
+    setAttribute(key: string, value: string | number | boolean): void;
+    /**
+     * End the span. `outcome` records how the handler settled; `error` is the
+     * thrown/rejected value when `outcome === "error"` (recorded as an exception
+     * by the adapter, never swallowed by the hook).
+     */
+    end(outcome: 'success' | 'error' | 'abandoned', error?: unknown): void;
+}
+export interface Tracker {
+    /** Start a span. Attributes are flat primitives so any sink can serialize them. */
+    startSpan(name: string, attrs: Record<string, string | number | boolean>): SpanHandle;
+    /** Fire-and-forget discrete event (no duration). */
+    track(event: string, attrs?: Record<string, string | number | boolean>): void;
+}
+/** No-op implementation: the default when no provider is mounted. */
+export declare const noopTracker: Tracker;
+//# sourceMappingURL=tracker.d.ts.map

package/dist/instrumentation/tracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tracker.d.ts","sourceRoot":"","sources":["../../src/instrumentation/tracker.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,0DAA0D;AAC1D,MAAM,WAAW,UAAU;IACzB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IAClE;;;;OAIG;IACH,GAAG,CAAC,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACxE;AAED,MAAM,WAAW,OAAO;IACtB,mFAAmF;IACnF,SAAS,CACP,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,GAC/C,UAAU,CAAC;IACd,oDAAoD;IACpD,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG,IAAI,CAAC;CAC/E;AAED,qEAAqE;AACrE,eAAO,MAAM,WAAW,EAAE,OAGzB,CAAC"}

package/dist/instrumentation/useInstrumentedClick.d.ts

@@ -0,0 +1,31 @@
+import { type SyntheticEvent } from 'react';
+/**
+ * useInstrumentedClick (W3 §7.6).
+ *
+ * Wraps a click handler in a `ui.button.click` span. The span's lifecycle
+ * follows the handler:
+ *  - sync handler  → span ends `success` immediately (`ui.handler.async=false`)
+ *  - async handler → span ends when the returned promise settles
+ *    (`success`/`error`), recording `ui.handler.duration_ms`.
+ *
+ * Error semantics — the hook observes, never alters control flow:
+ *  - sync throw  → span ends `error`, then the error is RE-THROWN so the
+ *    caller's try/catch / React error boundary still sees it.
+ *  - async reject → span ends `error`; the rejection is left ON the original
+ *    promise so the caller's own `.catch`/awaiter still receives it. The hook
+ *    attaches a passive observer (it does not consume the rejection).
+ *
+ * Tracker comes from `useTracker()`, so an unmounted provider = noop = zero
+ * behavior change.
+ */
+export interface InstrumentedClickMeta {
+    /** Semantic id, e.g. "onboarding.step1.next". Highest-priority component.name. */
+    telemetryId?: string;
+    /** Fallback identity (the component's data-testid). */
+    testId?: string;
+    /** "Button" | "IconButton" | "AIComposeButton". */
+    kind: string;
+    variant?: string;
+}
+export declare function useInstrumentedClick<E extends SyntheticEvent>(onClick: ((e: E) => void | Promise<void>) | undefined, meta: InstrumentedClickMeta): ((e: E) => void) | undefined;
+//# sourceMappingURL=useInstrumentedClick.d.ts.map

package/dist/instrumentation/useInstrumentedClick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInstrumentedClick.d.ts","sourceRoot":"","sources":["../../src/instrumentation/useInstrumentedClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIzD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,qBAAqB;IACpC,kFAAkF;IAClF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAID,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,cAAc,EAC3D,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,EACrD,IAAI,EAAE,qBAAqB,GAC1B,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAmE9B"}

package/dist/theme/components/AIComposeButton.d.ts

@@ -9,6 +9,8 @@ export interface AIComposeButtonProps extends Omit<ButtonHTMLAttributes<HTMLButt
     size?: AIComposeButtonSize;
     children?: ReactNode;
     testId?: string;
+    /** Semantic telemetry id for the click span (`component.name`). */
+    telemetryId?: string;
 }
 export declare const AIComposeButton: import("react").ForwardRefExoticComponent<AIComposeButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=AIComposeButton.d.ts.map

package/dist/theme/components/AIComposeButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AIComposeButton.d.ts","sourceRoot":"","sources":["../../../src/theme/components/AIComposeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlG;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,oHAqC3B,CAAC"}
+{"version":3,"file":"AIComposeButton.d.ts","sourceRoot":"","sources":["../../../src/theme/components/AIComposeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlG;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,oHA4C3B,CAAC"}

package/dist/theme/components/Accordion.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Accordion / AccordionItem
+ *
+ * Design source:
+ *   - design/screens/app/documents/note-editor/intake.jsx:29-37
+ *     (NEIntakeBlock collapsible header pattern: surface-1 bg, border-bottom,
+ *     fontSize:13/fontWeight:600 title, Icon chevronDown size:11 ink-3)
+ *   - design/screens/app/settings/audit-logs.jsx (chevronDown expander rows)
+ *
+ * Header: full-width button, ink-1 title (fontSize 13, weight 600),
+ *         trailing chevronDown Icon (size 11, ink-3), rotate(180deg) when open,
+ *         transition: transform .15s; hover background: surface-1;
+ *         borderRadius: r-md.
+ * Panel:  content region below header; mount/unmount; paddingTop: 8.
+ * a11y:   header <button aria-expanded>; panel role="region" + aria-labelledby.
+ * testId: forwarded as {testId}-header and {testId}-panel.
+ */
+import { type ButtonHTMLAttributes, type CSSProperties, type ReactNode } from 'react';
+export interface AccordionProps {
+    /** Allow multiple panels to be open simultaneously. Default: false (single-open). */
+    multiple?: boolean;
+    /** Uncontrolled default open value(s). */
+    defaultValue?: string | string[];
+    /** Controlled open value(s). */
+    value?: string | string[];
+    /** Called with the new open value(s) whenever a panel is toggled. */
+    onChange?: (value: string | string[]) => void;
+    children?: ReactNode;
+    /** Extra inline styles on the container. */
+    style?: CSSProperties;
+    /** Forwarded as data-testid on the root element. */
+    testId?: string;
+}
+export interface AccordionItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'title'> {
+    /** Unique value used for controlled/uncontrolled open state. */
+    value: string;
+    /** Header content — string or ReactNode. */
+    title: ReactNode;
+    /** Panel content. */
+    children?: ReactNode;
+    /** Forwarded as {testId}-header + {testId}-panel. */
+    testId?: string;
+    /** Extra inline styles on the outer item wrapper. */
+    style?: CSSProperties;
+}
+/**
+ * Accordion — collapsible section container.
+ *
+ * ```tsx
+ * <Accordion defaultValue="section-1">
+ *   <AccordionItem value="section-1" title="Presenting problem" testId="pp">
+ *     Content here…
+ *   </AccordionItem>
+ *   <AccordionItem value="section-2" title="Clinical history">
+ *     More content…
+ *   </AccordionItem>
+ * </Accordion>
+ * ```
+ */
+export declare function Accordion({ multiple, defaultValue, value: controlledValue, onChange, children, style, testId, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * AccordionItem — a single collapsible panel within an Accordion.
+ *
+ * Visual harvest from NEIntakeBlock (intake.jsx:29-37):
+ *   header row: display:flex, alignItems:center, justifyContent:space-between
+ *               background:var(--surface-1), borderBottom:1px solid var(--border)
+ *   title: fontSize:13, fontWeight:600 (ink-1 inherited)
+ *   icon:  chevronDown size:11, color:var(--ink-3), rotates 180° when open
+ *          transition: transform .15s
+ *   hover: background:var(--surface-1)
+ *
+ * a11y: button aria-expanded; panel role="region" aria-labelledby headerId.
+ */
+export declare const AccordionItem: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/theme/components/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Accordion.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAQL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,cAAc;IAC7B,qFAAqF;IACrF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC9D,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,KAAK,EAAE,SAAS,CAAC;IACjB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAqBD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAgB,EAChB,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,cAAc,2CA8DhB;AAID;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa,kHAmGzB,CAAC"}

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

@@ -1,16 +1,36 @@
 import type { HTMLAttributes, ReactNode } from 'react';
 export type BadgeTone = 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'ai';
 export type BadgeSize = 'sm' | 'md';
+/**
+ * Explicit color override for dynamically-computed badge tones.
+ * Callers should pass CSS-var strings (e.g. `var(--success-soft)`) but
+ * arbitrary CSS color strings are accepted.
+ */
+export interface BadgeColors {
+    /** Background color. */
+    bg: string;
+    /** Foreground (text) color. */
+    fg: string;
+    /** Leading dot color. Falls back to `fg` when omitted. */
+    dot?: string;
+}
 export interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
     tone?: BadgeTone;
     size?: BadgeSize;
     /** Show a leading colored dot. */
     dot?: boolean;
+    /**
+     * Explicit color override for dynamically-computed tones.
+     * When provided, overrides the `tone` token lookup.
+     * Callers should pass CSS-var strings but arbitrary CSS color strings are accepted.
+     * Named `tone` prop is still used as a semantic hint for tooling; `colors` wins visually.
+     */
+    colors?: BadgeColors;
     children?: ReactNode;
     /** Forwarded as `data-testid` for e2e selectors. */
     'data-testid'?: string;
     /** Alias of `data-testid` to keep the API uniform across primitives. */
     testId?: string;
 }
-export declare function Badge({ tone, size, dot, children, style, testId, 'data-testid': dataTestId, ...rest }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function Badge({ tone, size, dot, colors, children, style, testId, 'data-testid': dataTestId, ...rest }: BadgeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Badge.d.ts.map

package/dist/theme/components/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,IAAI,CAAC;AACT,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AA4BpC,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACnF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kCAAkC;IAClC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAgB,EAChB,IAAW,EACX,GAAG,EACH,QAAQ,EACR,KAAK,EACL,MAAM,EACN,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,UAAU,2CAsCZ"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,IAAI,CAAC;AACT,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,+BAA+B;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AA4BD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACnF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kCAAkC;IAClC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;;;;OAKG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAgB,EAChB,IAAW,EACX,GAAG,EACH,MAAM,EACN,QAAQ,EACR,KAAK,EACL,MAAM,EACN,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,UAAU,2CA0CZ"}

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

@@ -14,6 +14,8 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
     children?: ReactNode;
     /** Forwarded as `data-testid` on the `<button>` element. */
     testId?: string;
+    /** Semantic telemetry id for the click span (`component.name`). */
+    telemetryId?: string;
 }
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Button.d.ts.map

package/dist/theme/components/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,OAAO,GACP,QAAQ,GACR,MAAM,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAqC5C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,gDAAgD;IAChD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,2GAgDjB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,OAAO,GACP,QAAQ,GACR,MAAM,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAqC5C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,gDAAgD;IAChD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,2GAyDjB,CAAC"}

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

@@ -1,10 +1,45 @@
-import type { HTMLAttributes, ReactNode } from 'react';
+import { type HTMLAttributes, type ReactNode } from 'react';
 export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     /** Inner padding in pixels. Defaults to 20. */
     padding?: number;
     children?: ReactNode;
     /** Forwarded as `data-testid` on the root div. */
     testId?: string;
+    /**
+     * Renders the card in a selected/active state:
+     * - border becomes 1px var(--primary) (border-width unchanged, only color changes)
+     * - outer ring: 0 0 0 3px var(--primary-ring)
+     * - background tint: var(--primary-soft)
+     *
+     * Harvested from design/screens/app/clients/modals/create-client.jsx:191-213
+     * (TypeCard: r-md, 1px border, shadow-xs unselected) and
+     * create-inquiry.jsx SourceCard (same pattern).
+     */
+    selected?: boolean;
+    /**
+     * Makes the card interactive (pointer cursor, hover surface lift, focus-visible
+     * primary ring). Automatically inferred when an `onClick` handler is provided.
+     * Renders as a `<button>` when interactive so keyboard activation works natively.
+     *
+     * Harvested from create-client.jsx TypeCard (cursor:pointer + button element)
+     * and create-inquiry.jsx SourceCard (same treatment).
+     */
+    interactive?: boolean;
 }
-export declare function Card({ padding, children, style, testId, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Card — base surface primitive.
+ *
+ * Default (no extra props): white surface, r-lg radius, 1px border — identical
+ * to the original Card and 100% backward-compatible.
+ *
+ * Interactive/selected variant: r-md radius to match TypeCard / SourceCard design
+ * sources (create-client.jsx:198, create-inquiry.jsx:292). Non-selected interactive
+ * cards carry shadow-xs; selected state swaps it for the primary-ring glow.
+ *
+ * Enhanced:
+ *   selected    — primary ring + tint background (design TypeCard / CoupleCard pattern)
+ *   interactive — pointer cursor, keyboard activation via <button> root
+ *                 (automatically inferred when onClick is supplied)
+ */
+export declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLElement>>;
 //# sourceMappingURL=Card.d.ts.map

package/dist/theme/components/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACjF,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,IAAI,CAAC,EAAE,OAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,2CAajF"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EAKnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACjF,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI,mGAqFf,CAAC"}

package/dist/theme/components/DarkScope.d.ts

@@ -0,0 +1,54 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+/**
+ * DarkScope — scoped dark-room wrapper.
+ *
+ * Applies the existing `[data-theme="dark"]` token block (tokens.css:120+)
+ * to **a subtree** by setting `data-theme="dark"` on a container div plus
+ * `color-scheme: dark` via inline style. Every theme component inside renders
+ * dark automatically — no per-component `tone="dark"` prop needed.
+ *
+ * Primary use-case: Telehealth video room (`/telehealth/$roomId`) where the
+ * full viewport must be dark regardless of the user's global theme setting.
+ *
+ * Design source:
+ *   - `design/screens/app/sessions/telehealth-room.jsx` — immersive dark video
+ *     room layout; the root `background: '#0f1117'` is the design's intent; we
+ *     use `var(--bg)` from the dark token block instead of the hardcoded hex so
+ *     the full dark palette applies to all children.
+ *   - `teja-ui/src/theme/tokens.css:120` — `[data-theme="dark"]` block with
+ *     full dark surface/ink/border/shadow/semantic token overrides.
+ *
+ * Tokens consumed (all from the `[data-theme="dark"]` block in tokens.css):
+ *   --bg, --surface-0..3, --sidebar, --border, --border-strong, --divider,
+ *   --ink-1..5, --primary-soft, --success/warning/danger/info/ai (-soft),
+ *   --shadow-xs/sm/md/lg/pop  (resolved via color-scheme:dark cascade).
+ *
+ * Decision note: the token-scope approach (data-theme="dark" on a subtree)
+ * covers EVERY theme component for free — do NOT add per-component tone="dark"
+ * props. See GAP-PRIMITIVES-BUILD-SPEC.md §6.
+ */
+export interface DarkScopeProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    /**
+     * Forwarded as `data-testid` on the root div for e2e selectors.
+     * Also accepts the raw `data-testid` attribute for consistency with
+     * components that expose both forms (e.g. Badge).
+     */
+    testId?: string;
+    /** Raw `data-testid` — takes precedence over `testId`. */
+    'data-testid'?: string;
+}
+/**
+ * Scoped dark wrapper. Renders a `div` with `data-theme="dark"` so all
+ * `@teja-app/ui/theme` components in the subtree pick up dark tokens.
+ *
+ * @example
+ * ```tsx
+ * <DarkScope style={{ position: 'fixed', inset: 0 }}>
+ *   <Card>Dark-themed card</Card>
+ *   <Button variant="primary">Join</Button>
+ * </DarkScope>
+ * ```
+ */
+export declare const DarkScope: import("react").ForwardRefExoticComponent<DarkScopeProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DarkScope.d.ts.map

package/dist/theme/components/DarkScope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DarkScope.d.ts","sourceRoot":"","sources":["../../../src/theme/components/DarkScope.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS,2GAsBrB,CAAC"}

package/dist/theme/components/IconButton.d.ts

@@ -12,6 +12,8 @@ export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
     size?: IconButtonSize;
     tone?: IconButtonTone;
     testId?: string;
+    /** Semantic telemetry id for the click span (`component.name`). */
+    telemetryId?: string;
 }
 export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=IconButton.d.ts.map

package/dist/theme/components/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/theme/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElG;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAEnD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,eAAO,MAAM,UAAU,+GAmCtB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/theme/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlG;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAEnD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,eAAO,MAAM,UAAU,+GA0CtB,CAAC"}

package/dist/theme/components/Menu.d.ts

@@ -0,0 +1,84 @@
+/**
+ * Menu / MenuItem / MenuDivider
+ *
+ * Design source:
+ *   - design/screens/app/appointments/modals/flyout.jsx:514 (FlyoutOverflowMenu)
+ *   - design/components/shell.jsx:524 (NotificationBell dropdown pattern)
+ *
+ * Panel: position:absolute, top:100%, right:0, marginTop:4, zIndex high,
+ *        minWidth:220, --surface-0 bg, 1px --border border, --r-md radius,
+ *        shadow-pop, padding:4.
+ * Item:  flex, gap:8, 100% width, padding 8px 10px, --r-sm radius,
+ *        transparent bg, cursor:pointer, fontSize:12.5, --ink-1 / --danger
+ *        color, hover --surface-1.
+ * Divider: hr, border:0, borderTop 1px --divider, margin 4px 2px.
+ * Backdrop: fixed inset:0 click-catcher (shell.jsx pattern).
+ */
+import { type ButtonHTMLAttributes, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react';
+import { type IconName } from './Icon';
+export type MenuPlacement = 'bottom-end' | 'bottom-start' | 'top-end' | 'top-start';
+export interface MenuProps {
+    /** Controlled open state. */
+    open: boolean;
+    /** Called when the menu should close (outside click, Escape, item click). */
+    onClose: () => void;
+    /**
+     * Trigger element — rendered as the anchor. The menu positions itself
+     * relative to this via the parent `position:relative` wrapper.
+     */
+    trigger?: ReactNode;
+    children?: ReactNode;
+    /** Placement relative to the trigger. Default: bottom-end. */
+    placement?: MenuPlacement;
+    /** Minimum width of the panel. Default: 220. */
+    minWidth?: number;
+    /** z-index of the backdrop + panel. Default: 200. */
+    zIndex?: number;
+    /** Forwarded as `data-testid` on the panel element. */
+    testId?: string;
+    /** Extra inline styles for the panel. */
+    style?: CSSProperties;
+}
+export interface MenuItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    /** Leading icon name from the Teja icon set. */
+    icon?: IconName;
+    /** Render in danger (red) color. */
+    danger?: boolean;
+    children?: ReactNode;
+    /** Forwarded as `data-testid`. */
+    testId?: string;
+}
+export type MenuDividerProps = Omit<HTMLAttributes<HTMLHRElement>, 'children'>;
+/**
+ * Menu — floating action panel.
+ *
+ * ```tsx
+ * const [open, setOpen] = useState(false);
+ * <Menu open={open} onClose={() => setOpen(false)} trigger={<IconButton>…</IconButton>}>
+ *   <MenuItem icon="edit" onClick={…}>Edit</MenuItem>
+ *   <MenuDivider />
+ *   <MenuItem icon="trash" danger onClick={…}>Delete</MenuItem>
+ * </Menu>
+ * ```
+ */
+export declare function Menu({ open, onClose, trigger, children, placement, minWidth, zIndex, testId, style, }: MenuProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * MenuItem — action row inside a Menu.
+ *
+ * Harvested from FlyoutOverflowMenu button styling (flyout.jsx:527-539):
+ *   display:flex, alignItems:center, gap:8, width:100%,
+ *   padding:8px 10px, border:0, borderRadius:var(--r-sm),
+ *   background:transparent, cursor:pointer, fontFamily:inherit,
+ *   fontSize:12.5, color:--ink-1 / --danger, textAlign:left.
+ *   Icon size:12, color:--ink-3 / --danger.
+ *   hover: background:--surface-1 (added via data-hover state).
+ */
+export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * MenuDivider — horizontal rule between item groups.
+ *
+ * Harvested from FlyoutOverflowMenu hr (flyout.jsx:525):
+ *   border:0; borderTop:1px solid var(--divider); margin:4px 2px.
+ */
+export declare function MenuDivider({ style, ...rest }: MenuDividerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Menu.d.ts.map

package/dist/theme/components/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Menu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAML,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAI7C,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,cAAc,GAAG,SAAS,GAAG,WAAW,CAAC;AAEpF,MAAM,WAAW,SAAS;IACxB,6BAA6B;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,6EAA6E;IAC7E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,gDAAgD;IAChD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,CAAC;AA4B/E;;;;;;;;;;;GAWG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAwB,EACxB,QAAc,EACd,MAAY,EACZ,MAAM,EACN,KAAK,GACN,EAAE,SAAS,2CAsEX;AAID;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,6GA2DnB,CAAC;AAIH;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAa/D"}

package/dist/theme/components/SegmentedControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/theme/components/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC7D,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC9D,KAAK,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAC1D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAiD1B"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/theme/components/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC7D,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC9D,KAAK,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAC1D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAkD1B"}

package/dist/theme/components/SelectableCard.d.ts

@@ -0,0 +1,34 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+/**
+ * SelectableCard — generic selectable card primitive.
+ *
+ * Generalises `RoleTile` to arbitrary children (no hard-coded icon + title +
+ * description layout). Accepts `selected` + `onSelect` and renders as a full-
+ * width `<button>` with the same primary-border / primary-soft-bg / shadow-xs
+ * treatment as RoleTile.
+ *
+ * Design source: teja-ui/src/theme/components/RoleTile.tsx — lines 31–111
+ * (button shell, border/bg/shadow token assignments, disabled dimming).
+ *
+ * Usage:
+ *   <SelectableCard selected={picked === 'a'} onSelect={() => setPicked('a')}>
+ *     <MyCardContent />
+ *   </SelectableCard>
+ */
+export type SelectableCardRole = 'radio' | 'checkbox';
+export interface SelectableCardProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'role' | 'aria-checked'> {
+    /** Whether this card is currently selected. */
+    selected: boolean;
+    /** ARIA role. Defaults to "radio" for single-select groups; use "checkbox" for multi-select. */
+    role?: SelectableCardRole;
+    /** Called when the card is clicked (or activated via keyboard). */
+    onSelect?: () => void;
+    /** When true the card is visually dimmed and non-interactive. */
+    disabled?: boolean;
+    /** Forwarded to `data-testid`. */
+    testId?: string;
+    /** Card body — any React content. */
+    children?: ReactNode;
+}
+export declare const SelectableCard: import("react").ForwardRefExoticComponent<SelectableCardProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=SelectableCard.d.ts.map

package/dist/theme/components/SelectableCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableCard.d.ts","sourceRoot":"","sources":["../../../src/theme/components/SelectableCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElG;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,UAAU,CAAC;AAEtD,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAC9E,+CAA+C;IAC/C,QAAQ,EAAE,OAAO,CAAC;IAClB,gGAAgG;IAChG,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,mHA+D1B,CAAC"}