@jini-ai/ui 0.1.0

package/dist/react/components/LanguageMenu.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import { Icon } from './Icon';
+// ---------------------------------------------------------------------------
+// Pure helpers — no React, directly unit-testable.
+// ---------------------------------------------------------------------------
+/** The label for the active locale, falling back to the raw code when unknown. */
+export function resolveActiveLocaleLabel(locales, locale) {
+    return locales.find((l) => l.code === locale)?.label ?? locale;
+}
+/** The single key that dismisses the menu. */
+export function isLanguageMenuDismissKey(key) {
+    return key === 'Escape';
+}
+/**
+ * Whether a pointer event landed outside the menu (and should therefore close
+ * it). A missing container never counts as "outside" — matching the original
+ * `if (!wrapRef.current) return;` guard, which took no action without a node.
+ */
+export function isOutsideLanguageMenu(container, target) {
+    if (!container)
+        return false;
+    return !container.contains(target);
+}
+export function languageMenuPillClassName(compact) {
+    return `foot-pill lang-pill${compact ? ' lang-pill--compact' : ''}`;
+}
+export function languageMenuPopoverClassName(placement, compact, align) {
+    return `lang-menu-popover lang-menu-popover--${placement}${compact ? ' lang-menu-popover--compact' : ''} lang-menu-popover--align-${align}`;
+}
+export function languageMenuItemClassName(active) {
+    return `lang-menu-item${active ? ' active' : ''}`;
+}
+/** Open/close state for the popover with stable toggle/close callbacks. */
+export function useLanguageMenuDisclosure() {
+    const [open, setOpen] = useState(false);
+    const toggle = useCallback(() => setOpen((value) => !value), []);
+    const close = useCallback(() => setOpen(false), []);
+    return { open, toggle, close };
+}
+/** Memoized active-locale label derived from the (host-supplied) locale list. */
+export function useActiveLocaleLabel(locales, locale) {
+    return useMemo(() => resolveActiveLocaleLabel(locales, locale), [locales, locale]);
+}
+/**
+ * While `open`, closes the menu on an outside `mousedown` or an Escape keydown.
+ * Listeners are only attached while open and torn down on close/unmount.
+ */
+export function useLanguageMenuDismiss(params) {
+    const { open, onDismiss, containerRef } = params;
+    useEffect(() => {
+        if (!open)
+            return undefined;
+        function onPointerDown(event) {
+            if (isOutsideLanguageMenu(containerRef.current, event.target))
+                onDismiss();
+        }
+        function onKeyDown(event) {
+            if (isLanguageMenuDismissKey(event.key))
+                onDismiss();
+        }
+        document.addEventListener('mousedown', onPointerDown);
+        document.addEventListener('keydown', onKeyDown);
+        return () => {
+            document.removeEventListener('mousedown', onPointerDown);
+            document.removeEventListener('keydown', onKeyDown);
+        };
+    }, [open, onDismiss, containerRef]);
+}
+/**
+ * Composes the menu's whole behavior — disclosure, the active-locale label, and
+ * the outside/Escape dismissal — behind one hook so {@link LanguageMenu} is a
+ * dumb render.
+ */
+export function useLanguageMenu(locales, locale) {
+    const containerRef = useRef(null);
+    const { open, toggle, close } = useLanguageMenuDisclosure();
+    const activeLabel = useActiveLocaleLabel(locales, locale);
+    useLanguageMenuDismiss({ open, onDismiss: close, containerRef });
+    return { open, toggle, close, containerRef, activeLabel };
+}
+// ---------------------------------------------------------------------------
+// Component — dumb render, all logic delegated above.
+// ---------------------------------------------------------------------------
+/**
+ * Compact language switcher rendered as a small pill that expands into a
+ * popover menu. Locale list/labels and the active locale are entirely
+ * host-supplied — this component owns only the open/close and keyboard/
+ * click-outside behavior. Animation is CSS-driven via the `open`/`closing`
+ * classes on the popover; the host supplies the actual transition.
+ */
+export function LanguageMenu({ locales, locale, onLocaleChange, compact = false, placement = 'up', align = 'start', useLanguageMenu: useLanguageMenuHook = useLanguageMenu, }) {
+    const { open, toggle, close, containerRef, activeLabel } = useLanguageMenuHook(locales, locale);
+    return (_jsxs("div", { className: "lang-menu-wrap", ref: containerRef, children: [_jsxs("button", { type: "button", className: languageMenuPillClassName(compact), "aria-haspopup": "menu", "aria-expanded": open, "aria-label": compact ? activeLabel : undefined, onClick: toggle, title: activeLabel, children: [_jsx(Icon, { name: "languages", size: compact ? 20 : 12 }), compact ? null : (_jsxs(_Fragment, { children: [_jsx("span", { children: activeLabel }), _jsx(Icon, { name: "chevron-down", size: 11 })] }))] }), open ? (_jsx("div", { className: languageMenuPopoverClassName(placement, compact, align), role: "menu", children: locales.map(({ code, label }) => {
+                    const active = locale === code;
+                    return (_jsxs("button", { type: "button", role: "menuitemradio", "aria-checked": active, className: languageMenuItemClassName(active), onClick: () => {
+                            onLocaleChange(code);
+                            close();
+                        }, children: [_jsx("span", { className: "lang-menu-label", children: label }), _jsx("span", { className: "lang-menu-code", children: code }), active ? (_jsx("span", { className: "lang-menu-check", "aria-hidden": true, children: _jsx(Icon, { name: "check", size: 12 }) })) : null] }, code));
+                }) })) : null] }));
+}
+//# sourceMappingURL=LanguageMenu.js.map

