@molecule/app-ui-react 1.0.0

package/dist/components/Accordion.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Accordion component.
+ *
+ * @module
+ */
+import React from 'react';
+import type { AccordionProps } from '@molecule/app-ui';
+/**
+ * Accordion component.
+ */
+export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps<string> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAA8E,MAAM,OAAO,CAAA;AAGlG,OAAO,KAAK,EAAsC,cAAc,EAAE,MAAM,kBAAkB,CAAA;AA2E1F;;GAEG;AACH,eAAO,MAAM,SAAS,+FAiFrB,CAAA"}

package/dist/components/Accordion.js

@@ -0,0 +1,80 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Accordion component.
+ *
+ * @module
+ */
+import { createContext, forwardRef, useCallback, useContext, useId, useState } from 'react';
+import { t } from '@molecule/app-i18n';
+import { getClassMap } from '@molecule/app-ui';
+import { renderIcon } from '../utilities/renderIcon.js';
+const AccordionContext = createContext(null);
+const useAccordionContext = () => {
+    const context = useContext(AccordionContext);
+    if (!context) {
+        throw new Error(t('react.error.useAccordionOutsideProvider', undefined, {
+            defaultValue: 'Accordion components must be used within an Accordion',
+        }));
+    }
+    return context;
+};
+const AccordionItemComponent = ({ item, className }) => {
+    const { expandedItems, toggleItem } = useAccordionContext();
+    const isExpanded = expandedItems.includes(item.value);
+    const contentId = useId();
+    const triggerId = useId();
+    const cm = getClassMap();
+    return (_jsxs("div", { className: cm.cn(cm.accordionItem, className), "data-state": isExpanded ? 'open' : 'closed', children: [_jsxs("button", { id: triggerId, type: "button", className: cm.cn(cm.accordion({ variant: 'default' }), cm.accordionTriggerBase), onClick: () => !item.disabled && toggleItem(item.value), "aria-expanded": isExpanded, "aria-controls": contentId, "data-state": isExpanded ? 'open' : 'closed', disabled: item.disabled, children: [item.header, renderIcon('chevron-down', cm.accordionChevron)] }), _jsx("div", { id: contentId, role: "region", "aria-labelledby": triggerId, "data-state": isExpanded ? 'open' : 'closed', className: cm.accordionContent, style: {
+                    display: isExpanded ? 'block' : 'none',
+                }, children: _jsx("div", { className: cm.accordionContentInner, children: item.content }) })] }));
+};
+/**
+ * Accordion component.
+ */
+export const Accordion = forwardRef(({ items, value, defaultValue, onChange, multiple = false, collapsible = true, className, style, testId, }, ref) => {
+    const cm = getClassMap();
+    // Normalize value to array
+    const normalizeValue = (v) => {
+        if (v === undefined)
+            return [];
+        return Array.isArray(v) ? v : [v];
+    };
+    const [internalExpanded, setInternalExpanded] = useState(() => normalizeValue(defaultValue));
+    // Use controlled value if provided, otherwise use internal state
+    const expandedItems = value !== undefined ? normalizeValue(value) : internalExpanded;
+    const toggleItem = useCallback((itemValue) => {
+        let newExpanded;
+        if (expandedItems.includes(itemValue)) {
+            // Collapsing
+            if (!collapsible && expandedItems.length === 1) {
+                // Can't collapse if not collapsible and it's the only expanded item
+                return;
+            }
+            newExpanded = expandedItems.filter((v) => v !== itemValue);
+        }
+        else {
+            // Expanding
+            if (multiple) {
+                newExpanded = [...expandedItems, itemValue];
+            }
+            else {
+                newExpanded = [itemValue];
+            }
+        }
+        if (value === undefined) {
+            setInternalExpanded(newExpanded);
+        }
+        // Call onChange with appropriate type
+        if (onChange) {
+            if (multiple) {
+                onChange(newExpanded);
+            }
+            else {
+                onChange((newExpanded[0] || ''));
+            }
+        }
+    }, [expandedItems, multiple, collapsible, value, onChange]);
+    return (_jsx(AccordionContext.Provider, { value: { expandedItems, toggleItem, multiple }, children: _jsx("div", { ref: ref, className: cm.cn(cm.accordionRoot, className), style: style, "data-testid": testId, children: items.map((item) => (_jsx(AccordionItemComponent, { item: item }, item.value))) }) }));
+});
+Accordion.displayName = 'Accordion';
+//# sourceMappingURL=Accordion.js.map

