@studio-piot/native-ui 0.1.0

package/LICENSE

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) 2026 Guillaume Piot
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1,91 @@
+# @studio-piot/native-ui
+
+Shared React Native components for Studio Piot apps.
+
+The package is the native counterpart of `@studio-piot/ui`. Apps own their palettes; the package provides theme helpers and presentational components.
+
+## Install
+
+```bash
+npm install @studio-piot/native-ui
+```
+
+`react` and `react-native` are peer dependencies. `Form` also peers `react-native-keyboard-controller` and `react-native-safe-area-context`. `Select` peers `@lodev09/react-native-true-sheet`.
+
+## Docs
+
+- [Theme provider and Button usage](./docs/components/button.md)
+- [LinkBlocks usage](./docs/components/link-blocks.md)
+- [Field usage](./docs/components/field.md)
+- [Form usage](./docs/components/form.md)
+- [RadioField usage](./docs/components/radio-field.md)
+- [Select usage](./docs/components/select.md)
+- [Design: theme provider and Button](./docs/superpowers/specs/2026-09-24-theme-provider-button-design.md)
+- [Design: LinkBlocks](./docs/superpowers/specs/2026-09-24-link-blocks-design.md)
+- [Design: Field](./docs/superpowers/specs/2026-09-24-field-design.md)
+- [Design: RadioField](./docs/superpowers/specs/2026-09-25-radio-field-design.md)
+- [Design: Select](./docs/superpowers/specs/2026-09-25-select-design.md)
+
+## Quick start
+
+```tsx
+import {
+  Button,
+  ThemeProvider,
+  useThemeColor,
+} from "@studio-piot/native-ui";
+
+const Colors = {
+  light: { buttonBackground: "#111", buttonLabel: "#fff" },
+  dark: { buttonBackground: "#eee", buttonLabel: "#111" },
+};
+
+function SaveButton({ onPress }: { onPress: () => void }) {
+  return (
+    <Button
+      label="Save"
+      onPress={onPress}
+      backgroundColor={useThemeColor("buttonBackground")}
+      labelColor={useThemeColor("buttonLabel")}
+    />
+  );
+}
+
+export function App() {
+  return (
+    <ThemeProvider colors={Colors}>
+      <SaveButton onPress={() => undefined} />
+    </ThemeProvider>
+  );
+}
+```
+
+## Local development
+
+```bash
+npm install
+npm run dev
+```
+
+`npm run dev` rebuilds `dist` as you edit. `prepare` also builds on install, so a `file:` dependency in a consumer app stays usable after `npm install`.
+
+When this package lives outside the consumer app root (e.g. a monorepo sibling), configure Metro `watchFolders` so the app picks up source changes; add `nodeModulesPaths` if resolution needs it.
+
+## Add a component
+
+1. Add `src/components/YourComponent.tsx`.
+2. Export it from `src/components/index.ts` and `src/index.ts`.
+3. Document it under `docs/components/` and link it from this README.
+4. Run `npm run build` before publishing.
+
+## Publish
+
+```bash
+npm publish
+```
+
+`prepublishOnly` builds `dist` first. The package is public (`publishConfig.access`).
+
+## License
+
+ISC

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

