@mapples/components 1.1.2 → 1.2.0

package/dist/components/inputs/Switch/schematic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Switch/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,8DAA8D;AAC9D,eAAO,MAAM,eAAe,EAAE,mBAG7B,CAAC"}

package/dist/components/inputs/Switch/schematic.js

@@ -0,0 +1,7 @@
+import Switch from './index';
+/** Registers {@link Switch} under the `'Switch'` type key. */
+export const SwitchSchematic = {
+    type: 'Switch',
+    Component: Switch,
+};
+//# sourceMappingURL=schematic.js.map

package/dist/components/inputs/Switch/schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/inputs/Switch/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,8DAA8D;AAC9D,MAAM,CAAC,MAAM,eAAe,GAAwB;IAClD,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,MAAM;CAClB,CAAC"}

package/dist/components/inputs/Switch/types.d.ts

@@ -0,0 +1,15 @@
+/** Sizes of the Switch track. */
+export declare const SWITCH_SIZES: readonly ["sm", "md"];
+export type SwitchSize = (typeof SWITCH_SIZES)[number];
+/** Where the label sits relative to the track. */
+export declare const SWITCH_LABEL_POSITIONS: readonly ["left", "right"];
+export type SwitchLabelPosition = (typeof SWITCH_LABEL_POSITIONS)[number];
+export interface SwitchGeometry {
+    width: number;
+    height: number;
+    thumb: number;
+    padding: number;
+}
+/** Track and thumb geometry per size. */
+export declare const SWITCH_GEOMETRY: Record<SwitchSize, SwitchGeometry>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/inputs/Switch/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Switch/types.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,eAAO,MAAM,YAAY,uBAAwB,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvD,kDAAkD;AAClD,eAAO,MAAM,sBAAsB,4BAA6B,CAAC;AACjE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1E,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,yCAAyC;AACzC,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,UAAU,EAAE,cAAc,CAG9D,CAAC"}

package/dist/components/inputs/Switch/types.js

@@ -0,0 +1,10 @@
+/** Sizes of the Switch track. */
+export const SWITCH_SIZES = ['sm', 'md'];
+/** Where the label sits relative to the track. */
+export const SWITCH_LABEL_POSITIONS = ['left', 'right'];
+/** Track and thumb geometry per size. */
+export const SWITCH_GEOMETRY = {
+    sm: { width: 40, height: 24, thumb: 18, padding: 3 },
+    md: { width: 52, height: 32, thumb: 26, padding: 3 },
+};
+//# sourceMappingURL=types.js.map

package/dist/components/inputs/Switch/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/inputs/Switch/types.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,CAAU,CAAC;AAGlD,kDAAkD;AAClD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AAUjE,yCAAyC;AACzC,MAAM,CAAC,MAAM,eAAe,GAAuC;IACjE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IACpD,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;CACrD,CAAC"}

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

@@ -0,0 +1,46 @@
+export { default as InputField } from './InputField';
+export * from './InputField';
+export * from './InputField/schematic';
+export * from './InputField/types';
+export { default as Switch } from './Switch';
+export * from './Switch';
+export * from './Switch/schematic';
+export * from './Switch/types';
+export { default as Checkbox } from './Checkbox';
+export * from './Checkbox';
+export * from './Checkbox/schematic';
+export * from './Checkbox/types';
+export { default as Slider } from './Slider';
+export * from './Slider';
+export * from './Slider/schematic';
+export * from './Slider/types';
+export { default as SearchBar } from './SearchBar';
+export * from './SearchBar';
+export * from './SearchBar/schematic';
+export * from './SearchBar/types';
+export { default as PinInput } from './PinInput';
+export * from './PinInput';
+export * from './PinInput/schematic';
+export * from './PinInput/types';
+export { default as SelectField } from './SelectField';
+export * from './SelectField';
+export * from './SelectField/schematic';
+export * from './SelectField/types';
+export { default as RadioGroup } from './RadioGroup';
+export * from './RadioGroup';
+export * from './RadioGroup/schematic';
+export * from './RadioGroup/types';
+export { default as NumberStepper } from './NumberStepper';
+export * from './NumberStepper';
+export * from './NumberStepper/schematic';
+export * from './NumberStepper/types';
+export { default as Rating } from './Rating';
+export * from './Rating';
+export * from './Rating/schematic';
+export * from './Rating/types';
+export { default as ChatComposer } from './ChatComposer';
+export * from './ChatComposer';
+export * from './ChatComposer/schematic';
+export * from './ChatComposer/types';
+export * from './schematics';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AAErC,cAAc,cAAc,CAAC"}