package/dist/components/Accordion.js.map

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

package/dist/components/Alert.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Alert component.
+ *
+ * @module
+ */
+import React from 'react';
+import type { AlertProps } from '@molecule/app-ui';
+/**
+ * Alert component.
+ *
+ * `role="alert"` is assertive: it interrupts a screen reader immediately,
+ * which is correct ONLY for content that appears dynamically (a validation
+ * error after submit, a save failure). An Alert rendered statically with
+ * the rest of the page (an informational banner already in the initial
+ * render) has nothing to interrupt — announcing it assertively on mount is
+ * the same over-announcing trap the Toast role fix addresses. `live`
+ * (default `true`, matching the previous unconditional behavior so no
+ * existing dynamic-error usage silently goes quiet) makes this honest and
+ * caller-controlled: pass `live={false}` for a banner that is part of the
+ * page's normal content, and it announces politely (`role="status"`)
+ * instead of interrupting.
+ */
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & {
+    live?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/components/Alert.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,KAAK,EAAE,UAAU,EAAgB,MAAM,kBAAkB,CAAA;AAyBhE;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK;WAAoD,OAAO;wCAkD5E,CAAA"}

package/dist/components/Alert.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Alert component.
+ *
+ * @module
+ */
+import { forwardRef } from 'react';
+import { t } from '@molecule/app-i18n';
+import { getClassMap } from '@molecule/app-ui';
+import { renderIcon } from '../utilities/renderIcon.js';
+const statusVariantMap = {
+    primary: 'default',
+    secondary: 'default',
+    success: 'success',
+    warning: 'warning',
+    error: 'error',
+    info: 'info',
+};
+/**
+ * Map alert status to icon name.
+ */
+const statusIconMap = {
+    info: 'info-circle',
+    success: 'check-circle',
+    warning: 'exclamation-triangle',
+    error: 'x-circle',
+};
+/**
+ * Alert component.
+ *
+ * `role="alert"` is assertive: it interrupts a screen reader immediately,
+ * which is correct ONLY for content that appears dynamically (a validation
+ * error after submit, a save failure). An Alert rendered statically with
+ * the rest of the page (an informational banner already in the initial
+ * render) has nothing to interrupt — announcing it assertively on mount is
+ * the same over-announcing trap the Toast role fix addresses. `live`
+ * (default `true`, matching the previous unconditional behavior so no
+ * existing dynamic-error usage silently goes quiet) makes this honest and
+ * caller-controlled: pass `live={false}` for a banner that is part of the
+ * page's normal content, and it announces politely (`role="status"`)
+ * instead of interrupting.
+ */
+export const Alert = forwardRef(({ children, title, status = 'info', variant: _variant, live = true, dismissible, onDismiss, icon, dismissLabel, className, style, testId, }, ref) => {
+    const cm = getClassMap();
+    const alertVariant = statusVariantMap[status] || 'default';
+    const iconName = statusIconMap[alertVariant];
+    const defaultIcon = iconName ? renderIcon(iconName, cm.iconMd) : null;
+    const alertClasses = cm.cn(cm.alert({ variant: alertVariant }), className);
+    const role = live ? 'alert' : 'status';
+    return (_jsxs("div", { ref: ref, role: role, className: alertClasses, style: style, "data-testid": testId, children: [(icon || defaultIcon) && (_jsx("span", { className: cm.alertIconWrapper, children: (icon || defaultIcon) })), _jsxs("div", { className: cm.alertContent, children: [title && _jsx("h5", { className: cm.alertTitle, children: title }), _jsx("div", { className: cm.alertDescription, children: children })] }), dismissible && (_jsx("button", { type: "button", onClick: onDismiss, className: cm.alertDismiss, "aria-label": dismissLabel ?? t('ui.alert.dismiss', undefined, { defaultValue: 'Dismiss' }), children: renderIcon('x-mark', cm.iconSm) }))] }));
+});
+Alert.displayName = 'Alert';
+//# sourceMappingURL=Alert.js.map

package/dist/components/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/components/Alert.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAA;AAGtC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAEvD,MAAM,gBAAgB,GACpB;IACE,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;CACb,CAAA;AAEH;;GAEG;AACH,MAAM,aAAa,GAA6B;IAC9C,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,sBAAsB;IAC/B,KAAK,EAAE,UAAU;CAClB,CAAA;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EACE,QAAQ,EACR,KAAK,EACL,MAAM,GAAG,MAAM,EACf,OAAO,EAAE,QAAQ,EACjB,IAAI,GAAG,IAAI,EACX,WAAW,EACX,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAK,EACL,MAAM,GACP,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACxB,MAAM,YAAY,GAAG,gBAAgB,CAAC,MAAM,CAAC,IAAI,SAAS,CAAA;IAC1D,MAAM,QAAQ,GAAG,aAAa,CAAC,YAAY,CAAC,CAAA;IAC5C,MAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAErE,MAAM,YAAY,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,SAAS,CAAC,CAAA;IAC1E,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEtC,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,iBAAe,MAAM,aAClF,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CACxB,eAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,YAAG,CAAC,IAAI,IAAI,WAAW,CAAoB,GAAQ,CACxF,EACD,eAAK,SAAS,EAAE,EAAE,CAAC,YAAY,aAC5B,KAAK,IAAI,aAAI,SAAS,EAAE,EAAE,CAAC,UAAU,YAAG,KAAK,GAAM,EACpD,cAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,YAAG,QAA2B,GAAO,IACpE,EACL,WAAW,IAAI,CACd,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,EAAE,CAAC,YAAY,gBAExB,YAAY,IAAI,CAAC,CAAC,kBAAkB,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,YAG9E,UAAU,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,GACzB,CACV,IACG,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}

