@studio-piot/native-ui 0.1.0 → 0.2.2

package/dist/components/Slider/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SLIDER_THEME_ROLES = exports.Slider = void 0;
+var Slider_1 = require("./Slider");
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return Slider_1.Slider; } });
+var sliderThemeRoles_1 = require("./sliderThemeRoles");
+Object.defineProperty(exports, "SLIDER_THEME_ROLES", { enumerable: true, get: function () { return sliderThemeRoles_1.SLIDER_THEME_ROLES; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":";;;AAAA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,uDAG4B;AAF1B,sHAAA,kBAAkB,OAAA"}

package/dist/components/Slider/sliderThemeRoles.d.ts

@@ -0,0 +1,8 @@
+export declare const SLIDER_THEME_ROLES: {
+    readonly labelColor: "fieldLabel";
+    readonly valueColor: "fieldText";
+    readonly highlightColor: "fieldSliderHighlight";
+    readonly trackColor: "fieldBorder";
+};
+export type SliderThemeColorProp = keyof typeof SLIDER_THEME_ROLES;
+//# sourceMappingURL=sliderThemeRoles.d.ts.map

package/dist/components/Slider/sliderThemeRoles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliderThemeRoles.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/sliderThemeRoles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;;;CAKrB,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,kBAAkB,CAAC"}

package/dist/components/Slider/sliderThemeRoles.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SLIDER_THEME_ROLES = void 0;
+exports.SLIDER_THEME_ROLES = {
+    labelColor: "fieldLabel",
+    valueColor: "fieldText",
+    highlightColor: "fieldSliderHighlight",
+    trackColor: "fieldBorder",
+};
+//# sourceMappingURL=sliderThemeRoles.js.map

package/dist/components/Slider/sliderThemeRoles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliderThemeRoles.js","sourceRoot":"","sources":["../../../src/components/Slider/sliderThemeRoles.ts"],"names":[],"mappings":";;;AAAa,QAAA,kBAAkB,GAAG;IAChC,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,WAAW;IACvB,cAAc,EAAE,sBAAsB;IACtC,UAAU,EAAE,aAAa;CACjB,CAAC"}

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

@@ -0,0 +1,18 @@
+import type { StyleProp, ViewStyle } from "react-native";
+export type SliderProps = {
+    value: number;
+    onChange: (value: number) => void;
+    minimumValue: number;
+    maximumValue: number;
+    step?: number;
+    label?: string;
+    /** Defaults to `String(value)`. */
+    formatValue?: (value: number) => string;
+    disabled?: boolean;
+    labelColor?: string;
+    valueColor?: string;
+    highlightColor?: string;
+    trackColor?: string;
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

package/dist/components/Slider/types.js

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

package/dist/components/Slider/types.js.map

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

package/dist/components/index.d.ts

@@ -3,5 +3,6 @@ export { LinkBlocks, filterLinkBlockGroups, type LinkBlockGroup, type LinkBlockI
 export { FieldText, FieldTextarea, FIELD_THEME_ROLES, type FieldThemeColorProp, type FieldSharedProps, type FieldTextProps, type FieldTextareaProps, } from "./Field";
 export { Form, FormCloseButton, type FormProps } from "./Form";
 export { RadioField, RADIO_THEME_ROLES, type RadioThemeColorProp, type RadioOption, type RadioFieldProps, } from "./RadioField";
-export { Select, SelectCloseButton, SELECT_THEME_ROLES, DEFAULT_SELECT_DETENTS, DEFAULT_SELECT_INITIAL_DETENT, resolveSelectDetentIndex, type SelectThemeColorProp, type SelectOption, type SelectProps, type SelectCloseButtonProp, } from "./Select";
+export { Select, SelectCloseButton, SELECT_THEME_ROLES, DEFAULT_SELECT_DETENTS, DEFAULT_SELECT_INITIAL_DETENT, detentsToSnapPoints, resolveSelectDetentIndex, type SelectThemeColorProp, type SelectCloseButtonSlot, type SelectOption, type SelectProps, } from "./Select";
+export { Slider, SLIDER_THEME_ROLES, type SliderThemeColorProp, type SliderProps, } from "./Slider";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,iBAAiB,EACjB,KAAK,YAAY,GAClB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,UAAU,EACV,qBAAqB,EACrB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,kBAAkB,GACxB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC/D,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,cAAc,CAAC;AACtB,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,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,iBAAiB,EACjB,KAAK,YAAY,GAClB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,UAAU,EACV,qBAAqB,EACrB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,kBAAkB,GACxB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC/D,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,MAAM,EACN,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,6BAA6B,EAC7B,mBAAmB,EACnB,wBAAwB,EACxB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EACjB,KAAK,WAAW,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,MAAM,EACN,kBAAkB,EAClB,KAAK,oBAAoB,EACzB,KAAK,WAAW,GACjB,MAAM,UAAU,CAAC"}

package/dist/components/index.js

@@ -1,6 +1,6 @@
 "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;
+exports.SLIDER_THEME_ROLES = exports.Slider = exports.resolveSelectDetentIndex = exports.detentsToSnapPoints = 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; } });
@@ -23,5 +23,9 @@ Object.defineProperty(exports, "SelectCloseButton", { enumerable: true, get: fun
 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, "detentsToSnapPoints", { enumerable: true, get: function () { return Select_1.detentsToSnapPoints; } });
 Object.defineProperty(exports, "resolveSelectDetentIndex", { enumerable: true, get: function () { return Select_1.resolveSelectDetentIndex; } });
+var Slider_1 = require("./Slider");
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return Slider_1.Slider; } });
+Object.defineProperty(exports, "SLIDER_THEME_ROLES", { enumerable: true, get: function () { return Slider_1.SLIDER_THEME_ROLES; } });
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +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"}
+{"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,mCAYkB;AAXhB,gGAAA,MAAM,OAAA;AACN,2GAAA,iBAAiB,OAAA;AACjB,4GAAA,kBAAkB,OAAA;AAClB,gHAAA,sBAAsB,OAAA;AACtB,uHAAA,6BAA6B,OAAA;AAC7B,6GAAA,mBAAmB,OAAA;AACnB,kHAAA,wBAAwB,OAAA;AAM1B,mCAKkB;AAJhB,gGAAA,MAAM,OAAA;AACN,4GAAA,kBAAkB,OAAA"}

