@happyvertical/smrt-ui 0.38.26 → 0.39.1

package/dist/components/forms/control-interaction.d.ts.map

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

package/dist/components/forms/control-interaction.js

@@ -0,0 +1,265 @@
+/**
+ * Transport-neutral interaction model for addressable form controls.
+ *
+ * The registry deliberately knows nothing about chat, agents, WebMCP, or the
+ * DOM. Controls register serializable metadata plus small imperative handles;
+ * adapters translate voice/chat/tutorial requests into commands.
+ */
+function identityKey(identity) {
+    const subject = identity.subject
+        ? `${identity.subject.type}:${identity.subject.id}`
+        : '';
+    return `${identity.formId}\u0000${identity.controlId}\u0000${subject}`;
+}
+function isMutation(action) {
+    return ['stage', 'apply', 'clear', 'undo'].includes(action);
+}
+function isSecret(registration) {
+    return registration.metadata.sensitivity === 'secret';
+}
+function capabilitiesOf(registration) {
+    const declared = registration.metadata.capabilities;
+    const capabilities = declared ? [...declared] : [];
+    if (!declared) {
+        capabilities.push('explain');
+        if (registration.getValue && registration.metadata.readable !== false) {
+            capabilities.push('read');
+        }
+        if (registration.focus)
+            capabilities.push('focus');
+        if (registration.reveal)
+            capabilities.push('reveal');
+        if (registration.highlight)
+            capabilities.push('highlight');
+        if (registration.validate)
+            capabilities.push('validate');
+        if (registration.setValue && registration.metadata.writable !== false) {
+            capabilities.push('stage', 'apply', 'undo');
+        }
+        if ((registration.clear || registration.setValue) &&
+            registration.metadata.writable !== false) {
+            capabilities.push('clear');
+        }
+    }
+    return capabilities.filter((capability) => {
+        if (capability === 'read')
+            return !isSecret(registration);
+        if (isMutation(capability))
+            return !isSecret(registration);
+        return true;
+    });
+}
+function redactsValue(registration) {
+    return isSecret(registration) || registration.metadata.readable === false;
+}
+function defaultPolicy(command, context, snapshot) {
+    if (!isMutation(command.action))
+        return { allowed: true };
+    if (snapshot.metadata.sensitivity === 'secret') {
+        return { allowed: false, reason: 'sensitive_control' };
+    }
+    if (snapshot.metadata.writable === false) {
+        return { allowed: false, reason: 'control_not_writable' };
+    }
+    if (snapshot.state.disabled || snapshot.state.readonly) {
+        return { allowed: false, reason: 'control_not_editable' };
+    }
+    if (context.source === 'agent' &&
+        command.action !== 'stage' &&
+        !context.confirmed) {
+        return { allowed: false, reason: 'consent_required' };
+    }
+    return { allowed: true };
+}
+/** Create an isolated registry; apps choose where and how it is exposed. */
+export function createControlInteractionRegistry(options = {}) {
+    const registrations = new Map();
+    const staged = new Map();
+    const undo = new Map();
+    const listeners = new Set();
+    const emit = (event) => {
+        const next = { ...event, timestamp: Date.now() };
+        for (const listener of listeners)
+            listener(next);
+    };
+    const snapshotOf = (registration) => {
+        const key = identityKey(registration.identity);
+        const redacted = redactsValue(registration);
+        const hasStaged = staged.has(key);
+        return {
+            identity: { ...registration.identity },
+            metadata: {
+                ...registration.metadata,
+                capabilities: capabilitiesOf(registration),
+                constraints: registration.metadata.constraints
+                    ? { ...registration.metadata.constraints }
+                    : undefined,
+                options: registration.metadata.options?.map((option) => ({
+                    ...option,
+                })),
+            },
+            state: {
+                ...registration.getState?.(),
+                value: redacted ? undefined : registration.getValue?.(),
+                valueRedacted: redacted,
+                stagedValue: hasStaged && !redacted ? staged.get(key) : undefined,
+                stagedValueRedacted: hasStaged ? redacted : undefined,
+            },
+        };
+    };
+    const result = (command, ok, registration, reason) => ({
+        ok,
+        action: command.action,
+        identity: { ...command.identity },
+        snapshot: registration ? snapshotOf(registration) : undefined,
+        reason,
+    });
+    return {
+        register(registration) {
+            const key = identityKey(registration.identity);
+            registrations.set(key, registration);
+            emit({ type: 'registered', identity: registration.identity });
+            return () => {
+                if (registrations.get(key) !== registration)
+                    return;
+                registrations.delete(key);
+                staged.delete(key);
+                undo.delete(key);
+                emit({ type: 'unregistered', identity: registration.identity });
+            };
+        },
+        unregister(identity) {
+            const key = identityKey(identity);
+            if (!registrations.delete(key))
+                return;
+            staged.delete(key);
+            undo.delete(key);
+            emit({ type: 'unregistered', identity });
+        },
+        list(formId) {
+            return [...registrations.values()]
+                .filter((registration) => formId ? registration.identity.formId === formId : true)
+                .map(snapshotOf);
+        },
+        get(identity) {
+            const registration = registrations.get(identityKey(identity));
+            return registration ? snapshotOf(registration) : undefined;
+        },
+        async execute(command, context = { source: 'user', confirmed: true }) {
+            const key = identityKey(command.identity);
+            const registration = registrations.get(key);
+            if (!registration)
+                return result(command, false, undefined, 'not_found');
+            const snapshot = snapshotOf(registration);
+            const policyDecision = await (options.policy ?? defaultPolicy)(command, context, snapshot);
+            if (!policyDecision.allowed) {
+                const denied = result(command, false, registration, policyDecision.reason ?? 'denied');
+                emit({
+                    type: 'command',
+                    identity: command.identity,
+                    command,
+                    context,
+                    result: denied,
+                });
+                return denied;
+            }
+            const capabilities = capabilitiesOf(registration);
+            if (!capabilities.includes(command.action)) {
+                const unsupported = result(command, false, registration, 'unsupported');
+                emit({
+                    type: 'command',
+                    identity: command.identity,
+                    command,
+                    context,
+                    result: unsupported,
+                });
+                return unsupported;
+            }
+            try {
+                switch (command.action) {
+                    case 'focus':
+                        await registration.focus?.();
+                        break;
+                    case 'reveal':
+                        await registration.reveal?.();
+                        break;
+                    case 'highlight':
+                        await registration.highlight?.(command.durationMs);
+                        break;
+                    case 'explain':
+                        break;
+                    case 'validate':
+                        await registration.validate?.();
+                        break;
+                    case 'stage':
+                        staged.set(key, command.value);
+                        emit({
+                            type: 'staged',
+                            identity: command.identity,
+                            command,
+                            context,
+                        });
+                        break;
+                    case 'apply': {
+                        const nextValue = 'value' in command && command.value !== undefined
+                            ? command.value
+                            : staged.get(key);
+                        if (nextValue === undefined && !staged.has(key)) {
+                            throw new Error('no_staged_value');
+                        }
+                        const history = undo.get(key) ?? [];
+                        history.push(registration.getValue?.());
+                        undo.set(key, history);
+                        await registration.setValue?.(nextValue);
+                        staged.delete(key);
+                        await registration.validate?.();
+                        break;
+                    }
+                    case 'clear': {
+                        const history = undo.get(key) ?? [];
+                        history.push(registration.getValue?.());
+                        undo.set(key, history);
+                        if (registration.clear)
+                            await registration.clear();
+                        else
+                            await registration.setValue?.('');
+                        staged.delete(key);
+                        break;
+                    }
+                    case 'undo': {
+                        const history = undo.get(key) ?? [];
+                        if (history.length === 0)
+                            throw new Error('nothing_to_undo');
+                        await registration.setValue?.(history.pop());
+                        undo.set(key, history);
+                        break;
+                    }
+                }
+                const completed = result(command, true, registration);
+                emit({
+                    type: 'command',
+                    identity: command.identity,
+                    command,
+                    context,
+                    result: completed,
+                });
+                return completed;
+            }
+            catch (error) {
+                const failed = result(command, false, registration, error instanceof Error ? error.message : 'command_failed');
+                emit({
+                    type: 'command',
+                    identity: command.identity,
+                    command,
+                    context,
+                    result: failed,
+                });
+                return failed;
+            }
+        },
+        subscribe(listener) {
+            listeners.add(listener);
+            return () => listeners.delete(listener);
+        },
+    };
+}