@@ -0,0 +1,16 @@
+import { type StyleProp, type TextStyle, type ViewStyle } from "react-native";
+import { type ButtonRadius } from "./buttonRadius";
+export type ButtonProps = {
+    label: string;
+    onPress: () => void;
+    backgroundColor: string;
+    labelColor: string;
+    disabled?: boolean;
+    loading?: boolean;
+    variant?: "filled" | "outline";
+    radius?: ButtonRadius;
+    style?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<TextStyle>;
+};
+export declare function Button({ label, onPress, backgroundColor, labelColor, disabled, loading, variant, radius, style, labelStyle, }: ButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACnC,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,eAAe,EACf,UAAU,EACV,QAAgB,EAChB,OAAe,EACf,OAAkB,EAClB,MAAa,EACb,KAAK,EACL,UAAU,GACX,EAAE,WAAW,+BA6Cb"}

package/dist/components/Button/Button.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = Button;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const buttonRadius_1 = require("./buttonRadius");
+function Button({ label, onPress, backgroundColor, labelColor, disabled = false, loading = false, variant = "filled", radius = "xl", style, labelStyle, }) {
+    const blocked = disabled || loading;
+    const isOutline = variant === "outline";
+    const borderRadius = (0, buttonRadius_1.buttonRadiusValue)(radius);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { accessibilityLabel: label, accessibilityRole: "button", accessibilityState: { disabled: blocked, busy: loading }, activeOpacity: 0.75, disabled: blocked, onPress: onPress, style: [
+            styles.shell,
+            { borderRadius },
+            isOutline
+                ? {
+                    backgroundColor: "transparent",
+                    borderWidth: 1,
+                    borderColor: backgroundColor,
+                }
+                : { backgroundColor },
+            blocked && styles.blocked,
+            style,
+        ], children: loading ? ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { color: isOutline ? backgroundColor : labelColor, size: "small" })) : ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                styles.label,
+                { color: isOutline ? backgroundColor : labelColor },
+                labelStyle,
+            ], children: label })) }));
+}
+const styles = react_native_1.StyleSheet.create({
+    shell: {
+        width: "100%",
+        minHeight: 52,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    blocked: {
+        opacity: 0.4,
+    },
+    label: {
+        fontSize: 17,
+        fontWeight: "600",
+    },
+});
+//# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;AAwBA,wBAwDC;;AAhFD,+CAQsB;AACtB,iDAAsE;AAetE,SAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,eAAe,EACf,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,QAAQ,EAClB,MAAM,GAAG,IAAI,EACb,KAAK,EACL,UAAU,GACE;IACZ,MAAM,OAAO,GAAG,QAAQ,IAAI,OAAO,CAAC;IACpC,MAAM,SAAS,GAAG,OAAO,KAAK,SAAS,CAAC;IACxC,MAAM,YAAY,GAAG,IAAA,gCAAiB,EAAC,MAAM,CAAC,CAAC;IAE/C,OAAO,CACL,uBAAC,+BAAgB,IACf,kBAAkB,EAAE,KAAK,EACzB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,EACxD,aAAa,EAAE,IAAI,EACnB,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;YACL,MAAM,CAAC,KAAK;YACZ,EAAE,YAAY,EAAE;YAChB,SAAS;gBACP,CAAC,CAAC;oBACE,eAAe,EAAE,aAAa;oBAC9B,WAAW,EAAE,CAAC;oBACd,WAAW,EAAE,eAAe;iBAC7B;gBACH,CAAC,CAAC,EAAE,eAAe,EAAE;YACvB,OAAO,IAAI,MAAM,CAAC,OAAO;YACzB,KAAK;SACN,YAEA,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,gCAAiB,IAChB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,EAC/C,IAAI,EAAC,OAAO,GACZ,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,mBAAI,IACH,KAAK,EAAE;gBACL,MAAM,CAAC,KAAK;gBACZ,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,EAAE;gBACnD,UAAU;aACX,YAEA,KAAK,GACD,CACR,GACgB,CACpB,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,EAAE;QACb,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,OAAO,EAAE;QACP,OAAO,EAAE,GAAG;KACb;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export type ButtonRadius = "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
+export declare function buttonRadiusValue(radius: ButtonRadius): number;
+//# sourceMappingURL=buttonRadius.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buttonRadius.d.ts","sourceRoot":"","sources":["../../../src/components/Button/buttonRadius.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,MAAM,CAAC;AAaX,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAE9D"}

package/dist/components/Button/buttonRadius.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buttonRadiusValue = buttonRadiusValue;
+const RADIUS = {
+    none: 0,
+    sm: 2,
+    md: 6,
+    lg: 8,
+    xl: 12,
+    "2xl": 16,
+    "3xl": 24,
+    full: 999,
+};
+function buttonRadiusValue(radius) {
+    return RADIUS[radius];
+}
+//# sourceMappingURL=buttonRadius.js.map

package/dist/components/Button/buttonRadius.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonRadius.js","sourceRoot":"","sources":["../../../src/components/Button/buttonRadius.ts"],"names":[],"mappings":";;AAqBA,8CAEC;AAbD,MAAM,MAAM,GAAiC;IAC3C,IAAI,EAAE,CAAC;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,GAAG;CACV,CAAC;AAEF,SAAgB,iBAAiB,CAAC,MAAoB;IACpD,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC;AACxB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Button, type ButtonProps } from "./Button";
+export { buttonRadiusValue, type ButtonRadius } from "./buttonRadius";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Button/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buttonRadiusValue = exports.Button = void 0;
+var Button_1 = require("./Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+var buttonRadius_1 = require("./buttonRadius");
+Object.defineProperty(exports, "buttonRadiusValue", { enumerable: true, get: function () { return buttonRadius_1.buttonRadiusValue; } });
+//# sourceMappingURL=index.js.map

package/dist/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":";;;AAAA,mCAAoD;AAA3C,gGAAA,MAAM,OAAA;AACf,+CAAsE;AAA7D,iHAAA,iBAAiB,OAAA"}

package/dist/components/Field/FieldText.d.ts

@@ -0,0 +1,3 @@
+import type { FieldTextProps } from "./types";
+export declare function FieldText(props: FieldTextProps): import("react").JSX.Element;
+//# sourceMappingURL=FieldText.d.ts.map

package/dist/components/Field/FieldText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldText.d.ts","sourceRoot":"","sources":["../../../src/components/Field/FieldText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BAE9C"}

package/dist/components/Field/FieldText.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldText = FieldText;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fieldChrome_1 = require("./fieldChrome");
+function FieldText(props) {
+    return (0, jsx_runtime_1.jsx)(fieldChrome_1.FieldChrome, { ...props, multiline: false, minHeight: 48 });
+}
+//# sourceMappingURL=FieldText.js.map

package/dist/components/Field/FieldText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldText.js","sourceRoot":"","sources":["../../../src/components/Field/FieldText.tsx"],"names":[],"mappings":";;AAGA,8BAEC;;AALD,+CAA4C;AAG5C,SAAgB,SAAS,CAAC,KAAqB;IAC7C,OAAO,uBAAC,yBAAW,OAAK,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,GAAI,CAAC;AACrE,CAAC"}

package/dist/components/Field/FieldTextarea.d.ts

@@ -0,0 +1,3 @@
+import type { FieldTextareaProps } from "./types";
+export declare function FieldTextarea({ numberOfLines, ...props }: FieldTextareaProps): import("react").JSX.Element;
+//# sourceMappingURL=FieldTextarea.d.ts.map

package/dist/components/Field/FieldTextarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/Field/FieldTextarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,wBAAgB,aAAa,CAAC,EAC5B,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAWpB"}

package/dist/components/Field/FieldTextarea.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldTextarea = FieldTextarea;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fieldChrome_1 = require("./fieldChrome");
+function FieldTextarea({ numberOfLines = 4, ...props }) {
+    const minHeight = Math.max(100, numberOfLines * 24);
+    return ((0, jsx_runtime_1.jsx)(fieldChrome_1.FieldChrome, { ...props, multiline: true, numberOfLines: numberOfLines, minHeight: minHeight, textAlignVertical: "top" }));
+}
+//# sourceMappingURL=FieldTextarea.js.map

package/dist/components/Field/FieldTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldTextarea.js","sourceRoot":"","sources":["../../../src/components/Field/FieldTextarea.tsx"],"names":[],"mappings":";;AAGA,sCAcC;;AAjBD,+CAA4C;AAG5C,SAAgB,aAAa,CAAC,EAC5B,aAAa,GAAG,CAAC,EACjB,GAAG,KAAK,EACW;IACnB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,aAAa,GAAG,EAAE,CAAC,CAAC;IACpD,OAAO,CACL,uBAAC,yBAAW,OACN,KAAK,EACT,SAAS,QACT,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAC,KAAK,GACvB,CACH,CAAC;AACJ,CAAC"}

package/dist/components/Field/fieldChrome.d.ts

@@ -0,0 +1,10 @@
+import { type TextInputProps } from "react-native";
+import type { FieldSharedProps } from "./types";
+export type FieldChromeProps = FieldSharedProps & {
+    multiline?: boolean;
+    numberOfLines?: number;
+    minHeight?: number;
+    textAlignVertical?: TextInputProps["textAlignVertical"];
+};
+export declare function FieldChrome({ value, onChangeText, borderColor: borderColorProp, focusedBorderColor: focusedBorderColorProp, errorColor: errorColorProp, textColor: textColorProp, labelColor: labelColorProp, placeholderColor: placeholderColorProp, backgroundColor: backgroundColorProp, label, description, error, placeholder, radius, editable, clearIcon, onClear, style, inputStyle, multiline, numberOfLines, minHeight, textAlignVertical, secureTextEntry, keyboardType, autoCapitalize, autoComplete, textContentType, onFocus, onBlur, ref, }: FieldChromeProps): import("react").JSX.Element;
+//# sourceMappingURL=fieldChrome.d.ts.map

package/dist/components/Field/fieldChrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldChrome.d.ts","sourceRoot":"","sources":["../../../src/components/Field/fieldChrome.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAOtB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAAG;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC;CACzD,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAY,EACZ,WAAW,EAAE,eAAe,EAC5B,kBAAkB,EAAE,sBAAsB,EAC1C,UAAU,EAAE,cAAc,EAC1B,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,gBAAgB,EAAE,oBAAoB,EACtC,eAAe,EAAE,mBAAmB,EACpC,KAAK,EACL,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAa,EACb,QAAe,EACf,SAAS,EACT,OAAO,EACP,KAAK,EACL,UAAU,EACV,SAAiB,EACjB,aAAa,EACb,SAAc,EACd,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,eAAe,EACf,OAAO,EACP,MAAM,EACN,GAAG,GACJ,EAAE,gBAAgB,+BAyHlB"}

package/dist/components/Field/fieldChrome.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldChrome = FieldChrome;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const buttonRadius_1 = require("../Button/buttonRadius");
+const fieldThemeRoles_1 = require("./fieldThemeRoles");
+const resolveFieldBorder_1 = require("./resolveFieldBorder");
+const useResolvedFieldColor_1 = require("./useResolvedFieldColor");
+function FieldChrome({ value, onChangeText, borderColor: borderColorProp, focusedBorderColor: focusedBorderColorProp, errorColor: errorColorProp, textColor: textColorProp, labelColor: labelColorProp, placeholderColor: placeholderColorProp, backgroundColor: backgroundColorProp, label, description, error, placeholder, radius = "xl", editable = true, clearIcon, onClear, style, inputStyle, multiline = false, numberOfLines, minHeight = 48, textAlignVertical, secureTextEntry, keyboardType, autoCapitalize, autoComplete, textContentType, onFocus, onBlur, ref, }) {
+    const borderColor = (0, useResolvedFieldColor_1.useResolvedFieldColor)(borderColorProp, fieldThemeRoles_1.FIELD_THEME_ROLES.borderColor);
+    const focusedBorderColor = (0, useResolvedFieldColor_1.useResolvedFieldColor)(focusedBorderColorProp, fieldThemeRoles_1.FIELD_THEME_ROLES.focusedBorderColor);
+    const errorColor = (0, useResolvedFieldColor_1.useResolvedFieldColor)(errorColorProp, fieldThemeRoles_1.FIELD_THEME_ROLES.errorColor);
+    const textColor = (0, useResolvedFieldColor_1.useResolvedFieldColor)(textColorProp, fieldThemeRoles_1.FIELD_THEME_ROLES.textColor);
+    const labelColor = (0, useResolvedFieldColor_1.useResolvedFieldColor)(labelColorProp, fieldThemeRoles_1.FIELD_THEME_ROLES.labelColor);
+    const placeholderColor = (0, useResolvedFieldColor_1.useResolvedFieldColor)(placeholderColorProp, fieldThemeRoles_1.FIELD_THEME_ROLES.placeholderColor);
+    const backgroundColor = (0, useResolvedFieldColor_1.useResolvedFieldColor)(backgroundColorProp, fieldThemeRoles_1.FIELD_THEME_ROLES.backgroundColor);
+    const descriptionColor = (0, useResolvedFieldColor_1.useResolvedFieldColor)(undefined, fieldThemeRoles_1.FIELD_THEME_ROLES.descriptionColor);
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+    const hasError = Boolean(error);
+    const showClear = (0, resolveFieldBorder_1.shouldShowFieldClear)(value, clearIcon != null, editable);
+    const border = (0, resolveFieldBorder_1.resolveFieldBorder)({
+        isFocused,
+        hasError,
+        borderColor,
+        focusedBorderColor,
+        errorColor,
+    });
+    const borderRadius = (0, buttonRadius_1.buttonRadiusValue)(radius);
+    const handleClear = () => {
+        if (onClear)
+            onClear();
+        else
+            onChangeText("");
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.column, !editable && styles.blocked, style], children: [label ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.label, { color: labelColor }], children: label })) : null, (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.inputWrapper, children: [(0, jsx_runtime_1.jsx)(react_native_1.TextInput, { ref: ref, value: value, onChangeText: onChangeText, placeholder: placeholder, placeholderTextColor: placeholderColor, editable: editable, multiline: multiline, numberOfLines: numberOfLines, textAlignVertical: textAlignVertical, secureTextEntry: secureTextEntry, keyboardType: keyboardType, autoCapitalize: autoCapitalize, autoComplete: autoComplete, textContentType: textContentType, accessibilityLabel: label, accessibilityState: { disabled: !editable }, onFocus: (e) => {
+                            setIsFocused(true);
+                            onFocus?.(e);
+                        }, onBlur: (e) => {
+                            setIsFocused(false);
+                            onBlur?.(e);
+                        }, style: [
+                            styles.input,
+                            {
+                                minHeight,
+                                color: textColor,
+                                backgroundColor,
+                                borderRadius,
+                                borderColor: border.borderColor,
+                                borderWidth: border.borderWidth,
+                                paddingHorizontal: border.paddingHorizontal,
+                                paddingRight: showClear
+                                    ? border.paddingHorizontal + 28
+                                    : border.paddingHorizontal,
+                            },
+                            multiline && styles.multiline,
+                            inputStyle,
+                        ] }), showClear ? ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { accessibilityLabel: "Clear", accessibilityRole: "button", hitSlop: { top: 10, bottom: 10, left: 10, right: 10 }, onPress: handleClear, style: styles.clearButton, children: clearIcon })) : null] }), error ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.helper, { color: errorColor }], children: error })) : description ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.helper, { color: descriptionColor }], children: description })) : null] }));
+}
+const styles = react_native_1.StyleSheet.create({
+    column: {
+        width: "100%",
+        gap: 6,
+    },
+    blocked: {
+        opacity: 0.4,
+    },
+    label: {
+        fontSize: 13,
+        fontWeight: "600",
+    },
+    inputWrapper: {
+        position: "relative",
+        width: "100%",
+        justifyContent: "center",
+    },
+    input: {
+        width: "100%",
+        paddingVertical: 12,
+        fontSize: 17,
+    },
+    multiline: {
+        paddingTop: 16,
+        paddingBottom: 16,
+    },
+    clearButton: {
+        position: "absolute",
+        right: 8,
+        top: 0,
+        bottom: 0,
+        justifyContent: "center",
+        alignItems: "center",
+        zIndex: 2,
+    },
+    helper: {
+        fontSize: 13,
+    },
+});
+//# sourceMappingURL=fieldChrome.js.map

