@studio-piot/native-ui 0.1.0

package/dist/components/index.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveSelectDetentIndex = exports.DEFAULT_SELECT_INITIAL_DETENT = exports.DEFAULT_SELECT_DETENTS = exports.SELECT_THEME_ROLES = exports.SelectCloseButton = exports.Select = exports.RADIO_THEME_ROLES = exports.RadioField = exports.FormCloseButton = exports.Form = exports.FIELD_THEME_ROLES = exports.FieldTextarea = exports.FieldText = exports.filterLinkBlockGroups = exports.LinkBlocks = exports.buttonRadiusValue = exports.Button = void 0;
+var Button_1 = require("./Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+Object.defineProperty(exports, "buttonRadiusValue", { enumerable: true, get: function () { return Button_1.buttonRadiusValue; } });
+var LinkBlocks_1 = require("./LinkBlocks");
+Object.defineProperty(exports, "LinkBlocks", { enumerable: true, get: function () { return LinkBlocks_1.LinkBlocks; } });
+Object.defineProperty(exports, "filterLinkBlockGroups", { enumerable: true, get: function () { return LinkBlocks_1.filterLinkBlockGroups; } });
+var Field_1 = require("./Field");
+Object.defineProperty(exports, "FieldText", { enumerable: true, get: function () { return Field_1.FieldText; } });
+Object.defineProperty(exports, "FieldTextarea", { enumerable: true, get: function () { return Field_1.FieldTextarea; } });
+Object.defineProperty(exports, "FIELD_THEME_ROLES", { enumerable: true, get: function () { return Field_1.FIELD_THEME_ROLES; } });
+var Form_1 = require("./Form");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
+Object.defineProperty(exports, "FormCloseButton", { enumerable: true, get: function () { return Form_1.FormCloseButton; } });
+var RadioField_1 = require("./RadioField");
+Object.defineProperty(exports, "RadioField", { enumerable: true, get: function () { return RadioField_1.RadioField; } });
+Object.defineProperty(exports, "RADIO_THEME_ROLES", { enumerable: true, get: function () { return RadioField_1.RADIO_THEME_ROLES; } });
+var Select_1 = require("./Select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
+Object.defineProperty(exports, "SelectCloseButton", { enumerable: true, get: function () { return Select_1.SelectCloseButton; } });
+Object.defineProperty(exports, "SELECT_THEME_ROLES", { enumerable: true, get: function () { return Select_1.SELECT_THEME_ROLES; } });
+Object.defineProperty(exports, "DEFAULT_SELECT_DETENTS", { enumerable: true, get: function () { return Select_1.DEFAULT_SELECT_DETENTS; } });
+Object.defineProperty(exports, "DEFAULT_SELECT_INITIAL_DETENT", { enumerable: true, get: function () { return Select_1.DEFAULT_SELECT_INITIAL_DETENT; } });
+Object.defineProperty(exports, "resolveSelectDetentIndex", { enumerable: true, get: function () { return Select_1.resolveSelectDetentIndex; } });
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,mCAKkB;AAJhB,gGAAA,MAAM,OAAA;AAEN,2GAAA,iBAAiB,OAAA;AAGnB,2CAMsB;AALpB,wGAAA,UAAU,OAAA;AACV,mHAAA,qBAAqB,OAAA;AAKvB,iCAQiB;AAPf,kGAAA,SAAS,OAAA;AACT,sGAAA,aAAa,OAAA;AACb,0GAAA,iBAAiB,OAAA;AAMnB,+BAA+D;AAAtD,4FAAA,IAAI,OAAA;AAAE,uGAAA,eAAe,OAAA;AAC9B,2CAMsB;AALpB,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AAKnB,mCAWkB;AAVhB,gGAAA,MAAM,OAAA;AACN,2GAAA,iBAAiB,OAAA;AACjB,4GAAA,kBAAkB,OAAA;AAClB,gHAAA,sBAAsB,OAAA;AACtB,uHAAA,6BAA6B,OAAA;AAC7B,kHAAA,wBAAwB,OAAA"}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export declare const version = "0.1.0";
+export * from "./theme";
+export { Button, type ButtonProps, buttonRadiusValue, type ButtonRadius, } from "./components/Button";
+export { LinkBlocks, filterLinkBlockGroups, type LinkBlockGroup, type LinkBlockItem, type LinkBlocksProps, } from "./components/LinkBlocks";
+export { FieldText, FieldTextarea, FIELD_THEME_ROLES, type FieldThemeColorProp, type FieldSharedProps, type FieldTextProps, type FieldTextareaProps, } from "./components/Field";
+export { Form, FormCloseButton, type FormProps, } from "./components/Form";
+export { RadioField, RADIO_THEME_ROLES, type RadioThemeColorProp, type RadioOption, type RadioFieldProps, } from "./components/RadioField";
+export { Select, SelectCloseButton, SELECT_THEME_ROLES, DEFAULT_SELECT_DETENTS, DEFAULT_SELECT_INITIAL_DETENT, resolveSelectDetentIndex, type SelectThemeColorProp, type SelectOption, type SelectProps, type SelectCloseButtonProp, } from "./components/Select";
+export * as components from "./components";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,cAAc,SAAS,CAAC;AACxB,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,iBAAiB,EACjB,KAAK,YAAY,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,UAAU,EACV,qBAAqB,EACrB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,kBAAkB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,IAAI,EACJ,eAAe,EACf,KAAK,SAAS,GACf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,MAAM,EACN,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,6BAA6B,EAC7B,wBAAwB,EACxB,KAAK,oBAAoB,EACzB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,qBAAqB,GAC3B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,66 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.components = exports.resolveSelectDetentIndex = exports.DEFAULT_SELECT_INITIAL_DETENT = exports.DEFAULT_SELECT_DETENTS = exports.SELECT_THEME_ROLES = exports.SelectCloseButton = exports.Select = exports.RADIO_THEME_ROLES = exports.RadioField = exports.FormCloseButton = exports.Form = exports.FIELD_THEME_ROLES = exports.FieldTextarea = exports.FieldText = exports.filterLinkBlockGroups = exports.LinkBlocks = exports.buttonRadiusValue = exports.Button = exports.version = void 0;
+exports.version = "0.1.0";
+__exportStar(require("./theme"), exports);
+var Button_1 = require("./components/Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+Object.defineProperty(exports, "buttonRadiusValue", { enumerable: true, get: function () { return Button_1.buttonRadiusValue; } });
+var LinkBlocks_1 = require("./components/LinkBlocks");
+Object.defineProperty(exports, "LinkBlocks", { enumerable: true, get: function () { return LinkBlocks_1.LinkBlocks; } });
+Object.defineProperty(exports, "filterLinkBlockGroups", { enumerable: true, get: function () { return LinkBlocks_1.filterLinkBlockGroups; } });
+var Field_1 = require("./components/Field");
+Object.defineProperty(exports, "FieldText", { enumerable: true, get: function () { return Field_1.FieldText; } });
+Object.defineProperty(exports, "FieldTextarea", { enumerable: true, get: function () { return Field_1.FieldTextarea; } });
+Object.defineProperty(exports, "FIELD_THEME_ROLES", { enumerable: true, get: function () { return Field_1.FIELD_THEME_ROLES; } });
+var Form_1 = require("./components/Form");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
+Object.defineProperty(exports, "FormCloseButton", { enumerable: true, get: function () { return Form_1.FormCloseButton; } });
+var RadioField_1 = require("./components/RadioField");
+Object.defineProperty(exports, "RadioField", { enumerable: true, get: function () { return RadioField_1.RadioField; } });
+Object.defineProperty(exports, "RADIO_THEME_ROLES", { enumerable: true, get: function () { return RadioField_1.RADIO_THEME_ROLES; } });
+var Select_1 = require("./components/Select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
+Object.defineProperty(exports, "SelectCloseButton", { enumerable: true, get: function () { return Select_1.SelectCloseButton; } });
+Object.defineProperty(exports, "SELECT_THEME_ROLES", { enumerable: true, get: function () { return Select_1.SELECT_THEME_ROLES; } });
+Object.defineProperty(exports, "DEFAULT_SELECT_DETENTS", { enumerable: true, get: function () { return Select_1.DEFAULT_SELECT_DETENTS; } });
+Object.defineProperty(exports, "DEFAULT_SELECT_INITIAL_DETENT", { enumerable: true, get: function () { return Select_1.DEFAULT_SELECT_INITIAL_DETENT; } });
+Object.defineProperty(exports, "resolveSelectDetentIndex", { enumerable: true, get: function () { return Select_1.resolveSelectDetentIndex; } });
+exports.components = __importStar(require("./components"));
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAa,QAAA,OAAO,GAAG,OAAO,CAAC;AAE/B,0CAAwB;AACxB,8CAK6B;AAJ3B,gGAAA,MAAM,OAAA;AAEN,2GAAA,iBAAiB,OAAA;AAGnB,sDAMiC;AAL/B,wGAAA,UAAU,OAAA;AACV,mHAAA,qBAAqB,OAAA;AAKvB,4CAQ4B;AAP1B,kGAAA,SAAS,OAAA;AACT,sGAAA,aAAa,OAAA;AACb,0GAAA,iBAAiB,OAAA;AAMnB,0CAI2B;AAHzB,4FAAA,IAAI,OAAA;AACJ,uGAAA,eAAe,OAAA;AAGjB,sDAMiC;AAL/B,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AAKnB,8CAW6B;AAV3B,gGAAA,MAAM,OAAA;AACN,2GAAA,iBAAiB,OAAA;AACjB,4GAAA,kBAAkB,OAAA;AAClB,gHAAA,sBAAsB,OAAA;AACtB,uHAAA,6BAA6B,OAAA;AAC7B,kHAAA,wBAAwB,OAAA;AAM1B,2DAA2C"}

package/dist/layout/index.d.ts

@@ -0,0 +1,2 @@
+export { screenPaddingHorizontal } from "./screenPadding";
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/layout/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.screenPaddingHorizontal = void 0;
+var screenPadding_1 = require("./screenPadding");
+Object.defineProperty(exports, "screenPaddingHorizontal", { enumerable: true, get: function () { return screenPadding_1.screenPaddingHorizontal; } });
+//# sourceMappingURL=index.js.map

package/dist/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":";;;AAAA,iDAA0D;AAAjD,wHAAA,uBAAuB,OAAA"}

package/dist/layout/screenPadding.d.ts

@@ -0,0 +1,3 @@
+/** Default inset from screen edges for Form header, content, and footer. */
+export declare const screenPaddingHorizontal = 16;
+//# sourceMappingURL=screenPadding.d.ts.map

package/dist/layout/screenPadding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenPadding.d.ts","sourceRoot":"","sources":["../../src/layout/screenPadding.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,eAAO,MAAM,uBAAuB,KAAK,CAAC"}

package/dist/layout/screenPadding.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.screenPaddingHorizontal = void 0;
+/** Default inset from screen edges for Form header, content, and footer. */
+exports.screenPaddingHorizontal = 16;
+//# sourceMappingURL=screenPadding.js.map

package/dist/layout/screenPadding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenPadding.js","sourceRoot":"","sources":["../../src/layout/screenPadding.ts"],"names":[],"mappings":";;;AAAA,4EAA4E;AAC/D,QAAA,uBAAuB,GAAG,EAAE,CAAC"}

package/dist/theme/ThemeProvider.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from "react";
+import type { ThemeColors, ThemeContextValue } from "./types";
+export declare const ThemeContext: import("react").Context<ThemeContextValue | null>;
+export declare function ThemeProvider({ colors, children, }: {
+    colors: {
+        light: ThemeColors;
+        dark: ThemeColors;
+    };
+    children: ReactNode;
+}): import("react").FunctionComponentElement<import("react").ProviderProps<ThemeContextValue | null>>;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/theme/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE9D,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE;QAAE,KAAK,EAAE,WAAW,CAAC;QAAC,IAAI,EAAE,WAAW,CAAA;KAAE,CAAC;IAClD,QAAQ,EAAE,SAAS,CAAC;CACrB,qGAGA"}

package/dist/theme/ThemeProvider.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeContext = void 0;
+exports.ThemeProvider = ThemeProvider;
+const react_1 = require("react");
+exports.ThemeContext = (0, react_1.createContext)(null);
+function ThemeProvider({ colors, children, }) {
+    const value = (0, react_1.useMemo)(() => ({ colors }), [colors]);
+    return (0, react_1.createElement)(exports.ThemeContext.Provider, { value }, children);
+}
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/theme/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":";;;AAUA,sCASC;AAnBD,iCAKe;AAGF,QAAA,YAAY,GAAG,IAAA,qBAAa,EAA2B,IAAI,CAAC,CAAC;AAE1E,SAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,GAIT;IACC,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACpD,OAAO,IAAA,qBAAa,EAAC,oBAAY,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAC;AACnE,CAAC"}

package/dist/theme/index.d.ts

@@ -0,0 +1,6 @@
+export type { ThemeColors, ThemeContextValue } from "./types";
+export { ThemeProvider } from "./ThemeProvider";
+export { useColorScheme } from "./useColorScheme";
+export { useThemeColor } from "./useThemeColor";
+export { resolveColorScheme } from "./resolveColorScheme";
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveColorScheme = exports.useThemeColor = exports.useColorScheme = exports.ThemeProvider = void 0;
+var ThemeProvider_1 = require("./ThemeProvider");
+Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeProvider_1.ThemeProvider; } });
+var useColorScheme_1 = require("./useColorScheme");
+Object.defineProperty(exports, "useColorScheme", { enumerable: true, get: function () { return useColorScheme_1.useColorScheme; } });
+var useThemeColor_1 = require("./useThemeColor");
+Object.defineProperty(exports, "useThemeColor", { enumerable: true, get: function () { return useThemeColor_1.useThemeColor; } });
+var resolveColorScheme_1 = require("./resolveColorScheme");
+Object.defineProperty(exports, "resolveColorScheme", { enumerable: true, get: function () { return resolveColorScheme_1.resolveColorScheme; } });
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":";;;AACA,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA"}

package/dist/theme/resolveColorScheme.d.ts

@@ -0,0 +1,2 @@
+export declare function resolveColorScheme(scheme: string | null | undefined): "light" | "dark";
+//# sourceMappingURL=resolveColorScheme.d.ts.map

package/dist/theme/resolveColorScheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveColorScheme.d.ts","sourceRoot":"","sources":["../../src/theme/resolveColorScheme.ts"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAChC,OAAO,GAAG,MAAM,CAElB"}