package/dist/components/forms/form-group-context.d.ts

@@ -1,3 +1,4 @@
+import type { ControlInteractionOptions } from './control-interaction.js';
 export interface FormGroupContextValue {
     /** Stable id for the field control; matches the FormGroup label's `for`. */
     inputId: string;
@@ -5,6 +6,12 @@ export interface FormGroupContextValue {
     describedBy: string | undefined;
     /** Whether the field is currently showing an error. */
     invalid: boolean;
+    /** Human-readable label and description for interaction adapters. */
+    label: string;
+    description?: string;
+    required: boolean;
+    error?: string;
+    interaction?: ControlInteractionOptions | false;
 }
 export declare function setFormGroupContext(get: () => FormGroupContextValue): void;
 export declare function tryGetFormGroupContext(): (() => FormGroupContextValue) | undefined;

package/dist/components/forms/form-group-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-group-context.d.ts","sourceRoot":"","sources":["../../../src/components/forms/form-group-context.ts"],"names":[],"mappings":"AAgBA,MAAM,WAAW,qBAAqB;IACpC,4EAA4E;IAC5E,OAAO,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,uDAAuD;IACvD,OAAO,EAAE,OAAO,CAAC;CAClB;AAID,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,qBAAqB,GAAG,IAAI,CAE1E;AAED,wBAAgB,sBAAsB,IAClC,CAAC,MAAM,qBAAqB,CAAC,GAC7B,SAAS,CAEZ;AAID,mFAAmF;AACnF,wBAAgB,WAAW,IAAI,MAAM,CAGpC"}
+{"version":3,"file":"form-group-context.d.ts","sourceRoot":"","sources":["../../../src/components/forms/form-group-context.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,MAAM,WAAW,qBAAqB;IACpC,4EAA4E;IAC5E,OAAO,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,uDAAuD;IACvD,OAAO,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;CACjD;AAID,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,qBAAqB,GAAG,IAAI,CAE1E;AAED,wBAAgB,sBAAsB,IAClC,CAAC,MAAM,qBAAqB,CAAC,GAC7B,SAAS,CAEZ;AAID,mFAAmF;AACnF,wBAAgB,WAAW,IAAI,MAAM,CAGpC"}

package/dist/components/forms/index.d.ts

@@ -11,11 +11,32 @@
  * dependency. The Provider-REQUIRED inputs (`CheckboxInput`, `TextInput`,
  * `MoneyInput`, the rich `Form`, …) stay in `@happyvertical/smrt-svelte/forms`.
  */
+export { default as Checkbox } from './Checkbox.svelte';
+export { default as Combobox } from './Combobox.svelte';
+export { type ControlCapability, type ControlCommand, type ControlCommandAction, type ControlCommandContext, type ControlCommandResult, type ControlCommandSource, type ControlConstraints, type ControlIdentity, type ControlInteractionEvent, type ControlInteractionOptions, type ControlInteractionPolicy, type ControlInteractionRegistry, type ControlKind, type ControlMetadata, type ControlOption, type ControlRegistration, type ControlRuntimeState, type ControlSensitivity, type ControlSnapshot, type ControlSubject, createControlInteractionRegistry, } from './control-interaction.js';
+export { type ControlInteractionContextValue, getControlInteractionContext, setControlInteractionContext, tryGetControlInteractionContext, } from './control-interaction-context.js';
+export { default as DatePicker } from './DatePicker.svelte';
+export { default as ErrorSummary } from './ErrorSummary.svelte';
+export { default as Fieldset } from './Fieldset.svelte';
+export { default as FilePicker } from './FilePicker.svelte';
 export { default as Form } from './Form.svelte';
-export { default as FormGroup } from './FormGroup.svelte';
+export { default as Field, default as FormGroup } from './FormGroup.svelte';
 export { type FormGroupContextValue, nextFieldId, setFormGroupContext, tryGetFormGroupContext, } from './form-group-context.js';
 export { default as Input } from './Input.svelte';
+export { default as InputGroup } from './InputGroup.svelte';
+export { default as Listbox } from './Listbox.svelte';
+export { default as MultiSelect } from './MultiSelect.svelte';
+export { default as Radio } from './Radio.svelte';
+export { default as RadioGroup } from './RadioGroup.svelte';
+export { default as RangeSlider } from './RangeSlider.svelte';
+export { default as SegmentedControl } from './SegmentedControl.svelte';
 export { default as Select } from './Select.svelte';
+export { default as Slider } from './Slider.svelte';
+export { default as Switch } from './Switch.svelte';
+export { default as TagsInput } from './TagsInput.svelte';
 export { default as Textarea } from './Textarea.svelte';
+export { default as TimePicker } from './TimePicker.svelte';
 export { default as Toggle } from './Toggle.svelte';
+export { default as ToggleButton } from './ToggleButton.svelte';
+export type { FormError, RangeSliderValue, SegmentedControlOption, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/forms/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EACL,KAAK,qBAAqB,EAC1B,WAAW,EACX,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACpB,KAAK,uBAAuB,EAC5B,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,EAC/B,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,gCAAgC,GACjC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,KAAK,8BAA8B,EACnC,4BAA4B,EAC5B,4BAA4B,EAC5B,+BAA+B,GAChC,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EACL,KAAK,qBAAqB,EAC1B,WAAW,EACX,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,YAAY,EACV,SAAS,EACT,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,YAAY,CAAC"}

package/dist/components/forms/index.js

@@ -11,10 +11,30 @@
  * dependency. The Provider-REQUIRED inputs (`CheckboxInput`, `TextInput`,
  * `MoneyInput`, the rich `Form`, …) stay in `@happyvertical/smrt-svelte/forms`.
  */
+export { default as Checkbox } from './Checkbox.svelte';
+export { default as Combobox } from './Combobox.svelte';
+export { createControlInteractionRegistry, } from './control-interaction.js';
+export { getControlInteractionContext, setControlInteractionContext, tryGetControlInteractionContext, } from './control-interaction-context.js';
+export { default as DatePicker } from './DatePicker.svelte';
+export { default as ErrorSummary } from './ErrorSummary.svelte';
+export { default as Fieldset } from './Fieldset.svelte';
+export { default as FilePicker } from './FilePicker.svelte';
 export { default as Form } from './Form.svelte';
-export { default as FormGroup } from './FormGroup.svelte';
+export { default as Field, default as FormGroup } from './FormGroup.svelte';
 export { nextFieldId, setFormGroupContext, tryGetFormGroupContext, } from './form-group-context.js';
 export { default as Input } from './Input.svelte';
+export { default as InputGroup } from './InputGroup.svelte';
+export { default as Listbox } from './Listbox.svelte';
+export { default as MultiSelect } from './MultiSelect.svelte';
+export { default as Radio } from './Radio.svelte';
+export { default as RadioGroup } from './RadioGroup.svelte';
+export { default as RangeSlider } from './RangeSlider.svelte';
+export { default as SegmentedControl } from './SegmentedControl.svelte';
 export { default as Select } from './Select.svelte';
+export { default as Slider } from './Slider.svelte';
+export { default as Switch } from './Switch.svelte';
+export { default as TagsInput } from './TagsInput.svelte';
 export { default as Textarea } from './Textarea.svelte';
+export { default as TimePicker } from './TimePicker.svelte';
 export { default as Toggle } from './Toggle.svelte';
+export { default as ToggleButton } from './ToggleButton.svelte';

package/dist/components/forms/radio-group-context.d.ts

@@ -0,0 +1,12 @@
+import type { ControlOption } from './control-interaction.js';
+export interface RadioGroupContextValue {
+    readonly name: string;
+    readonly value: string;
+    readonly disabled: boolean;
+    readonly required: boolean;
+    setValue(value: string): void;
+    registerOption(option: ControlOption): () => void;
+}
+export declare function setRadioGroupContext(value: RadioGroupContextValue): void;
+export declare function getRadioGroupContext(): RadioGroupContextValue;
+//# sourceMappingURL=radio-group-context.d.ts.map

package/dist/components/forms/radio-group-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-context.d.ts","sourceRoot":"","sources":["../../../src/components/forms/radio-group-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAG9D,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM,IAAI,CAAC;CACnD;AACD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI,CAExE;AACD,wBAAgB,oBAAoB,IAAI,sBAAsB,CAI7D"}

package/dist/components/forms/radio-group-context.js

@@ -0,0 +1,11 @@
+import { getContext, setContext } from 'svelte';
+const RADIO_GROUP_KEY = Symbol('smrt-radio-group');
+export function setRadioGroupContext(value) {
+    setContext(RADIO_GROUP_KEY, value);
+}
+export function getRadioGroupContext() {
+    const value = getContext(RADIO_GROUP_KEY);
+    if (!value)
+        throw new Error('<Radio> must be rendered inside <RadioGroup>.');
+    return value;
+}

package/dist/components/forms/types.d.ts

@@ -0,0 +1,14 @@
+import type { ControlOption } from './control-interaction.js';
+export interface FormError {
+    controlId: string;
+    message: string;
+    label?: string;
+}
+export interface RangeSliderValue {
+    min: number;
+    max: number;
+}
+export interface SegmentedControlOption extends ControlOption {
+    icon?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/forms/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/forms/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/components/forms/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/forms/use-control-registration.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { ControlRegistration, ControlSubject } from './control-interaction.js';
+export interface ControlRegistrationDescriptor extends Omit<ControlRegistration, 'identity'> {
+    controlId: string | undefined;
+    subject?: ControlSubject;
+}
+/** Register a reactive control descriptor with the nearest Form registry. */
+export declare function useControlRegistration(getDescriptor: () => ControlRegistrationDescriptor | false): void;
+//# sourceMappingURL=use-control-registration.svelte.d.ts.map

package/dist/components/forms/use-control-registration.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-control-registration.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/use-control-registration.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACf,MAAM,0BAA0B,CAAC;AAGlC,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC;IAC7C,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,6EAA6E;AAC7E,wBAAgB,sBAAsB,CACpC,aAAa,EAAE,MAAM,6BAA6B,GAAG,KAAK,GACzD,IAAI,CAWN"}

package/dist/components/forms/use-control-registration.svelte.js

@@ -0,0 +1,15 @@
+import { tryGetControlInteractionContext } from './control-interaction-context.js';
+/** Register a reactive control descriptor with the nearest Form registry. */
+export function useControlRegistration(getDescriptor) {
+    const context = tryGetControlInteractionContext();
+    $effect(() => {
+        const descriptor = getDescriptor();
+        if (!context || descriptor === false || !descriptor.controlId)
+            return;
+        const { controlId, subject, ...registration } = descriptor;
+        return context.registry.register({
+            ...registration,
+            identity: { formId: context.formId, controlId, subject },
+        });
+    });
+}

package/dist/components/ui/Accordion.svelte

@@ -0,0 +1,44 @@
+<script lang="ts">
+import type { Snippet } from 'svelte';
+import { setAccordionContext } from './accordion-context.js';
+
+export interface Props {
+  value?: string | string[];
+  multiple?: boolean;
+  children?: Snippet;
+  onvaluechange?: (value: string | string[]) => void;
+  class?: string;
+}
+
+let {
+  value = $bindable(''),
+  multiple = false,
+  children,
+  onvaluechange,
+  class: className = '',
+}: Props = $props();
+
+function isOpen(item: string) {
+  return Array.isArray(value) ? value.includes(item) : value === item;
+}
+
+function toggle(item: string) {
+  if (multiple) {
+    const current = Array.isArray(value) ? value : value ? [value] : [];
+    value = current.includes(item)
+      ? current.filter((entry) => entry !== item)
+      : [...current, item];
+  } else {
+    value = value === item ? '' : item;
+  }
+  onvaluechange?.(value);
+}
+
+setAccordionContext({ isOpen, toggle });
+</script>
+
+<div class="accordion {className}">{#if children}{@render children()}{/if}</div>
+
+<style>
+  .accordion { overflow: hidden; border: 1px solid var(--smrt-color-outline-variant); border-radius: var(--smrt-radius-large); background: var(--smrt-color-surface); }
+</style>

package/dist/components/ui/Accordion.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { Snippet } from 'svelte';
+export interface Props {
+    value?: string | string[];
+    multiple?: boolean;
+    children?: Snippet;
+    onvaluechange?: (value: string | string[]) => void;
+    class?: string;
+}
+declare const Accordion: import("svelte").Component<Props, {}, "value">;
+type Accordion = ReturnType<typeof Accordion>;
+export default Accordion;
+//# sourceMappingURL=Accordion.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Accordion.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAItC,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAuCD,QAAA,MAAM,SAAS,gDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/ui/AccordionItem.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">
+import type { Snippet } from 'svelte';
+import { getAccordionContext } from './accordion-context.js';
+
+export interface Props {
+  value: string;
+  title: string;
+  disabled?: boolean;
+  children?: Snippet;
+}
+let { value, title, disabled = false, children }: Props = $props();
+const instanceId = $props.id();
+const triggerId = `accordion-trigger-${instanceId}`;
+const panelId = `accordion-panel-${instanceId}`;
+const context = getAccordionContext();
+const open = $derived(context.isOpen(value));
+</script>
+
+<section class="item">
+  <h3>
+    <button id={triggerId} type="button" aria-expanded={open} aria-controls={panelId} {disabled} onclick={() => context.toggle(value)}>
+      <span>{title}</span><span class="chevron" aria-hidden="true">⌄</span>
+    </button>
+  </h3>
+  {#if open}
+    <div id={panelId} role="region" aria-labelledby={triggerId} class="panel">{#if children}{@render children()}{/if}</div>
+  {/if}
+</section>
+
+<style>
+  .item { border-bottom: 1px solid var(--smrt-color-outline-variant); }
+  .item:last-child { border-bottom: 0; }
+  h3 { margin: 0; }
+  button { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: var(--smrt-spacing-3); padding: var(--smrt-spacing-4); border: 0; background: transparent; color: var(--smrt-color-on-surface); font: var(--smrt-typography-title-small-font); text-align: left; cursor: pointer; }
+  button:hover:not(:disabled) { background: var(--smrt-color-surface-container-low); }
+  button:focus-visible { outline: 2px solid var(--smrt-color-primary); outline-offset: -2px; }
+  button:disabled { opacity: .5; cursor: not-allowed; }
+  .chevron { transition: transform var(--smrt-duration-short4) var(--smrt-easing-standard); }
+  button[aria-expanded='true'] .chevron { transform: rotate(180deg); }
+  .panel { padding: 0 var(--smrt-spacing-4) var(--smrt-spacing-4); color: var(--smrt-color-on-surface-variant); }
+  @media (prefers-reduced-motion: reduce) { .chevron { transition: none; } }
+</style>

package/dist/components/ui/AccordionItem.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+export interface Props {
+    value: string;
+    title: string;
+    disabled?: boolean;
+    children?: Snippet;
+}
+declare const AccordionItem: import("svelte").Component<Props, {}, "">;
+type AccordionItem = ReturnType<typeof AccordionItem>;
+export default AccordionItem;
+//# sourceMappingURL=AccordionItem.svelte.d.ts.map

package/dist/components/ui/AccordionItem.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/ui/AccordionItem.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAItC,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA4BD,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/ui/Disclosure.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+import type { Snippet } from 'svelte';
+
+export interface Props {
+  title: string;
+  open?: boolean;
+  disabled?: boolean;
+  children?: Snippet;
+  onopenchange?: (open: boolean) => void;
+  class?: string;
+}
+
+let {
+  title,
+  open = $bindable(false),
+  disabled = false,
+  children,
+  onopenchange,
+  class: className = '',
+}: Props = $props();
+
+function handleToggle(event: Event) {
+  const next = (event.currentTarget as HTMLDetailsElement).open;
+  if (disabled && next) {
+    open = false;
+    return;
+  }
+  open = next;
+  onopenchange?.(next);
+}
+</script>
+
+<details class="disclosure {className}" bind:open ontoggle={handleToggle}>
+  <summary aria-disabled={disabled} onclick={(event) => disabled && event.preventDefault()}>
+    <span>{title}</span><span class="chevron" aria-hidden="true">⌄</span>
+  </summary>
+  <div class="content">{#if children}{@render children()}{/if}</div>
+</details>
+
+<style>
+  .disclosure { border-bottom: 1px solid var(--smrt-color-outline-variant); color: var(--smrt-color-on-surface); }
+  summary { display: flex; justify-content: space-between; gap: var(--smrt-spacing-3); padding: var(--smrt-spacing-3) 0; font: var(--smrt-typography-title-small-font); cursor: pointer; list-style: none; }
+  summary::-webkit-details-marker { display: none; }
+  summary:focus-visible { outline: 2px solid var(--smrt-color-primary); outline-offset: 2px; }
+  summary[aria-disabled='true'] { opacity: .5; cursor: not-allowed; }
+  .chevron { transition: transform var(--smrt-duration-short4) var(--smrt-easing-standard); }
+  details[open] .chevron { transform: rotate(180deg); }
+  .content { padding: 0 0 var(--smrt-spacing-4); color: var(--smrt-color-on-surface-variant); }
+  @media (prefers-reduced-motion: reduce) { .chevron { transition: none; } }
+</style>

package/dist/components/ui/Disclosure.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { Snippet } from 'svelte';
+export interface Props {
+    title: string;
+    open?: boolean;
+    disabled?: boolean;
+    children?: Snippet;
+    onopenchange?: (open: boolean) => void;
+    class?: string;
+}
+declare const Disclosure: import("svelte").Component<Props, {}, "open">;
+type Disclosure = ReturnType<typeof Disclosure>;
+export default Disclosure;
+//# sourceMappingURL=Disclosure.svelte.d.ts.map