package/dist/components/inputs/index.js

@@ -0,0 +1,46 @@
+export { default as InputField } from './InputField';
+export * from './InputField';
+export * from './InputField/schematic';
+export * from './InputField/types';
+export { default as Switch } from './Switch';
+export * from './Switch';
+export * from './Switch/schematic';
+export * from './Switch/types';
+export { default as Checkbox } from './Checkbox';
+export * from './Checkbox';
+export * from './Checkbox/schematic';
+export * from './Checkbox/types';
+export { default as Slider } from './Slider';
+export * from './Slider';
+export * from './Slider/schematic';
+export * from './Slider/types';
+export { default as SearchBar } from './SearchBar';
+export * from './SearchBar';
+export * from './SearchBar/schematic';
+export * from './SearchBar/types';
+export { default as PinInput } from './PinInput';
+export * from './PinInput';
+export * from './PinInput/schematic';
+export * from './PinInput/types';
+export { default as SelectField } from './SelectField';
+export * from './SelectField';
+export * from './SelectField/schematic';
+export * from './SelectField/types';
+export { default as RadioGroup } from './RadioGroup';
+export * from './RadioGroup';
+export * from './RadioGroup/schematic';
+export * from './RadioGroup/types';
+export { default as NumberStepper } from './NumberStepper';
+export * from './NumberStepper';
+export * from './NumberStepper/schematic';
+export * from './NumberStepper/types';
+export { default as Rating } from './Rating';
+export * from './Rating';
+export * from './Rating/schematic';
+export * from './Rating/types';
+export { default as ChatComposer } from './ChatComposer';
+export * from './ChatComposer';
+export * from './ChatComposer/schematic';
+export * from './ChatComposer/types';
+export * from './schematics';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AAErC,cAAc,cAAc,CAAC"}

package/dist/components/inputs/schematics.d.ts

@@ -0,0 +1,4 @@
+import { RegisteredComponents } from '@mapples/types';
+/** Runtime registry of the input components. */
+export declare const InputsSchematics: RegisteredComponents;
+//# sourceMappingURL=schematics.d.ts.map

package/dist/components/inputs/schematics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AActD,gDAAgD;AAChD,eAAO,MAAM,gBAAgB,EAAE,oBAY9B,CAAC"}

package/dist/components/inputs/schematics.js

@@ -0,0 +1,26 @@
+import { ChatComposerSchematic } from './ChatComposer/schematic';
+import { CheckboxSchematic } from './Checkbox/schematic';
+import { InputFieldSchematic } from './InputField/schematic';
+import { NumberStepperSchematic } from './NumberStepper/schematic';
+import { PinInputSchematic } from './PinInput/schematic';
+import { RadioGroupSchematic } from './RadioGroup/schematic';
+import { RatingSchematic } from './Rating/schematic';
+import { SearchBarSchematic } from './SearchBar/schematic';
+import { SelectFieldSchematic } from './SelectField/schematic';
+import { SliderSchematic } from './Slider/schematic';
+import { SwitchSchematic } from './Switch/schematic';
+/** Runtime registry of the input components. */
+export const InputsSchematics = {
+    [InputFieldSchematic.type]: InputFieldSchematic,
+    [SwitchSchematic.type]: SwitchSchematic,
+    [CheckboxSchematic.type]: CheckboxSchematic,
+    [SliderSchematic.type]: SliderSchematic,
+    [SearchBarSchematic.type]: SearchBarSchematic,
+    [PinInputSchematic.type]: PinInputSchematic,
+    [SelectFieldSchematic.type]: SelectFieldSchematic,
+    [RadioGroupSchematic.type]: RadioGroupSchematic,
+    [NumberStepperSchematic.type]: NumberStepperSchematic,
+    [RatingSchematic.type]: RatingSchematic,
+    [ChatComposerSchematic.type]: ChatComposerSchematic,
+};
+//# sourceMappingURL=schematics.js.map