package/dist/components/AuthGuard.d.ts

@@ -0,0 +1,66 @@
+import { type ReactNode } from 'react';
+/**
+ * Props for {@link AuthGuard}.
+ *
+ * All props are optional — the default behavior (loading tag → redirect
+ * to `/login` → `<Outlet />`) matches the bare-bones guard apps were
+ * shipping locally. The props let apps customize per-call without
+ * forking the component.
+ */
+export interface AuthGuardProps {
+    /**
+     * Element rendered while `useAuth().state.initialized` is `false`.
+     * Overrides the default `<div data-mol-id="auth-guard-loading">…</div>`
+     * loading tag — pass a full-page spinner or any other UI you want
+     * during the auth bootstrap window.
+     */
+    loadingFallback?: ReactNode;
+    /**
+     * i18n key used for the default loading-tag text. Defaults to
+     * `'common.loading'`. Ignored when `loadingFallback` is set.
+     */
+    loadingKey?: string;
+    /**
+     * Fallback text if the i18n key is missing. Defaults to `'Loading...'`
+     * (the project-canonical ASCII glyph — Phase C of the locale
+     * canonicalization plan). Ignored when `loadingFallback` is set.
+     */
+    loadingDefault?: string;
+    /**
+     * Path to redirect to when the user is not authenticated. Defaults to
+     * `'/login'`. The current `useLocation()` is preserved as `state.from`
+     * for post-login restoration.
+     */
+    loginPath?: string;
+    /**
+     * Callback invoked when `isAuthenticated` transitions to `true` (or is
+     * already `true` on first render). Useful for one-shot per-app
+     * bootstrap effects (e.g. seeding fixture data). The caller is
+     * responsible for idempotency if the auth state can flip back and
+     * forth — this fires on every transition.
+     */
+    onAuthenticated?: () => void;
+    /**
+     * Children to render when authenticated. Defaults to `<Outlet />`,
+     * which is the React Router pattern this guard is designed for.
+     */
+    children?: ReactNode;
+}
+/**
+ * Route-element guard for authenticated sections of a React Router tree.
+ *
+ * - While `useAuth().state.initialized` is `false`, renders the
+ *   `loadingFallback` (or the default `<div data-mol-id="auth-guard-loading">{t('common.loading')}</div>`).
+ * - If the user is not authenticated, redirects to `loginPath` carrying
+ *   the attempted location in `state.from` for post-login restoration.
+ * - Otherwise renders `children` (or `<Outlet />` if none).
+ *
+ * The default loading tag carries `data-mol-id="auth-guard-loading"`
+ * so AI agents and e2e tests can target it reliably. When the caller
+ * passes a custom `loadingFallback`, it's the caller's responsibility
+ * to include any data-mol-id they need.
+ *
+ * @param props - {@link AuthGuardProps}
+ */
+export declare function AuthGuard({ loadingFallback, loadingKey, loadingDefault, loginPath, onAuthenticated, children, }?: AuthGuardProps): ReactNode;
+//# sourceMappingURL=AuthGuard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthGuard.d.ts","sourceRoot":"","sources":["../../src/components/AuthGuard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAA;AAKzD;;;;;;;GAOG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;OAKG;IACH,eAAe,CAAC,EAAE,SAAS,CAAA;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,EACxB,eAAe,EACf,UAA6B,EAC7B,cAA6B,EAC7B,SAAoB,EACpB,eAAe,EACf,QAAQ,GACT,GAAE,cAAmB,GAAG,SAAS,CA2BjC"}

