@undefineds.co/xpod 0.4.20 → 0.4.27

package/node_modules/@undefineds.co/shared-ui/dist/pod-sign-in/copy.js

@@ -81,6 +81,11 @@ const zhCN = {
     allow: '允许',
     storageCloud: '数据存在 Xpod 云端',
     storageEdge: '数据存在边缘设备上',
+    hostedStorage: '账号服务托管',
+    independentStorage: '独立部署',
+    identityAddress: 'WebID（身份地址）',
+    storageAddress: 'Pod（存储地址）',
+    showAddresses: '查看地址',
     webIdSectionTitle: 'WebID',
     webIdEmpty: '还没有 WebID。新建一个，用它登录应用。',
     createWebId: '新建 WebID',
@@ -223,6 +228,11 @@ const en = {
     allow: 'Allow',
     storageCloud: 'Data is stored on Xpod Cloud',
     storageEdge: 'Data is stored on an edge device',
+    hostedStorage: 'Hosted by account service',
+    independentStorage: 'Independent deployment',
+    identityAddress: 'WebID (identity address)',
+    storageAddress: 'Pod (storage address)',
+    showAddresses: 'View addresses',
     webIdSectionTitle: 'WebID',
     webIdEmpty: 'No WebID yet. Create one to sign in to applications.',
     createWebId: 'New WebID',

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

@@ -3,18 +3,18 @@
  * docs/superpowers/specs/2026-09-29-shared-ui-pod-sign-in-design.md).
  * These components only render; hosts own requests, redirects and storage.
  */
-export { PodSignInFrame, type PodSignInFrameProps } from './PodSignInFrame';
-export { StorageBadge, type StorageBadgeProps } from './StorageBadge';
-export { IdpChrome, type IdpChromeProps } from './IdpChrome';
-export { XpodMark } from './XpodMark';
-export { ScreenLayout, SourceMark } from './parts';
-export { PodSignIn, type PodSignInNotice, type PodSignInProps, type PodSignInState, type RememberedIdentity, } from './PodSignIn';
-export { IdpNoWebIdView, IdpRegisterView, IdpSignInView, type IdpNoWebIdViewProps, type IdpRegisterViewProps, type IdpSignInViewProps, type IdpViewCommonProps, } from './IdpViews';
-export { ConsentView, type ConsentViewProps, type ConsentWebId } from './ConsentView';
-export { ConsentResumeBanner, CreateWebIdForm, CredentialSection, DeviceSection, WebIdSection, type ConsentResumeBannerProps, type CreateWebIdFormProps, type CredentialEntry, type CredentialSectionProps, type DeviceSectionProps, type UnlinkedPodEntry, type WebIdEntry, type WebIdSectionProps, } from './AccountSections';
-export { AddDeviceDialog, DevicePickerDialog, type AddDeviceDialogProps, type AddDeviceStep, type DevicePickerDialogProps, } from './DeviceDialogs';
-export { NetworkPanel, type NetworkChecks, type NetworkPanelProps, type ProbeState, type TunnelFieldDescriptor, type TunnelOption, } from './NetworkPanel';
-export type { DeviceStatus, DeviceSummary } from './account-parts';
-export { formatCopy, podSignInCopy, resolvePodSignInCopy, type PodSignInCopy, type PodSignInLocale, } from './copy';
-export type { AppIdentity, SignInPresentation, StorageLocation, StorageLocationKind, } from './types';
-export { webIdShortName } from './webid-name';
+export { PodSignInFrame, type PodSignInFrameProps } from './PodSignInFrame.js';
+export { StorageBadge, type StorageBadgeProps } from './StorageBadge.js';
+export { IdpChrome, type IdpChromeProps } from './IdpChrome.js';
+export { XpodMark } from './XpodMark.js';
+export { ScreenLayout, SourceMark } from './parts.js';
+export { PodSignIn, type PodSignInNotice, type PodSignInProps, type PodSignInState, type RememberedIdentity, } from './PodSignIn.js';
+export { IdpNoWebIdView, IdpRegisterView, IdpSignInView, type IdpNoWebIdViewProps, type IdpRegisterViewProps, type IdpSignInViewProps, type IdpViewCommonProps, } from './IdpViews.js';
+export { ConsentView, type ConsentViewProps, type ConsentWebId } from './ConsentView.js';
+export { ConsentResumeBanner, CreateWebIdForm, CredentialSection, DeviceSection, WebIdSection, type ConsentResumeBannerProps, type CreateWebIdFormProps, type CredentialEntry, type CredentialSectionProps, type DeviceSectionProps, type UnlinkedPodEntry, type WebIdEntry, type WebIdSectionProps, } from './AccountSections.js';
+export { AddDeviceDialog, DevicePickerDialog, type AddDeviceDialogProps, type AddDeviceStep, type DevicePickerDialogProps, } from './DeviceDialogs.js';
+export { NetworkPanel, type NetworkChecks, type NetworkPanelProps, type ProbeState, type TunnelFieldDescriptor, type TunnelOption, } from './NetworkPanel.js';
+export type { DeviceStatus, DeviceSummary } from './account-parts.js';
+export { formatCopy, podSignInCopy, resolvePodSignInCopy, type PodSignInCopy, type PodSignInLocale, } from './copy.js';
+export type { AppIdentity, SignInPresentation, StorageLocation, StorageLocationKind, } from './types.js';
+export { webIdShortName } from './webid-name.js';

package/node_modules/@undefineds.co/shared-ui/dist/pod-sign-in/parts.d.ts

@@ -1,10 +1,11 @@
 import { type ReactNode } from 'react';
-import { type ButtonProps } from '../button';
-import type { StorageLocation } from './types';
-/** Every screen-level control shares these sizes (spec §5): 44px primary/outline, 36px text. */
-export declare const primaryButtonClass = "h-11 w-full rounded-lg text-sm font-medium";
-export declare const outlineButtonClass = "h-11 w-full rounded-lg text-sm font-medium";
-export declare const textButtonClass = "h-9 rounded-lg px-2 text-sm font-medium";
+import { type ButtonProps } from '../button.js';
+import { type FormFieldProps } from '../form-field.js';
+import type { StorageLocation } from './types.js';
+/** Minimum hit targets (spec §5); content may grow when text is enlarged or wraps. */
+export declare const primaryButtonClass = "h-auto min-h-11 w-full whitespace-normal break-normal rounded-lg py-2 text-sm font-medium leading-snug";
+export declare const outlineButtonClass = "h-auto min-h-11 w-full whitespace-normal break-normal rounded-lg py-2 text-sm font-medium leading-snug";
+export declare const textButtonClass = "h-auto min-h-9 max-w-full whitespace-normal break-normal rounded-lg px-2 py-1 text-sm font-medium leading-snug";
 export declare const fieldClass = "h-11 w-full rounded-lg border border-input bg-card px-3 text-sm text-foreground placeholder:text-muted-foreground disabled:opacity-60";
 export declare function Spinner({ className }: {
     className?: string;
@@ -28,18 +29,8 @@ export declare function PodAvatar({ name, avatarUrl, storage, size, }: {
     storage?: StorageLocation;
     size?: number;
 }): import("react").JSX.Element;
-/** Label + control + inline error, wired with aria-describedby. */
-export declare function Field({ label, error, hint, labelAside, children, }: {
-    label: string;
-    error?: string;
-    hint?: ReactNode;
-    labelAside?: ReactNode;
-    children: (props: {
-        id: string;
-        'aria-invalid'?: true;
-        'aria-describedby'?: string;
-    }) => ReactNode;
-}): import("react").JSX.Element;
+/** Login-specific density marker; field semantics belong to FormField. */
+export declare function Field(props: FormFieldProps): import("react").JSX.Element;
 /** Secondary information stays folded until asked for (spec §4). */
 export declare function Disclosure({ summary, children, className }: {
     summary: string;

package/node_modules/@undefineds.co/shared-ui/dist/pod-sign-in/parts.js

@@ -1,14 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Loader2 } from 'lucide-react';
-import { useEffect, useId, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { Avatar, AvatarFallback, AvatarImage } from '../avatar.js';
 import { Button } from '../button.js';
 import { cn } from '../utils.js';
+import { FormField } from '../form-field.js';
+import { Checkbox } from '../checkbox.js';
 import { StorageBadge } from './StorageBadge.js';
-/** Every screen-level control shares these sizes (spec §5): 44px primary/outline, 36px text. */
-export const primaryButtonClass = 'h-11 w-full rounded-lg text-sm font-medium';
-export const outlineButtonClass = 'h-11 w-full rounded-lg text-sm font-medium';
-export const textButtonClass = 'h-9 rounded-lg px-2 text-sm font-medium';
+/** Minimum hit targets (spec §5); content may grow when text is enlarged or wraps. */
+export const primaryButtonClass = 'h-auto min-h-11 w-full whitespace-normal break-normal rounded-lg py-2 text-sm font-medium leading-snug';
+export const outlineButtonClass = primaryButtonClass;
+export const textButtonClass = 'h-auto min-h-9 max-w-full whitespace-normal break-normal rounded-lg px-2 py-1 text-sm font-medium leading-snug';
 export const fieldClass = 'h-11 w-full rounded-lg border border-input bg-card px-3 text-sm text-foreground placeholder:text-muted-foreground disabled:opacity-60';
 export function Spinner({ className }) {
     return _jsx(Loader2, { "aria-hidden": "true", className: cn('h-4 w-4 shrink-0 animate-spin motion-reduce:animate-none', className) });
@@ -27,20 +29,16 @@ export function Hostname({ children, className }) {
 export function PodAvatar({ name, avatarUrl, storage, size = 56, }) {
     return (_jsxs("span", { className: "relative inline-flex shrink-0", style: { width: size, height: size }, "data-pod-sign-in": "avatar", children: [_jsxs(Avatar, { className: "h-full w-full rounded-full", "aria-hidden": "true", children: [avatarUrl ? _jsx(AvatarImage, { src: avatarUrl, alt: "" }) : null, _jsx(AvatarFallback, { className: "text-base", children: Array.from(name.trim())[0]?.toUpperCase() ?? '?' })] }), storage ? (_jsx("span", { className: "absolute -bottom-0.5 -right-0.5", children: _jsx(StorageBadge, { kind: storage.kind, label: storage.label }) })) : null] }));
 }
-/** Label + control + inline error, wired with aria-describedby. */
-export function Field({ label, error, hint, labelAside, children, }) {
-    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", { className: "flex flex-col gap-1.5", 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] }));
+/** Login-specific density marker; field semantics belong to FormField. */
+export function Field(props) {
+    return _jsx(FormField, { ...props, "data-pod-sign-in": "field" });
 }
 /** Secondary information stays folded until asked for (spec §4). */
 export function Disclosure({ summary, children, className }) {
     return (_jsxs("details", { className: cn('text-[13px] text-muted-foreground', className), children: [_jsx("summary", { className: "cursor-pointer select-none rounded py-1 text-[13px] font-medium text-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", children: summary }), _jsx("div", { className: "pt-1 leading-5", children: children })] }));
 }
 export function CheckboxRow({ checked, onChange, label, disabled, }) {
-    return (_jsxs("label", { className: "flex min-h-9 cursor-pointer items-center gap-2 text-sm text-foreground", children: [_jsx("input", { type: "checkbox", className: "h-4 w-4 rounded", checked: checked, disabled: disabled, onChange: (event) => onChange(event.target.checked) }), label] }));
+    return (_jsxs("label", { className: "flex min-h-9 cursor-pointer items-center gap-2 text-sm text-foreground", children: [_jsx(Checkbox, { checked: checked, disabled: disabled, onChange: (event) => onChange(event.target.checked) }), label] }));
 }
 /** Fires `open` after `delayMs`; used so fast restores show no intermediate UI. */
 export function usePastDelay(delayMs) {

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { type InputProps } from './input.js';
+export type SearchInputProps = Omit<InputProps, 'type'>;
+/** Shared collection filter; hosts own the query and surrounding layout. */
+export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Search } from 'lucide-react';
+import { Input } from './input.js';
+import { cn } from './utils.js';
+/** Shared collection filter; hosts own the query and surrounding layout. */
+export const SearchInput = React.forwardRef(({ className, placeholder = '搜索', ...props }, ref) => (_jsxs("div", { className: "relative min-w-0 w-full", children: [_jsx(Search, { "aria-hidden": "true", className: "pointer-events-none absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { ...props, ref: ref, type: "search", placeholder: placeholder, className: cn('h-auto min-h-8 rounded-lg border-border bg-card py-1 pl-8 pr-2.5 text-[13px] leading-normal', className) })] })));
+SearchInput.displayName = 'SearchInput';

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface SectionHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'children'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    level?: 2 | 3 | 4;
+    titleClassName?: string;
+}
+/**
+ * Pure section heading composition. The owning app supplies every label and
+ * action; `level` keeps the original document outline (h2/h3/h4).
+ */
+export declare function SectionHeader({ title, description, actions, level, titleClassName, className, ...props }: SectionHeaderProps): React.JSX.Element;

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from './utils.js';
+/**
+ * Pure section heading composition. The owning app supplies every label and
+ * action; `level` keeps the original document outline (h2/h3/h4).
+ */
+export function SectionHeader({ title, description, actions, level = 2, titleClassName, className, ...props }) {
+    const headingClassName = cn('text-sm leading-normal text-foreground', titleClassName);
+    return (_jsxs("div", { ...props, className: cn('flex flex-wrap items-start justify-between gap-3', className), children: [_jsxs("div", { className: "min-w-0", children: [level === 3 ? (_jsx("h3", { className: headingClassName, children: title })) : level === 4 ? (_jsx("h4", { className: headingClassName, children: title })) : (_jsx("h2", { className: headingClassName, children: title })), description ? _jsx("p", { className: "mt-1 text-xs leading-normal text-muted-foreground", children: description }) : null] }), actions ? _jsx("div", { className: "flex min-w-0 max-w-full flex-wrap items-center gap-2", children: actions }) : null] }));
+}

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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+export interface SegmentedControlOption<T extends string> {
+    value: T;
+    /** Visible segment text. Omit when the segment is icon-only. */
+    label?: React.ReactNode;
+    /** Decorative glyph rendered before the label. */
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    /** Accessible name for an icon-only segment. */
+    'aria-label'?: string;
+}
+export interface SegmentedControlProps<T extends string> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'children' | 'defaultValue'> {
+    value: T;
+    onValueChange: (value: T) => void;
+    options: ReadonlyArray<SegmentedControlOption<T>>;
+    /** Accessible name for the single-choice group. */
+    ariaLabel: string;
+    /** Native radio group name. Generated when omitted so the radios stay one group. */
+    name?: string;
+    size?: 'sm' | 'md';
+}
+/**
+ * Single-choice segmented control backed by a native radio group.
+ *
+ * Controlled via `value` / `onValueChange`; disabled options are skipped by
+ * pointer and by the roving Arrow/Home/End keyboard model. When a caller needs
+ * to switch tab panels, use a tablist instead: this control truthfully exposes
+ * radio semantics for filters and view toggles.
+ */
+export declare function SegmentedControl<T extends string>({ value, onValueChange, options, ariaLabel, name, size, className, onKeyDown, ...props }: SegmentedControlProps<T>): React.JSX.Element;

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

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from './utils.js';
+const sizeClass = {
+    // Height is a lower bound: 36px for precise pointers, 44px for coarse ones.
+    sm: 'min-h-9 px-2.5 text-xs [@media(pointer:coarse)]:min-h-11',
+    md: 'min-h-9 px-3 text-sm [@media(pointer:coarse)]:min-h-11',
+};
+const selectedClass = 'bg-card font-semibold text-primary shadow-sm';
+const idleClass = 'text-foreground hover:text-primary';
+/**
+ * Single-choice segmented control backed by a native radio group.
+ *
+ * Controlled via `value` / `onValueChange`; disabled options are skipped by
+ * pointer and by the roving Arrow/Home/End keyboard model. When a caller needs
+ * to switch tab panels, use a tablist instead: this control truthfully exposes
+ * radio semantics for filters and view toggles.
+ */
+export function SegmentedControl({ value, onValueChange, options, ariaLabel, name, size = 'md', className, onKeyDown, ...props }) {
+    const generatedName = React.useId();
+    const groupName = name ?? generatedName;
+    const refs = React.useRef([]);
+    const selectedIndex = options.findIndex(option => option.value === value);
+    const enabledIndices = options
+        .map((option, index) => (option.disabled ? -1 : index))
+        .filter(index => index >= 0);
+    const tabbableIndex = selectedIndex >= 0 && !options[selectedIndex]?.disabled
+        ? selectedIndex
+        : enabledIndices[0];
+    const select = (index) => {
+        const option = options[index];
+        if (!option || option.disabled)
+            return;
+        refs.current[index]?.focus();
+        if (option.value !== value)
+            onValueChange(option.value);
+    };
+    const step = (from, direction) => {
+        if (enabledIndices.length === 0)
+            return;
+        const position = enabledIndices.indexOf(from);
+        const nextPosition = position < 0
+            ? (direction > 0 ? 0 : enabledIndices.length - 1)
+            : (position + direction + enabledIndices.length) % enabledIndices.length;
+        select(enabledIndices[nextPosition]);
+    };
+    const handleKeyDown = (event) => {
+        onKeyDown?.(event);
+        if (event.defaultPrevented)
+            return;
+        const activeIndex = refs.current.findIndex(element => element === document.activeElement);
+        const from = activeIndex >= 0 ? activeIndex : tabbableIndex;
+        switch (event.key) {
+            case 'ArrowRight':
+            case 'ArrowDown':
+                event.preventDefault();
+                step(from, 1);
+                break;
+            case 'ArrowLeft':
+            case 'ArrowUp':
+                event.preventDefault();
+                step(from, -1);
+                break;
+            case 'Home':
+                event.preventDefault();
+                step(-1, 1);
+                break;
+            case 'End':
+                event.preventDefault();
+                step(-1, -1);
+                break;
+            default:
+                break;
+        }
+    };
+    return (_jsx("div", { role: "radiogroup", "aria-label": ariaLabel, className: cn('inline-flex items-center gap-0.5 rounded-lg bg-muted p-0.5', className), onKeyDown: handleKeyDown, ...props, children: options.map((option, index) => {
+            const checked = option.value === value;
+            const accessibleLabel = option['aria-label'];
+            return (_jsxs("label", { className: cn('relative inline-flex min-w-0 grow cursor-pointer select-none items-center justify-center gap-1.5 rounded-md transition-colors', sizeClass[size], checked ? selectedClass : idleClass, option.disabled && 'cursor-not-allowed opacity-50'), children: [_jsx("input", { ref: element => { refs.current[index] = element; }, type: "radio", className: "absolute inset-0 m-0 h-full w-full cursor-pointer appearance-none opacity-0 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:cursor-not-allowed", name: groupName, value: option.value, checked: checked, disabled: option.disabled, tabIndex: index === tabbableIndex ? 0 : -1, "aria-label": accessibleLabel, onChange: () => select(index) }), option.icon ? _jsx("span", { "aria-hidden": "true", className: "inline-flex shrink-0 items-center", children: option.icon }) : null, option.label ? _jsx("span", { className: "min-w-0 break-words text-center", children: option.label }) : null] }, option.value));
+        }) }));
+}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, };

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { controlFocusClass } from './focus.js';
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { Check, ChevronDown } from 'lucide-react';
+import { cn } from './utils.js';
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn('flex h-9 items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm', 'placeholder:text-muted-foreground', controlFocusClass, 'disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })] })));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectContent = React.forwardRef(({ className, children, position = 'popper', ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsx(SelectPrimitive.Content, { ref: ref, className: cn('relative z-[var(--layer-popover)] max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md', 'data-[state=open]:animate-in data-[state=closed]:animate-out', 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95', 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2', 'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', position === 'popper' &&
+            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), position: position, ...props, children: _jsx(SelectPrimitive.Viewport, { className: cn('p-1', position === 'popper' &&
+                'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'), children: children }) }) })));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: cn('px-2 py-1.5 text-sm font-semibold', className), ...props })));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, className: cn('relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none', 'focus:bg-accent focus:text-accent-foreground', 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), ...props, children: [_jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] })));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, };

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export interface SettingRowControlProps {
+    id: string;
+    'aria-describedby'?: string;
+}
+export interface SettingRowProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    /**
+     * Render the control; callers must apply the supplied `id` to the actual
+     * control so the visible label is associated with it.
+     */
+    control: (props: SettingRowControlProps) => React.ReactNode;
+}
+/** Pure label/description/control row. Business state stays with the caller. */
+export declare function SettingRow({ label, description, control, className, ...props }: SettingRowProps): React.JSX.Element;
+export interface SwitchSettingRowProps extends Omit<SettingRowProps, 'control'> {
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+    disabled?: boolean;
+}
+/** Convenience setting row that reuses the shared `Switch` implementation. */
+export declare function SwitchSettingRow({ checked, onCheckedChange, disabled, ...props }: SwitchSettingRowProps): React.JSX.Element;

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Switch } from './switch.js';
+import { cn } from './utils.js';
+/** Pure label/description/control row. Business state stays with the caller. */
+export function SettingRow({ label, description, control, className, ...props }) {
+    const id = React.useId();
+    const descriptionId = description ? `${id}-description` : undefined;
+    return (_jsxs("div", { className: cn('flex min-h-16 items-center justify-between gap-3 border-b border-border', className), ...props, children: [_jsxs("div", { className: "min-w-0", children: [_jsx("label", { htmlFor: id, className: "text-sm leading-normal text-foreground", children: label }), description ? (_jsx("p", { id: descriptionId, className: "mt-1 text-xs leading-normal text-muted-foreground", children: description })) : null] }), _jsx("div", { className: "shrink-0", children: control({ id, 'aria-describedby': descriptionId }) })] }));
+}
+/** Convenience setting row that reuses the shared `Switch` implementation. */
+export function SwitchSettingRow({ checked, onCheckedChange, disabled, ...props }) {
+    return (_jsx(SettingRow, { ...props, control: ({ id, 'aria-describedby': describedBy }) => (_jsx(Switch, { id: id, checked: checked, onCheckedChange: onCheckedChange, disabled: disabled, "aria-describedby": describedBy })) }));
+}

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