package/dist/components/inputs/schematics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/inputs/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,gDAAgD;AAChD,MAAM,CAAC,MAAM,gBAAgB,GAAyB;IACpD,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,mBAAmB;IAC/C,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,eAAe;IACvC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,iBAAiB;IAC3C,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,eAAe;IACvC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,kBAAkB;IAC7C,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,iBAAiB;IAC3C,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,mBAAmB;IAC/C,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,sBAAsB;IACrD,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,eAAe;IACvC,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,qBAAqB;CACpD,CAAC"}

package/dist/components/navigation/BottomNavigationBar/NavItem.d.ts

@@ -0,0 +1,47 @@
+import { FC } from 'react';
+import { StyledProp } from '@mapples/style';
+import { TextStyle, ViewStyle } from 'react-native';
+import { BottomNavigationItem } from './types';
+/** Resolved colours an item paints with. */
+export interface NavItemColors {
+    /** Active glyph and label. */
+    active: string;
+    /** Inactive glyph and label. */
+    inactive: string;
+    /** The active pill. */
+    indicator: string;
+    /** Badge fill. */
+    badge: string;
+    /** Badge text. */
+    onBadge: string;
+}
+/** The author slots an item accepts. */
+export interface NavItemSlots {
+    styleItem?: StyledProp<ViewStyle>;
+    styleItemActive?: StyledProp<ViewStyle>;
+    styleIcon?: StyledProp<ViewStyle & {
+        color?: string;
+    }>;
+    styleIconActive?: StyledProp<ViewStyle & {
+        color?: string;
+    }>;
+    styleLabel?: StyledProp<TextStyle>;
+    styleLabelActive?: StyledProp<TextStyle>;
+    styleIndicator?: StyledProp<ViewStyle>;
+    styleBadge?: StyledProp<ViewStyle>;
+}
+export interface NavItemProps {
+    item: BottomNavigationItem;
+    active: boolean;
+    showLabel: boolean;
+    colors: NavItemColors;
+    slots: NavItemSlots;
+    onPress: (value: string) => void;
+}
+/**
+ * One destination of a `BottomNavigationBar`: the glyph over a pill that
+ * fades in while active, the label, and a count badge.
+ */
+declare const NavItem: FC<NavItemProps>;
+export default NavItem;
+//# sourceMappingURL=NavItem.d.ts.map

package/dist/components/navigation/BottomNavigationBar/NavItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BottomNavigationBar/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAEL,UAAU,EAIX,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAY,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9D,OAAO,EAGL,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAEjB,4CAA4C;AAC5C,MAAM,WAAW,aAAa;IAC5B,8BAA8B;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wCAAwC;AACxC,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAClC,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7D,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACnC,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACzC,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,oBAAoB,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAID;;;GAGG;AACH,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA0H7B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/navigation/BottomNavigationBar/NavItem.js