package/dist/index.d.ts

@@ -1,10 +1,11 @@
-export declare const version = "0.1.0";
+export declare const version = "0.2.2";
 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 { Select, SelectCloseButton, SELECT_THEME_ROLES, DEFAULT_SELECT_DETENTS, DEFAULT_SELECT_INITIAL_DETENT, detentsToSnapPoints, resolveSelectDetentIndex, type SelectThemeColorProp, type SelectCloseButtonSlot, type SelectOption, type SelectProps, } from "./components/Select";
+export { Slider, SLIDER_THEME_ROLES, type SliderThemeColorProp, type SliderProps, } from "./components/Slider";
 export * as components from "./components";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +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"}
+{"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,mBAAmB,EACnB,wBAAwB,EACxB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EACjB,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,MAAM,EACN,kBAAkB,EAClB,KAAK,oBAAoB,EACzB,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC"}

package/dist/index.js

@@ -36,8 +36,8 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 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";
+exports.components = exports.SLIDER_THEME_ROLES = exports.Slider = exports.resolveSelectDetentIndex = exports.detentsToSnapPoints = 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.2.2";
 __exportStar(require("./theme"), exports);
 var Button_1 = require("./components/Button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
@@ -61,6 +61,10 @@ Object.defineProperty(exports, "SelectCloseButton", { enumerable: true, get: fun
 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, "detentsToSnapPoints", { enumerable: true, get: function () { return Select_1.detentsToSnapPoints; } });
 Object.defineProperty(exports, "resolveSelectDetentIndex", { enumerable: true, get: function () { return Select_1.resolveSelectDetentIndex; } });
+var Slider_1 = require("./components/Slider");
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return Slider_1.Slider; } });
+Object.defineProperty(exports, "SLIDER_THEME_ROLES", { enumerable: true, get: function () { return Slider_1.SLIDER_THEME_ROLES; } });
 exports.components = __importStar(require("./components"));
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +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"}
+{"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,8CAY6B;AAX3B,gGAAA,MAAM,OAAA;AACN,2GAAA,iBAAiB,OAAA;AACjB,4GAAA,kBAAkB,OAAA;AAClB,gHAAA,sBAAsB,OAAA;AACtB,uHAAA,6BAA6B,OAAA;AAC7B,6GAAA,mBAAmB,OAAA;AACnB,kHAAA,wBAAwB,OAAA;AAM1B,8CAK6B;AAJ3B,gGAAA,MAAM,OAAA;AACN,4GAAA,kBAAkB,OAAA;AAIpB,2DAA2C"}

