@ankhorage/zora 14.0.1 → 16.0.0

package/dist/features/form/formFieldMeta.js.map

@@ -1 +1 @@
-{"version":3,"file":"formFieldMeta.js","sourceRoot":"","sources":["../../../src/features/form/formFieldMeta.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,CAAC;IACzE,SAAS,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IACpE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,SAAS,EAAE;gBACT,KAAK,EAAE,YAAY;gBACnB,WAAW,EAAE,+BAA+B;gBAC5C,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC1B,eAAe,EAAE,IAAI;aACtB;YACD,QAAQ,EAAE;gBACR,KAAK,EAAE,UAAU;gBACjB,WAAW,EAAE,gCAAgC;gBAC7C,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC1B,eAAe,EAAE,IAAI;gBACrB,iBAAiB,EAAE,IAAI;aACxB;SACF;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE;QAChF,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE;QAC1E,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE;QACzE,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;QAC1E,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE;QACxF,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE;QACtF,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE;QACnF,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE;KACrF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\nexport const formFieldMeta = {\n  name: 'FormField',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: ['Checkbox', 'CheckboxGroup', 'RadioGroup', 'TextInput'],\n  blueprint: { label: 'Form field', defaultProps: { label: 'Label' } },\n  bindings: {\n    props: {\n      errorText: {\n        label: 'Error text',\n        description: 'Field-level validation error.',\n        value: { type: 'unknown' },\n        acceptsFallback: true,\n      },\n      disabled: {\n        label: 'Disabled',\n        description: 'Whether the field is disabled.',\n        value: { type: 'boolean' },\n        acceptsFallback: true,\n        acceptsTransforms: true,\n      },\n    },\n  },\n  props: {\n    label: { type: 'string', category: 'Content', label: 'Label', default: 'Label' },\n    description: { type: 'string', category: 'Content', label: 'Description' },\n    helperText: { type: 'string', category: 'Content', label: 'Helper text' },\n    errorText: { type: 'string', category: 'Validation', label: 'Error text' },\n    required: { type: 'boolean', category: 'Validation', label: 'Required', default: false },\n    invalid: { type: 'boolean', category: 'Validation', label: 'Invalid', default: false },\n    disabled: { type: 'boolean', category: 'State', label: 'Disabled', default: false },\n    readOnly: { type: 'boolean', category: 'State', label: 'Read-only', default: false },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}
+{"version":3,"file":"formFieldMeta.js","sourceRoot":"","sources":["../../../src/features/form/formFieldMeta.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE;QACf,UAAU;QACV,eAAe;QACf,YAAY;QACZ,aAAa;QACb,QAAQ;QACR,WAAW;KACZ;IACD,SAAS,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IACpE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,SAAS,EAAE;gBACT,KAAK,EAAE,YAAY;gBACnB,WAAW,EAAE,+BAA+B;gBAC5C,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC1B,eAAe,EAAE,IAAI;aACtB;YACD,QAAQ,EAAE;gBACR,KAAK,EAAE,UAAU;gBACjB,WAAW,EAAE,gCAAgC;gBAC7C,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC1B,eAAe,EAAE,IAAI;gBACrB,iBAAiB,EAAE,IAAI;aACxB;SACF;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE;QAChF,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE;QAC1E,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE;QACzE,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;QAC1E,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE;QACxF,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE;QACtF,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE;QACnF,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE;KACrF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\nexport const formFieldMeta = {\n  name: 'FormField',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [\n    'Checkbox',\n    'CheckboxGroup',\n    'RadioGroup',\n    'SearchInput',\n    'Select',\n    'TextInput',\n  ],\n  blueprint: { label: 'Form field', defaultProps: { label: 'Label' } },\n  bindings: {\n    props: {\n      errorText: {\n        label: 'Error text',\n        description: 'Field-level validation error.',\n        value: { type: 'unknown' },\n        acceptsFallback: true,\n      },\n      disabled: {\n        label: 'Disabled',\n        description: 'Whether the field is disabled.',\n        value: { type: 'boolean' },\n        acceptsFallback: true,\n        acceptsTransforms: true,\n      },\n    },\n  },\n  props: {\n    label: { type: 'string', category: 'Content', label: 'Label', default: 'Label' },\n    description: { type: 'string', category: 'Content', label: 'Description' },\n    helperText: { type: 'string', category: 'Content', label: 'Helper text' },\n    errorText: { type: 'string', category: 'Validation', label: 'Error text' },\n    required: { type: 'boolean', category: 'Validation', label: 'Required', default: false },\n    invalid: { type: 'boolean', category: 'Validation', label: 'Invalid', default: false },\n    disabled: { type: 'boolean', category: 'State', label: 'Disabled', default: false },\n    readOnly: { type: 'boolean', category: 'State', label: 'Read-only', default: false },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/form/radio/utils/resolveRadioGroupThemeRecipe.d.ts

@@ -13,7 +13,7 @@ export declare function resolveRadioGroupThemeRecipe(input: {
     readonly themeFields: Readonly<Record<string, ThemeRecipeOverrideValue>>;
 }): {
     readonly gap: RadioGroupGap;
-    readonly color: "primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "success" | "warning" | "error" | "info" | "danger";
+    readonly color: "primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "error" | "warning" | "info" | "success" | "danger";
     readonly size: RadioGroupSize;
 };
 export {};

package/dist/features/form/search-input/adapters/inbound/SearchInput.d.ts

@@ -0,0 +1,4 @@
+import type { SearchInputProps } from '../../../../../types/search-input';
+/*** Renders a search-focused text input with clear and submit behavior. */
+export declare const SearchInput: (props: SearchInputProps) => React.ReactElement | null;
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist/features/form/search-input/adapters/inbound/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../../../src/features/form/search-input/adapters/inbound/SearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAG1E,2EAA2E;AAC3E,eAAO,MAAM,WAAW,wDAAuC,CAAC"}

package/dist/{components/search-bar/SearchBar.js → features/form/search-input/adapters/inbound/SearchInput.js}

@@ -1,7 +1,9 @@
-import React from 'react';
-import { TextInput } from '../../features/form/text-input/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-function SearchBarInner({ themeId: _themeId, mode: _mode, testID, value, onValueChange, placeholder = 'Search', onSubmit, onClear, clearable = true, size = 'l', disabled, readOnly, interactionPolicy, }) {
+import { withZoraThemeScope } from '../../../../../theme/withZoraThemeScope';
+import { TextInput } from '../../../text-input/public';
+/*** Renders a search-focused text input with clear and submit behavior. */
+export const SearchInput = withZoraThemeScope(SearchInputInner);
+/*** Connects search semantics to the shared ZORA TextInput control. */
+function SearchInputInner({ themeId: _themeId, mode: _mode, testID, value = '', onValueChange, placeholder = 'Search', onSubmit, onClear, clearable = true, size = 'l', disabled, readOnly, interactionPolicy, }) {
     const passive = interactionPolicy === 'passive';
     const trailingAction = clearable && value.length > 0
         ? {
@@ -10,15 +12,11 @@ function SearchBarInner({ themeId: _themeId, mode: _mode, testID, value, onValue
             onPress: () => {
                 if (passive)
                     return;
-                onValueChange('');
+                onValueChange?.('');
                 onClear?.();
             },
         }
         : undefined;
     return (<TextInput disabled={disabled} interactionPolicy={interactionPolicy} leadingIcon={{ name: 'search-outline' }} onChangeText={onValueChange} onSubmitEditing={onSubmit ? (passive ? undefined : () => onSubmit(value)) : undefined} placeholder={placeholder} readOnly={readOnly} returnKeyType="search" size={size} testID={testID} trailingAction={trailingAction} value={value}/>);
 }
-/***
- * Search input with leading icon and optional trailing action.
- */
-export const SearchBar = withZoraThemeScope(SearchBarInner);
-//# sourceMappingURL=SearchBar.js.map
+//# sourceMappingURL=SearchInput.js.map

package/dist/features/form/search-input/adapters/inbound/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../../../src/features/form/search-input/adapters/inbound/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,OAAO,EAAE,SAAS,EAAgC,MAAM,4BAA4B,CAAC;AAErF,2EAA2E;AAC3E,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;AAEhE,uEAAuE;AACvE,SAAS,gBAAgB,CAAC,EACxB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,KAAK,GAAG,EAAE,EACV,aAAa,EACb,WAAW,GAAG,QAAQ,EACtB,QAAQ,EACR,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,QAAQ,EACR,iBAAiB,GACA;IACjB,MAAM,OAAO,GAAG,iBAAiB,KAAK,SAAS,CAAC;IAChD,MAAM,cAAc,GAClB,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;QAC3B,CAAC,CAAC;YACE,IAAI,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;YAC9B,KAAK,EAAE,cAAc;YACrB,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,OAAO;oBAAE,OAAO;gBACpB,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;gBACpB,OAAO,EAAE,EAAE,CAAC;YACd,CAAC;SACF;QACH,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACL,CAAC,SAAS,CACR,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,WAAW,CAAC,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CACxC,YAAY,CAAC,CAAC,aAAa,CAAC,CAC5B,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CACtF,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,aAAa,CAAC,QAAQ,CACtB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,KAAK,CAAC,CAAC,KAAK,CAAC,EACb,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { withZoraThemeScope } from '../../../../../theme/withZoraThemeScope';\nimport type { SearchInputProps } from '../../../../../types/search-input';\nimport { TextInput, type TextInputTrailingAction } from '../../../text-input/public';\n\n/*** Renders a search-focused text input with clear and submit behavior. */\nexport const SearchInput = withZoraThemeScope(SearchInputInner);\n\n/*** Connects search semantics to the shared ZORA TextInput control. */\nfunction SearchInputInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  value = '',\n  onValueChange,\n  placeholder = 'Search',\n  onSubmit,\n  onClear,\n  clearable = true,\n  size = 'l',\n  disabled,\n  readOnly,\n  interactionPolicy,\n}: SearchInputProps) {\n  const passive = interactionPolicy === 'passive';\n  const trailingAction: TextInputTrailingAction | undefined =\n    clearable && value.length > 0\n      ? {\n          icon: { name: 'close-circle' },\n          label: 'Clear search',\n          onPress: () => {\n            if (passive) return;\n            onValueChange?.('');\n            onClear?.();\n          },\n        }\n      : undefined;\n\n  return (\n    <TextInput\n      disabled={disabled}\n      interactionPolicy={interactionPolicy}\n      leadingIcon={{ name: 'search-outline' }}\n      onChangeText={onValueChange}\n      onSubmitEditing={onSubmit ? (passive ? undefined : () => onSubmit(value)) : undefined}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      returnKeyType=\"search\"\n      size={size}\n      testID={testID}\n      trailingAction={trailingAction}\n      value={value}\n    />\n  );\n}\n"]}

package/dist/features/form/search-input/public.d.ts

@@ -0,0 +1,3 @@
+export type { SearchInputProps } from '../../../types/search-input';
+export { SearchInput } from './adapters/inbound/SearchInput';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/form/search-input/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../../src/features/form/search-input/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/features/form/search-input/public.js

@@ -0,0 +1,2 @@
+export { SearchInput } from './adapters/inbound/SearchInput';
+//# sourceMappingURL=public.js.map

package/dist/features/form/search-input/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../../src/features/form/search-input/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC","sourcesContent":["export type { SearchInputProps } from '../../../types/search-input';\nexport { SearchInput } from './adapters/inbound/SearchInput';\n"]}

package/dist/features/form/search-input/searchInputMeta.d.ts

@@ -0,0 +1,126 @@
+export declare const searchInputMeta: {
+    readonly name: "SearchInput";
+    readonly category: "component";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly description: "Search-focused text input with clear and submit events.";
+    readonly blueprint: {
+        readonly label: "Search input";
+        readonly defaultProps: {
+            readonly clearable: true;
+            readonly placeholder: "Search";
+            readonly size: "l";
+            readonly value: "";
+        };
+    };
+    readonly bindings: {
+        readonly props: {
+            readonly value: {
+                readonly label: "Value";
+                readonly description: "Current search query.";
+                readonly value: {
+                    readonly type: "string";
+                };
+                readonly acceptsFallback: true;
+                readonly acceptsTransforms: true;
+            };
+        };
+        readonly events: {
+            readonly valueChange: {
+                readonly label: "Value change";
+                readonly description: "Runs whenever the search query changes.";
+                readonly payload: {
+                    readonly eventType: "searchInput.valueChange";
+                    readonly fields: readonly [{
+                        readonly path: "value";
+                        readonly type: "string";
+                        readonly label: "Value";
+                    }];
+                };
+            };
+            readonly submit: {
+                readonly label: "Submit";
+                readonly description: "Runs when the user submits the search query.";
+                readonly payload: {
+                    readonly eventType: "searchInput.submit";
+                    readonly fields: readonly [{
+                        readonly path: "value";
+                        readonly type: "string";
+                        readonly label: "Value";
+                    }];
+                };
+            };
+            readonly clear: {
+                readonly label: "Clear";
+                readonly description: "Runs when the search query is cleared.";
+                readonly payload: {
+                    readonly eventType: "searchInput.clear";
+                    readonly fields: readonly [];
+                };
+            };
+        };
+    };
+    readonly events: {
+        readonly valueChange: {
+            readonly label: "Value change";
+            readonly eventType: "searchInput.valueChange";
+            readonly payloadFields: readonly [{
+                readonly path: "value";
+                readonly type: "string";
+                readonly label: "Value";
+            }];
+        };
+        readonly submit: {
+            readonly label: "Submit";
+            readonly eventType: "searchInput.submit";
+            readonly payloadFields: readonly [{
+                readonly path: "value";
+                readonly type: "string";
+                readonly label: "Value";
+            }];
+        };
+        readonly clear: {
+            readonly label: "Clear";
+            readonly eventType: "searchInput.clear";
+            readonly payloadFields: readonly [];
+        };
+    };
+    readonly props: {
+        readonly value: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Value";
+            readonly default: "";
+        };
+        readonly placeholder: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Placeholder";
+            readonly default: "Search";
+        };
+        readonly clearable: {
+            readonly type: "boolean";
+            readonly category: "Behavior";
+            readonly label: "Clearable";
+            readonly default: true;
+        };
+        readonly size: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly label: "Size";
+            readonly enum: readonly ["s", "m", "l"];
+            readonly default: "l";
+        };
+        readonly disabled: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Disabled";
+        };
+        readonly readOnly: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Read only";
+        };
+    };
+};
+//# sourceMappingURL=searchInputMeta.d.ts.map