package/dist/components/Field/fieldChrome.js.map

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

package/dist/components/Field/fieldThemeRoles.d.ts

@@ -0,0 +1,13 @@
+/** Theme roles Field uses when colour props are omitted. */
+export declare const FIELD_THEME_ROLES: {
+    readonly borderColor: "fieldBorder";
+    readonly focusedBorderColor: "fieldFocusedBorder";
+    readonly errorColor: "fieldError";
+    readonly textColor: "fieldText";
+    readonly labelColor: "fieldLabel";
+    readonly placeholderColor: "fieldPlaceholder";
+    readonly backgroundColor: "fieldBackground";
+    readonly descriptionColor: "fieldDescription";
+};
+export type FieldThemeColorProp = keyof typeof FIELD_THEME_ROLES;
+//# sourceMappingURL=fieldThemeRoles.d.ts.map

package/dist/components/Field/fieldThemeRoles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldThemeRoles.d.ts","sourceRoot":"","sources":["../../../src/components/Field/fieldThemeRoles.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,eAAO,MAAM,iBAAiB;;;;;;;;;CASpB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,iBAAiB,CAAC"}

package/dist/components/Field/fieldThemeRoles.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FIELD_THEME_ROLES = void 0;
+/** Theme roles Field uses when colour props are omitted. */
+exports.FIELD_THEME_ROLES = {
+    borderColor: "fieldBorder",
+    focusedBorderColor: "fieldFocusedBorder",
+    errorColor: "fieldError",
+    textColor: "fieldText",
+    labelColor: "fieldLabel",
+    placeholderColor: "fieldPlaceholder",
+    backgroundColor: "fieldBackground",
+    descriptionColor: "fieldDescription",
+};
+//# sourceMappingURL=fieldThemeRoles.js.map