package/docs/components/select.md

@@ -1,22 +1,42 @@
 # Select — usage
 
-Field-like select trigger that opens a native bottom sheet (`@lodev09/react-native-true-sheet`) of options. Selecting an option updates the value and dismisses the sheet. Grabber, dimmed backdrop, and detents are native.
+Field-like select trigger that opens a Gorhom bottom sheet (`@gorhom/bottom-sheet`) of options. Selecting an option updates the value and dismisses the sheet.
 
 For `ThemeProvider`, see [theme provider and Button usage](./button.md). Design: [Select design](../superpowers/specs/2026-09-25-select-design.md).
 
-## Peer dependency
+## Peer dependencies
 
-Install in the app:
+Install in the app (Expo example):
 
 ```bash
-npx expo install @lodev09/react-native-true-sheet
+npx expo install @gorhom/bottom-sheet react-native-reanimated react-native-gesture-handler react-native-screens
 ```
 
-Requires New Architecture (Expo SDK 54+ / TrueSheet 3.7+).
+On iOS, Select uses `FullWindowOverlay` so the sheet appears above React Navigation `fullScreenModal` screens.
+
+Wrap the app root with `GestureHandlerRootView` and `BottomSheetModalProvider`. Put **`BottomSheetModalProvider` inside `ThemeProvider`** so sheet content (portaled) still resolves theme colours:
+
+```tsx
+import { BottomSheetModalProvider } from "@gorhom/bottom-sheet";
+import { ThemeProvider } from "@studio-piot/native-ui";
+import { GestureHandlerRootView } from "react-native-gesture-handler";
+
+export default function RootLayout() {
+  return (
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <ThemeProvider colors={Colors}>
+        <BottomSheetModalProvider>{/* … */}</BottomSheetModalProvider>
+      </ThemeProvider>
+    </GestureHandlerRootView>
+  );
+}
+```
+
+Import `react-native-gesture-handler` at the top of the entry layout (before other imports) if your template requires it.
 
 ## Theme roles
 
-Uses Field roles: `fieldBackground`, `fieldText`, `fieldPlaceholder`, `fieldLabel`, `fieldDescription`, `fieldBorder`, `fieldError`, plus `fieldRadioSelected` for the selected check / emphasis.
+Uses Field roles: `fieldBackground`, `fieldText`, `fieldPlaceholder`, `fieldLabel`, `fieldDescription`, `fieldBorder`, `fieldError`, plus **`fieldSelectSelected`** for the selected option check / label tint.
 
 ## Basic usage
 
@@ -36,15 +56,17 @@ import { Select } from "@studio-piot/native-ui";
 />
 ```
 
-## Glass close (app slot)
+## Close control
+
+Default is a dark disc with a white × (`SelectCloseButton`). Override:
 
 ```tsx