package/dist/features/form/search-input/searchInputMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchInputMeta.d.ts","sourceRoot":"","sources":["../../../../src/features/form/search-input/searchInputMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiEU,CAAC"}

package/dist/features/form/search-input/searchInputMeta.js

@@ -0,0 +1,67 @@
+export const searchInputMeta = {
+    name: 'SearchInput',
+    category: 'component',
+    directManifestNode: true,
+    allowedChildren: [],
+    description: 'Search-focused text input with clear and submit events.',
+    blueprint: {
+        label: 'Search input',
+        defaultProps: { clearable: true, placeholder: 'Search', size: 'l', value: '' },
+    },
+    bindings: {
+        props: {
+            value: {
+                label: 'Value',
+                description: 'Current search query.',
+                value: { type: 'string' },
+                acceptsFallback: true,
+                acceptsTransforms: true,
+            },
+        },
+        events: {
+            valueChange: {
+                label: 'Value change',
+                description: 'Runs whenever the search query changes.',
+                payload: {
+                    eventType: 'searchInput.valueChange',
+                    fields: [{ path: 'value', type: 'string', label: 'Value' }],
+                },
+            },
+            submit: {
+                label: 'Submit',
+                description: 'Runs when the user submits the search query.',
+                payload: {
+                    eventType: 'searchInput.submit',
+                    fields: [{ path: 'value', type: 'string', label: 'Value' }],
+                },
+            },
+            clear: {
+                label: 'Clear',
+                description: 'Runs when the search query is cleared.',
+                payload: { eventType: 'searchInput.clear', fields: [] },
+            },
+        },
+    },
+    events: {
+        valueChange: {
+            label: 'Value change',
+            eventType: 'searchInput.valueChange',
+            payloadFields: [{ path: 'value', type: 'string', label: 'Value' }],
+        },
+        submit: {
+            label: 'Submit',
+            eventType: 'searchInput.submit',
+            payloadFields: [{ path: 'value', type: 'string', label: 'Value' }],
+        },
+        clear: { label: 'Clear', eventType: 'searchInput.clear', payloadFields: [] },
+    },
+    props: {
+        value: { type: 'string', category: 'Content', label: 'Value', default: '' },
+        placeholder: { type: 'string', category: 'Content', label: 'Placeholder', default: 'Search' },
+        clearable: { type: 'boolean', category: 'Behavior', label: 'Clearable', default: true },
+        size: { type: 'enum', category: 'Style', label: 'Size', enum: ['s', 'm', 'l'], default: 'l' },
+        disabled: { type: 'boolean', category: 'State', label: 'Disabled' },
+        readOnly: { type: 'boolean', category: 'State', label: 'Read only' },
+    },
+};
+//# sourceMappingURL=searchInputMeta.js.map