package/dist/components/AuthGuard.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { Navigate, Outlet, useLocation } from 'react-router';
+import { useAuth, useTranslation } from '@molecule/app-react';
+/**
+ * Route-element guard for authenticated sections of a React Router tree.
+ *
+ * - While `useAuth().state.initialized` is `false`, renders the
+ *   `loadingFallback` (or the default `<div data-mol-id="auth-guard-loading">{t('common.loading')}</div>`).
+ * - If the user is not authenticated, redirects to `loginPath` carrying
+ *   the attempted location in `state.from` for post-login restoration.
+ * - Otherwise renders `children` (or `<Outlet />` if none).
+ *
+ * The default loading tag carries `data-mol-id="auth-guard-loading"`
+ * so AI agents and e2e tests can target it reliably. When the caller
+ * passes a custom `loadingFallback`, it's the caller's responsibility
+ * to include any data-mol-id they need.
+ *
+ * @param props - {@link AuthGuardProps}
+ */
+export function AuthGuard({ loadingFallback, loadingKey = 'common.loading', loadingDefault = 'Loading...', loginPath = '/login', onAuthenticated, children, } = {}) {
+    const { isAuthenticated, state } = useAuth();
+    const { t } = useTranslation();
+    const location = useLocation();
+    const lastAuthRef = useRef(false);
+    useEffect(() => {
+        if (!onAuthenticated)
+            return;
+        if (isAuthenticated && !lastAuthRef.current) {
+            onAuthenticated();
+        }
+        lastAuthRef.current = isAuthenticated;
+    }, [isAuthenticated, onAuthenticated]);
+    if (!state.initialized) {
+        return (loadingFallback ?? (_jsx("div", { "data-mol-id": "auth-guard-loading", children: t(loadingKey, {}, { defaultValue: loadingDefault }) })));
+    }
+    if (!isAuthenticated) {
+        return _jsx(Navigate, { to: loginPath, state: { from: location }, replace: true });
+    }
+    return _jsx(_Fragment, { children: children ?? _jsx(Outlet, {}) });
+}
+//# sourceMappingURL=AuthGuard.js.map