-closeButton={(dismiss) => <FormCloseButton onPress={dismiss} />}
+closeButton={(dismiss) => <YourClose onPress={dismiss} />}
 ```
 
-## Detents
+## Detents / height
 
-Default `detents={[0.25, 0.5, 0.75]}`, opens at `initialDetent={0.5}`. Override via props.
+Sheet height follows content (`enableDynamicSizing`), capped by the largest `detents` fraction (default `0.75` of the window). Dragging cannot expand past content (or that cap when the list is long).
 
 ## Imports
 

package/docs/components/slider.md

@@ -0,0 +1,65 @@
+# Slider — usage
+
+Controlled slider with label on the left and a live formatted value on the top right. Track uses `@react-native-community/slider`. Your app owns form state.
+
+Design: [Slider design](../superpowers/specs/2026-09-25-slider-design.md).
+
+## Peer dependency
+
+```bash
+npx expo install @react-native-community/slider
+```
+
+## Theme roles
+
+| Usage | Role |
+|---|---|
+| Label | `fieldLabel` |
+| Value | `fieldText` |
+| Filled track + thumb | **`fieldSliderHighlight`** (apps must add) |
+| Unfilled track | `fieldBorder` |
+
+## Basic usage
+
+```tsx
+import { Slider } from "@studio-piot/native-ui";
+import { useState } from "react";
+
+export function EffortSlider() {
+  const [effort, setEffort] = useState(5);
+
+  return (
+    <Slider
+      label="Effort"
+      value={effort}
+      onChange={setEffort}
+      minimumValue={1}
+      maximumValue={10}
+      step={1}
+    />
+  );
+}
+```
+
+### Optional colour overrides
+
+| Prop | Default theme role |
+|---|---|
+| `labelColor` | `fieldLabel` |
+| `valueColor` | `fieldText` |
+| `highlightColor` | `fieldSliderHighlight` |
+| `trackColor` | `fieldBorder` |
+
+### Props
+
+| Prop | Type | Default | Notes |
+|---|---|---|---|
+| `value` | `number` | — | Required |
+| `onChange` | `(value: number) => void` | — | Required |
+| `minimumValue` | `number` | — | Required |
+| `maximumValue` | `number` | — | Required |
+| `step` | `number` | — | Optional; omit for continuous |
+| `label` | `string` | — | Optional |
+| `formatValue` | `(value: number) => string` | `String` | Value display |
+| `disabled` | `boolean` | `false` | |
+| `style` | view style | — | Outer column |

package/docs/superpowers/plans/2026-09-25-select.md

@@ -2,21 +2,39 @@
 
 > **For agentic workers:** Inline execution in session; checkboxes track progress.
 
-**Goal:** Ship `Select` (Field-like trigger + TrueSheet options) and wire Ribe create-activity Type.
+**Goal:** Ship `Select` (Field-like trigger + Gorhom `BottomSheetModal`) and wire Ribe create-activity Type; remove TrueSheet from Ribe.
 
-**Architecture:** Controlled `Select` presents `@lodev09/react-native-true-sheet` at detents `[0.25, 0.5, 0.75]` (open index for `0.5`). `closeButton` accepts `ReactNode | ((dismiss) => ReactNode)`. Field theme roles + `fieldRadioSelected` for selected check.
+**Architecture:** Controlled `Select` presents `@gorhom/bottom-sheet` at snap points from detents `[0.25, 0.5, 0.75]` (open index for `0.5`). Default close is DiscClose. Field theme roles + `fieldRadioSelected` for selected check. App provides `BottomSheetModalProvider` (+ existing `GestureHandlerRootView`).
 
-**Tech Stack:** TypeScript, RN, TrueSheet peer, Expo Ribe.
+**Tech Stack:** TypeScript, RN, Gorhom peer (+ reanimated, gesture-handler), Expo Ribe.
 
 ## Global Constraints
 
 - Spec: `docs/superpowers/specs/2026-09-25-select-design.md`
-- Peer `@lodev09/react-native-true-sheet` (v3.x for Expo 57)
+- Peers: `@gorhom/bottom-sheet`, `react-native-reanimated`, `react-native-gesture-handler`
+- No TrueSheet in package or Ribe
 - No brand in package; no search/icons/grids
+- Commit only when the user asks
+
+## File map
+
+| File | Responsibility |
+|---|---|
+| `src/components/Select/resolveSelectDetentIndex.ts` | Detent → snap index + % snap points |
+| `src/components/Select/resolveSelectDetentIndex.test.ts` | Unit tests |
+| `src/components/Select/selectThemeRoles.ts` | Role map |
+| `src/components/Select/selectThemeRoles.test.ts` | Role map assertions |
+| `src/components/Select/types.ts` | Props |
+| `src/components/Select/SelectCloseButton.tsx` | DiscClose default |
+| `src/components/Select/Select.tsx` | Trigger + BottomSheetModal |
+| `src/components/Select/index.ts` | Barrel |
+| `docs/components/select.md` | Usage |
+| Exports / README | Public surface |
+| Ribe create-activity, root layout | Wire Select + BottomSheetModalProvider |
+| Ribe package / sheet-lab / activities | Remove TrueSheet + lab |
 
 ## Tasks
 
-1. [x] Package Select + peers + docs + exports + unit test for detent index helper
-2. [x] Ribe: install TrueSheet, create-activity Type → Select + glass close
-
----
+- [x] Spec (Gorhom)
+- [x] Package Select + peers + docs + exports + unit tests
+- [x] Ribe: BottomSheetModalProvider, create-activity Select, remove TrueSheet + sheet-lab

package/docs/superpowers/plans/2026-09-25-slider.md

@@ -0,0 +1,35 @@
+# Slider Implementation Plan
+
+> **For agentic workers:** Inline execution in session; checkboxes track progress.
+
+**Goal:** Ship controlled `Slider` (label left, formatted value top-right, community track) with `fieldSliderHighlight`, and wire Ribe create-activity Effort (1–10).
+
+**Architecture:** Presentational wrapper around `@react-native-community/slider`. Theme colours resolve like Field via `useResolvedFieldColor`. New role `fieldSliderHighlight` for filled track + thumb; unfilled track uses `fieldBorder`.
+
+**Tech Stack:** TypeScript, RN, `@react-native-community/slider` peer, Expo Ribe.
+
+## Global Constraints
+
+- Spec: `docs/superpowers/specs/2026-09-25-slider-design.md`
+- Peer `@react-native-community/slider`
+- No brand in package; no custom-drawn track; no Optimum migration
+- Commit only when the user asks
+
+## File map
+
+| File | Responsibility |
+|---|---|
+| `src/components/Slider/sliderThemeRoles.ts` | Role map |
+| `src/components/Slider/sliderThemeRoles.test.ts` | Role assertions |
+| `src/components/Slider/types.ts` | `SliderProps` |
+| `src/components/Slider/Slider.tsx` | Header + community Slider |
+| `src/components/Slider/index.ts` | Barrel |
+| Exports / README / `docs/components/slider.md` | Public surface |
+| Ribe `colors.ts` (+ test) | `fieldSliderHighlight` |
+| Ribe create-activity | Effort Slider |
+| Ribe `package.json` | Install community slider |
+
+## Tasks
+
+- [x] Package Slider + peer + docs + exports + unit test
+- [x] Ribe: theme role + Effort on create-activity + install peer

package/docs/superpowers/specs/2026-09-25-select-design.md

@@ -7,22 +7,24 @@ Apps: Ribe create-activity Type field in the same pass
 
 ## Goal
 
-Ship a presentational **Select**: Field-like trigger that opens a native bottom sheet of options (TrueSheet). Highlight the selected option; choosing one updates value and dismisses the sheet. Drag handle, dimmed backdrop, and snap heights feel like system UI (Strava-style grabber). Ribe wires Type of activity to Select with a glass close control.
+Ship a presentational **Select**: Field-like trigger that opens a Gorhom bottom sheet of options. Highlight the selected option; choosing one updates value and dismisses the sheet. Grabber, dimmed backdrop, and snap heights match the spike UX. Ribe wires Type of activity to Select; default close is a dark disc with white cross (not glass Cancel).
 
 ## Decisions
 
 | Topic | Choice |
 |---|---|
 | API shape | Single `Select`: trigger + internal sheet |
-| Sheet library | `@lodev09/react-native-true-sheet` (native UIKit / Material) |
-| Detents | Default `[0.25, 0.5, 0.75]`; present at `0.5` |
-| Close control | `closeButton` slot; package default plain Cancel; Ribe passes glass |
-| Colours | Field `field*` roles + `fieldRadioSelected` for selected check / emphasis |
+| Sheet library | `@gorhom/bottom-sheet` (`BottomSheetModal`) |
+| Sheet height | Content-sized (`enableDynamicSizing`); max = largest detent (default 75% of window) |
+| Close control | `closeButton` slot; package default **DiscClose** (dark disc + white ×); Ribe uses default |
+| Colours | Field `field*` roles + `fieldSelectSelected` for selected check / emphasis |
 | Trigger | Field-like chrome (label, description, error, chevron, radius) |
 | Options | `{ value, label, disabled? }[]`; scrollable when long |
 | Select behaviour | Tap option → `onChange(value)` + dismiss |
+| App provider | App must wrap with `GestureHandlerRootView` + `BottomSheetModalProvider` |
 | Icons / search / grids | Out of scope |
-| Optimum migration | Out of scope this pass (CustomPicker remains until a later PR) |
+| TrueSheet | Not used; no TrueSheet peer or native bits |
+| Optimum migration | Out of scope this pass |
 | Brand coupling | None in the package |
 
 ## Architecture
@@ -30,29 +32,30 @@ Ship a presentational **Select**: Field-like trigger that opens a native bottom
 ```
 Select
   ├── trigger (Field-like Pressable)