@@ -0,0 +1,35 @@
+import * as React from 'react';
+/**
+ * Canonical semantic tones shared by the visual feedback primitives.
+ * Callers map their own domain states onto these names; the components never
+ * branch on provider or business vocabulary.
+ */
+export type StatusTone = 'success' | 'warning' | 'destructive' | 'info' | 'neutral';
+declare const dotSizeClass: {
+    readonly sm: "h-1.5 w-1.5";
+    readonly md: "h-2 w-2";
+};
+export interface StatusDotProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
+    tone: StatusTone;
+    /**
+     * Accessible name for a standalone dot. Omit it when adjacent visible text
+     * already names the status so the meaning is not announced twice.
+     */
+    label?: string;
+    size?: keyof typeof dotSizeClass;
+}
+/**
+ * A small colour dot that never relies on colour alone: either it carries a
+ * `label`, or it is decorative next to visible text.
+ */
+export declare function StatusDot({ tone, label, size, className, 'aria-label': ariaLabel, ...props }: StatusDotProps): React.JSX.Element;
+export interface StatusLineProps extends React.HTMLAttributes<HTMLSpanElement> {
+    tone: StatusTone;
+    /** Visible status text; it is the accessible name for the line. */
+    children: React.ReactNode;
+    /** Dot size; defaults to the denser `sm` used by inline status rows. */
+    dotSize?: keyof typeof dotSizeClass;
+}
+/** Dot + visible status word. The dot is decorative so nothing is announced twice. */
+export declare function StatusLine({ tone, children, dotSize, className, ...props }: StatusLineProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from './utils.js';
+const dotToneClass = {
+    success: 'bg-success',
+    warning: 'bg-warning',
+    destructive: 'bg-destructive',
+    // No dedicated `--info` token exists; `info` intentionally maps to `--primary`.
+    info: 'bg-primary',
+    neutral: 'border border-muted-foreground bg-transparent',
+};
+const dotSizeClass = {
+    sm: 'h-1.5 w-1.5',
+    md: 'h-2 w-2',
+};
+/**
+ * A small colour dot that never relies on colour alone: either it carries a
+ * `label`, or it is decorative next to visible text.
+ */
+export function StatusDot({ tone, label, size = 'md', className, 'aria-label': ariaLabel, ...props }) {
+    const accessibleName = label ?? ariaLabel;
+    const accessibleProps = accessibleName
+        ? { role: 'img', 'aria-label': accessibleName, title: accessibleName }
+        : { 'aria-hidden': true };
+    return (_jsx("span", { className: cn('inline-block shrink-0 rounded-full', dotSizeClass[size], dotToneClass[tone], className), ...props, ...accessibleProps }));
+}
+/** Dot + visible status word. The dot is decorative so nothing is announced twice. */
+export function StatusLine({ tone, children, dotSize = 'sm', className, ...props }) {
+    return (_jsxs("span", { className: cn('inline-flex items-center gap-1.5', className), ...props, children: [_jsx(StatusDot, { tone: tone, size: dotSize }), _jsx("span", { children: children })] }));
+}

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { formControlClass } from './form-control.js';
+import { cn } from './utils.js';
+export const Textarea = React.forwardRef(({ className, ...props }, ref) => (_jsx("textarea", { ref: ref, className: cn(formControlClass, 'min-h-20 resize-y', className), ...props })));
+Textarea.displayName = 'Textarea';