package/dist/react/components/LanguageMenu.js.map

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

package/dist/react/components/Loading.d.ts

@@ -0,0 +1,27 @@
+interface SpinnerProps {
+    size?: number;
+    label?: string;
+}
+export declare function Spinner({ size, label }: SpinnerProps): import("react").JSX.Element;
+interface SkeletonProps {
+    width?: number | string;
+    height?: number | string;
+    radius?: number | string;
+    className?: string;
+}
+export declare function Skeleton({ width, height, radius, className }: SkeletonProps): import("react").JSX.Element;
+/**
+ * Card-shaped skeleton for grid layouts (thumbnail area over a row of meta
+ * lines) so an empty grid feels like content is arriving rather than
+ * missing.
+ */
+export declare function DesignCardSkeleton(): import("react").JSX.Element;
+/**
+ * Centered overlay used while bootstrap data loads. Sits inside a flex/grid
+ * parent and grows with it.
+ */
+export declare function CenteredLoader({ label }: {
+    label?: string;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Loading.d.ts.map

package/dist/react/components/Loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../src/react/components/Loading.tsx"],"names":[],"mappings":"AAEA,UAAU,YAAY;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,OAAO,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,EAAE,YAAY,+BAOzD;AAED,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAW,EAAE,MAAU,EAAE,SAAS,EAAE,EAAE,aAAa,+BAQpF;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,gCAUjC;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,+BAO3D"}

package/dist/react/components/Loading.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from './Icon';
+export function Spinner({ size = 14, label }) {
+    return (_jsxs("span", { className: "loading-spinner", role: "status", "aria-live": "polite", children: [_jsx(Icon, { name: "spinner", size: size }), label ? _jsx("span", { className: "loading-spinner-label", children: label }) : null] }));
+}
+export function Skeleton({ width, height = 14, radius = 6, className }) {
+    return (_jsx("span", { className: `skeleton-block${className ? ` ${className}` : ''}`, style: { width, height, borderRadius: radius }, "aria-hidden": true }));
+}
+/**
+ * Card-shaped skeleton for grid layouts (thumbnail area over a row of meta
+ * lines) so an empty grid feels like content is arriving rather than
+ * missing.
+ */
+export function DesignCardSkeleton() {
+    return (_jsxs("div", { className: "design-card design-card-skeleton", "aria-hidden": true, children: [_jsx("div", { className: "design-card-thumb skeleton-shimmer" }), _jsxs("div", { className: "design-card-meta-block", children: [_jsx(Skeleton, { height: 13, width: "65%" }), _jsx(Skeleton, { height: 11, width: "45%" })] })] }));
+}
+/**
+ * Centered overlay used while bootstrap data loads. Sits inside a flex/grid
+ * parent and grows with it.
+ */
+export function CenteredLoader({ label }) {
+    return (_jsxs("div", { className: "centered-loader", children: [_jsx(Spinner, { size: 20 }), label ? _jsx("span", { className: "centered-loader-label", children: label }) : null] }));
+}
+//# sourceMappingURL=Loading.js.map

package/dist/react/components/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../src/react/components/Loading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAO9B,MAAM,UAAU,OAAO,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAgB;IACxD,OAAO,CACL,gBAAM,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,QAAQ,eAAW,QAAQ,aAChE,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,GAAI,EAClC,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IACjE,CACR,CAAC;AACJ,CAAC;AASD,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE,SAAS,EAAiB;IACnF,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9D,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,wBAE9C,CACH,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,kBAAkB;IAChC,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,kCAC/C,cAAK,SAAS,EAAC,oCAAoC,GAAG,EACtD,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAC,KAAK,GAAG,EACpC,KAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAC,KAAK,GAAG,IAChC,IACF,CACP,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAsB;IAC1D,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,EACpB,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IAClE,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/Notice.d.ts

@@ -0,0 +1,14 @@
+export interface NoticeOutcome {
+    ok: boolean;
+    message: string;
+    warnings?: string[];
+    log?: string[];
+}
+export interface NoticeProps {
+    outcome: NoticeOutcome;
+    /** Label for the collapsible log's `<summary>`. Defaults to `t('Install log')`. */
+    logLabel?: string;
+    className?: string;
+}
+export declare function Notice({ outcome, logLabel, className }: NoticeProps): import("react").JSX.Element;
+//# sourceMappingURL=Notice.d.ts.map

package/dist/react/components/Notice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice.d.ts","sourceRoot":"","sources":["../../../src/react/components/Notice.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,OAAO,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,aAAa,CAAC;IACvB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,WAAW,+BAiCnE"}

package/dist/react/components/Notice.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Success/error result banner with optional warning count and a collapsible
+// install/operation log. Origin: `Notice` in `PluginsView.tsx` (Open
+// Design) — genericized `outcome`'s type from OD's `PluginInstallOutcome`
+// (a plugin-install-specific wire DTO) to a generic `NoticeOutcome` shape
+// carrying the same three optional fields any "ran an operation, got a
+// result + warnings + a log" flow would need. Every user-facing string now
+// goes through `useT()` — the origin hardcoded "Install log" and the
+// warning-count pluralization. See packages/ui/source-map.md.
+import { useT } from '../../features/i18n/index.js';
+export function Notice({ outcome, logLabel, className }) {
+    const t = useT();
+    const warnings = outcome.warnings ?? [];
+    const log = outcome.log ?? [];
+    return (_jsxs("div", { className: [
+            'plugins-view__notice',
+            outcome.ok ? 'is-success' : 'is-error',
+            className,
+        ].filter(Boolean).join(' '), role: "status", children: [_jsx("div", { children: outcome.message }), warnings.length > 0 ? (_jsx("div", { className: "plugins-view__notice-sub", children: warnings.length === 1
+                    ? t('{n} warning', { n: warnings.length })
+                    : t('{n} warnings', { n: warnings.length }) })) : null, log.length > 0 ? (_jsxs("details", { className: "plugins-view__notice-log", children: [_jsx("summary", { children: logLabel ?? t('Install log') }), _jsx("ul", { children: log.map((line, idx) => (_jsx("li", { children: line }, `${line}-${idx}`))) })] })) : null] }));
+}
+//# sourceMappingURL=Notice.js.map

package/dist/react/components/Notice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice.js","sourceRoot":"","sources":["../../../src/react/components/Notice.tsx"],"names":[],"mappings":";AAAA,4EAA4E;AAC5E,qEAAqE;AACrE,0EAA0E;AAC1E,0EAA0E;AAC1E,uEAAuE;AACvE,2EAA2E;AAC3E,qEAAqE;AACrE,8DAA8D;AAE9D,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAgBpD,MAAM,UAAU,MAAM,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAe;IAClE,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC;IACxC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,IAAI,EAAE,CAAC;IAC9B,OAAO,CACL,eACE,SAAS,EAAE;YACT,sBAAsB;YACtB,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU;YACtC,SAAS;SACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3B,IAAI,EAAC,QAAQ,aAEb,wBAAM,OAAO,CAAC,OAAO,GAAO,EAC3B,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrB,cAAK,SAAS,EAAC,0BAA0B,YACtC,QAAQ,CAAC,MAAM,KAAK,CAAC;oBACpB,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC;oBAC1C,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,GACzC,CACP,CAAC,CAAC,CAAC,IAAI,EACP,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChB,mBAAS,SAAS,EAAC,0BAA0B,aAC3C,4BAAU,QAAQ,IAAI,CAAC,CAAC,aAAa,CAAC,GAAW,EACjD,uBACG,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,uBAA4B,IAAI,IAAvB,GAAG,IAAI,IAAI,GAAG,EAAE,CAAa,CACvC,CAAC,GACC,IACG,CACX,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/OnboardingChipField.d.ts

@@ -0,0 +1,21 @@
+export interface OnboardingChipFieldOption {
+    value: string;
+    label: string;
+}
+export type OnboardingChipFieldProps = {
+    label: string;
+    options: OnboardingChipFieldOption[];
+    value: string;
+    onChange: (value: string) => void;
+    multiple?: false;
+    className?: string;
+} | {
+    label: string;
+    options: OnboardingChipFieldOption[];
+    value: string[];
+    onChange: (value: string[]) => void;
+    multiple: true;
+    className?: string;
+};
+export declare function OnboardingChipField(props: OnboardingChipFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=OnboardingChipField.d.ts.map

package/dist/react/components/OnboardingChipField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingChipField.d.ts","sourceRoot":"","sources":["../../../src/react/components/OnboardingChipField.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,wBAAwB,GAChC;IACE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,yBAAyB,EAAE,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GACD;IACE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,yBAAyB,EAAE,CAAC;IACrC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,IAAI,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEN,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,+BAmClE"}

package/dist/react/components/OnboardingChipField.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function OnboardingChipField(props) {
+    const { label, options, className } = props;
+    const selected = props.multiple ? props.value : props.value ? [props.value] : [];
+    return (_jsxs("div", { className: ['onboarding-chip-field', className].filter(Boolean).join(' '), children: [_jsx("span", { className: "onboarding-chip-field__label", children: label }), _jsx("div", { className: "onboarding-chip-field__chips", children: options.map((option) => {
+                    const active = selected.includes(option.value);
+                    return (_jsx("button", { type: "button", className: `onboarding-chip${active ? ' is-selected' : ''}`, "aria-pressed": active, onClick: () => {
+                            if (props.multiple) {
+                                props.onChange(active
+                                    ? props.value.filter((value) => value !== option.value)
+                                    : [...props.value, option.value]);
+                            }
+                            else {
+                                props.onChange(active ? '' : option.value);
+                            }
+                        }, children: option.label }, option.value));
+                }) })] }));
+}
+//# sourceMappingURL=OnboardingChipField.js.map

package/dist/react/components/OnboardingChipField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingChipField.js","sourceRoot":"","sources":["../../../src/react/components/OnboardingChipField.tsx"],"names":[],"mappings":";AA8BA,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5C,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEjF,OAAO,CACL,eAAK,SAAS,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAC5E,eAAM,SAAS,EAAC,8BAA8B,YAAE,KAAK,GAAQ,EAC7D,cAAK,SAAS,EAAC,8BAA8B,YAC1C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBACtB,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC/C,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EAEb,SAAS,EAAE,kBAAkB,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,kBAC7C,MAAM,EACpB,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gCACnB,KAAK,CAAC,QAAQ,CACZ,MAAM;oCACJ,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC;oCACvD,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CACnC,CAAC;4BACJ,CAAC;iCAAM,CAAC;gCACN,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4BAC7C,CAAC;wBACH,CAAC,YAEA,MAAM,CAAC,KAAK,IAfR,MAAM,CAAC,KAAK,CAgBV,CACV,CAAC;gBACJ,CAAC,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/OnboardingDropdown.d.ts

@@ -0,0 +1,133 @@
+import type { RefObject } from 'react';
+export declare const ONBOARDING_DROPDOWN_OPEN_EVENT = "jini-ui:onboarding-dropdown-open";
+/** Vertical space (px) below the trigger under which the menu prefers to flip up. */
+export declare const ONBOARDING_MENU_FLIP_THRESHOLD = 260;
+/** Menu height (px) clamp: never taller than this. */
+export declare const ONBOARDING_MENU_MAX_HEIGHT = 240;
+/** Menu height (px) clamp: never shorter than this. */
+export declare const ONBOARDING_MENU_MIN_HEIGHT = 48;
+/** Padding (px) subtracted from the available space when sizing the menu. */
+export declare const ONBOARDING_MENU_VIEWPORT_PADDING = 16;
+/** Viewport height (px) assumed when neither `innerHeight` nor `clientHeight` is available. */
+export declare const ONBOARDING_MENU_FALLBACK_VIEWPORT = 720;
+export type OnboardingDropdownPlacement = 'bottom' | 'top';
+export interface OnboardingDropdownOption {
+    value: string;
+    label: string;
+}
+interface OnboardingDropdownBaseProps {
+    label: string;
+    placeholder: string;
+    options: OnboardingDropdownOption[];
+    placement?: OnboardingDropdownPlacement;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    sourceTone?: string;
+    className?: string;
+    /** Custom hook override for dependency injection / testing. */
+    useOnboardingDropdown?: typeof useOnboardingDropdown;
+}
+export type OnboardingDropdownProps = (OnboardingDropdownBaseProps & {
+    value: string;
+    onChange: (value: string) => void;
+    multiple?: false;
+}) | (OnboardingDropdownBaseProps & {
+    value: string[];
+    onChange: (value: string[]) => void;
+    multiple: true;
+});
+/**
+ * Normalize the polymorphic `value` prop into a flat array of selected values.
+ * An array passes through; a non-empty string becomes a singleton; an empty
+ * string (or otherwise falsy value) becomes an empty selection.
+ */
+export declare function resolveOnboardingSelectedValues(value: string | string[]): string[];
+/**
+ * Compute the trigger's visible label. In multiple mode it joins every
+ * selected option's label; in single mode it uses the first selected label.
+ * Falls back to `placeholder` when nothing resolves.
+ */
+export declare function resolveOnboardingTriggerLabel(selectedOptions: OnboardingDropdownOption[], multiple: boolean, placeholder: string): string;
+/**
+ * Filter the option list for the menu. When not searchable, or when the query
+ * is blank, every option is returned. Otherwise options are matched
+ * case-insensitively against their `label` and `value`.
+ */
+export declare function filterOnboardingOptions(options: OnboardingDropdownOption[], query: string, searchable: boolean): OnboardingDropdownOption[];
+/** The (untranslated) empty-state key for the current field mode. */
+export declare function onboardingEmptyMessageKey(searchable: boolean): string;
+export interface OnboardingDropdownMenuMetrics {
+    placement: OnboardingDropdownPlacement;
+    maxHeight: number;
+}
+/**
+ * Decide where the menu opens and how tall it may be, given the trigger's
+ * bounding rect and the viewport height. Prefers the caller's requested
+ * placement, but flips to `top` when the space below the trigger is tight
+ * (< {@link ONBOARDING_MENU_FLIP_THRESHOLD}) and there is more room above.
+ * The height is clamped to
+ * [{@link ONBOARDING_MENU_MIN_HEIGHT}, {@link ONBOARDING_MENU_MAX_HEIGHT}].
+ */
+export declare function resolveOnboardingMenuMetrics(rect: {
+    top: number;
+    bottom: number;
+}, viewportHeight: number, requestedPlacement: OnboardingDropdownPlacement): OnboardingDropdownMenuMetrics;
+/** Read the current viewport height with progressive fallbacks. */
+export declare function readOnboardingViewportHeight(): number;
+/**
+ * Measure the trigger and derive the menu's resolved placement + max height
+ * whenever the menu is open, keeping it in sync with `resize`/`scroll`. All
+ * arithmetic is delegated to {@link resolveOnboardingMenuMetrics}; this hook
+ * only owns the DOM measurement and the listener lifecycle. Measurement is a
+ * no-op until the ref is attached, so consumers that open before the field
+ * mounts (or exercise the hook in isolation) never dereference a null node.
+ */
+export declare function useOnboardingDropdownPlacement(rootRef: RefObject<HTMLDivElement | null>, open: boolean, placement: OnboardingDropdownPlacement, optionCount: number): OnboardingDropdownMenuMetrics;
+export interface UseOnboardingDropdownResult {
+    /** Whether the menu is currently open. */
+    open: boolean;
+    /** Current search query (only meaningful when `searchable`). */
+    query: string;
+    /** Update the search query. */
+    setQuery: (value: string) => void;
+    /** Toggle the menu; opening broadcasts the single-open peer event. */
+    toggleOpen: () => void;
+    /** Attach to the field root; used for click-outside detection + measurement. */
+    rootRef: RefObject<HTMLDivElement | null>;
+    /** Placement after viewport-aware flip. */
+    resolvedPlacement: OnboardingDropdownPlacement;
+    /** Menu max height (px) after clamping to available space. */
+    menuMaxHeight: number;
+    /** Flat list of currently selected values. */
+    selectedValues: string[];
+    /** Whether any option is selected. */
+    hasValue: boolean;
+    /** The label shown on the trigger button. */
+    triggerLabel: string;
+    /** Options to render in the menu (query-filtered when searchable). */
+    visibleOptions: OnboardingDropdownOption[];
+    /** Translated empty-state copy for the current mode. */
+    emptyMessage: string;
+    /**
+     * Apply an option click: in multiple mode this toggles the value (staying
+     * open); in single mode it selects and closes.
+     */
+    selectOption: (option: OnboardingDropdownOption, selected: boolean) => void;
+}
+/**
+ * All of the dropdown's behavior — open/query state, the field ref, the
+ * viewport-aware placement, the click-outside/Escape dismissal, the query
+ * reset on close, the single-open-at-a-time peer coordination, and the
+ * select/toggle logic — with no rendering. Exported (with the pure helpers
+ * above) so the logic is testable in isolation; `OnboardingDropdown` is the
+ * dumb consumer.
+ */
+export declare function useOnboardingDropdown(props: OnboardingDropdownProps): UseOnboardingDropdownResult;
+/**
+ * Searchable/multi-select onboarding dropdown. All behavior lives in
+ * {@link useOnboardingDropdown}; this component only renders the field,
+ * trigger, and (when open) the menu.
+ */
+export declare function OnboardingDropdown(props: OnboardingDropdownProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=OnboardingDropdown.d.ts.map

package/dist/react/components/OnboardingDropdown.d.ts.map

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