@undefineds.co/xpod 0.4.19 → 0.4.25

package/node_modules/@undefineds.co/shared-ui/dist/email-input.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Input } from './input.js';
+/**
+ * Native text selection for email fields, including Chrome integrations that
+ * cannot preserve a type=email range. Validation still comes from the browser's
+ * email implementation; the validator never enters the document or takes focus.
+ */
+export const EmailInput = React.forwardRef(({ onInput, onChange, autoCapitalize = 'none', spellCheck = false, ...props }, forwardedRef) => {
+    const inputRef = React.useRef(null);
+    const validatorRef = React.useRef(null);
+    React.useImperativeHandle(forwardedRef, () => inputRef.current, []);
+    const synchronizeValidity = React.useCallback((input) => {
+        const validator = validatorRef.current ?? (validatorRef.current = input.ownerDocument.createElement('input'));
+        validator.type = 'email';
+        validator.multiple = input.multiple;
+        validator.required = input.required;
+        validator.value = input.value;
+        input.setCustomValidity(validator.validity.valid ? '' : validator.validationMessage);
+    }, []);
+    React.useLayoutEffect(() => {
+        if (inputRef.current)
+            synchronizeValidity(inputRef.current);
+    });
+    React.useEffect(() => {
+        const input = inputRef.current;
+        const form = input?.form;
+        if (!input || !form)
+            return;
+        // Reset restores values after its event; validate the restored value.
+        const onReset = () => queueMicrotask(() => synchronizeValidity(input));
+        form.addEventListener('reset', onReset);
+        return () => form.removeEventListener('reset', onReset);
+    }, [props.form, synchronizeValidity]);
+    const validateEdit = (input) => {
+        synchronizeValidity(input);
+        // React may restore a controlled value after the event handlers finish.
+        queueMicrotask(() => synchronizeValidity(input));
+    };
+    return (_jsx(Input, { ...props, ref: inputRef, type: "text", inputMode: "email", autoCapitalize: autoCapitalize, spellCheck: spellCheck, onInput: (event) => { validateEdit(event.currentTarget); onInput?.(event); }, onChange: (event) => { validateEdit(event.currentTarget); onChange?.(event); } }));
+});
+EmailInput.displayName = 'EmailInput';

package/node_modules/@undefineds.co/shared-ui/dist/empty-state.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children'> {
+    title?: ReactNode;
+    description?: ReactNode;
+    action?: ReactNode;
+}
+/** Optional content and actions are supplied by the owning app. */
+export declare function EmptyState({ title, description, action, className, ...props }: EmptyStateProps): import("react").JSX.Element;

package/node_modules/@undefineds.co/shared-ui/dist/empty-state.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from './utils.js';
+/** Optional content and actions are supplied by the owning app. */
+export function EmptyState({ title, description, action, className, ...props }) {
+    return (_jsxs("div", { ...props, className: cn('flex flex-col items-start gap-2 py-6 text-sm text-muted-foreground', className), children: [title ? _jsx("h3", { className: "font-medium text-foreground", children: title }) : null, description ? _jsx("div", { children: description }) : null, action] }));
+}

package/node_modules/@undefineds.co/shared-ui/dist/focus.d.ts

@@ -1,11 +1,10 @@
 /**
  * Shared keyboard-focus treatments for controls and other interactive items.
  *
- * Keep these as a single outline. Stacking Tailwind rings and ring offsets on
- * top of a native form focus border creates the double-frame effect that this
- * package intentionally avoids.
+ * Framed form controls use their existing border for focus. An offset outline
+ * adds a second boundary even when the native blue ring has been removed.
  */
-export declare const controlFocusClass = "focus:outline-none focus:ring-0 focus-visible:border-ring";
+export declare const controlFocusClass = "focus:[outline:none] focus:[box-shadow:none] focus:border-ring focus-visible:[outline:none] focus-visible:border-2 focus-visible:border-ring";
 export declare const interactiveFocusClass = "focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
 /**
  * Buttons communicate keyboard focus through their existing surface instead

package/node_modules/@undefineds.co/shared-ui/dist/focus.js

@@ -1,11 +1,10 @@
 /**
  * Shared keyboard-focus treatments for controls and other interactive items.
  *
- * Keep these as a single outline. Stacking Tailwind rings and ring offsets on
- * top of a native form focus border creates the double-frame effect that this
- * package intentionally avoids.
+ * Framed form controls use their existing border for focus. An offset outline
+ * adds a second boundary even when the native blue ring has been removed.
  */