package/dist/components/Field/fieldThemeRoles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldThemeRoles.js","sourceRoot":"","sources":["../../../src/components/Field/fieldThemeRoles.ts"],"names":[],"mappings":";;;AAAA,4DAA4D;AAC/C,QAAA,iBAAiB,GAAG;IAC/B,WAAW,EAAE,aAAa;IAC1B,kBAAkB,EAAE,oBAAoB;IACxC,UAAU,EAAE,YAAY;IACxB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;IACxB,gBAAgB,EAAE,kBAAkB;IACpC,eAAe,EAAE,iBAAiB;IAClC,gBAAgB,EAAE,kBAAkB;CAC5B,CAAC"}

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

@@ -0,0 +1,6 @@
+export { FieldText } from "./FieldText";
+export { FieldTextarea } from "./FieldTextarea";
+export { FIELD_THEME_ROLES } from "./fieldThemeRoles";
+export type { FieldThemeColorProp } from "./fieldThemeRoles";
+export type { FieldSharedProps, FieldTextProps, FieldTextareaProps } from "./types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Field/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FIELD_THEME_ROLES = exports.FieldTextarea = exports.FieldText = void 0;
+var FieldText_1 = require("./FieldText");
+Object.defineProperty(exports, "FieldText", { enumerable: true, get: function () { return FieldText_1.FieldText; } });
+var FieldTextarea_1 = require("./FieldTextarea");
+Object.defineProperty(exports, "FieldTextarea", { enumerable: true, get: function () { return FieldTextarea_1.FieldTextarea; } });
+var fieldThemeRoles_1 = require("./fieldThemeRoles");
+Object.defineProperty(exports, "FIELD_THEME_ROLES", { enumerable: true, get: function () { return fieldThemeRoles_1.FIELD_THEME_ROLES; } });
+//# sourceMappingURL=index.js.map