package/dist/theme/resolveColorScheme.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveColorScheme = resolveColorScheme;
+function resolveColorScheme(scheme) {
+    return scheme === "dark" ? "dark" : "light";
+}
+//# sourceMappingURL=resolveColorScheme.js.map

package/dist/theme/resolveColorScheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveColorScheme.js","sourceRoot":"","sources":["../../src/theme/resolveColorScheme.ts"],"names":[],"mappings":";;AAAA,gDAIC;AAJD,SAAgB,kBAAkB,CAChC,MAAiC;IAEjC,OAAO,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AAC9C,CAAC"}

package/dist/theme/types.d.ts

@@ -0,0 +1,8 @@
+export type ThemeColors = Record<string, string>;
+export type ThemeContextValue = {
+    colors: {
+        light: ThemeColors;
+        dark: ThemeColors;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/theme/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE;QAAE,KAAK,EAAE,WAAW,CAAC;QAAC,IAAI,EAAE,WAAW,CAAA;KAAE,CAAC;CACnD,CAAC"}

package/dist/theme/types.js

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

package/dist/theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":""}

package/dist/theme/useColorScheme.d.ts

@@ -0,0 +1,2 @@
+export declare function useColorScheme(): "light" | "dark";
+//# sourceMappingURL=useColorScheme.d.ts.map

package/dist/theme/useColorScheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorScheme.d.ts","sourceRoot":"","sources":["../../src/theme/useColorScheme.ts"],"names":[],"mappings":"AAKA,wBAAgB,cAAc,IAAI,OAAO,GAAG,MAAM,CAOjD"}

package/dist/theme/useColorScheme.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useColorScheme = useColorScheme;
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const resolveColorScheme_1 = require("./resolveColorScheme");
+const ThemeProvider_1 = require("./ThemeProvider");
+function useColorScheme() {
+    const ctx = (0, react_1.useContext)(ThemeProvider_1.ThemeContext);
+    const systemScheme = (0, react_native_1.useColorScheme)();
+    if (!ctx) {
+        throw new Error("useColorScheme must be used within ThemeProvider");
+    }
+    return (0, resolveColorScheme_1.resolveColorScheme)(systemScheme);
+}
+//# sourceMappingURL=useColorScheme.js.map

package/dist/theme/useColorScheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorScheme.js","sourceRoot":"","sources":["../../src/theme/useColorScheme.ts"],"names":[],"mappings":";;AAKA,wCAOC;AAZD,iCAAmC;AACnC,+CAAsE;AACtE,6DAA0D;AAC1D,mDAA+C;AAE/C,SAAgB,cAAc;IAC5B,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,4BAAY,CAAC,CAAC;IACrC,MAAM,YAAY,GAAG,IAAA,6BAAoB,GAAE,CAAC;IAC5C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACtE,CAAC;IACD,OAAO,IAAA,uCAAkB,EAAC,YAAY,CAAC,CAAC;AAC1C,CAAC"}

package/dist/theme/useThemeColor.d.ts

@@ -0,0 +1,5 @@
+export declare function useThemeColor(colorName: string, overrides?: {
+    light?: string;
+    dark?: string;
+}): string;
+//# sourceMappingURL=useThemeColor.d.ts.map

package/dist/theme/useThemeColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeColor.d.ts","sourceRoot":"","sources":["../../src/theme/useThemeColor.ts"],"names":[],"mappings":"AAKA,wBAAgB,aAAa,CAC3B,SAAS,EAAE,MAAM,EACjB,SAAS,CAAC,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAC5C,MAAM,CAgBR"}

package/dist/theme/useThemeColor.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemeColor = useThemeColor;
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const resolveColorScheme_1 = require("./resolveColorScheme");
+const ThemeProvider_1 = require("./ThemeProvider");
+function useThemeColor(colorName, overrides) {
+    const ctx = (0, react_1.useContext)(ThemeProvider_1.ThemeContext);
+    const systemScheme = (0, react_native_1.useColorScheme)();
+    if (!ctx) {
+        throw new Error("useThemeColor must be used within ThemeProvider");
+    }
+    const scheme = (0, resolveColorScheme_1.resolveColorScheme)(systemScheme);
+    const override = overrides?.[scheme];
+    if (override != null) {
+        return override;
+    }
+    const value = ctx.colors[scheme][colorName];
+    if (value == null) {
+        throw new Error(`Unknown theme colour "${colorName}" for scheme "${scheme}"`);
+    }
+    return value;
+}
+//# sourceMappingURL=useThemeColor.js.map

package/dist/theme/useThemeColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeColor.js","sourceRoot":"","sources":["../../src/theme/useThemeColor.ts"],"names":[],"mappings":";;AAKA,sCAmBC;AAxBD,iCAAmC;AACnC,+CAAsE;AACtE,6DAA0D;AAC1D,mDAA+C;AAE/C,SAAgB,aAAa,CAC3B,SAAiB,EACjB,SAA6C;IAE7C,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,4BAAY,CAAC,CAAC;IACrC,MAAM,YAAY,GAAG,IAAA,6BAAoB,GAAE,CAAC;IAC5C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;IACrE,CAAC;IACD,MAAM,MAAM,GAAG,IAAA,uCAAkB,EAAC,YAAY,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC;IACrC,IAAI,QAAQ,IAAI,IAAI,EAAE,CAAC;QACrB,OAAO,QAAQ,CAAC;IAClB,CAAC;IACD,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;IAC5C,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,MAAM,IAAI,KAAK,CAAC,yBAAyB,SAAS,iBAAiB,MAAM,GAAG,CAAC,CAAC;IAChF,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/docs/components/button.md

@@ -0,0 +1,162 @@
+# Theme provider and Button — usage
+
+How to theme an app with `@studio-piot/native-ui` and use `Button`.
+
+For the design contract, see [the theme provider and Button design](../superpowers/specs/2026-09-24-theme-provider-button-design.md).
+
+## Install
+
+```bash
+npm install @studio-piot/native-ui
+```
+
+`react` and `react-native` are peer dependencies.
+
+## Theme
+
+The package does not ship a palette. Your app owns colour roles. Mount `ThemeProvider` near the root with light and dark maps that share the same keys:
+
+```tsx
+import { ThemeProvider } from "@studio-piot/native-ui";
+import { Colors } from "./config/colors";
+
+export function Root({ children }: { children: React.ReactNode }) {
+  return <ThemeProvider colors={Colors}>{children}</ThemeProvider>;
+}
+```
+
+```ts
+// Example app colours — role names are yours
+export const Colors = {
+  light: {
+    buttonBackground: "#FF4F16",
+    buttonLabel: "#22201D",
+  },
+  dark: {
+    buttonBackground: "#FF4F16",
+    buttonLabel: "#22201D",
+  },
+} as const;
+```
+
+### `useThemeColor`
+
+Resolves a role for the current scheme (React Native `useColorScheme`; anything other than `"dark"` is light):
+
+```tsx
+import { useThemeColor } from "@studio-piot/native-ui";
+
+const backgroundColor = useThemeColor("buttonBackground");
+const labelColor = useThemeColor("buttonLabel");
+```
+
+Optional overrides for one scheme:
+
+```tsx
+useThemeColor("buttonBackground", { dark: "#000000" });
+```
+
+Must be used inside `ThemeProvider`. A missing role throws.
+
+### `useColorScheme`
+
+```tsx
+import { useColorScheme } from "@studio-piot/native-ui";
+
+const scheme = useColorScheme(); // "light" | "dark"
+```
+
+The package does not store preferences or call `Appearance.setColorScheme`. If your app overrides the window appearance, do that yourself; these hooks will follow the resolved scheme.
+
+## Button
+
+`Button` is presentational. Pass the colours you want. Full width of its parent is fixed.
+
+```tsx
+import { Button, useThemeColor } from "@studio-piot/native-ui";
+
+export function SaveButton({ onPress }: { onPress: () => void }) {
+  return (
+    <Button
+      label="Save"
+      onPress={onPress}
+      backgroundColor={useThemeColor("buttonBackground")}
+      labelColor={useThemeColor("buttonLabel")}
+    />
+  );
+}
+```
+
+### Props
+
+| Prop | Type | Default | Notes |
+|---|---|---|---|
+| `label` | `string` | — | Required |
+| `onPress` | `() => void` | — | Required |
+| `backgroundColor` | `string` | — | Required. Filled: fill. Outline: border + label |
+| `labelColor` | `string` | — | Required. Filled: label + spinner |
+| `variant` | `"filled" \| "outline"` | `"filled"` | |
+| `radius` | see below | `"xl"` | Tailwind-style steps |
+| `disabled` | `boolean` | `false` | Opacity treatment; same colours |
+| `loading` | `boolean` | `false` | Spinner instead of label; non-interactive |
+| `style` | view style | — | Merged after the shell |
+| `labelStyle` | text style | — | Merged after the label |
+
+### Variants
+
+- **filled** — `backgroundColor` fill, `labelColor` text/spinner  
+- **outline** — transparent fill, border and label from `backgroundColor`. `labelColor` is still required but unused for the outline label; the outline spinner uses `backgroundColor`.
+
+### Radius
+
+| Value | Border radius |
+|---|---|
+| `none` | `0` |
+| `sm` | `2` |
+| `md` | `6` |
+| `lg` | `8` |
+| `xl` | `12` (default) |
+| `2xl` | `16` |
+| `3xl` | `24` |
+| `full` | pill (`999`) |
+
+```tsx
+<Button
+  label="Continue"
+  onPress={onContinue}
+  backgroundColor={backgroundColor}
+  labelColor={labelColor}
+  radius="full"
+  variant="outline"
+/>
+```
+
+### Loading and disabled
+
+```tsx
+<Button
+  label="Saving…"
+  onPress={onSave}
+  backgroundColor={backgroundColor}
+  labelColor={labelColor}
+  loading={isSaving}
+  disabled={!canSave}
+/>
+```
+
+When `loading` or `disabled` is true, the control does not fire `onPress` and uses reduced opacity.
+
+## Imports
+
+```ts
+import {
+  Button,
+  ThemeProvider,
+  useColorScheme,
+  useThemeColor,
+  version,
+} from "@studio-piot/native-ui";
+
+// Or components only:
+import { Button } from "@studio-piot/native-ui/components";
+```

package/docs/components/field.md

@@ -0,0 +1,128 @@
+# Field — usage
+
+Presentational single-line and multiline text inputs with optional label, description, focus and error chrome, and an optional clear affordance. Colours default from `ThemeProvider`; pass props only to override. Your app owns icons and form state.
+
+For the design contract, see [Field design](../superpowers/specs/2026-09-24-field-design.md).
+
+For `ThemeProvider` and `useThemeColor`, see [theme provider and Button usage](./button.md).
+
+## FieldText and FieldTextarea
+
+`FieldText` and `FieldTextarea` are controlled only (`value` + `onChangeText`). When colour props are omitted, Field reads fixed roles from `ThemeProvider` (see below). Explicit colour props always win. `ThemeProvider` is required only when at least one colour prop is omitted. Full width of the parent is fixed. The package does not import icon libraries; pass `clearIcon` as an opaque `ReactNode` when you want a clear control.
+
+```tsx
+import { FieldText, FieldTextarea, useThemeColor } from "@studio-piot/native-ui";
+import Ionicons from "@expo/vector-icons/Ionicons";
+import { useState } from "react";
+
+export function ProfileFields() {
+  const [email, setEmail] = useState("");
+  const [notes, setNotes] = useState("");
+  const emailError =
+    email.length > 0 && !email.includes("@") ? "Enter a valid email" : undefined;
+  const textSecondary = useThemeColor("textSecondary");
+
+  return (
+    <>
+      <FieldText
+        label="Email"
+        value={email}
+        onChangeText={setEmail}
+        placeholder="you@example.com"
+        description="Used for login and receipts."
+        error={emailError}
+        keyboardType="email-address"
+        autoCapitalize="none"
+        clearIcon={
+          <Ionicons name="close-circle" size={20} color={textSecondary} />
+        }
+      />
+
+      <FieldTextarea
+        label="Notes"
+        value={notes}
+        onChangeText={setNotes}
+      />
+    </>
+  );
+}
+```
+
+Your `ThemeProvider` colour maps must include the default roles listed below (same keys in light and dark).
+
+### Colour props (optional overrides)
+
+| Prop | Default theme role | Role |
+|---|---|---|
+| `borderColor` | `fieldBorder` | Resting border |
+| `focusedBorderColor` | `fieldFocusedBorder` | Focused border when there is no error |
+| `errorColor` | `fieldError` | Error border and error message text |
+| `textColor` | `fieldText` | Input value |
+| `labelColor` | `fieldLabel` | Label above the input |
+| `placeholderColor` | `fieldPlaceholder` | Placeholder |
+| `backgroundColor` | `fieldBackground` | Input fill |
+
+Optional helper text uses theme role `fieldDescription`. When `error` is set, the error message replaces the description under the input.
+
+### Shared props
+
+| Prop | Type | Default | Notes |
+|---|---|---|---|
+| `value` | `string` | — | Required. Controlled |
+| `onChangeText` | `(text: string) => void` | — | Required |
+| `borderColor` | `string` | theme `fieldBorder` | Optional override |
+| `focusedBorderColor` | `string` | theme `fieldFocusedBorder` | Optional override |
+| `errorColor` | `string` | theme `fieldError` | Optional override |
+| `textColor` | `string` | theme `fieldText` | Optional override |
+| `labelColor` | `string` | theme `fieldLabel` | Optional override |
+| `placeholderColor` | `string` | theme `fieldPlaceholder` | Optional override |
+| `backgroundColor` | `string` | theme `fieldBackground` | Optional override |
+| `label` | `string` | — | Caption above the input |
+| `description` | `string` | — | Helper under the input; hidden while `error` is set |
+| `error` | `string` | — | Shown under the input; non-empty string drives error border |
+| `placeholder` | `string` | — | |
+| `radius` | `ButtonRadius` | `"xl"` | Same steps as `Button` |
+| `editable` | `boolean` | `true` | `false` → reduced opacity (same treatment as `Button`) |
+| `clearIcon` | `React.ReactNode` | — | Clear shown only with non-empty `value`, this prop, and `editable` |
+| `onClear` | `() => void` | calls `onChangeText("")` | If you pass `onClear`, you must clear the value yourself (e.g. `setState("")`); the component does not also call `onChangeText("")`. |
+| `style` | view style | — | Outer column |
+| `inputStyle` | text style | — | Merged onto `TextInput` |
+
+Common `TextInput` passthroughs are supported (e.g. `secureTextEntry`, `keyboardType`, `autoCapitalize`, `autoComplete`, `textContentType`, `onFocus`, `onBlur`, `ref`). Pass `editable` as-is — do not invert it.
+
+### FieldTextarea extras
+
+| Prop | Type | Default | Notes |
+|---|---|---|---|
+| `numberOfLines` | `number` | `4` | Drives minimum height; always multiline, top-aligned text |
+
+### Focus, error, and clear
+
+- **Resting** — `borderWidth: 1`, colour `borderColor`.
+- **Focused (no error)** — `borderWidth: 2`, colour `focusedBorderColor`. Horizontal padding is reduced by 1 so the control does not grow when the stroke doubles.
+- **Error** — When `error` is a non-empty string, the border uses `errorColor` and the message renders below the input in `errorColor`. If the field is also focused, error colour still wins and the double stroke remains. Error replaces the description when both would show.
+- **Clear** — Visible only when `value` is non-empty, `clearIcon` is provided, and the field is `editable`. Tapping clear runs `onClear` if provided; otherwise the default handler calls `onChangeText("")`. When you supply `onClear`, clearing the controlled value is your responsibility. Extra trailing padding keeps text from overlapping the control.
+
+### Radius
+
+Uses the same Tailwind-style steps as `Button` (`buttonRadiusValue`). Default `"xl"` (12px). See the [Button radius table](./button.md#radius).
+
+### Accessibility
+
+When `label` is set, it is used for the input’s accessibility label. Error text is exposed to assistive tech. The clear control has an accessibility label (e.g. “Clear”).
+
+## Imports
+
+```ts
+import {
+  FieldText,
+  FieldTextarea,
+  FIELD_THEME_ROLES,
+  type FieldSharedProps,
+  type FieldTextProps,
+  type FieldTextareaProps,
+} from "@studio-piot/native-ui";
+
+// Or components only:
+import { FieldText, FieldTextarea } from "@studio-piot/native-ui/components";
+```