-export const controlFocusClass = 'focus:outline-none focus:ring-0 focus-visible:border-ring';
+export const controlFocusClass = 'focus:[outline:none] focus:[box-shadow:none] focus:border-ring focus-visible:[outline:none] focus-visible:border-2 focus-visible:border-ring';
 export const interactiveFocusClass = 'focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring';
 /**
  * Buttons communicate keyboard focus through their existing surface instead

package/node_modules/@undefineds.co/shared-ui/dist/form-control.d.ts

@@ -0,0 +1,2 @@
+/** Internal shared surface; consumers choose native semantics and control height. */
+export declare const formControlClass = "w-full rounded-md border border-input bg-background px-3 py-2 text-sm transition-[border-color] placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 focus:[outline:none] focus:[box-shadow:none] focus:border-ring focus-visible:[outline:none] focus-visible:border-2 focus-visible:border-ring";

package/node_modules/@undefineds.co/shared-ui/dist/form-control.js

@@ -0,0 +1,3 @@
+import { controlFocusClass } from './focus.js';
+/** Internal shared surface; consumers choose native semantics and control height. */
+export const formControlClass = `w-full rounded-md border border-input bg-background px-3 py-2 text-sm transition-[border-color] placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 ${controlFocusClass}`;

package/node_modules/@undefineds.co/shared-ui/dist/form-field.d.ts

@@ -0,0 +1,15 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface FormFieldControlProps {
+    id: string;
+    'aria-invalid'?: true;
+    'aria-describedby'?: string;
+}
+export interface FormFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    label: ReactNode;
+    error?: string;
+    hint?: ReactNode;
+    labelAside?: ReactNode;
+    children: (props: FormFieldControlProps) => ReactNode;
+}
+/** Presentation only: callers own the control, validation and submission. */
+export declare function FormField({ label, error, hint, labelAside, children, className, ...props }: FormFieldProps): import("react").JSX.Element;

package/node_modules/@undefineds.co/shared-ui/dist/form-field.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { cn } from './utils.js';
+/** Presentation only: callers own the control, validation and submission. */
+export function FormField({ label, error, hint, labelAside, children, className, ...props }) {
+    const id = useId();
+    const errorId = `${id}-error`;
+    const hintId = `${id}-hint`;
+    const describedBy = [error ? errorId : undefined, hint ? hintId : undefined].filter(Boolean).join(' ') || undefined;
+    return (_jsxs("div", { ...props, className: cn('flex flex-col gap-1.5', className), children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("label", { htmlFor: id, className: "text-[13px] font-medium text-foreground", children: label }), labelAside] }), children({ id, ...(error ? { 'aria-invalid': true } : {}), 'aria-describedby': describedBy }), error ? _jsx("p", { id: errorId, role: "alert", className: "text-[13px] text-destructive", children: error }) : null, hint ? _jsx("div", { id: hintId, className: "text-[13px] text-muted-foreground", children: hint }) : null] }));
+}

package/node_modules/@undefineds.co/shared-ui/dist/index.d.ts

@@ -1,31 +1,49 @@
-export * from './avatar';
-export * from './auth-surface';
-export * from './badge';
-export * from './button';
-export * from './card';
-export * from './dialog';
-export * from './focus';
-export * from './user-facing-errors';
-export * from './input';
-export * from './label';
-export { LoginAccountView, LoginAvatar, LoginCardShell, LoginConnectingView, LoginErrorBanner, LoginFailureView, LoginRestoringView, RememberedLoginView, type RememberedLoginIdentity, type RememberedLoginViewCopy, type SessionLoginPresentationState, type SessionLoginStatus, } from './login';
+export * from './avatar.js';
+export * from './auth-surface.js';
+export * from './badge.js';
+export * from './brand-info.js';
+export * from './button.js';
+export * from './card.js';
+export * from './dialog.js';
+export * from './confirmation-dialog.js';
+export * from './focus.js';
+export * from './user-facing-errors.js';
+export * from './input.js';
+export * from './native-select.js';
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem } from './select.js';
+export * from './textarea.js';
+export * from './checkbox.js';
+export { FormField, type FormFieldProps, type FormFieldControlProps } from './form-field.js';
+export { EmptyState, type EmptyStateProps } from './empty-state.js';
+export * from './search-input.js';
+export * from './email-input.js';
+export * from './label.js';
+export * from './status.js';
+export * from './notice.js';
+export * from './section-header.js';
+export * from './list.js';
+export * from './segmented-control.js';
+export * from './setting-row.js';
+export * from './meter.js';
+export { LoginAccountView, LoginAvatar, LoginCardShell, LoginConnectingView, LoginErrorBanner, LoginFailureView, LoginRestoringView, RememberedLoginView, type RememberedLoginIdentity, type RememberedLoginViewCopy, type SessionLoginPresentationState, type SessionLoginStatus, } from './login.js';
 /**
  * Shared login surface. Hosts inject their brand and product name;
  * the component itself assumes neither.
  */