package/dist/components/Field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Field/index.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,qDAAsD;AAA7C,oHAAA,iBAAiB,OAAA"}

package/dist/components/Field/resolveFieldBorder.d.ts

@@ -0,0 +1,16 @@
+export type ResolveFieldBorderInput = {
+    isFocused: boolean;
+    hasError: boolean;
+    borderColor: string;
+    focusedBorderColor: string;
+    errorColor: string;
+    restingPaddingHorizontal?: number;
+};
+export type ResolveFieldBorderResult = {
+    borderColor: string;
+    borderWidth: number;
+    paddingHorizontal: number;
+};
+export declare function resolveFieldBorder(input: ResolveFieldBorderInput): ResolveFieldBorderResult;
+export declare function shouldShowFieldClear(value: string, hasClearIcon: boolean, editable?: boolean): boolean;
+//# sourceMappingURL=resolveFieldBorder.d.ts.map

package/dist/components/Field/resolveFieldBorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveFieldBorder.d.ts","sourceRoot":"","sources":["../../../src/components/Field/resolveFieldBorder.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,uBAAuB,GAC7B,wBAAwB,CAY1B;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,OAAO,EACrB,QAAQ,UAAO,GACd,OAAO,CAET"}

package/dist/components/Field/resolveFieldBorder.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveFieldBorder = resolveFieldBorder;
+exports.shouldShowFieldClear = shouldShowFieldClear;
+const RESTING_PADDING_HORIZONTAL = 14;
+function resolveFieldBorder(input) {
+    const resting = input.restingPaddingHorizontal ?? RESTING_PADDING_HORIZONTAL;
+    const borderWidth = input.isFocused ? 2 : 1;
+    const borderColor = input.hasError
+        ? input.errorColor
+        : input.isFocused
+            ? input.focusedBorderColor
+            : input.borderColor;
+    const paddingHorizontal = input.isFocused ? resting - 1 : resting;
+    return { borderColor, borderWidth, paddingHorizontal };
+}
+function shouldShowFieldClear(value, hasClearIcon, editable = true) {
+    return value.length > 0 && hasClearIcon && editable;
+}
+//# sourceMappingURL=resolveFieldBorder.js.map