package/dist/components/AuthGuard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthGuard.js","sourceRoot":"","sources":["../../src/components/AuthGuard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE5D,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAkD7D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,eAAe,EACf,UAAU,GAAG,gBAAgB,EAC7B,cAAc,GAAG,YAAY,EAC7B,SAAS,GAAG,QAAQ,EACpB,eAAe,EACf,QAAQ,MACU,EAAE;IACpB,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,CAAA;IAC5C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,eAAe;YAAE,OAAM;QAC5B,IAAI,eAAe,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YAC5C,eAAe,EAAE,CAAA;QACnB,CAAC;QACD,WAAW,CAAC,OAAO,GAAG,eAAe,CAAA;IACvC,CAAC,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC,CAAA;IAEtC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QACvB,OAAO,CACL,eAAe,IAAI,CACjB,6BAAiB,oBAAoB,YAClC,CAAC,CAAC,UAAU,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC,GAChD,CACP,CACF,CAAA;IACH,CAAC;IACD,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,OAAO,KAAC,QAAQ,IAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,SAAG,CAAA;IACvE,CAAC;IACD,OAAO,4BAAG,QAAQ,IAAI,KAAC,MAAM,KAAG,GAAI,CAAA;AACtC,CAAC"}

package/dist/components/Avatar.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Avatar component.
+ *
+ * @module
+ */
+import React from 'react';
+import type { AvatarProps } from '@molecule/app-ui';
+/**
+ * Avatar component.
+ */
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAA;AAGnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAMnD;;GAEG;AACH,eAAO,MAAM,MAAM,oFA4ClB,CAAA"}

package/dist/components/Avatar.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Avatar component.
+ *
+ * @module
+ */
+import { forwardRef, useState } from 'react';
+import { t } from '@molecule/app-i18n';
+import { getClassMap } from '@molecule/app-ui';
+import { getInitials } from '../utilities/initials.js';
+import { renderIcon } from '../utilities/renderIcon.js';
+/**
+ * Avatar component.
+ */
+export const Avatar = forwardRef(({ src, alt, name, size = 'md', rounded = true, fallback, className, style, testId }, ref) => {
+    const [imageError, setImageError] = useState(false);
+    const cm = getClassMap();
+    const showFallback = !src || imageError;
+    const avatarSize = typeof size === 'number' ? undefined : size;
+    const containerClasses = cm.cn(cm.avatar({ size: avatarSize }), !rounded && cm.avatarSquare, className);
+    const customSize = typeof size === 'number' ? { width: size, height: size } : undefined;
+    return (_jsx("div", { ref: ref, className: containerClasses, style: { ...style, ...customSize }, "data-testid": testId, children: !showFallback ? (_jsx("img", { src: src, alt: alt || name || t('ui.avatar.alt', undefined, { defaultValue: 'Avatar' }), className: cm.avatarImage, onError: () => setImageError(true) })) : (_jsx("div", { className: cm.avatarFallback, children: fallback ? fallback : name ? (_jsx("span", { className: cm.avatarInitials, children: getInitials(name) })) : (renderIcon('user', cm.avatarFallbackIcon)) })) }));
+});
+Avatar.displayName = 'Avatar';
+//# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAEvD;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACxB,MAAM,YAAY,GAAG,CAAC,GAAG,IAAI,UAAU,CAAA;IAEvC,MAAM,UAAU,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;IAC9D,MAAM,gBAAgB,GAAG,EAAE,CAAC,EAAE,CAC5B,EAAE,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAC/B,CAAC,OAAO,IAAI,EAAE,CAAC,YAAY,EAC3B,SAAS,CACV,CAAA;IAED,MAAM,UAAU,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;IAEvF,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,UAAU,EAAE,iBACrB,MAAM,YAElB,CAAC,YAAY,CAAC,CAAC,CAAC,CACf,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,IAAI,IAAI,IAAI,CAAC,CAAC,eAAe,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,EAC7E,SAAS,EAAE,EAAE,CAAC,WAAW,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,GAClC,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAE,EAAE,CAAC,cAAc,YAC9B,QAAQ,CAAC,CAAC,CACR,QACF,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,eAAM,SAAS,EAAE,EAAE,CAAC,cAAc,YAAG,WAAW,CAAC,IAAI,CAAC,GAAQ,CAC/D,CAAC,CAAC,CAAC,CACF,UAAU,CAAC,MAAM,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAC1C,GACG,CACP,GACG,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA"}