-export { LoginModal, } from './login/LoginModal';
-export { LoginView, type LoginViewActions, type LoginViewProps, type LoginViewState, } from './login/LoginView';
-export { LocalReachabilitySummary, } from './login/LocalReachabilitySummary';
-export { getProviderActionLabel, getProviderDisplayLabel, getProviderInfoText, getProviderSourceLabel, getProviderStatusBadge, getProviderSubtitle, type ProviderStatusBadge, } from './login/presentation';
-export { isLocalLoginProvider, isLocalLoginProviderSource, resolveLoginProviderSource, } from './login/provider-model';
-export type { AuthWindowStatus, ConnectingProviderInfo, LocalLoginProviderSource, LocalLoginStatus, LocalOnboardingCapabilities, LocalOnboardingConnectivity, LocalOnboardingProgress, LocalOnboardingRouteKind, LocalOnboardingRouteProbe, LocalOnboardingSnapshot, LocalOnboardingState, LocalOnboardingTunnel, LocalPodRuntime, LocalSpaceKind, LoginEndpoint, LoginEndpointKind, LoginModalProps, LoginProviderOption, LoginProviderSource, LoginState, ProviderOption, StorageConflict, StoredAccount, } from './login/types';
-export * from './scroll-area';
-export * from './separator';
-export * from './skeleton';
-export * from './switch';
-export * from './toast';
-export * from './tooltip';
-export * from './utils';
-export * from './storage-bootstrap';
-export * from './webid-auth';
-export * from './workspace';
+export { LoginModal, } from './login/LoginModal.js';
+export { LoginView, type LoginViewActions, type LoginViewProps, type LoginViewState, } from './login/LoginView.js';
+export { LocalReachabilitySummary, } from './login/LocalReachabilitySummary.js';
+export { getProviderActionLabel, getProviderDisplayLabel, getProviderInfoText, getProviderSourceLabel, getProviderStatusBadge, getProviderSubtitle, type ProviderStatusBadge, } from './login/presentation.js';
+export { isLocalLoginProvider, isLocalLoginProviderSource, resolveLoginProviderSource, } from './login/provider-model.js';
+export type { AuthWindowStatus, ConnectingProviderInfo, LocalLoginProviderSource, LocalLoginStatus, LocalOnboardingCapabilities, LocalOnboardingConnectivity, LocalOnboardingProgress, LocalOnboardingRouteKind, LocalOnboardingRouteProbe, LocalOnboardingSnapshot, LocalOnboardingState, LocalOnboardingTunnel, LocalPodRuntime, LocalSpaceKind, LoginEndpoint, LoginEndpointKind, LoginModalProps, LoginProviderOption, LoginProviderSource, LoginState, ProviderOption, StorageConflict, StoredAccount, } from './login/types.js';
+export * from './scroll-area.js';
+export * from './separator.js';
+export * from './skeleton.js';
+export * from './switch.js';
+export * from './toast.js';
+export * from './tooltip.js';
+export * from './utils.js';
+export * from './storage-bootstrap.js';
+export * from './webid-auth.js';
+export * from './workspace.js';
+export * from './pod-sign-in/index.js';

package/node_modules/@undefineds.co/shared-ui/dist/index.js

@@ -1,13 +1,30 @@
 export * from './avatar.js';
 export * from './auth-surface.js';
 export * from './badge.js';
+export * from './brand-info.js';
 export * from './button.js';
 export * from './card.js';
 export * from './dialog.js';
+export * from './confirmation-dialog.js';
 export * from './focus.js';
 export * from './user-facing-errors.js';
 export * from './input.js';
+export * from './native-select.js';
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem } from './select.js';
+export * from './textarea.js';
+export * from './checkbox.js';
+export { FormField } from './form-field.js';
+export { EmptyState } from './empty-state.js';
+export * from './search-input.js';
+export * from './email-input.js';
 export * from './label.js';