package/dist/components/Field/resolveFieldBorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveFieldBorder.js","sourceRoot":"","sources":["../../../src/components/Field/resolveFieldBorder.ts"],"names":[],"mappings":";;AAiBA,gDAcC;AAED,oDAMC;AAvCD,MAAM,0BAA0B,GAAG,EAAE,CAAC;AAiBtC,SAAgB,kBAAkB,CAChC,KAA8B;IAE9B,MAAM,OAAO,GACX,KAAK,CAAC,wBAAwB,IAAI,0BAA0B,CAAC;IAC/D,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ;QAChC,CAAC,CAAC,KAAK,CAAC,UAAU;QAClB,CAAC,CAAC,KAAK,CAAC,SAAS;YACf,CAAC,CAAC,KAAK,CAAC,kBAAkB;YAC1B,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC;IACxB,MAAM,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAElE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC;AACzD,CAAC;AAED,SAAgB,oBAAoB,CAClC,KAAa,EACb,YAAqB,EACrB,QAAQ,GAAG,IAAI;IAEf,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,IAAI,QAAQ,CAAC;AACtD,CAAC"}

package/dist/components/Field/resolveFieldColor.d.ts

@@ -0,0 +1,7 @@
+import type { ThemeContextValue } from "../../theme/types";
+/**
+ * Resolve a Field colour: explicit prop wins; otherwise read the theme role.
+ * Pure helper so it can be unit-tested without rendering.
+ */
+export declare function resolveFieldColor(prop: string | undefined, role: string, ctx: ThemeContextValue | null, scheme: "light" | "dark"): string;
+//# sourceMappingURL=resolveFieldColor.d.ts.map