package/dist/components/Badge.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Badge component.
+ *
+ * @module
+ */
+import React from 'react';
+import type { BadgeProps } from '@molecule/app-ui';
+/**
+ * Badge component.
+ */
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAGlD;;GAEG;AACH,eAAO,MAAM,KAAK,oFA4BjB,CAAA"}

package/dist/components/Badge.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Badge component.
+ *
+ * @module
+ */
+import { forwardRef } from 'react';
+import { getClassMap } from '@molecule/app-ui';
+/**
+ * Badge component.
+ */
+export const Badge = forwardRef(({ children, color = 'primary', variant: _variant = 'solid', size, rounded = true, className, style, testId, }, ref) => {
+    const cm = getClassMap();
+    const badgeClasses = cm.cn(cm.badge({ variant: color, size }), !rounded && cm.badgeSquare, className);
+    return (_jsx("span", { ref: ref, className: badgeClasses, style: style, "data-testid": testId, children: children }));
+});
+Badge.displayName = 'Badge';
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EACE,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,OAAO,EAAE,QAAQ,GAAG,OAAO,EAC3B,IAAI,EACJ,OAAO,GAAG,IAAI,EACd,SAAS,EACT,KAAK,EACL,MAAM,GACP,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IAExB,MAAM,YAAY,GAAG,EAAE,CAAC,EAAE,CACxB,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAClC,CAAC,OAAO,IAAI,EAAE,CAAC,WAAW,EAC1B,SAAS,CACV,CAAA;IAED,OAAO,CACL,eAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,iBAAe,MAAM,YACvE,QAA2B,GACvB,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}

package/dist/components/Button.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Button component.
+ *
+ * @module
+ */
+import React from 'react';
+import type { ButtonProps } from '@molecule/app-ui';
+/**
+ * Button component.
+ */
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAKnD;;GAEG;AACH,eAAO,MAAM,MAAM,uFAgDlB,CAAA"}

package/dist/components/Button.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Button component.
+ *
+ * @module
+ */
+import { forwardRef } from 'react';
+import { getClassMap } from '@molecule/app-ui';
+import { Spinner } from './Spinner.js';
+/**
+ * Button component.
+ */
+export const Button = forwardRef(({ children, variant = 'solid', color = 'primary', size = 'md', loading = false, loadingText, fullWidth = false, leftIcon, rightIcon, className, style, testId, disabled, type = 'button', onClick, ...rest }, ref) => {
+    const cm = getClassMap();
+    const classes = cm.cn(cm.button({ variant, color, size, fullWidth }), className);
+    return (_jsxs("button", { ref: ref, type: type, className: classes, style: style, "data-testid": testId, disabled: disabled || loading, onClick: onClick, "aria-busy": loading, ...rest, children: [loading && _jsx(Spinner, { size: "sm", className: cm.buttonIconLeft }), !loading && !!leftIcon && (_jsx("span", { className: cm.buttonIconLeft, children: leftIcon })), loading && loadingText ? loadingText : children, !loading && !!rightIcon && (_jsx("span", { className: cm.buttonIconRight, children: rightIcon }))] }));
+});
+Button.displayName = 'Button';
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,CAAC,CAAA;IAEhF,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,iBACC,MAAM,EACnB,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,OAAO,EAAE,OAAgE,eAC9D,OAAO,KACb,IAAsD,aAE1D,OAAO,IAAI,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAE,EAAE,CAAC,cAAc,GAAI,EAC9D,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,IAAI,CACzB,eAAM,SAAS,EAAE,EAAE,CAAC,cAAc,YAAG,QAA2B,GAAQ,CACzE,EACA,OAAO,IAAI,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAE,QAA4B,EACpE,CAAC,OAAO,IAAI,CAAC,CAAC,SAAS,IAAI,CAC1B,eAAM,SAAS,EAAE,EAAE,CAAC,eAAe,YAAG,SAA4B,GAAQ,CAC3E,IACM,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA"}