+export * from './status.js';
+export * from './notice.js';
+export * from './section-header.js';
+export * from './list.js';
+export * from './segmented-control.js';
+export * from './setting-row.js';
+export * from './meter.js';
 export { LoginAccountView, LoginAvatar, LoginCardShell, LoginConnectingView, LoginErrorBanner, LoginFailureView, LoginRestoringView, RememberedLoginView, } from './login.js';
 /**
  * Shared login surface. Hosts inject their brand and product name;
@@ -28,3 +45,4 @@ export * from './utils.js';
 export * from './storage-bootstrap.js';
 export * from './webid-auth.js';
 export * from './workspace.js';
+export * from './pod-sign-in/index.js';

package/node_modules/@undefineds.co/shared-ui/dist/input.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { controlFocusClass } from './focus.js';
+import { formControlClass } from './form-control.js';
 import { cn } from './utils.js';
-export const Input = React.forwardRef(({ className, type = 'text', ...props }, ref) => (_jsx("input", { ref: ref, type: type, className: cn('flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm transition-[border-color] file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50', controlFocusClass, className), ...props })));
+export const Input = React.forwardRef(({ className, type = 'text', ...props }, ref) => (_jsx("input", { ref: ref, type: type, className: cn(formControlClass, 'flex min-h-10 file:border-0 file:bg-transparent file:text-sm file:font-medium', className), ...props })));
 Input.displayName = 'Input';

package/node_modules/@undefineds.co/shared-ui/dist/list.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+export type ListSurfaceProps = React.HTMLAttributes<HTMLDivElement>;
+/**
+ * Bordered, divided container for a group of rows. Presentation only: it adds
+ * no list role, navigation or focus behaviour of its own.
+ */
+export declare const ListSurface: React.ForwardRefExoticComponent<ListSurfaceProps & React.RefAttributes<HTMLDivElement>>;
+export interface ListRowProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    leading?: React.ReactNode;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    trailing?: React.ReactNode;
+    /**
+     * Render the row as the single child element (e.g. an actual `button` or
+     * `a`) so native role, keyboard and focus behaviour are preserved. Slots are
+     * ignored when `asChild` is set.
+     */
+    asChild?: boolean;
+}
+/**
+ * Pure row composition. A non-interactive row is a semantic container; nested
+ * controls stay legal. Interactive rows must pass a real control via `asChild`
+ * so no `role="button"` is synthesised on a `div`.
+ */
+export declare const ListRow: React.ForwardRefExoticComponent<ListRowProps & React.RefAttributes<HTMLDivElement>>;

package/node_modules/@undefineds.co/shared-ui/dist/list.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import * as React from 'react';
+import { cn } from './utils.js';
+/**
+ * Bordered, divided container for a group of rows. Presentation only: it adds
+ * no list role, navigation or focus behaviour of its own.
+ */
+export const ListSurface = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('divide-y rounded-xl border border-border bg-card', className), ...props })));
+ListSurface.displayName = 'ListSurface';
+/**
+ * Pure row composition. A non-interactive row is a semantic container; nested
+ * controls stay legal. Interactive rows must pass a real control via `asChild`
+ * so no `role="button"` is synthesised on a `div`.
+ */
+export const ListRow = React.forwardRef(({ className, leading, title, description, trailing, asChild = false, children, ...props }, ref) => {
+    const rowClassName = cn('flex flex-wrap items-center gap-3 p-4 text-sm leading-normal', className);
+    const Component = asChild ? Slot : 'div';
+    return (_jsx(Component, { ref: ref, className: rowClassName, ...props, children: asChild ? (children) : (_jsxs(_Fragment, { children: [leading ? _jsx("span", { className: "shrink-0", children: leading }) : null, _jsxs("div", { className: "min-w-0 flex-1 break-words", children: [title ? _jsx("div", { children: title }) : null, description ? _jsx("p", { className: "mt-0.5 text-xs leading-normal text-muted-foreground", children: description }) : null] }), trailing ? _jsx("span", { className: "shrink-0", children: trailing }) : null, children ? _jsx("div", { className: "w-full min-w-0 break-words", children: children }) : null] })) }));
+});
+ListRow.displayName = 'ListRow';

package/node_modules/@undefineds.co/shared-ui/dist/login/LocalReachabilitySummary.d.ts