-  └── TrueSheet
-        ├── grabber (system)
+  └── BottomSheetModal
+        ├── BottomSheetBackdrop (opacity 0.72)
+        ├── handle / grabber
         ├── header (title + closeButton)
-        └── scrollable options
+        └── BottomSheetScrollView options
               └── row (label + check when selected)
 ```
 
-- Public export: `Select` (+ types). Default close control may be a small internal component (plain Cancel), not required to be public.
+- Public export: `Select` (+ types). Default close is `SelectCloseButton` (DiscClose).
 - Controlled only: `value` + `onChange` + `options`.
-- Peer dependency: `@lodev09/react-native-true-sheet` (document in usage docs; matching `devDependency` for types/build).
+- Peer dependencies: `@gorhom/bottom-sheet`, `react-native-reanimated`, `react-native-gesture-handler` (plus existing RN peers).
 
 ## Theme roles
 
 | Usage | Theme role |
 |---|---|
-| Trigger / sheet list ground | `fieldBackground` |
+| Trigger / sheet ground | `fieldBackground` |
 | Trigger value / option label | `fieldText` |
-| Placeholder / chevron | `fieldPlaceholder` |
+| Placeholder / chevron / handle | `fieldPlaceholder` |
 | Label above trigger | `fieldLabel` |
 | Description under trigger | `fieldDescription` |
 | Trigger border / dividers | `fieldBorder` |
 | Error border + message | `fieldError` |
-| Selected option emphasis / check | `fieldRadioSelected` |
+| Selected option emphasis / check | `fieldSelectSelected` |
 
 Optional colour override props follow the Field pattern (explicit prop wins over theme role).
 
@@ -65,6 +68,10 @@ type SelectOption = {
   disabled?: boolean;
 };
 
+type SelectCloseButton =
+  | ReactNode
+  | ((dismiss: () => void) => ReactNode);
+
 type SelectProps = {
   value: string | null;
   onChange: (value: string) => void;
@@ -74,7 +81,7 @@ type SelectProps = {
   description?: string;
   error?: string;
   sheetTitle?: string;
-  closeButton?: ReactNode;
+  closeButton?: SelectCloseButton;
   detents?: number[];
   initialDetent?: number;
   radius?: ButtonRadius;
@@ -88,11 +95,11 @@ type SelectProps = {
 |---|---|
 | `value` | Controlled; `null` / unmatched → show placeholder |
 | `onChange` | Fired with option `value` on row press |
-| `options` | Empty list: trigger still opens an empty sheet (or no-op open — prefer open with empty state text “No options”) |
+| `options` | Empty list: open sheet with “No options” empty state |
 | `sheetTitle` | Header title; default `label` or `"Select"` |
-| `closeButton` | Render prop / node for header trailing close; default plain Cancel that dismisses |
-| `detents` | Default `[0.25, 0.5, 0.75]` |
-| `initialDetent` | Default `0.5` (must be one of `detents`) |
+| `closeButton` | Header trailing close; default DiscClose that dismisses |
+| `detents` | Fractions `0–1`; default `[0.25, 0.5, 0.75]` → Gorhom snap `%` |
+| `initialDetent` | Default `0.5` (must be one of `detents` or falls back to index 0) |
 | `radius` | Trigger radius; default `"xl"` |
 | `editable` | `false` → reduced opacity, no open |
 
@@ -107,58 +114,23 @@ Aligned with Field:
 
 ## Sheet behaviour
 
-- Present TrueSheet on trigger press (when `editable`)
-- System grabber; dimmed / fading backdrop (library default)
-- Header: title + `closeButton` (or default Cancel)
-- Scrollable option list; row min height ~52; selected row uses `fieldRadioSelected` for check (and optional label tint)
+- Present `BottomSheetModal` on trigger press (when `editable`)
+- Backdrop opacity `0.72`, press closes
+- Handle indicator; `enablePanDownToClose`
+- Header: title + `closeButton` (or default DiscClose)
+- Scrollable option list; row min height ~52; selected row uses `fieldRadioSelected` for check (and label tint)
 - Row press: `onChange` + dismiss
-- Dismiss also via grabber drag / backdrop / close control
-- No search field, no category grids, no leading sport icons in this pass
+- Dismiss also via pan-down / backdrop / close control
 
 ## Accessibility
 
-- Trigger: `accessibilityRole="button"`, label from `label` / placeholder; announce current value when set
-- Options: `accessibilityRole="button"` (or `menuitem` if we use a menu pattern — prefer button + `accessibilityState.selected`)
-- Close control: button with accessible name “Cancel” / “Close”
-
-## App work (Ribe)
-
-1. `npx expo install @lodev09/react-native-true-sheet` (or pnpm equivalent)
-2. Create-activity: replace Type `FieldText` with `Select`
-   - Options: Ride, Run, Swim, Walk, Hike (values lowercase slug or same as label — pick stable string values e.g. `ride`, `run`, …)
-   - `error` when empty (same validation copy intent as today)
-   - `closeButton` that dismisses the sheet using glass `FormCloseButton` (needs a dismiss callback from Select — either `closeButton` as render prop `(dismiss) => ReactNode` **or** Select clones/passes dismiss via slot convention)
-
-### Close slot + dismiss
-
-Prefer **render prop** so the app can wire glass Cancel correctly:
-
-```ts
-closeButton?: ReactNode | ((dismiss: () => void) => ReactNode);
-```
-
-If `ReactNode` only, the default Cancel works but glass Cancel cannot call dismiss unless Select exposes an imperative API. **Decision: support function form** `(dismiss) => ReactNode`, and also accept a static `ReactNode` for simple cases (static node cannot dismiss unless it uses an internal context — for static nodes, wrap with Pressable only in default Cancel).
-
-Ribe usage:
-
-```tsx
-closeButton={(dismiss) => <FormCloseButton onPress={dismiss} />}
-```
-
-3. Keep Name / Notes as Field; form submit still gated on name (and optionally require type — keep current “type empty → error” UX).
+- Trigger: `accessibilityRole="button"`, label includes field label + current display, hint that it opens options
+- Option rows: `accessibilityRole="button"`, `accessibilityState.selected`
+- Close: `accessibilityLabel="Close"`
 
 ## Out of scope
 
-- Strava “Top Sports” horizontal chips / search
-- Per-option icons
-- Migrating Optimum `CustomPicker` call sites
-- Multi-select
-- Liquid glass Cancel inside the package
-- New `select*` theme roles
-
-## Success criteria
-
-- Package exports `Select` with usage docs and TrueSheet peer documented
-- Sheet: grabber, fade backdrop, detents ¼ / ½ / ¾, open at ½, scrollable options, select-to-dismiss
-- Ribe create-activity Type uses Select + glass close
-- `npm test` / `npm run build` (package) and Ribe `pnpm typecheck` pass
+- Multi-select, search, icons, section headers
+- TrueSheet / RN Modal sheet implementations
+- Migrating Optimum CustomPicker
+- Publishing / EAS workflow changes beyond peers + Ribe wire