package/dist/components/Card.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Card component.
+ *
+ * @module
+ */
+import React from 'react';
+import type { CardProps } from '@molecule/app-ui';
+/**
+ * Card component.
+ */
+export declare const Card: React.ForwardRefExoticComponent<CardProps & {
+    'data-mol-id'?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Card header component.
+ */
+export declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Card title component.
+ */
+export declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Card description component.
+ */
+export declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Card content component.
+ */
+export declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Card footer component.
+ */
+export declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAWjD;;GAEG;AACH,eAAO,MAAM,IAAI;oBAA4D,MAAM;wCA8ClF,CAAA;AAID;;GAEG;AACH,eAAO,MAAM,UAAU,6GAUtB,CAAA;AAID;;GAEG;AACH,eAAO,MAAM,SAAS,qHAUrB,CAAA;AAID;;GAEG;AACH,eAAO,MAAM,eAAe,yHAW1B,CAAA;AAIF;;GAEG;AACH,eAAO,MAAM,WAAW,6GAUvB,CAAA;AAID;;GAEG;AACH,eAAO,MAAM,UAAU,6GAUtB,CAAA"}

package/dist/components/Card.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Card component.
+ *
+ * @module
+ */
+import { forwardRef } from 'react';
+import { getClassMap } from '@molecule/app-ui';
+const variantMap = {
+    elevated: 'elevated',
+    outlined: 'outline',
+    filled: 'default',
+};
+// paddingMap removed — use cm.cardPadding(size) instead
+/**
+ * Card component.
+ */
+export const Card = forwardRef(({ children, variant = 'elevated', interactive, padding = 'md', className, style, testId, onClick, ...rest }, ref) => {
+    const cm = getClassMap();
+    const paddingClass = padding === 'none' ? '' : cm.cardPadding(padding);
+    const cardVariant = variantMap[variant] || 'default';
+    const cardClasses = cm.cn(cm.card({ variant: cardVariant }), paddingClass, interactive && cm.cardInteractive, className);
+    const passthrough = {};
+    for (const [k, v] of Object.entries(rest)) {
+        if (k.startsWith('data-') || k.startsWith('aria-'))
+            passthrough[k] = v;
+    }
+    return (_jsx("div", { ref: ref, className: cardClasses, style: style, "data-testid": testId, onClick: onClick, role: interactive ? 'button' : undefined, tabIndex: interactive ? 0 : undefined, ...passthrough, children: children }));
+});
+Card.displayName = 'Card';
+/**
+ * Card header component.
+ */
+export const CardHeader = forwardRef(({ children, className, ...props }, ref) => {
+    const cm = getClassMap();
+    return (_jsx("div", { ref: ref, className: cm.cn(cm.cardHeader, className), ...props, children: children }));
+});
+CardHeader.displayName = 'CardHeader';
+/**
+ * Card title component.
+ */
+export const CardTitle = forwardRef(({ children, className, ...props }, ref) => {
+    const cm = getClassMap();
+    return (_jsx("h3", { ref: ref, className: cm.cn(cm.cardTitle, className), ...props, children: children }));
+});
+CardTitle.displayName = 'CardTitle';
+/**
+ * Card description component.
+ */
+export const CardDescription = forwardRef(({ children, className, ...props }, ref) => {
+    const cm = getClassMap();
+    return (_jsx("p", { ref: ref, className: cm.cn(cm.cardDescription, className), ...props, children: children }));
+});
+CardDescription.displayName = 'CardDescription';
+/**
+ * Card content component.
+ */
+export const CardContent = forwardRef(({ children, className, ...props }, ref) => {
+    const cm = getClassMap();
+    return (_jsx("div", { ref: ref, className: cm.cn(cm.cardContent, className), ...props, children: children }));
+});
+CardContent.displayName = 'CardContent';
+/**
+ * Card footer component.
+ */
+export const CardFooter = forwardRef(({ children, className, ...props }, ref) => {
+    const cm = getClassMap();
+    return (_jsx("div", { ref: ref, className: cm.cn(cm.cardFooter, className), ...props, children: children }));
+});
+CardFooter.displayName = 'CardFooter';
+//# sourceMappingURL=Card.js.map

package/dist/components/Card.js.map

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

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Checkbox component.
+ *
+ * @module
+ */
+import React from 'react';
+import type { CheckboxProps } from '@molecule/app-ui';
+/**
+ * Checkbox component.
+ */
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAA;AAEhF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGrD;;GAEG;AACH,eAAO,MAAM,QAAQ,wFAkFpB,CAAA"}

package/dist/components/Checkbox.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Checkbox component.
+ *
+ * @module
+ */
+import { forwardRef, useCallback, useEffect, useId, useRef } from 'react';
+import { getClassMap } from '@molecule/app-ui';
+/**
+ * Checkbox component.
+ */
+export const Checkbox = forwardRef(({ label, checked, indeterminate, size: _size, error, className, style, testId, disabled, name, id, onChange, ...rest }, ref) => {
+    // Always track the node in internalRef (for the indeterminate DOM flag)
+    // AND forward it to the caller's ref. The previous `(ref || internalRef)
+    // as RefObject` cast silently broke `indeterminate` whenever the caller
+    // passed a CALLBACK ref (functions have no `.current`).
+    const internalRef = useRef(null);
+    const setRefs = useCallback((node) => {
+        internalRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    }, [ref]);
+    const cm = getClassMap();
+    const checkboxId = id || name;
+    // The error message must be programmatically associated with the input
+    // (like Input/Textarea/Select already do) — a bare sibling <p> is never
+    // announced by screen readers, so the failure reason was invisible.
+    const generatedId = useId();
+    const errorId = `${checkboxId || generatedId}-error`;
+    useEffect(() => {
+        if (internalRef.current) {
+            internalRef.current.indeterminate = !!indeterminate;
+        }
+    }, [indeterminate]);
+    const checkboxClasses = cm.cn(cm.checkbox({ error: !!error }), className);
+    return (_jsxs("div", { className: cm.formFieldWrapper, children: [_jsxs("label", { className: cm.controlLabel, children: [_jsx("input", { ref: setRefs, type: "checkbox", id: checkboxId, name: name, checked: checked, disabled: disabled, "data-state": checked ? 'checked' : 'unchecked', "aria-invalid": !!error, "aria-describedby": error ? errorId : undefined, className: checkboxClasses, style: style, "data-testid": testId, onChange: onChange, ...rest }), !!label && (_jsx("span", { className: cm.cn(cm.controlText, disabled && cm.controlDisabled), children: label }))] }), error && (_jsx("p", { id: errorId, className: cm.cn(cm.formError, cm.sp('mt', 1)), children: error }))] }));
+});
+Checkbox.displayName = 'Checkbox';
+//# sourceMappingURL=Checkbox.js.map