@@ -0,0 +1,85 @@
+import { StyledPressable, StyledView, Typography, useStyled, } from '@mapples/style';
+import { Icon, RADII, TYPOGRAPHY_PARTS } from '@mapples/ui';
+import { Animated } from 'react-native';
+import { DURATION, useSlotColor, useTimingValue } from '../../../internal';
+import { defaults } from './defaults';
+import { BOTTOM_NAVIGATION_ICON_SIZE, BOTTOM_NAVIGATION_INDICATOR, } from './types';
+const BADGE_MAX = 99;
+/**
+ * One destination of a `BottomNavigationBar`: the glyph over a pill that
+ * fades in while active, the label, and a count badge.
+ */
+const NavItem = ({ item, active, showLabel, colors, slots, onPress, }) => {
+    const progress = useTimingValue(active ? 1 : 0, {
+        duration: DURATION.fast,
+    });
+    const resolved = useStyled({ indicator: slots.styleIndicator });
+    const inactiveGlyph = useSlotColor(slots.styleIcon, 'color', colors.inactive);
+    const activeGlyph = useSlotColor(slots.styleIconActive, 'color', colors.active);
+    const glyphColor = active ? activeGlyph : inactiveGlyph;
+    const badge = typeof item.badgeCount === 'number' && item.badgeCount > 0
+        ? item.badgeCount > BADGE_MAX
+            ? `${BADGE_MAX}+`
+            : String(item.badgeCount)
+        : null;
+    return (<StyledPressable accessibilityRole="tab" accessibilityLabel={item.label} accessibilityState={{ selected: active }} onPress={() => onPress(item.value)} styled={{
+            style: [
+                defaults.item,
+                slots.styleItem,
+                active && slots.styleItemActive,
+            ],
+        }}>
+      <StyledView styled={{
+            style: [
+                defaults.iconBox,
+                {
+                    width: BOTTOM_NAVIGATION_INDICATOR.width,
+                    height: BOTTOM_NAVIGATION_INDICATOR.height,
+                },
+            ],
+        }}>
+        <Animated.View pointerEvents="none" style={[
+            defaults.indicator,
+            {
+                borderRadius: RADII.pill,
+                backgroundColor: colors.indicator,
+            },
+            resolved.indicator,
+            { opacity: progress },
+        ]}/>
+        <StyledView styled={{
+            style: [
+                defaults.icon,
+                {
+                    width: BOTTOM_NAVIGATION_ICON_SIZE,
+                    height: BOTTOM_NAVIGATION_ICON_SIZE,
+                },
+            ],
+        }}>
+          <Icon iconName={active && item.activeIconName
+            ? item.activeIconName
+            : item.iconName} size={BOTTOM_NAVIGATION_ICON_SIZE} color={glyphColor}/>
+          {badge !== null ? (<StyledView pointerEvents="none" styled={{
+                style: [
+                    defaults.badge,
+                    { backgroundColor: colors.badge },
+                    slots.styleBadge,
+                ],
+            }}>
+              <Typography variant={TYPOGRAPHY_PARTS.helper} color={colors.onBadge} style={defaults.badgeText}>
+                {badge}
+              </Typography>
+            </StyledView>) : null}
+        </StyledView>
+      </StyledView>
+      {showLabel ? (<Typography variant={TYPOGRAPHY_PARTS.helper} numberOfLines={1} style={[
+                { color: active ? colors.active : colors.inactive },
+                slots.styleLabel,
+                active && slots.styleLabelActive,
+            ]}>
+          {item.label}
+        </Typography>) : null}
+    </StyledPressable>);
+};
+export default NavItem;
+//# sourceMappingURL=NavItem.js.map

package/dist/components/navigation/BottomNavigationBar/NavItem.js.map

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

package/dist/components/navigation/BottomNavigationBar/defaults.d.ts

@@ -0,0 +1,49 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "stretch";
+    };
+    items: {
+        flex: number;
+        flexDirection: "row";
+        alignItems: "stretch";
+    };
+    item: {
+        flex: number;
+        alignItems: "center";
+        justifyContent: "center";
+        gap: number;
+        paddingVertical: number;
+    };
+    iconBox: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    indicator: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+    icon: {
+        overflow: "visible";
+    };
+    badge: {
+        position: "absolute";
+        top: number;
+        end: number;
+        minWidth: number;
+        height: number;
+        borderRadius: number;
+        paddingHorizontal: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    badgeText: {
+        fontSize: number;
+        lineHeight: number;
+        fontWeight: "700";
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

package/dist/components/navigation/BottomNavigationBar/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BottomNavigationBar/defaults.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CnB,CAAC"}

package/dist/components/navigation/BottomNavigationBar/defaults.js

@@ -0,0 +1,50 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'stretch',
+    },
+    items: {
+        flex: 1,
+        flexDirection: 'row',
+        alignItems: 'stretch',
+    },
+    item: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 2,
+        paddingVertical: 6,
+    },
+    iconBox: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    indicator: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+    },
+    icon: {
+        overflow: 'visible',
+    },
+    badge: {
+        position: 'absolute',
+        top: -4,
+        end: -6,
+        minWidth: 16,
+        height: 16,
+        borderRadius: 8,
+        paddingHorizontal: 4,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    badgeText: {
+        fontSize: 10,
+        lineHeight: 12,
+        fontWeight: '700',
+    },
+});
+//# sourceMappingURL=defaults.js.map

package/dist/components/navigation/BottomNavigationBar/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/navigation/BottomNavigationBar/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE;QACJ,SAAS,EAAE,SAAS;KACrB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,SAAS;KACtB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,GAAG,EAAE,CAAC;QACN,eAAe,EAAE,CAAC;KACnB;IACD,OAAO,EAAE;QACP,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;KACpB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC,CAAC;QACP,GAAG,EAAE,CAAC,CAAC;QACP,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,CAAC;QACf,iBAAiB,EAAE,CAAC;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC"}