package/dist/components/Field/resolveFieldColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveFieldColor.d.ts","sourceRoot":"","sources":["../../../src/components/Field/resolveFieldColor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,iBAAiB,GAAG,IAAI,EAC7B,MAAM,EAAE,OAAO,GAAG,MAAM,GACvB,MAAM,CAcR"}

package/dist/components/Field/resolveFieldColor.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveFieldColor = resolveFieldColor;
+/**
+ * Resolve a Field colour: explicit prop wins; otherwise read the theme role.
+ * Pure helper so it can be unit-tested without rendering.
+ */
+function resolveFieldColor(prop, role, ctx, scheme) {
+    if (prop != null) {
+        return prop;
+    }
+    if (!ctx) {
+        throw new Error(`Field colour "${role}" was not passed and Field requires ThemeProvider to resolve defaults`);
+    }
+    const value = ctx.colors[scheme][role];
+    if (value == null) {
+        throw new Error(`Unknown theme colour "${role}" for scheme "${scheme}"`);
+    }
+    return value;
+}
+//# sourceMappingURL=resolveFieldColor.js.map

package/dist/components/Field/resolveFieldColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveFieldColor.js","sourceRoot":"","sources":["../../../src/components/Field/resolveFieldColor.ts"],"names":[],"mappings":";;AAMA,8CAmBC;AAvBD;;;GAGG;AACH,SAAgB,iBAAiB,CAC/B,IAAwB,EACxB,IAAY,EACZ,GAA6B,EAC7B,MAAwB;IAExB,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,iBAAiB,IAAI,uEAAuE,CAC7F,CAAC;IACJ,CAAC;IACD,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;IACvC,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,MAAM,IAAI,KAAK,CAAC,yBAAyB,IAAI,iBAAiB,MAAM,GAAG,CAAC,CAAC;IAC3E,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}

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