package/dist/features/form/search-input/searchInputMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchInputMeta.js","sourceRoot":"","sources":["../../../../src/features/form/search-input/searchInputMeta.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ZoraComponentMeta } from '../../../metadata/types';\n\nexport const searchInputMeta = {\n  name: 'SearchInput',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [],\n  description: 'Search-focused text input with clear and submit events.',\n  blueprint: {\n    label: 'Search input',\n    defaultProps: { clearable: true, placeholder: 'Search', size: 'l', value: '' },\n  },\n  bindings: {\n    props: {\n      value: {\n        label: 'Value',\n        description: 'Current search query.',\n        value: { type: 'string' },\n        acceptsFallback: true,\n        acceptsTransforms: true,\n      },\n    },\n    events: {\n      valueChange: {\n        label: 'Value change',\n        description: 'Runs whenever the search query changes.',\n        payload: {\n          eventType: 'searchInput.valueChange',\n          fields: [{ path: 'value', type: 'string', label: 'Value' }],\n        },\n      },\n      submit: {\n        label: 'Submit',\n        description: 'Runs when the user submits the search query.',\n        payload: {\n          eventType: 'searchInput.submit',\n          fields: [{ path: 'value', type: 'string', label: 'Value' }],\n        },\n      },\n      clear: {\n        label: 'Clear',\n        description: 'Runs when the search query is cleared.',\n        payload: { eventType: 'searchInput.clear', fields: [] },\n      },\n    },\n  },\n  events: {\n    valueChange: {\n      label: 'Value change',\n      eventType: 'searchInput.valueChange',\n      payloadFields: [{ path: 'value', type: 'string', label: 'Value' }],\n    },\n    submit: {\n      label: 'Submit',\n      eventType: 'searchInput.submit',\n      payloadFields: [{ path: 'value', type: 'string', label: 'Value' }],\n    },\n    clear: { label: 'Clear', eventType: 'searchInput.clear', payloadFields: [] },\n  },\n  props: {\n    value: { type: 'string', category: 'Content', label: 'Value', default: '' },\n    placeholder: { type: 'string', category: 'Content', label: 'Placeholder', default: 'Search' },\n    clearable: { type: 'boolean', category: 'Behavior', label: 'Clearable', default: true },\n    size: { type: 'enum', category: 'Style', label: 'Size', enum: ['s', 'm', 'l'], default: 'l' },\n    disabled: { type: 'boolean', category: 'State', label: 'Disabled' },\n    readOnly: { type: 'boolean', category: 'State', label: 'Read only' },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/form/select/adapters/inbound/Select.d.ts

@@ -0,0 +1,2 @@
+export { Select } from './Select.web';
+//# sourceMappingURL=Select.d.ts.map

package/dist/features/form/select/adapters/inbound/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../../src/features/form/select/adapters/inbound/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC"}

package/dist/features/form/select/adapters/inbound/Select.js

@@ -0,0 +1,2 @@
+export { Select } from './Select.web';
+//# sourceMappingURL=Select.js.map

package/dist/features/form/select/adapters/inbound/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../../src/features/form/select/adapters/inbound/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { Select } from './Select.web';\n"]}

package/dist/features/form/select/adapters/inbound/Select.native.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { SelectProps } from '../../../../../types/select';
+/*** Renders Select with BottomSheetFlatList presentation on native platforms. */
+export declare const Select: <TValue extends string = string>(props: SelectProps<TValue>) => React.ReactElement | null;
+//# sourceMappingURL=Select.native.d.ts.map

package/dist/features/form/select/adapters/inbound/Select.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.native.d.ts","sourceRoot":"","sources":["../../../../../../src/features/form/select/adapters/inbound/Select.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAgB,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAS7E,iFAAiF;AACjF,eAAO,MAAM,MAAM,GAGE,MAAM,SAAS,MAAM,mEAHW,CAAC"}

package/dist/features/form/select/adapters/inbound/Select.native.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { withZoraThemeScope } from '../../../../../theme/withZoraThemeScope';
+import { BottomSheetFlatList, useBottomSheet } from '../../../../bottom-sheet/public';
+import { SelectField } from '../../composition/SelectField';
+import { SelectOptionRow } from '../../composition/SelectOptionRow';
+import { SelectTrigger } from '../../composition/SelectTrigger';
+import { useSelectController } from '../../composition/useSelectController';
+const SELECT_SHEET_MAX_HEIGHT = 480;
+/*** Renders Select with BottomSheetFlatList presentation on native platforms. */
+export const Select = withZoraThemeScope(SelectInner);
+/*** Connects shared Select state and controls to the native BottomSheet host. */
+function SelectInner({ themeId: _themeId, mode: _mode, ...props }) {
+    const { dismiss, present } = useBottomSheet();
+    const { select, selectedOption, value } = useSelectController(props);
+    const passive = props.interactionPolicy === 'passive';
+    const { disabled, interactionPolicy, options, readOnly, testID } = props;
+    const listData = React.useMemo(() => [...options], [options]);
+    const handleSelect = React.useCallback((nextValue) => {
+        select(nextValue);
+        dismiss();
+    }, [dismiss, select]);
+    const renderOption = React.useCallback(({ item }) => (<SelectOptionRow interactionPolicy={interactionPolicy} onSelect={handleSelect} option={item} selected={value === item.value} testID={testID}/>), [handleSelect, interactionPolicy, testID, value]);
+    const openSelect = React.useCallback(() => {
+        if (disabled || readOnly || passive)
+            return;
+        present({
+            contentMode: 'direct',
+            maxDynamicContentSize: SELECT_SHEET_MAX_HEIGHT,
+            content: (<BottomSheetFlatList contentContainerStyle={styles.listContent} data={listData} keyExtractor={(item) => item.value} renderItem={renderOption}/>),
+        });
+    }, [disabled, listData, passive, present, readOnly, renderOption]);
+    return (<SelectField props={props}>
+      <SelectTrigger displayLabel={selectedOption?.label} onPress={openSelect} props={props}/>
+    </SelectField>);
+}
+const styles = StyleSheet.create({
+    listContent: {
+        padding: 16,
+    },
+});
+//# sourceMappingURL=Select.native.js.map

package/dist/features/form/select/adapters/inbound/Select.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.native.js","sourceRoot":"","sources":["../../../../../../src/features/form/select/adapters/inbound/Select.native.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { type ListRenderItemInfo, StyleSheet } from 'react-native';\n\nimport { withZoraThemeScope } from '../../../../../theme/withZoraThemeScope';\nimport type { SelectOption, SelectProps } from '../../../../../types/select';\nimport { BottomSheetFlatList, useBottomSheet } from '../../../../bottom-sheet/public';\nimport { SelectField } from '../../composition/SelectField';\nimport { SelectOptionRow } from '../../composition/SelectOptionRow';\nimport { SelectTrigger } from '../../composition/SelectTrigger';\nimport { useSelectController } from '../../composition/useSelectController';\n\nconst SELECT_SHEET_MAX_HEIGHT = 480;\n\n/*** Renders Select with BottomSheetFlatList presentation on native platforms. */\nexport const Select = withZoraThemeScope(SelectInner);\n\n/*** Connects shared Select state and controls to the native BottomSheet host. */\nfunction SelectInner<TValue extends string = string>({\n  themeId: _themeId,\n  mode: _mode,\n  ...props\n}: SelectProps<TValue>) {\n  const { dismiss, present } = useBottomSheet();\n  const { select, selectedOption, value } = useSelectController(props);\n  const passive = props.interactionPolicy === 'passive';\n  const { disabled, interactionPolicy, options, readOnly, testID } = props;\n  const listData = React.useMemo(() => [...options], [options]);\n\n  const handleSelect = React.useCallback(\n    (nextValue: TValue) => {\n      select(nextValue);\n      dismiss();\n    },\n    [dismiss, select],\n  );\n\n  const renderOption = React.useCallback(\n    ({ item }: ListRenderItemInfo<SelectOption<TValue>>) => (\n      <SelectOptionRow\n        interactionPolicy={interactionPolicy}\n        onSelect={handleSelect}\n        option={item}\n        selected={value === item.value}\n        testID={testID}\n      />\n    ),\n    [handleSelect, interactionPolicy, testID, value],\n  );\n\n  const openSelect = React.useCallback(() => {\n    if (disabled || readOnly || passive) return;\n\n    present({\n      contentMode: 'direct',\n      maxDynamicContentSize: SELECT_SHEET_MAX_HEIGHT,\n      content: (\n        <BottomSheetFlatList\n          contentContainerStyle={styles.listContent}\n          data={listData}\n          keyExtractor={(item) => item.value}\n          renderItem={renderOption}\n        />\n      ),\n    });\n  }, [disabled, listData, passive, present, readOnly, renderOption]);\n\n  return (\n    <SelectField props={props}>\n      <SelectTrigger displayLabel={selectedOption?.label} onPress={openSelect} props={props} />\n    </SelectField>\n  );\n}\n\nconst styles = StyleSheet.create({\n  listContent: {\n    padding: 16,\n  },\n});\n"]}

package/dist/features/form/select/adapters/inbound/Select.web.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { SelectProps } from '../../../../../types/select';
+/*** Renders Select with anchored Popover presentation on web. */
+export declare const Select: <TValue extends string = string>(props: SelectProps<TValue>) => React.ReactElement | null;
+//# sourceMappingURL=Select.web.d.ts.map

package/dist/features/form/select/adapters/inbound/Select.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.web.d.ts","sourceRoot":"","sources":["../../../../../../src/features/form/select/adapters/inbound/Select.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAQ/D,iEAAiE;AACjE,eAAO,MAAM,MAAM,GAGE,MAAM,SAAS,MAAM,mEAHW,CAAC"}

package/dist/features/form/select/adapters/inbound/Select.web.js

@@ -0,0 +1,31 @@
+import { Popover } from '@ankhorage/surface';
+import React from 'react';
+import { withZoraThemeScope } from '../../../../../theme/withZoraThemeScope';
+import { Stack } from '../../../../layout/public';
+import { Surface } from '../../../../surface/public';
+import { SelectField } from '../../composition/SelectField';
+import { SelectOptionRow } from '../../composition/SelectOptionRow';
+import { SelectTrigger } from '../../composition/SelectTrigger';
+import { useSelectController } from '../../composition/useSelectController';
+/*** Renders Select with anchored Popover presentation on web. */
+export const Select = withZoraThemeScope(SelectInner);
+/*** Connects shared Select state and controls to the web Popover host. */
+function SelectInner({ themeId: _themeId, mode: _mode, ...props }) {
+    const [open, setOpen] = React.useState(false);
+    const { select, selectedOption, value } = useSelectController(props);
+    const { interactionPolicy, options, testID } = props;
+    const selectAndClose = React.useCallback((nextValue) => {
+        select(nextValue);
+        setOpen(false);
+    }, [select]);
+    return (<SelectField props={props}>
+      <Popover anchor={({ toggle }) => (<SelectTrigger displayLabel={selectedOption?.label} onPress={toggle} props={props}/>)} interactionPolicy={props.interactionPolicy} onOpenChange={setOpen} open={open} placement="bottom-start" testID={testID ? `${testID}-popover` : undefined}>
+        <Surface variant="raised">
+          <Stack gap="xs" p="xs">
+            {options.map((option) => (<SelectOptionRow interactionPolicy={interactionPolicy} key={option.value} onSelect={selectAndClose} option={option} selected={value === option.value} testID={testID}/>))}
+          </Stack>
+        </Surface>
+      </Popover>
+    </SelectField>);
+}
+//# sourceMappingURL=Select.web.js.map

package/dist/features/form/select/adapters/inbound/Select.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.web.js","sourceRoot":"","sources":["../../../../../../src/features/form/select/adapters/inbound/Select.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAE5E,iEAAiE;AACjE,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;AAEtD,0EAA0E;AAC1E,SAAS,WAAW,CAAiC,EACnD,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,GAAG,KAAK,EACY;IACpB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACrE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,SAAiB,EAAE,EAAE;QACpB,MAAM,CAAC,SAAS,CAAC,CAAC;QAClB,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,CACL,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CACxB;MAAA,CAAC,OAAO,CACN,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACtB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CACtF,CAAC,CACF,iBAAiB,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAC3C,YAAY,CAAC,CAAC,OAAO,CAAC,CACtB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,cAAc,CACxB,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAEjD;QAAA,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CACvB;UAAA,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CACpB;YAAA,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,CAAC,eAAe,CACd,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAClB,QAAQ,CAAC,CAAC,cAAc,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CACjC,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC,CACJ;UAAA,EAAE,KAAK,CACT;QAAA,EAAE,OAAO,CACX;MAAA,EAAE,OAAO,CACX;IAAA,EAAE,WAAW,CAAC,CACf,CAAC;AACJ,CAAC","sourcesContent":["import { Popover } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../../theme/withZoraThemeScope';\nimport type { SelectProps } from '../../../../../types/select';\nimport { Stack } from '../../../../layout/public';\nimport { Surface } from '../../../../surface/public';\nimport { SelectField } from '../../composition/SelectField';\nimport { SelectOptionRow } from '../../composition/SelectOptionRow';\nimport { SelectTrigger } from '../../composition/SelectTrigger';\nimport { useSelectController } from '../../composition/useSelectController';\n\n/*** Renders Select with anchored Popover presentation on web. */\nexport const Select = withZoraThemeScope(SelectInner);\n\n/*** Connects shared Select state and controls to the web Popover host. */\nfunction SelectInner<TValue extends string = string>({\n  themeId: _themeId,\n  mode: _mode,\n  ...props\n}: SelectProps<TValue>) {\n  const [open, setOpen] = React.useState(false);\n  const { select, selectedOption, value } = useSelectController(props);\n  const { interactionPolicy, options, testID } = props;\n\n  const selectAndClose = React.useCallback(\n    (nextValue: TValue) => {\n      select(nextValue);\n      setOpen(false);\n    },\n    [select],\n  );\n\n  return (\n    <SelectField props={props}>\n      <Popover\n        anchor={({ toggle }) => (\n          <SelectTrigger displayLabel={selectedOption?.label} onPress={toggle} props={props} />\n        )}\n        interactionPolicy={props.interactionPolicy}\n        onOpenChange={setOpen}\n        open={open}\n        placement=\"bottom-start\"\n        testID={testID ? `${testID}-popover` : undefined}\n      >\n        <Surface variant=\"raised\">\n          <Stack gap=\"xs\" p=\"xs\">\n            {options.map((option) => (\n              <SelectOptionRow\n                interactionPolicy={interactionPolicy}\n                key={option.value}\n                onSelect={selectAndClose}\n                option={option}\n                selected={value === option.value}\n                testID={testID}\n              />\n            ))}\n          </Stack>\n        </Surface>\n      </Popover>\n    </SelectField>\n  );\n}\n"]}

package/dist/features/form/select/composition/SelectField.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+import type { SelectProps } from '../../../../types/select';
+/*** Wraps Select presentation in the canonical Surface form-field semantics. */
+export declare function SelectField<TValue extends string>({ children, props }: SelectFieldProps<TValue>): React.JSX.Element;
+interface SelectFieldProps<TValue extends string> {
+    children: React.ReactNode;
+    props: SelectProps<TValue>;
+}
+export {};
+//# sourceMappingURL=SelectField.d.ts.map

package/dist/features/form/select/composition/SelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../../../src/features/form/select/composition/SelectField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,gFAAgF;AAChF,wBAAgB,WAAW,CAAC,MAAM,SAAS,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,gBAAgB,CAAC,MAAM,CAAC,qBAe/F;AAED,UAAU,gBAAgB,CAAC,MAAM,SAAS,MAAM;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B"}

package/dist/features/form/select/composition/SelectField.js

@@ -0,0 +1,8 @@
+import { Field } from '@ankhorage/surface';
+/*** Wraps Select presentation in the canonical Surface form-field semantics. */
+export function SelectField({ children, props }) {
+    return (<Field disabled={props.disabled} errorText={props.errorText} helperText={props.helperText} invalid={props.invalid} label={props.label} readOnly={props.readOnly} required={props.required} testID={props.testID ? `${props.testID}-field` : undefined}>
+      {children}
+    </Field>);
+}
+//# sourceMappingURL=SelectField.js.map

package/dist/features/form/select/composition/SelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../../src/features/form/select/composition/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAK3C,gFAAgF;AAChF,MAAM,UAAU,WAAW,CAAwB,EAAE,QAAQ,EAAE,KAAK,EAA4B;IAC9F,OAAO,CACL,CAAC,KAAK,CACJ,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CACzB,SAAS,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAC3B,UAAU,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAC7B,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CACvB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CACzB,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CACzB,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAE3D;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC","sourcesContent":["import { Field } from '@ankhorage/surface';\nimport type React from 'react';\n\nimport type { SelectProps } from '../../../../types/select';\n\n/*** Wraps Select presentation in the canonical Surface form-field semantics. */\nexport function SelectField<TValue extends string>({ children, props }: SelectFieldProps<TValue>) {\n  return (\n    <Field\n      disabled={props.disabled}\n      errorText={props.errorText}\n      helperText={props.helperText}\n      invalid={props.invalid}\n      label={props.label}\n      readOnly={props.readOnly}\n      required={props.required}\n      testID={props.testID ? `${props.testID}-field` : undefined}\n    >\n      {children}\n    </Field>\n  );\n}\n\ninterface SelectFieldProps<TValue extends string> {\n  children: React.ReactNode;\n  props: SelectProps<TValue>;\n}\n"]}

package/dist/features/form/select/composition/SelectOptionRow.d.ts

@@ -0,0 +1,12 @@
+import type { SelectOption, SelectProps } from '../../../../types/select';
+/*** Renders one Select option with shared web/native selection semantics. */
+export declare function SelectOptionRow<TValue extends string>({ interactionPolicy, onSelect, option, selected, testID, }: SelectOptionRowProps<TValue>): import("react").JSX.Element;
+interface SelectOptionRowProps<TValue extends string> {
+    interactionPolicy: SelectProps<TValue>['interactionPolicy'];
+    onSelect: (value: TValue) => void;
+    option: SelectOption<TValue>;
+    selected: boolean;
+    testID: string | undefined;
+}
+export {};
+//# sourceMappingURL=SelectOptionRow.d.ts.map

package/dist/features/form/select/composition/SelectOptionRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOptionRow.d.ts","sourceRoot":"","sources":["../../../../../src/features/form/select/composition/SelectOptionRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAK1E,6EAA6E;AAC7E,wBAAgB,eAAe,CAAC,MAAM,SAAS,MAAM,EAAE,EACrD,iBAAiB,EACjB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,GACP,EAAE,oBAAoB,CAAC,MAAM,CAAC,+BAe9B;AAED,UAAU,oBAAoB,CAAC,MAAM,SAAS,MAAM;IAClD,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC5D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B"}

package/dist/features/form/select/composition/SelectOptionRow.js

@@ -0,0 +1,9 @@
+import { Button } from '../../../button/public';
+const SELECTED_ICON = { name: 'checkmark' };
+/*** Renders one Select option with shared web/native selection semantics. */
+export function SelectOptionRow({ interactionPolicy, onSelect, option, selected, testID, }) {
+    return (<Button color={selected ? 'primary' : 'neutral'} disabled={option.disabled} fullWidth interactionPolicy={interactionPolicy} onPress={() => onSelect(option.value)} testID={testID ? `${testID}-option-${option.value}` : undefined} trailingIcon={selected ? SELECTED_ICON : undefined} variant={selected ? 'soft' : 'ghost'}>
+      {option.label}
+    </Button>);
+}
+//# sourceMappingURL=SelectOptionRow.js.map

package/dist/features/form/select/composition/SelectOptionRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOptionRow.js","sourceRoot":"","sources":["../../../../../src/features/form/select/composition/SelectOptionRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,MAAM,aAAa,GAAG,EAAE,IAAI,EAAE,WAAW,EAAW,CAAC;AAErD,6EAA6E;AAC7E,MAAM,UAAU,eAAe,CAAwB,EACrD,iBAAiB,EACjB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,GACuB;IAC7B,OAAO,CACL,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CACxC,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC1B,SAAS,CACT,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CACtC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,WAAW,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAChE,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CACnD,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAErC;MAAA,CAAC,MAAM,CAAC,KAAK,CACf;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC","sourcesContent":["import type { SelectOption, SelectProps } from '../../../../types/select';\nimport { Button } from '../../../button/public';\n\nconst SELECTED_ICON = { name: 'checkmark' } as const;\n\n/*** Renders one Select option with shared web/native selection semantics. */\nexport function SelectOptionRow<TValue extends string>({\n  interactionPolicy,\n  onSelect,\n  option,\n  selected,\n  testID,\n}: SelectOptionRowProps<TValue>) {\n  return (\n    <Button\n      color={selected ? 'primary' : 'neutral'}\n      disabled={option.disabled}\n      fullWidth\n      interactionPolicy={interactionPolicy}\n      onPress={() => onSelect(option.value)}\n      testID={testID ? `${testID}-option-${option.value}` : undefined}\n      trailingIcon={selected ? SELECTED_ICON : undefined}\n      variant={selected ? 'soft' : 'ghost'}\n    >\n      {option.label}\n    </Button>\n  );\n}\n\ninterface SelectOptionRowProps<TValue extends string> {\n  interactionPolicy: SelectProps<TValue>['interactionPolicy'];\n  onSelect: (value: TValue) => void;\n  option: SelectOption<TValue>;\n  selected: boolean;\n  testID: string | undefined;\n}\n"]}

package/dist/features/form/select/composition/SelectTrigger.d.ts

@@ -0,0 +1,10 @@
+import type { SelectProps } from '../../../../types/select';
+/*** Renders the shared Select trigger with the resolved option label or placeholder. */
+export declare function SelectTrigger<TValue extends string>({ displayLabel, onPress, props, }: SelectTriggerProps<TValue>): import("react").JSX.Element;
+interface SelectTriggerProps<TValue extends string> {
+    displayLabel: string | undefined;
+    onPress: () => void;
+    props: SelectProps<TValue>;
+}
+export {};
+//# sourceMappingURL=SelectTrigger.d.ts.map

package/dist/features/form/select/composition/SelectTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.d.ts","sourceRoot":"","sources":["../../../../../src/features/form/select/composition/SelectTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAK5D,wFAAwF;AACxF,wBAAgB,aAAa,CAAC,MAAM,SAAS,MAAM,EAAE,EACnD,YAAY,EACZ,OAAO,EACP,KAAK,GACN,EAAE,kBAAkB,CAAC,MAAM,CAAC,+BAe5B;AAED,UAAU,kBAAkB,CAAC,MAAM,SAAS,MAAM;IAChD,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B"}

package/dist/features/form/select/composition/SelectTrigger.js

@@ -0,0 +1,9 @@
+import { Button } from '../../../button/public';
+const SELECT_CHEVRON_ICON = { name: 'chevron-down' };
+/*** Renders the shared Select trigger with the resolved option label or placeholder. */
+export function SelectTrigger({ displayLabel, onPress, props, }) {
+    return (<Button color={props.invalid ? 'danger' : 'neutral'} disabled={props.disabled} fullWidth interactionPolicy={props.interactionPolicy} onPress={props.readOnly ? undefined : onPress} testID={props.testID ? `${props.testID}-trigger` : undefined} trailingIcon={SELECT_CHEVRON_ICON} variant="outline">
+      {displayLabel ?? props.placeholder ?? 'Select'}
+    </Button>);
+}
+//# sourceMappingURL=SelectTrigger.js.map

package/dist/features/form/select/composition/SelectTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.js","sourceRoot":"","sources":["../../../../../src/features/form/select/composition/SelectTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,MAAM,mBAAmB,GAAG,EAAE,IAAI,EAAE,cAAc,EAAW,CAAC;AAE9D,wFAAwF;AACxF,MAAM,UAAU,aAAa,CAAwB,EACnD,YAAY,EACZ,OAAO,EACP,KAAK,GACsB;IAC3B,OAAO,CACL,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAC5C,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CACzB,SAAS,CACT,iBAAiB,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAC3C,OAAO,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAC9C,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAC7D,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,OAAO,CAAC,SAAS,CAEjB;MAAA,CAAC,YAAY,IAAI,KAAK,CAAC,WAAW,IAAI,QAAQ,CAChD;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC","sourcesContent":["import type { SelectProps } from '../../../../types/select';\nimport { Button } from '../../../button/public';\n\nconst SELECT_CHEVRON_ICON = { name: 'chevron-down' } as const;\n\n/*** Renders the shared Select trigger with the resolved option label or placeholder. */\nexport function SelectTrigger<TValue extends string>({\n  displayLabel,\n  onPress,\n  props,\n}: SelectTriggerProps<TValue>) {\n  return (\n    <Button\n      color={props.invalid ? 'danger' : 'neutral'}\n      disabled={props.disabled}\n      fullWidth\n      interactionPolicy={props.interactionPolicy}\n      onPress={props.readOnly ? undefined : onPress}\n      testID={props.testID ? `${props.testID}-trigger` : undefined}\n      trailingIcon={SELECT_CHEVRON_ICON}\n      variant=\"outline\"\n    >\n      {displayLabel ?? props.placeholder ?? 'Select'}\n    </Button>\n  );\n}\n\ninterface SelectTriggerProps<TValue extends string> {\n  displayLabel: string | undefined;\n  onPress: () => void;\n  props: SelectProps<TValue>;\n}\n"]}

package/dist/features/form/select/composition/useSelectController.d.ts

@@ -0,0 +1,8 @@
+import type { SelectProps } from '../../../../types/select';
+/*** Resolves controlled or uncontrolled Select value state and the selected option. */
+export declare function useSelectController<TValue extends string>(props: SelectProps<TValue>): {
+    readonly select: (nextValue: TValue) => void;
+    readonly selectedOption: import("../public").SelectOption<TValue> | undefined;
+    readonly value: TValue | undefined;
+};
+//# sourceMappingURL=useSelectController.d.ts.map

package/dist/features/form/select/composition/useSelectController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectController.d.ts","sourceRoot":"","sources":["../../../../../src/features/form/select/composition/useSelectController.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,uFAAuF;AACvF,wBAAgB,mBAAmB,CAAC,MAAM,SAAS,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC;iCAOrE,MAAM;;;EAQrB"}

package/dist/features/form/select/composition/useSelectController.js

@@ -0,0 +1,15 @@
+import React from 'react';
+/*** Resolves controlled or uncontrolled Select value state and the selected option. */
+export function useSelectController(props) {
+    const { defaultValue, onValueChange, options, value: controlledValue } = props;
+    const [localValue, setLocalValue] = React.useState(defaultValue);
+    const value = controlledValue ?? localValue;
+    const selectedOption = options.find((option) => option.value === value);
+    const select = React.useCallback((nextValue) => {
+        if (controlledValue === undefined)
+            setLocalValue(nextValue);
+        onValueChange?.(nextValue);
+    }, [controlledValue, onValueChange]);
+    return { select, selectedOption, value };
+}
+//# sourceMappingURL=useSelectController.js.map

package/dist/features/form/select/composition/useSelectController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectController.js","sourceRoot":"","sources":["../../../../../src/features/form/select/composition/useSelectController.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,uFAAuF;AACvF,MAAM,UAAU,mBAAmB,CAAwB,KAA0B;IACnF,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAC/E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,YAAY,CAAC,CAAC;IACrF,MAAM,KAAK,GAAG,eAAe,IAAI,UAAU,CAAC;IAC5C,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAExE,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAC9B,CAAC,SAAiB,EAAE,EAAE;QACpB,IAAI,eAAe,KAAK,SAAS;YAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAC5D,aAAa,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,eAAe,EAAE,aAAa,CAAC,CACjC,CAAC;IAEF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAW,CAAC;AACpD,CAAC","sourcesContent":["import React from 'react';\n\nimport type { SelectProps } from '../../../../types/select';\n\n/*** Resolves controlled or uncontrolled Select value state and the selected option. */\nexport function useSelectController<TValue extends string>(props: SelectProps<TValue>) {\n  const { defaultValue, onValueChange, options, value: controlledValue } = props;\n  const [localValue, setLocalValue] = React.useState<TValue | undefined>(defaultValue);\n  const value = controlledValue ?? localValue;\n  const selectedOption = options.find((option) => option.value === value);\n\n  const select = React.useCallback(\n    (nextValue: TValue) => {\n      if (controlledValue === undefined) setLocalValue(nextValue);\n      onValueChange?.(nextValue);\n    },\n    [controlledValue, onValueChange],\n  );\n\n  return { select, selectedOption, value } as const;\n}\n"]}

package/dist/features/form/select/public.d.ts

@@ -0,0 +1,3 @@
+export type { SelectOption, SelectProps } from '../../../types/select';
+export { Select } from './adapters/inbound/Select';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/form/select/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../../src/features/form/select/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/features/form/select/public.js

@@ -0,0 +1,2 @@
+export { Select } from './adapters/inbound/Select';
+//# sourceMappingURL=public.js.map