@@ -1,4 +1,4 @@
-import type { LocalOnboardingConnectivity } from './types';
+import type { LocalOnboardingConnectivity } from './types.js';
 export declare function LocalReachabilitySummary({ connectivity, assumeLocalReachable, className, }: {
     connectivity: LocalOnboardingConnectivity | null | undefined;
     assumeLocalReachable?: boolean;

package/node_modules/@undefineds.co/shared-ui/dist/login/LoginModal.d.ts

@@ -1,6 +1,8 @@
-import type { LoginModalProps } from './types';
+import type { LoginModalProps } from './types.js';
 /**
  * Shared login modal. The host supplies the brand and, optionally, the product
  * name that user-facing messages refer to.
+ *
+ * @deprecated Use PodSignIn inside PodSignInFrame (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
  */
 export declare function LoginModal(props: LoginModalProps): import("react").JSX.Element | null;

package/node_modules/@undefineds.co/shared-ui/dist/login/LoginModal.js

@@ -12,6 +12,8 @@ import { LocalReachabilitySummary } from './LocalReachabilitySummary.js';
 /**
  * Shared login modal. The host supplies the brand and, optionally, the product
  * name that user-facing messages refer to.
+ *
+ * @deprecated Use PodSignIn inside PodSignInFrame (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
  */
 export function LoginModal(props) {
     const { state, storageConflict, view } = props;

package/node_modules/@undefineds.co/shared-ui/dist/login/LoginView.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { AuthWindowStatus, ConnectingProviderInfo, LoginProviderOption, StoredAccount } from './types';
+import type { AuthWindowStatus, ConnectingProviderInfo, LoginProviderOption, StoredAccount } from './types.js';
 export type LoginViewState = 'restoring' | 'idle' | 'connecting' | 'authenticated' | 'error';
 export interface LoginViewActions {
     continue: () => void;
@@ -30,4 +30,7 @@ export interface LoginViewProps {
     overlayClassName?: string;
     cardClassName?: string;
 }
+/**
+ * @deprecated Use PodSignIn (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export declare function LoginView({ state, identity, error, restorable, providers, brand, host, ariaLabel, actions, authWindowStatus, connectingProvider, allowAdditionalProviders, overlayClassName, cardClassName, }: LoginViewProps): import("react").JSX.Element | null;

package/node_modules/@undefineds.co/shared-ui/dist/login/LoginView.js

@@ -6,6 +6,9 @@ const CLOSED_AUTH_WINDOW = {
     reason: 'dismissed',
     ready: false,
 };
+/**
+ * @deprecated Use PodSignIn (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export function LoginView({ state, identity, error = null, restorable = false, providers, brand, host = 'document', ariaLabel, actions, authWindowStatus = CLOSED_AUTH_WINDOW, connectingProvider = null, allowAdditionalProviders = false, overlayClassName, cardClassName, }) {
     if (state === 'authenticated')
         return null;

package/node_modules/@undefineds.co/shared-ui/dist/login/error-messages.d.ts

@@ -1 +1 @@
-export { createUserFacingError as createUserFacingLoginError, formatErrorForUser as formatLoginErrorForUser, } from '../user-facing-errors';
+export { createUserFacingError as createUserFacingLoginError, formatErrorForUser as formatLoginErrorForUser, } from '../user-facing-errors.js';

package/node_modules/@undefineds.co/shared-ui/dist/login/index.d.ts

@@ -1,5 +1,5 @@
-export * from './LoginModal';
-export * from './LocalReachabilitySummary';
-export * from './presentation';
-export * from './provider-model';
-export * from './types';
+export * from './LoginModal.js';
+export * from './LocalReachabilitySummary.js';
+export * from './presentation.js';
+export * from './provider-model.js';
+export * from './types.js';

package/node_modules/@undefineds.co/shared-ui/dist/login/presentation.d.ts

@@ -1,4 +1,4 @@
-import type { LoginProviderOption } from './types';
+import type { LoginProviderOption } from './types.js';
 export interface ProviderStatusBadge {
     label: string;
     tone: 'neutral' | 'primary' | 'success' | 'warning' | 'danger';

package/node_modules/@undefineds.co/shared-ui/dist/login/provider-model.d.ts

@@ -1,4 +1,4 @@
-import type { LoginProviderOption, LoginProviderSource } from './types';
+import type { LoginProviderOption, LoginProviderSource } from './types.js';
 type ProviderShape = Partial<Pick<LoginProviderOption, 'oidcProvider' | 'storageProvider'>> & {
     source?: LoginProviderSource;
 };

package/node_modules/@undefineds.co/shared-ui/dist/login/types.d.ts

@@ -1,6 +1,6 @@
 import type { LoginState, StoredAccount, ProviderOption } from '@undefineds.co/solid-sdk/login-store';
-import type { LocalSpaceKind, LocalOnboardingSnapshot, LocalOnboardingState } from './host-types';
-import type { StorageConflict, LoginModalHostProps } from './host-types';
+import type { LocalSpaceKind, LocalOnboardingSnapshot, LocalOnboardingState } from './host-types.js';
+import type { StorageConflict, LoginModalHostProps } from './host-types.js';
 export type { LoginState, StoredAccount, ProviderOption };
 export interface LocalPodRuntime {
     kind: 'local-pod';
@@ -71,4 +71,4 @@ export interface LoginModalProps extends LoginModalHostProps {
     authWindowStatus: AuthWindowStatus;
     connectingProvider: ConnectingProviderInfo | null;
 }
-export type { LocalSpaceKind, LocalOnboardingState, LocalOnboardingCapabilities, LocalOnboardingProgress, LocalOnboardingRouteKind, LocalOnboardingRouteProbe, LocalOnboardingConnectivity, LocalOnboardingTunnel, LocalOnboardingSnapshot, StorageConflict, LoginModalHostProps, } from './host-types';
+export type { LocalSpaceKind, LocalOnboardingState, LocalOnboardingCapabilities, LocalOnboardingProgress, LocalOnboardingRouteKind, LocalOnboardingRouteProbe, LocalOnboardingConnectivity, LocalOnboardingTunnel, LocalOnboardingSnapshot, StorageConflict, LoginModalHostProps, } from './host-types.js';

package/node_modules/@undefineds.co/shared-ui/dist/login.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-export type { AuthSurfaceMode } from './auth-surface';
+export type { AuthSurfaceMode } from './auth-surface.js';
 export declare function LoginCardShell({ children, ariaLabel, overlayClassName, cardClassName, surfaceTestId, surfaceHost, cardSize, }: {
     children: ReactNode;
     ariaLabel: string;
@@ -20,11 +20,17 @@ export declare function LoginAvatar({ name, avatarUrl, size, marker, }: {
     size?: 'md' | 'lg';
     marker?: ReactNode;
 }): import("react").JSX.Element;
+/**
+ * @deprecated Use PodSignIn (state `restoring`) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export declare function LoginRestoringView({ accountName, avatarUrl, label, }: {
     accountName?: string;
     avatarUrl?: string;
     label?: string;
 }): import("react").JSX.Element;
+/**
+ * @deprecated Use PodSignIn (`busy` on the primary action) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export declare function LoginConnectingView({ title, detail, providerLabel, providerHost, onCancel, cancelLabel, }: {
     title?: string;
     detail?: string;
@@ -33,6 +39,9 @@ export declare function LoginConnectingView({ title, detail, providerLabel, prov
     onCancel?: () => void;
     cancelLabel?: string;
 }): import("react").JSX.Element;
+/**
+ * @deprecated Use PodSignIn (states `remembered` / `expired`) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export declare function LoginAccountView({ name, avatarUrl, bindingLabel, expired, expiredTitle, expiredDescription, enterLabel, switchLabel, error, onDismissError, dismissErrorLabel, onEnter, onSwitchAccount, onReauthenticate, }: {
     name: string;
     avatarUrl?: string;
@@ -93,6 +102,9 @@ export interface RememberedLoginViewCopy {
     connectingDetail: string;
     cancelLabel: string;
 }
+/**
+ * @deprecated Use PodSignIn (states `remembered` / `expired`) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export declare function RememberedLoginView({ state, copy, onContinue, onReauthenticate, onSwitchAccount, onCancel, onDismissError, }: {
     state: SessionLoginPresentationState;
     copy: RememberedLoginViewCopy;
@@ -102,6 +114,9 @@ export declare function RememberedLoginView({ state, copy, onContinue, onReauthe
     onCancel?: () => void;
     onDismissError?: () => void;
 }): import("react").JSX.Element | null;
+/**
+ * @deprecated Use PodSignIn with a `notice` (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export declare function LoginFailureView({ title, description, primaryLabel, onPrimary, secondaryLabel, onSecondary, }: {
     title?: string;
     description?: string | null;

package/node_modules/@undefineds.co/shared-ui/dist/login.js

@@ -32,7 +32,7 @@ export function LoginCardShell({ children, ariaLabel, overlayClassName, cardClas
     const baseCardClassName = cardSize === 'auto'
         ? 'w-compact-modal warm-card overflow-hidden rounded-xl flex flex-col'
         : 'w-compact-modal h-compact-modal warm-card overflow-hidden rounded-xl flex flex-col';
-    return (_jsx("div", { "data-testid": surfaceTestId, "data-auth-surface-host": surfaceHost, className: cn('fixed inset-0 z-[999] flex items-center justify-center bg-black/50', overlayClassName), children: _jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": ariaLabel, "data-login-card-size": cardSize, className: cn(baseCardClassName, cardClassName), children: children }) }));
+    return (_jsx("div", { "data-testid": surfaceTestId, "data-auth-surface-host": surfaceHost, className: cn('fixed inset-0 z-[var(--layer-backdrop)] flex items-center justify-center xpod-overlay-scrim', overlayClassName), children: _jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": ariaLabel, "data-login-card-size": cardSize, className: cn(baseCardClassName, cardClassName), children: children }) }));
 }
 export function LoginErrorBanner({ error, onDismiss, dismissLabel, }) {
     if (!error)
@@ -44,22 +44,34 @@ export function LoginAvatar({ name, avatarUrl, size = 'lg', marker, }) {
     const sizeClassName = size === 'lg' ? 'h-16 w-16 text-xl' : 'h-10 w-10 text-sm';
     return (_jsxs("div", { className: "relative shrink-0", children: [avatarUrl ? (_jsx("img", { src: avatarUrl, alt: name, className: cn(sizeClassName, 'rounded-[18%] border border-border/50 object-cover shadow-sm') })) : (_jsx("div", { "aria-hidden": "true", className: cn(sizeClassName, 'flex items-center justify-center rounded-[18%] bg-primary/10 font-semibold text-primary shadow-sm'), children: name.slice(0, 1).toUpperCase() })), marker ? (_jsx("div", { className: "absolute -bottom-1 -right-1", children: marker })) : null] }));
 }
+/**
+ * @deprecated Use PodSignIn (state `restoring`) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export function LoginRestoringView({ accountName, avatarUrl, label, }) {
     const visibleLabel = legacyLoginLabel(label, LEGACY_LOGIN_RESTORING_DEFAULT_COPY.label);
     return (_jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-4 p-6", role: "status", children: [accountName ? (_jsxs(_Fragment, { children: [_jsx(LoginAvatar, { name: accountName, avatarUrl: avatarUrl, size: "lg" }), _jsx("p", { className: "text-sm font-medium text-foreground", children: accountName })] })) : null, _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground", "aria-hidden": "true" }), _jsx("p", { className: "text-xs text-muted-foreground", children: visibleLabel })] }));
 }
+/**
+ * @deprecated Use PodSignIn (`busy` on the primary action) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export function LoginConnectingView({ title, detail, providerLabel, providerHost, onCancel, cancelLabel, }) {
     const visibleTitle = legacyLoginLabel(title, LEGACY_LOGIN_CONNECTING_DEFAULT_COPY.title);
     const visibleDetail = legacyLoginLabel(detail, LEGACY_LOGIN_CONNECTING_DEFAULT_COPY.detail);
     const visibleCancelLabel = legacyLoginLabel(cancelLabel, LEGACY_LOGIN_CONNECTING_DEFAULT_COPY.cancelLabel);
     return (_jsxs("div", { className: "flex h-full flex-1 flex-col", children: [_jsxs("div", { className: "flex flex-1 flex-col items-center justify-center px-6 py-8 text-center", role: "status", children: [_jsx(Loader2, { className: "mb-4 h-8 w-8 animate-spin text-primary", "aria-hidden": "true" }), _jsx("p", { className: "text-sm font-medium text-foreground", children: visibleTitle }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: visibleDetail }), providerLabel || providerHost ? (_jsxs("div", { className: "mt-4 w-full max-w-[18rem] rounded-lg border border-border/60 bg-muted/30 px-3 py-2", children: [providerLabel ? (_jsx("p", { className: "truncate text-xs font-medium text-foreground", children: providerLabel })) : null, providerHost ? (_jsx("p", { className: "mt-0.5 truncate text-[11px] text-muted-foreground", children: providerHost })) : null] })) : null] }), onCancel ? (_jsx("div", { className: "shrink-0 px-5 pb-5", children: _jsx("button", { type: "button", onClick: onCancel, className: cn('h-9 w-full cursor-pointer rounded-md text-xs text-muted-foreground transition-colors hover:bg-muted/40 hover:text-foreground', interactiveFocusClass), children: visibleCancelLabel }) })) : null] }));
 }
+/**
+ * @deprecated Use PodSignIn (states `remembered` / `expired`) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export function LoginAccountView({ name, avatarUrl, bindingLabel, expired = false, expiredTitle, expiredDescription, enterLabel, switchLabel, error, onDismissError, dismissErrorLabel, onEnter, onSwitchAccount, onReauthenticate, }) {
     const visibleExpiredTitle = legacyLoginLabel(expiredTitle, LEGACY_LOGIN_ACCOUNT_DEFAULT_COPY.expiredTitle);
     const visibleEnterLabel = legacyLoginLabel(enterLabel, LEGACY_LOGIN_ACCOUNT_DEFAULT_COPY.enterLabel);
     const visibleSwitchLabel = legacyLoginLabel(switchLabel, LEGACY_LOGIN_ACCOUNT_DEFAULT_COPY.switchLabel);
     return (_jsxs("div", { className: "flex h-full flex-1 flex-col", children: [_jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-4 px-5 py-8", children: [expired ? (_jsxs("div", { className: "inline-flex items-center gap-1.5 rounded-full border border-primary/20 bg-primary/5 px-2.5 py-1 text-[11px] font-medium text-primary", children: [_jsx(AlertCircle, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), visibleExpiredTitle] })) : null, _jsx(LoginAvatar, { name: name, avatarUrl: avatarUrl, size: "lg" }), _jsxs("div", { className: "space-y-1 text-center", children: [_jsx("p", { className: "text-base font-semibold text-foreground", children: name }), bindingLabel ? _jsx("p", { className: "text-xs text-muted-foreground", children: bindingLabel }) : null] }), expired && expiredDescription ? (_jsx("p", { className: "max-w-[18rem] text-center text-xs leading-5 text-muted-foreground", children: expiredDescription })) : null] }), !expired ? (_jsx(LoginErrorBanner, { error: error, onDismiss: onDismissError, dismissLabel: dismissErrorLabel })) : null, _jsxs("div", { className: "shrink-0 space-y-2 px-5 pb-5 pt-2", children: [_jsx("button", { type: "button", onClick: expired && onReauthenticate ? onReauthenticate : onEnter, className: cn('h-10 w-full cursor-pointer rounded-xl bg-primary text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90 focus-visible:bg-primary/80', buttonFocusClass), children: visibleEnterLabel }), onSwitchAccount ? (_jsx("button", { type: "button", onClick: onSwitchAccount, className: cn('h-9 w-full cursor-pointer rounded-lg text-xs text-muted-foreground transition-colors hover:bg-muted/40 hover:text-foreground focus-visible:bg-muted/40 focus-visible:text-foreground', buttonFocusClass), children: visibleSwitchLabel })) : null] })] }));
 }
+/**
+ * @deprecated Use PodSignIn (states `remembered` / `expired`) (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export function RememberedLoginView({ state, copy, onContinue, onReauthenticate, onSwitchAccount, onCancel, onDismissError, }) {
     if (state.status === 'authenticated')
         return null;
@@ -78,6 +90,9 @@ export function RememberedLoginView({ state, copy, onContinue, onReauthenticate,
             ? copy.continueLabel(remembered.displayName)
             : copy.reauthenticateLabel(remembered.displayName), switchLabel: copy.switchAccountLabel, error: state.status === 'error' && !expired ? state.message : undefined, onDismissError: onDismissError, onEnter: canContinue ? onContinue : onReauthenticate, onSwitchAccount: onSwitchAccount }));
 }
+/**
+ * @deprecated Use PodSignIn with a `notice` (see `pod-sign-in/`). Kept for one more version; behavior is unchanged.
+ */
 export function LoginFailureView({ title, description, primaryLabel, onPrimary, secondaryLabel, onSecondary, }) {
     const visibleTitle = legacyLoginLabel(title, LEGACY_LOGIN_FAILURE_DEFAULT_COPY.title);
     const visiblePrimaryLabel = legacyLoginLabel(primaryLabel, LEGACY_LOGIN_FAILURE_DEFAULT_COPY.primaryLabel);

package/node_modules/@undefineds.co/shared-ui/dist/meter.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export type MeterTone = 'primary' | 'success' | 'warning' | 'danger';
+export interface MeterBaseProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Upper bound of the track; defaults to 100. */
+    max?: number;
+    tone?: MeterTone;
+}
+/**
+ * A known value must be named for assistive tech; when the value is unknown the
+ * track is decorative and the surrounding copy carries the meaning.
+ */
+export type MeterProps = (MeterBaseProps & {
+    value: number;
+    label: string;
+}) | (MeterBaseProps & {
+    value?: undefined;
+    label?: string;
+});
+/**
+ * Thin track meter for capacity / progress readings. Maps to the shared theme
+ * tokens and keeps a single visual language across applets. When `value` is
+ * absent the element is decorative and the surrounding copy carries meaning.
+ */
+export declare function Meter({ value, max, label, tone, className, ...props }: MeterProps): React.JSX.Element;

package/node_modules/@undefineds.co/shared-ui/dist/meter.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from './utils.js';
+const meterToneClass = {
+    primary: 'bg-primary',
+    success: 'bg-success',
+    warning: 'bg-warning',
+    danger: 'bg-destructive',
+};
+/**
+ * Thin track meter for capacity / progress readings. Maps to the shared theme
+ * tokens and keeps a single visual language across applets. When `value` is
+ * absent the element is decorative and the surrounding copy carries meaning.
+ */
+export function Meter({ value, max = 100, label, tone = 'primary', className, ...props }) {
+    const boundedMax = Number.isFinite(max) && max > 0 ? max : 100;
+    if (typeof value !== 'number' || !Number.isFinite(value)) {
+        return (_jsx("div", { "aria-hidden": "true", className: cn('h-1.5 overflow-hidden rounded-full bg-muted', className), ...props }));
+    }
+    const clamped = Math.max(0, Math.min(boundedMax, value));
+    const percent = (clamped / boundedMax) * 100;
+    return (_jsx("div", { role: "progressbar", "aria-label": label, "aria-valuemin": 0, "aria-valuemax": boundedMax, "aria-valuenow": clamped, className: cn('h-1.5 overflow-hidden rounded-full bg-muted', className), ...props, children: _jsx("div", { className: cn('h-full rounded-full', meterToneClass[tone]), style: { width: `${String(percent)}%` } }) }));
+}

package/node_modules/@undefineds.co/shared-ui/dist/native-select.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+}
+/** Native options, change events and form submission, with the shared control surface. */
+export declare const NativeSelect: React.ForwardRefExoticComponent<NativeSelectProps & React.RefAttributes<HTMLSelectElement>>;

package/node_modules/@undefineds.co/shared-ui/dist/native-select.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { formControlClass } from './form-control.js';
+import { cn } from './utils.js';
+/** Native options, change events and form submission, with the shared control surface. */
+export const NativeSelect = React.forwardRef(({ className, multiple, size, ...props }, ref) => (_jsx("select", { ref: ref, multiple: multiple, size: size, className: cn(formControlClass, !multiple && (!size || size <= 1) && 'min-h-10', className), ...props })));
+NativeSelect.displayName = 'NativeSelect';