package/dist/components/navigation/BottomNavigationBar/index.d.ts

@@ -0,0 +1,74 @@
+import { StyledProp } from '@mapples/style';
+import { Tone } from '@mapples/ui';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { BottomNavigationItem, BottomNavigationLabelVisibility, BottomNavigationVariant } from './types';
+/** Props for {@link BottomNavigationBar}. */
+export interface BottomNavigationBarProps extends Omit<ViewProps, 'children'> {
+    /** Three to five destinations. */
+    items?: BottomNavigationItem[];
+    /** The active destination's `value` (controlled). Omit to let the bar keep its own state. */
+    value?: string;
+    /** Initial destination while uncontrolled. Defaults to the first item. */
+    defaultValue?: string;
+    /** Fires with the next destination's `value` — the new value is the first argument. */
+    onValueChange?: (value: string) => void;
+    /** When labels show. Defaults to `always`. */
+    labelVisibility?: BottomNavigationLabelVisibility;
+    /** Flush bar or floating pill. Defaults to `plain`. */
+    variant?: BottomNavigationVariant;
+    /** Pads the bottom for the home indicator (34 pt on iOS, 8 elsewhere). Defaults to `true`. */
+    safeAreaBottom?: boolean;
+    /** Colour role of the active destination. Defaults to `primary`. */
+    tone?: Tone;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The bar. */
+        style?: StyledProp<ViewStyle>;
+        /** Each destination. */
+        styleItem?: StyledProp<ViewStyle>;
+        /** The active destination. */
+        styleItemActive?: StyledProp<ViewStyle>;
+        /** Inactive glyphs (`color`). */
+        styleIcon?: StyledProp<ViewStyle & {
+            color?: string;
+        }>;
+        /** The active glyph (`color`). */
+        styleIconActive?: StyledProp<ViewStyle & {
+            color?: string;
+        }>;
+        /** Inactive labels. */
+        styleLabel?: StyledProp<TextStyle>;
+        /** The active label. */
+        styleLabelActive?: StyledProp<TextStyle>;
+        /** The pill behind the active glyph. */
+        styleIndicator?: StyledProp<ViewStyle>;
+        /** The count badges. */
+        styleBadge?: StyledProp<ViewStyle>;
+    };
+}
+/**
+ * An in-content tab bar with an animated active pill, labels and badges.
+ * It paints a bar inside the page — it is not a stand-in for a tabs
+ * navigator, whose bar the app shell owns. `value` is two-way bindable so
+ * sibling panels can follow it.
+ *
+ * @example
+ * ```tsx
+ * <BottomNavigationBar
+ *   items={[
+ *     { label: 'Home', value: 'home', iconName: 'home-outline', activeIconName: 'home' },
+ *     { label: 'Search', value: 'search', iconName: 'search-outline' },
+ *     { label: 'Inbox', value: 'inbox', iconName: 'mail-outline', badgeCount: 3 },
+ *   ]}
+ *   value={tab}
+ *   onValueChange={setTab}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const BottomNavigationBar: import("react").ForwardRefExoticComponent<BottomNavigationBarProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default BottomNavigationBar;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BottomNavigationBar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAc,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAA4B,IAAI,EAAY,MAAM,aAAa,CAAC;AACvE,OAAO,EAAY,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM/E,OAAO,EAGL,oBAAoB,EACpB,+BAA+B,EAC/B,uBAAuB,EAExB,MAAM,SAAS,CAAC;AAEjB,6CAA6C;AAC7C,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC3E,kCAAkC;IAClC,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B,6FAA6F;IAC7F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uFAAuF;IACvF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8CAA8C;IAC9C,eAAe,CAAC,EAAE,+BAA+B,CAAC;IAClD,uDAAuD;IACvD,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,8FAA8F;IAC9F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oEAAoE;IACpE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,eAAe;QACf,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,wBAAwB;QACxB,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAClC,8BAA8B;QAC9B,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACxC,iCAAiC;QACjC,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACvD,kCAAkC;QAClC,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAC7D,uBAAuB;QACvB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,wBAAwB;QACxB,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACzC,wCAAwC;QACxC,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACvC,wBAAwB;QACxB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,mBAAmB;;wCA0GxB,CAAC;AAGF,eAAe,mBAAmB,CAAC"}

package/dist/components/navigation/BottomNavigationBar/index.js

@@ -0,0 +1,99 @@
+import { forwardRef } from 'react';
+import { StyledView } from '@mapples/style';
+import { ELEVATION, RADII, Tokens, useTones } from '@mapples/ui';
+import { Platform } from 'react-native';
+import { useControllableState } from '../../../internal';
+import { defaults } from './defaults';
+import NavItem from './NavItem';
+import { BOTTOM_NAVIGATION_FLOATING_MARGIN, BOTTOM_NAVIGATION_HEIGHT, readBottomNavigationItems, } from './types';
+/**
+ * An in-content tab bar with an animated active pill, labels and badges.
+ * It paints a bar inside the page — it is not a stand-in for a tabs
+ * navigator, whose bar the app shell owns. `value` is two-way bindable so
+ * sibling panels can follow it.
+ *
+ * @example
+ * ```tsx
+ * <BottomNavigationBar
+ *   items={[
+ *     { label: 'Home', value: 'home', iconName: 'home-outline', activeIconName: 'home' },
+ *     { label: 'Search', value: 'search', iconName: 'search-outline' },
+ *     { label: 'Inbox', value: 'inbox', iconName: 'mail-outline', badgeCount: 3 },
+ *   ]}
+ *   value={tab}
+ *   onValueChange={setTab}
+ * />
+ * ```
+ *
+ * @public
+ */
+const BottomNavigationBar = forwardRef(({ items, value, defaultValue, onValueChange, labelVisibility = 'always', variant = 'plain', safeAreaBottom = true, tone = 'primary', styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const tones = useTones();
+    const palette = tones.tone(tone);
+    const destinations = readBottomNavigationItems(items);
+    const [current, setCurrent] = useControllableState({
+        value,
+        defaultValue: defaultValue ?? destinations[0].value,
+        onChange: onValueChange,
+    });
+    const floating = variant === 'floating';
+    const safeInset = safeAreaBottom
+        ? Platform.select({ ios: 34, default: 8 })
+        : 0;
+    const error = tones.tone('error');
+    const colors = {
+        active: palette.main,
+        inactive: tones.resolve(Tokens.color.textSecondary),
+        indicator: palette.container,
+        badge: error.main,
+        onBadge: error.contrast,
+    };
+    return (<StyledView ref={ref} accessibilityRole="tablist" styled={{
+            style: [
+                defaults.root,
+                {
+                    height: BOTTOM_NAVIGATION_HEIGHT + (floating ? 0 : safeInset),
+                    paddingBottom: floating ? 0 : safeInset,
+                    backgroundColor: tones.resolve(Tokens.color.surface),
+                },
+                floating
+                    ? {
+                        marginHorizontal: BOTTOM_NAVIGATION_FLOATING_MARGIN,
+                        marginTop: BOTTOM_NAVIGATION_FLOATING_MARGIN,
+                        marginBottom: BOTTOM_NAVIGATION_FLOATING_MARGIN + safeInset,
+                        paddingHorizontal: 8,
+                        borderRadius: RADII.pill,
+                        boxShadow: ELEVATION,
+                        borderWidth: tones.isDark ? 1 : 0,
+                        borderColor: tones.outline,
+                    }
+                    : {
+                        borderTopWidth: 1,
+                        borderTopColor: tones.divider,
+                    },
+                styled?.style,
+            ],
+        }} {...rest}>
+        <StyledView styled={{ style: defaults.items }}>
+          {destinations.map((item) => {
+            const active = item.value === current;
+            return (<NavItem key={item.value} item={item} active={active} showLabel={labelVisibility === 'always' ||
+                    (labelVisibility === 'selected' && active)} colors={colors} slots={{
+                    styleItem: styled?.styleItem,
+                    styleItemActive: styled?.styleItemActive,
+                    styleIcon: styled?.styleIcon,
+                    styleIconActive: styled?.styleIconActive,
+                    styleLabel: styled?.styleLabel,
+                    styleLabelActive: styled?.styleLabelActive,
+                    styleIndicator: styled?.styleIndicator,
+                    styleBadge: styled?.styleBadge,
+                }} onPress={setCurrent}/>);
+        })}
+        </StyledView>
+      </StyledView>);
+});
+BottomNavigationBar.displayName = 'BottomNavigationBar';
+export default BottomNavigationBar;
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/BottomNavigationBar/index.js.map

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