@@ -0,0 +1,46 @@
+import type { ReactNode, Ref } from "react";
+import type { StyleProp, TextInputProps, TextStyle, ViewStyle } from "react-native";
+import type { ButtonRadius } from "../Button/buttonRadius";
+export type FieldSharedProps = {
+    value: string;
+    onChangeText: (text: string) => void;
+    /** Defaults to theme role `fieldBorder`. */
+    borderColor?: string;
+    /** Defaults to theme role `fieldFocusedBorder`. */
+    focusedBorderColor?: string;
+    /** Defaults to theme role `fieldError`. */
+    errorColor?: string;
+    /** Defaults to theme role `fieldText`. */
+    textColor?: string;
+    /** Defaults to theme role `fieldLabel`. */
+    labelColor?: string;
+    /** Defaults to theme role `fieldPlaceholder`. */
+    placeholderColor?: string;
+    /** Defaults to theme role `fieldBackground`. */
+    backgroundColor?: string;
+    label?: string;
+    /** Helper text under the input. Hidden while `error` is set. */
+    description?: string;
+    error?: string;
+    placeholder?: string;
+    radius?: ButtonRadius;
+    editable?: boolean;
+    clearIcon?: ReactNode;
+    onClear?: () => void;
+    style?: StyleProp<ViewStyle>;
+    inputStyle?: StyleProp<TextStyle>;
+    /** Forwarded to TextInput; do not invert. */
+    secureTextEntry?: boolean;
+    keyboardType?: TextInputProps["keyboardType"];
+    autoCapitalize?: TextInputProps["autoCapitalize"];
+    autoComplete?: TextInputProps["autoComplete"];
+    textContentType?: TextInputProps["textContentType"];
+    onFocus?: TextInputProps["onFocus"];
+    onBlur?: TextInputProps["onBlur"];
+    ref?: Ref<import("react-native").TextInput>;
+};
+export type FieldTextProps = FieldSharedProps;
+export type FieldTextareaProps = FieldSharedProps & {
+    numberOfLines?: number;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC9C,cAAc,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC9C,eAAe,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,GAAG,CAAC,EAAE,GAAG,CAAC,OAAO,cAAc,EAAE,SAAS,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,gBAAgB,CAAC;AAE9C,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}

package/dist/components/Field/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map