@mapples/components 1.6.0-beta.20260929074057 → 1.6.0-beta.20260929132300

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/CHANGELOG.md +8 -1
  2. package/dist/components/navigation/BottomNavigationBar/NavItem.d.ts +26 -3
  3. package/dist/components/navigation/BottomNavigationBar/NavItem.d.ts.map +1 -1
  4. package/dist/components/navigation/BottomNavigationBar/NavItem.js +13 -19
  5. package/dist/components/navigation/BottomNavigationBar/NavItem.js.map +1 -1
  6. package/dist/components/navigation/DrawerItems/defaults.d.ts +22 -0
  7. package/dist/components/navigation/DrawerItems/defaults.d.ts.map +1 -0
  8. package/dist/components/navigation/DrawerItems/defaults.js +23 -0
  9. package/dist/components/navigation/DrawerItems/defaults.js.map +1 -0
  10. package/dist/components/navigation/DrawerItems/index.d.ts +56 -0
  11. package/dist/components/navigation/DrawerItems/index.d.ts.map +1 -0
  12. package/dist/components/navigation/DrawerItems/index.js +81 -0
  13. package/dist/components/navigation/DrawerItems/index.js.map +1 -0
  14. package/dist/components/navigation/DrawerItems/schematic.d.ts +4 -0
  15. package/dist/components/navigation/DrawerItems/schematic.d.ts.map +1 -0
  16. package/dist/components/navigation/DrawerItems/schematic.js +7 -0
  17. package/dist/components/navigation/DrawerItems/schematic.js.map +1 -0
  18. package/dist/components/navigation/DrawerItems/types.d.ts +8 -0
  19. package/dist/components/navigation/DrawerItems/types.d.ts.map +1 -0
  20. package/dist/components/navigation/DrawerItems/types.js +10 -0
  21. package/dist/components/navigation/DrawerItems/types.js.map +1 -0
  22. package/dist/components/navigation/TabBarItems/defaults.d.ts +9 -0
  23. package/dist/components/navigation/TabBarItems/defaults.d.ts.map +1 -0
  24. package/dist/components/navigation/TabBarItems/defaults.js +10 -0
  25. package/dist/components/navigation/TabBarItems/defaults.js.map +1 -0
  26. package/dist/components/navigation/TabBarItems/index.d.ts +61 -0
  27. package/dist/components/navigation/TabBarItems/index.d.ts.map +1 -0
  28. package/dist/components/navigation/TabBarItems/index.js +71 -0
  29. package/dist/components/navigation/TabBarItems/index.js.map +1 -0
  30. package/dist/components/navigation/TabBarItems/schematic.d.ts +4 -0
  31. package/dist/components/navigation/TabBarItems/schematic.d.ts.map +1 -0
  32. package/dist/components/navigation/TabBarItems/schematic.js +7 -0
  33. package/dist/components/navigation/TabBarItems/schematic.js.map +1 -0
  34. package/dist/components/navigation/TabBarItems/types.d.ts +11 -0
  35. package/dist/components/navigation/TabBarItems/types.d.ts.map +1 -0
  36. package/dist/components/navigation/TabBarItems/types.js +13 -0
  37. package/dist/components/navigation/TabBarItems/types.js.map +1 -0
  38. package/dist/components/navigation/index.d.ts +8 -0
  39. package/dist/components/navigation/index.d.ts.map +1 -1
  40. package/dist/components/navigation/index.js +8 -0
  41. package/dist/components/navigation/index.js.map +1 -1
  42. package/dist/components/navigation/schematics.d.ts.map +1 -1
  43. package/dist/components/navigation/schematics.js +4 -0
  44. package/dist/components/navigation/schematics.js.map +1 -1
  45. package/dist/internal/ChromeNotice.d.ts +17 -0
  46. package/dist/internal/ChromeNotice.d.ts.map +1 -0
  47. package/dist/internal/ChromeNotice.js +33 -0
  48. package/dist/internal/ChromeNotice.js.map +1 -0
  49. package/dist/internal/index.d.ts +2 -0
  50. package/dist/internal/index.d.ts.map +1 -1
  51. package/dist/internal/index.js +2 -0
  52. package/dist/internal/index.js.map +1 -1
  53. package/package.json +2 -1
package/CHANGELOG.md CHANGED
@@ -1,11 +1,18 @@
1
1
  # @mapples/components
2
2
 
3
- ## 1.6.0-beta.20260929074057
3
+ ## 1.6.0-beta.20260929132300
4
4
 
5
5
  ### Minor Changes
6
6
 
7
+ - 7339399: Designed navigator chrome. A tabs navigator's `TabBarOptions.componentUuid` and a drawer's `DrawerOptions.componentUuid` name a saved component that renders the bar or the drawer content, and `TabBarOptions.native` asks the exported app for expo-router's `NativeTabs`. `@mapples/render` carries the contract (`NavigatorChromeContext`, `useNavigatorChrome`): the navigator's routes as items with a label, an active flag and an icon renderer, plus `select`, `close` and the safe-area insets. Two new `@mapples/components` elements read it — `TabBarItems` (one tab per route, pill, labels, badges' tones) and `DrawerItems` (one row per route) — and show a notice when the component is not a navigator's design yet; `@mapples/components` now peers on `@mapples/render`. `@mapples/navigation` mounts a design through `TabBarHost` / `DrawerContentHost` (React Navigation's `tabBar` / `drawerContent`, reading only their props so an exported app uses them as-is) when `MapplesNavigation` is given the `chrome` map, and keeps `visible: false` working for a custom bar. The Creator canvas draws a designed tab bar on every screen frame with its measured height as the bottom inset, a platform-styled placeholder for a native bar, frames a chrome master on the components surface at the chrome's shape with the navigator's routes flowing in, and labels storyboard sections with their design. `create_navigator_chrome` creates and assigns a starter design; `set_navigator_options` accepts the new fields.
7
8
  - a6c5872: All `@mapples/*` runtime packages now share one version and are versioned and published together from `mapplesorg/mapples-kit`; `mapples-open-kit` is a read-only mirror of the source.
8
9
 
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies [7339399]
13
+ - Updated dependencies [a6c5872]
14
+ - @mapples/render@1.6.0-beta.20260929132300
15
+
9
16
  ## 1.2.1
10
17
 
11
18
  ### Patch Changes
@@ -1,7 +1,26 @@
1
- import { FC } from 'react';
1
+ import { FC, ReactNode } from 'react';
2
2
  import { StyledProp } from '@mapples/style';
3
3
  import { TextStyle, ViewStyle } from 'react-native';
4
- import { BottomNavigationItem } from './types';
4
+ /**
5
+ * What an item draws. `BottomNavigationBar` passes its destinations (glyph
6
+ * names); `TabBarItems` passes a navigator's routes, whose icon arrives as a
7
+ * renderer instead.
8
+ */
9
+ export interface NavItemData {
10
+ label: string;
11
+ value: string;
12
+ /** Glyph from the project icon family. */
13
+ iconName?: string;
14
+ /** Glyph while active; defaults to `iconName`. */
15
+ activeIconName?: string;
16
+ /** Count pinned to the glyph; hidden at 0. */
17
+ badgeCount?: number;
18
+ /** Draws the icon at the colour/size asked for — used instead of the glyph names. */
19
+ renderIcon?: (props: {
20
+ color?: string;
21
+ size?: number;
22
+ }) => ReactNode;
23
+ }
5
24
  /** Resolved colours an item paints with. */
6
25
  export interface NavItemColors {
7
26
  /** Active glyph and label. */
@@ -31,9 +50,13 @@ export interface NavItemSlots {
31
50
  styleBadge?: StyledProp<ViewStyle>;
32
51
  }
33
52
  export interface NavItemProps {
34
- item: BottomNavigationItem;
53
+ item: NavItemData;
35
54
  active: boolean;
36
55
  showLabel: boolean;
56
+ /** Whether the active pill is drawn. Defaults to `true`. */
57
+ showIndicator?: boolean;
58
+ /** Glyph size. Defaults to 24. */
59
+ iconSize?: number;
37
60
  colors: NavItemColors;
38
61
  slots: NavItemSlots;
39
62
  onPress: (value: string) => void;
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BottomNavigationBar/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAEL,UAAU,EAIX,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAY,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAU9D;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qFAAqF;IACrF,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CACtE;AAED,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,WAAW,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,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,CA4H7B,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -9,7 +9,7 @@ const BADGE_MAX = 99;
9
9
  * One destination of a `BottomNavigationBar`: the glyph over a pill that
10
10
  * fades in while active, the label, and a count badge.
11
11
  */
12
- const NavItem = ({ item, active, showLabel, colors, slots, onPress, }) => {
12
+ const NavItem = ({ item, active, showLabel, showIndicator = true, iconSize = BOTTOM_NAVIGATION_ICON_SIZE, colors, slots, onPress, }) => {
13
13
  const progress = useTimingValue(active ? 1 : 0, {
14
14
  duration: DURATION.fast,
15
15
  });
@@ -38,27 +38,21 @@ const NavItem = ({ item, active, showLabel, colors, slots, onPress, }) => {
38
38
  },
39
39
  ],
40
40
  }}>
41
- <Animated.View pointerEvents="none" style={[
42
- defaults.indicator,
43
- {
44
- borderRadius: RADII.pill,
45
- backgroundColor: colors.indicator,
46
- },
47
- resolved.indicator,
48
- { opacity: progress },
49
- ]}/>
50
- <StyledView styled={{
51
- style: [
52
- defaults.icon,
41
+ {showIndicator ? (<Animated.View pointerEvents="none" style={[
42
+ defaults.indicator,
53
43
  {
54
- width: BOTTOM_NAVIGATION_ICON_SIZE,
55
- height: BOTTOM_NAVIGATION_ICON_SIZE,
44
+ borderRadius: RADII.pill,
45
+ backgroundColor: colors.indicator,
56
46
  },
57
- ],
47
+ resolved.indicator,
48
+ { opacity: progress },
49
+ ]}/>) : null}
50
+ <StyledView styled={{
51
+ style: [defaults.icon, { width: iconSize, height: iconSize }],
58
52
  }}>
59
- <Icon iconName={active && item.activeIconName
60
- ? item.activeIconName
61
- : item.iconName} size={BOTTOM_NAVIGATION_ICON_SIZE} color={glyphColor}/>
53
+ {item.renderIcon ? (item.renderIcon({ color: glyphColor, size: iconSize })) : item.iconName ? (<Icon iconName={active && item.activeIconName
54
+ ? item.activeIconName
55
+ : item.iconName} size={iconSize} color={glyphColor}/>) : null}
62
56
  {badge !== null ? (<StyledView pointerEvents="none" styled={{
63
57
  style: [
64
58
  defaults.badge,
@@ -1 +1 @@
1
- {"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../src/components/navigation/BottomNavigationBar/NavItem.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../src/components/navigation/BottomNavigationBar/NavItem.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,22 @@
1
+ /** Runtime defaults — author slots merge over these. */
2
+ export declare const defaults: {
3
+ root: {
4
+ alignSelf: "stretch";
5
+ paddingHorizontal: number;
6
+ gap: number;
7
+ };
8
+ row: {
9
+ flexDirection: "row";
10
+ alignItems: "center";
11
+ gap: number;
12
+ paddingHorizontal: number;
13
+ };
14
+ icon: {
15
+ alignItems: "center";
16
+ justifyContent: "center";
17
+ };
18
+ label: {
19
+ flex: number;
20
+ };
21
+ };
22
+ //# sourceMappingURL=defaults.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/DrawerItems/defaults.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;CAmBnB,CAAC"}
@@ -0,0 +1,23 @@
1
+ import { Styler } from '@mapples/style';
2
+ /** Runtime defaults — author slots merge over these. */
3
+ export const defaults = Styler.create({
4
+ root: {
5
+ alignSelf: 'stretch',
6
+ paddingHorizontal: 8,
7
+ gap: 2,
8
+ },
9
+ row: {
10
+ flexDirection: 'row',
11
+ alignItems: 'center',
12
+ gap: 12,
13
+ paddingHorizontal: 12,
14
+ },
15
+ icon: {
16
+ alignItems: 'center',
17
+ justifyContent: 'center',
18
+ },
19
+ label: {
20
+ flex: 1,
21
+ },
22
+ });
23
+ //# sourceMappingURL=defaults.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/navigation/DrawerItems/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;QACpB,iBAAiB,EAAE,CAAC;QACpB,GAAG,EAAE,CAAC;KACP;IACD,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,EAAE;QACP,iBAAiB,EAAE,EAAE;KACtB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC"}
@@ -0,0 +1,56 @@
1
+ import { StyledProp } from '@mapples/style';
2
+ import { Tone } from '@mapples/ui';
3
+ import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
4
+ import { DrawerItemsDensity } from './types';
5
+ /** Props for {@link DrawerItems}. */
6
+ export interface DrawerItemsProps extends Omit<ViewProps, 'children'> {
7
+ /** Whether route icons are drawn. Defaults to `true`. */
8
+ showIcons?: boolean;
9
+ /** Row height. Defaults to `comfortable`. */
10
+ density?: DrawerItemsDensity;
11
+ /** Colour role of the active row. Defaults to `primary`. */
12
+ tone?: Tone;
13
+ /** Styled slots for every visual part. */
14
+ styled?: {
15
+ /** The list. */
16
+ style?: StyledProp<ViewStyle>;
17
+ /** Each row. */
18
+ styleRow?: StyledProp<ViewStyle>;
19
+ /** The active row. */
20
+ styleRowActive?: StyledProp<ViewStyle>;
21
+ /** Inactive icons (`color`). */
22
+ styleIcon?: StyledProp<ViewStyle & {
23
+ color?: string;
24
+ }>;
25
+ /** The active icon (`color`). */
26
+ styleIconActive?: StyledProp<ViewStyle & {
27
+ color?: string;
28
+ }>;
29
+ /** Inactive labels. */
30
+ styleLabel?: StyledProp<TextStyle>;
31
+ /** The active label. */
32
+ styleLabelActive?: StyledProp<TextStyle>;
33
+ };
34
+ }
35
+ /**
36
+ * The routes of the drawer whose custom content this element sits in: one
37
+ * row per route, pressing one navigates there and closes the drawer. It only
38
+ * knows its routes through the navigator-chrome context a host provides —
39
+ * inside a saved component chosen as a drawer navigator's design, at runtime
40
+ * and on the canvas alike. Anywhere else it shows a notice saying so.
41
+ *
42
+ * @example
43
+ * ```tsx
44
+ * <View style={{ flex: 1 }}>
45
+ * <DrawerHeader />
46
+ * <DrawerItems density="comfortable" />
47
+ * </View>
48
+ * ```
49
+ *
50
+ * @public
51
+ */
52
+ declare const DrawerItems: import("react").ForwardRefExoticComponent<DrawerItemsProps & {
53
+ children?: import("react").ReactNode | undefined;
54
+ } & import("react").RefAttributes<View>>;
55
+ export default DrawerItems;
56
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/DrawerItems/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,UAAU,EAGX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAiB,IAAI,EAA8B,MAAM,aAAa,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKrE,OAAO,EAGL,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAEjB,qCAAqC;AACrC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,gBAAgB;QAChB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,gBAAgB;QAChB,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACjC,sBAAsB;QACtB,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACvC,gCAAgC;QAChC,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACvD,iCAAiC;QACjC,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;KAC1C,CAAC;CACH;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,WAAW;;wCAqGhB,CAAC;AAGF,eAAe,WAAW,CAAC"}
@@ -0,0 +1,81 @@
1
+ import { forwardRef } from 'react';
2
+ import { useOptionalNavigatorChrome } from '@mapples/render';
3
+ import { StyledPressable, StyledView, Typography, } from '@mapples/style';
4
+ import { RADII, Tokens, TYPOGRAPHY_PARTS, useTones } from '@mapples/ui';
5
+ import { ChromeNotice, useSlotColor } from '../../../internal';
6
+ import { defaults } from './defaults';
7
+ import { DRAWER_ITEMS_ICON_SIZE, DRAWER_ITEMS_ROW_HEIGHT, } from './types';
8
+ /**
9
+ * The routes of the drawer whose custom content this element sits in: one
10
+ * row per route, pressing one navigates there and closes the drawer. It only
11
+ * knows its routes through the navigator-chrome context a host provides —
12
+ * inside a saved component chosen as a drawer navigator's design, at runtime
13
+ * and on the canvas alike. Anywhere else it shows a notice saying so.
14
+ *
15
+ * @example
16
+ * ```tsx
17
+ * <View style={{ flex: 1 }}>
18
+ * <DrawerHeader />
19
+ * <DrawerItems density="comfortable" />
20
+ * </View>
21
+ * ```
22
+ *
23
+ * @public
24
+ */
25
+ const DrawerItems = forwardRef(({ showIcons = true, density = 'comfortable', tone = 'primary', styled,
26
+ // The canvas injects a drop area as children; leaf components ignore them.
27
+ children: _children, ...rest }, ref) => {
28
+ const chrome = useOptionalNavigatorChrome();
29
+ const tones = useTones();
30
+ const palette = tones.tone(tone);
31
+ const inactiveIcon = useSlotColor(styled?.styleIcon, 'color', tones.resolve(Tokens.color.textSecondary));
32
+ const activeIcon = useSlotColor(styled?.styleIconActive, 'color', palette.main);
33
+ if (!chrome || chrome.kind !== 'drawer') {
34
+ return (<ChromeNotice message="Drawer items — shows this navigator's screens once the component is chosen as a drawer navigator's content design."/>);
35
+ }
36
+ const rowHeight = DRAWER_ITEMS_ROW_HEIGHT[density];
37
+ const inactiveLabel = tones.resolve(Tokens.color.text);
38
+ return (<StyledView ref={ref} accessibilityRole="menu" styled={{ style: [defaults.root, styled?.style] }} {...rest}>
39
+ {chrome.items.map((item) => {
40
+ const iconColor = item.active ? activeIcon : inactiveIcon;
41
+ return (<StyledPressable key={item.routeId} accessibilityRole="menuitem" accessibilityLabel={item.label} accessibilityState={{ selected: item.active }} onPress={() => chrome.select(item.routeId)} styled={{
42
+ style: [
43
+ defaults.row,
44
+ {
45
+ height: rowHeight,
46
+ borderRadius: RADII.pill,
47
+ },
48
+ item.active && { backgroundColor: palette.container },
49
+ styled?.styleRow,
50
+ item.active && styled?.styleRowActive,
51
+ ],
52
+ }}>
53
+ {showIcons && item.renderIcon ? (<StyledView styled={{
54
+ style: [
55
+ defaults.icon,
56
+ {
57
+ width: DRAWER_ITEMS_ICON_SIZE,
58
+ height: DRAWER_ITEMS_ICON_SIZE,
59
+ },
60
+ ],
61
+ }}>
62
+ {item.renderIcon({
63
+ color: iconColor,
64
+ size: DRAWER_ITEMS_ICON_SIZE,
65
+ })}
66
+ </StyledView>) : null}
67
+ <Typography variant={TYPOGRAPHY_PARTS.label} numberOfLines={1} style={[
68
+ defaults.label,
69
+ { color: item.active ? palette.main : inactiveLabel },
70
+ styled?.styleLabel,
71
+ item.active && styled?.styleLabelActive,
72
+ ]}>
73
+ {item.label}
74
+ </Typography>
75
+ </StyledPressable>);
76
+ })}
77
+ </StyledView>);
78
+ });
79
+ DrawerItems.displayName = 'DrawerItems';
80
+ export default DrawerItems;
81
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/DrawerItems/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ import { RegisteredComponent } from '@mapples/types';
2
+ /** Registers {@link DrawerItems} under the `'DrawerItems'` type key. */
3
+ export declare const DrawerItemsSchematic: RegisteredComponent;
4
+ //# sourceMappingURL=schematic.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/DrawerItems/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,wEAAwE;AACxE,eAAO,MAAM,oBAAoB,EAAE,mBAGlC,CAAC"}
@@ -0,0 +1,7 @@
1
+ import DrawerItems from './index';
2
+ /** Registers {@link DrawerItems} under the `'DrawerItems'` type key. */
3
+ export const DrawerItemsSchematic = {
4
+ type: 'DrawerItems',
5
+ Component: DrawerItems,
6
+ };
7
+ //# sourceMappingURL=schematic.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/navigation/DrawerItems/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,SAAS,CAAC;AAElC,wEAAwE;AACxE,MAAM,CAAC,MAAM,oBAAoB,GAAwB;IACvD,IAAI,EAAE,aAAa;IACnB,SAAS,EAAE,WAAW;CACvB,CAAC"}
@@ -0,0 +1,8 @@
1
+ /** Row heights. */
2
+ export declare const DRAWER_ITEMS_DENSITIES: readonly ["comfortable", "compact"];
3
+ export type DrawerItemsDensity = (typeof DRAWER_ITEMS_DENSITIES)[number];
4
+ /** Row height per density. */
5
+ export declare const DRAWER_ITEMS_ROW_HEIGHT: Record<DrawerItemsDensity, number>;
6
+ /** Glyph size. */
7
+ export declare const DRAWER_ITEMS_ICON_SIZE = 24;
8
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/DrawerItems/types.ts"],"names":[],"mappings":"AAAA,mBAAmB;AACnB,eAAO,MAAM,sBAAsB,qCAAsC,CAAC;AAC1E,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzE,8BAA8B;AAC9B,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAGtE,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,sBAAsB,KAAK,CAAC"}
@@ -0,0 +1,10 @@
1
+ /** Row heights. */
2
+ export const DRAWER_ITEMS_DENSITIES = ['comfortable', 'compact'];
3
+ /** Row height per density. */
4
+ export const DRAWER_ITEMS_ROW_HEIGHT = {
5
+ comfortable: 48,
6
+ compact: 40,
7
+ };
8
+ /** Glyph size. */
9
+ export const DRAWER_ITEMS_ICON_SIZE = 24;
10
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/navigation/DrawerItems/types.ts"],"names":[],"mappings":"AAAA,mBAAmB;AACnB,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,aAAa,EAAE,SAAS,CAAU,CAAC;AAG1E,8BAA8B;AAC9B,MAAM,CAAC,MAAM,uBAAuB,GAAuC;IACzE,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,kBAAkB;AAClB,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC"}
@@ -0,0 +1,9 @@
1
+ /** Runtime defaults — author slots merge over these. */
2
+ export declare const defaults: {
3
+ root: {
4
+ alignSelf: "stretch";
5
+ flexDirection: "row";
6
+ alignItems: "stretch";
7
+ };
8
+ };
9
+ //# sourceMappingURL=defaults.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabBarItems/defaults.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,eAAO,MAAM,QAAQ;;;;;;CAMnB,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { Styler } from '@mapples/style';
2
+ /** Runtime defaults — author slots merge over these. */
3
+ export const defaults = Styler.create({
4
+ root: {
5
+ alignSelf: 'stretch',
6
+ flexDirection: 'row',
7
+ alignItems: 'stretch',
8
+ },
9
+ });
10
+ //# sourceMappingURL=defaults.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabBarItems/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;QACpB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,SAAS;KACtB;CACF,CAAC,CAAC"}
@@ -0,0 +1,61 @@
1
+ import { StyledProp } from '@mapples/style';
2
+ import { Tone } from '@mapples/ui';
3
+ import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
4
+ import { TabBarItemsIndicator, TabBarItemsLabelVisibility } from './types';
5
+ /** Props for {@link TabBarItems}. */
6
+ export interface TabBarItemsProps extends Omit<ViewProps, 'children'> {
7
+ /** When labels show. Defaults to `always`. */
8
+ labelVisibility?: TabBarItemsLabelVisibility;
9
+ /** The mark behind the active icon. Defaults to `pill`. */
10
+ indicator?: TabBarItemsIndicator;
11
+ /** Glyph size. Defaults to 24. */
12
+ iconSize?: number;
13
+ /** Pads the bottom by the safe-area inset the navigator reports. Defaults to `true`. */
14
+ safeAreaBottom?: boolean;
15
+ /** Colour role of the active tab. Defaults to `primary`. */
16
+ tone?: Tone;
17
+ /** Styled slots for every visual part. */
18
+ styled?: {
19
+ /** The row of tabs. */
20
+ style?: StyledProp<ViewStyle>;
21
+ /** Each tab. */
22
+ styleItem?: StyledProp<ViewStyle>;
23
+ /** The active tab. */
24
+ styleItemActive?: StyledProp<ViewStyle>;
25
+ /** Inactive icons (`color`). */
26
+ styleIcon?: StyledProp<ViewStyle & {
27
+ color?: string;
28
+ }>;
29
+ /** The active icon (`color`). */
30
+ styleIconActive?: StyledProp<ViewStyle & {
31
+ color?: string;
32
+ }>;
33
+ /** Inactive labels. */
34
+ styleLabel?: StyledProp<TextStyle>;
35
+ /** The active label. */
36
+ styleLabelActive?: StyledProp<TextStyle>;
37
+ /** The pill behind the active icon. */
38
+ styleIndicator?: StyledProp<ViewStyle>;
39
+ };
40
+ }
41
+ /**
42
+ * The tabs of the navigator whose custom tab bar this element sits in: one
43
+ * item per route, pressing one switches to it. It only knows its routes
44
+ * through the navigator-chrome context a host provides — inside a saved
45
+ * component chosen as a tabs navigator's design, at runtime and on the
46
+ * canvas alike. Anywhere else it shows a notice saying so.
47
+ *
48
+ * @example
49
+ * ```tsx
50
+ * <View style={{ flexDirection: 'row', backgroundColor: '#fff' }}>
51
+ * <TabBarItems labelVisibility="selected" indicator="pill" />
52
+ * </View>
53
+ * ```
54
+ *
55
+ * @public
56
+ */
57
+ declare const TabBarItems: import("react").ForwardRefExoticComponent<TabBarItemsProps & {
58
+ children?: import("react").ReactNode | undefined;
59
+ } & import("react").RefAttributes<View>>;
60
+ export default TabBarItems;
61
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabBarItems/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAc,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAU,IAAI,EAAY,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMrE,OAAO,EAGL,oBAAoB,EACpB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAEjB,qCAAqC;AACrC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,8CAA8C;IAC9C,eAAe,CAAC,EAAE,0BAA0B,CAAC;IAC7C,2DAA2D;IAC3D,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wFAAwF;IACxF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,uBAAuB;QACvB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,gBAAgB;QAChB,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAClC,sBAAsB;QACtB,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACxC,gCAAgC;QAChC,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACvD,iCAAiC;QACjC,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,uCAAuC;QACvC,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACxC,CAAC;CACH;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,WAAW;;wCAkFhB,CAAC;AAGF,eAAe,WAAW,CAAC"}
@@ -0,0 +1,71 @@
1
+ import { forwardRef } from 'react';
2
+ import { useOptionalNavigatorChrome } from '@mapples/render';
3
+ import { StyledView } from '@mapples/style';
4
+ import { Tokens, useTones } from '@mapples/ui';
5
+ import { ChromeNotice } from '../../../internal';
6
+ import NavItem from '../BottomNavigationBar/NavItem';
7
+ import { defaults } from './defaults';
8
+ import { TAB_BAR_ITEMS_ICON_SIZE, TAB_BAR_ITEMS_MIN_HEIGHT, } from './types';
9
+ /**
10
+ * The tabs of the navigator whose custom tab bar this element sits in: one
11
+ * item per route, pressing one switches to it. It only knows its routes
12
+ * through the navigator-chrome context a host provides — inside a saved
13
+ * component chosen as a tabs navigator's design, at runtime and on the
14
+ * canvas alike. Anywhere else it shows a notice saying so.
15
+ *
16
+ * @example
17
+ * ```tsx
18
+ * <View style={{ flexDirection: 'row', backgroundColor: '#fff' }}>
19
+ * <TabBarItems labelVisibility="selected" indicator="pill" />
20
+ * </View>
21
+ * ```
22
+ *
23
+ * @public
24
+ */
25
+ const TabBarItems = forwardRef(({ labelVisibility = 'always', indicator = 'pill', iconSize = TAB_BAR_ITEMS_ICON_SIZE, safeAreaBottom = true, tone = 'primary', styled,
26
+ // The canvas injects a drop area as children; leaf components ignore them.
27
+ children: _children, ...rest }, ref) => {
28
+ const chrome = useOptionalNavigatorChrome();
29
+ const tones = useTones();
30
+ const palette = tones.tone(tone);
31
+ if (!chrome || chrome.kind !== 'tabs') {
32
+ return (<ChromeNotice message="Tab bar items — shows this navigator's tabs once the component is chosen as a tabs navigator's tab bar design."/>);
33
+ }
34
+ const error = tones.tone('error');
35
+ const colors = {
36
+ active: palette.main,
37
+ inactive: tones.resolve(Tokens.color.textSecondary),
38
+ indicator: palette.container,
39
+ badge: error.main,
40
+ onBadge: error.contrast,
41
+ };
42
+ const bottomInset = safeAreaBottom ? chrome.insets.bottom : 0;
43
+ return (<StyledView ref={ref} accessibilityRole="tablist" styled={{
44
+ style: [
45
+ defaults.root,
46
+ {
47
+ minHeight: TAB_BAR_ITEMS_MIN_HEIGHT + bottomInset,
48
+ paddingBottom: bottomInset,
49
+ },
50
+ styled?.style,
51
+ ],
52
+ }} {...rest}>
53
+ {chrome.items.map((item) => (<NavItem key={item.routeId} item={{
54
+ label: item.label,
55
+ value: item.routeId,
56
+ renderIcon: item.renderIcon,
57
+ }} active={item.active} showLabel={labelVisibility === 'always' ||
58
+ (labelVisibility === 'selected' && item.active)} showIndicator={indicator === 'pill'} iconSize={iconSize} colors={colors} slots={{
59
+ styleItem: styled?.styleItem,
60
+ styleItemActive: styled?.styleItemActive,
61
+ styleIcon: styled?.styleIcon,
62
+ styleIconActive: styled?.styleIconActive,
63
+ styleLabel: styled?.styleLabel,
64
+ styleLabelActive: styled?.styleLabelActive,
65
+ styleIndicator: styled?.styleIndicator,
66
+ }} onPress={chrome.select}/>))}
67
+ </StyledView>);
68
+ });
69
+ TabBarItems.displayName = 'TabBarItems';
70
+ export default TabBarItems;
71
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabBarItems/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ import { RegisteredComponent } from '@mapples/types';
2
+ /** Registers {@link TabBarItems} under the `'TabBarItems'` type key. */
3
+ export declare const TabBarItemsSchematic: RegisteredComponent;
4
+ //# sourceMappingURL=schematic.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabBarItems/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,wEAAwE;AACxE,eAAO,MAAM,oBAAoB,EAAE,mBAGlC,CAAC"}
@@ -0,0 +1,7 @@
1
+ import TabBarItems from './index';
2
+ /** Registers {@link TabBarItems} under the `'TabBarItems'` type key. */
3
+ export const TabBarItemsSchematic = {
4
+ type: 'TabBarItems',
5
+ Component: TabBarItems,
6
+ };
7
+ //# sourceMappingURL=schematic.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabBarItems/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,SAAS,CAAC;AAElC,wEAAwE;AACxE,MAAM,CAAC,MAAM,oBAAoB,GAAwB;IACvD,IAAI,EAAE,aAAa;IACnB,SAAS,EAAE,WAAW;CACvB,CAAC"}
@@ -0,0 +1,11 @@
1
+ /** When tab labels show. */
2
+ export declare const TAB_BAR_ITEMS_LABEL_VISIBILITIES: readonly ["always", "selected", "never"];
3
+ export type TabBarItemsLabelVisibility = (typeof TAB_BAR_ITEMS_LABEL_VISIBILITIES)[number];
4
+ /** The mark behind the active tab's icon. */
5
+ export declare const TAB_BAR_ITEMS_INDICATORS: readonly ["pill", "none"];
6
+ export type TabBarItemsIndicator = (typeof TAB_BAR_ITEMS_INDICATORS)[number];
7
+ /** Default glyph size. */
8
+ export declare const TAB_BAR_ITEMS_ICON_SIZE = 24;
9
+ /** Height of the row before the safe-area padding — the platform tab bar's. */
10
+ export declare const TAB_BAR_ITEMS_MIN_HEIGHT = 49;
11
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabBarItems/types.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,eAAO,MAAM,gCAAgC,0CAInC,CAAC;AACX,MAAM,MAAM,0BAA0B,GACpC,CAAC,OAAO,gCAAgC,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,6CAA6C;AAC7C,eAAO,MAAM,wBAAwB,2BAA4B,CAAC;AAClE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7E,0BAA0B;AAC1B,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAE1C,+EAA+E;AAC/E,eAAO,MAAM,wBAAwB,KAAK,CAAC"}
@@ -0,0 +1,13 @@
1
+ /** When tab labels show. */
2
+ export const TAB_BAR_ITEMS_LABEL_VISIBILITIES = [
3
+ 'always',
4
+ 'selected',
5
+ 'never',
6
+ ];
7
+ /** The mark behind the active tab's icon. */
8
+ export const TAB_BAR_ITEMS_INDICATORS = ['pill', 'none'];
9
+ /** Default glyph size. */
10
+ export const TAB_BAR_ITEMS_ICON_SIZE = 24;
11
+ /** Height of the row before the safe-area padding — the platform tab bar's. */
12
+ export const TAB_BAR_ITEMS_MIN_HEIGHT = 49;
13
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabBarItems/types.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC9C,QAAQ;IACR,UAAU;IACV,OAAO;CACC,CAAC;AAIX,6CAA6C;AAC7C,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAU,CAAC;AAGlE,0BAA0B;AAC1B,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC;AAE1C,+EAA+E;AAC/E,MAAM,CAAC,MAAM,wBAAwB,GAAG,EAAE,CAAC"}
@@ -6,6 +6,14 @@ export { default as BottomNavigationBar } from './BottomNavigationBar';
6
6
  export * from './BottomNavigationBar';
7
7
  export * from './BottomNavigationBar/schematic';
8
8
  export * from './BottomNavigationBar/types';
9
+ export { default as TabBarItems } from './TabBarItems';
10
+ export * from './TabBarItems';
11
+ export * from './TabBarItems/schematic';
12
+ export * from './TabBarItems/types';
13
+ export { default as DrawerItems } from './DrawerItems';
14
+ export * from './DrawerItems';
15
+ export * from './DrawerItems/schematic';
16
+ export * from './DrawerItems/types';
9
17
  export { default as Tabs } from './Tabs';
10
18
  export * from './Tabs';
11
19
  export * from './Tabs/schematic';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,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,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAE5C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAE7B,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,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,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,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAE5C,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,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAE7B,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,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC"}
@@ -6,6 +6,14 @@ export { default as BottomNavigationBar } from './BottomNavigationBar';
6
6
  export * from './BottomNavigationBar';
7
7
  export * from './BottomNavigationBar/schematic';
8
8
  export * from './BottomNavigationBar/types';
9
+ export { default as TabBarItems } from './TabBarItems';
10
+ export * from './TabBarItems';
11
+ export * from './TabBarItems/schematic';
12
+ export * from './TabBarItems/types';
13
+ export { default as DrawerItems } from './DrawerItems';
14
+ export * from './DrawerItems';
15
+ export * from './DrawerItems/schematic';
16
+ export * from './DrawerItems/types';
9
17
  export { default as Tabs } from './Tabs';
10
18
  export * from './Tabs';
11
19
  export * from './Tabs/schematic';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,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,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAE5C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAE7B,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,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,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,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAE5C,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,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAE7B,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,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAUtD,qDAAqD;AACrD,eAAO,MAAM,oBAAoB,EAAE,oBAQlC,CAAC"}
1
+ {"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAYtD,qDAAqD;AACrD,eAAO,MAAM,oBAAoB,EAAE,oBAUlC,CAAC"}
@@ -1,7 +1,9 @@
1
1
  import { BottomNavigationBarSchematic } from './BottomNavigationBar/schematic';
2
2
  import { BreadcrumbsSchematic } from './Breadcrumbs/schematic';
3
+ import { DrawerItemsSchematic } from './DrawerItems/schematic';
3
4
  import { PageControlSchematic } from './PageControl/schematic';
4
5
  import { StepsSchematic } from './Steps/schematic';
6
+ import { TabBarItemsSchematic } from './TabBarItems/schematic';
5
7
  import { TabsSchematic } from './Tabs/schematic';
6
8
  import { TextLinkSchematic } from './TextLink/schematic';
7
9
  import { TopAppBarSchematic } from './TopAppBar/schematic';
@@ -9,6 +11,8 @@ import { TopAppBarSchematic } from './TopAppBar/schematic';
9
11
  export const NavigationSchematics = {
10
12
  [TopAppBarSchematic.type]: TopAppBarSchematic,
11
13
  [BottomNavigationBarSchematic.type]: BottomNavigationBarSchematic,
14
+ [TabBarItemsSchematic.type]: TabBarItemsSchematic,
15
+ [DrawerItemsSchematic.type]: DrawerItemsSchematic,
12
16
  [TabsSchematic.type]: TabsSchematic,
13
17
  [BreadcrumbsSchematic.type]: BreadcrumbsSchematic,
14
18
  [PageControlSchematic.type]: PageControlSchematic,
@@ -1 +1 @@
1
- {"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/navigation/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,qDAAqD;AACrD,MAAM,CAAC,MAAM,oBAAoB,GAAyB;IACxD,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,kBAAkB;IAC7C,CAAC,4BAA4B,CAAC,IAAI,CAAC,EAAE,4BAA4B;IACjE,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa;IACnC,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,iBAAiB;CAC5C,CAAC"}
1
+ {"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/navigation/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,qDAAqD;AACrD,MAAM,CAAC,MAAM,oBAAoB,GAAyB;IACxD,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,kBAAkB;IAC7C,CAAC,4BAA4B,CAAC,IAAI,CAAC,EAAE,4BAA4B;IACjE,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa;IACnC,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,iBAAiB;CAC5C,CAAC"}
@@ -0,0 +1,17 @@
1
+ import { FC } from 'react';
2
+ export interface ChromeNoticeProps {
3
+ /** What the element is and where it works. */
4
+ message: string;
5
+ }
6
+ /**
7
+ * What a navigator-chrome element (`TabBarItems`, `DrawerItems`) draws when
8
+ * no navigator is providing it routes: the component it sits in is not yet a
9
+ * navigator's design, or the element was dropped on an ordinary screen.
10
+ *
11
+ * A visible notice rather than a throw, deliberately: canvas frames carry no
12
+ * error boundary, so a throw would blank the editing surface instead of
13
+ * telling the designer what to attach.
14
+ */
15
+ declare const ChromeNotice: FC<ChromeNoticeProps>;
16
+ export default ChromeNotice;
17
+ //# sourceMappingURL=ChromeNotice.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChromeNotice.d.ts","sourceRoot":"","sources":["../../src/internal/ChromeNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,MAAM,WAAW,iBAAiB;IAChC,8CAA8C;IAC9C,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA2BvC,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -0,0 +1,33 @@
1
+ import { StyledView, Typography } from '@mapples/style';
2
+ import { RADII, TYPOGRAPHY_PARTS, useTones } from '@mapples/ui';
3
+ /**
4
+ * What a navigator-chrome element (`TabBarItems`, `DrawerItems`) draws when
5
+ * no navigator is providing it routes: the component it sits in is not yet a
6
+ * navigator's design, or the element was dropped on an ordinary screen.
7
+ *
8
+ * A visible notice rather than a throw, deliberately: canvas frames carry no
9
+ * error boundary, so a throw would blank the editing surface instead of
10
+ * telling the designer what to attach.
11
+ */
12
+ const ChromeNotice = ({ message }) => {
13
+ const tones = useTones();
14
+ return (<StyledView accessibilityRole="text" styled={{
15
+ style: {
16
+ alignSelf: 'stretch',
17
+ minHeight: 48,
18
+ justifyContent: 'center',
19
+ paddingHorizontal: 12,
20
+ paddingVertical: 8,
21
+ borderWidth: 1,
22
+ borderStyle: 'dashed',
23
+ borderRadius: RADII.sm,
24
+ borderColor: tones.outlineStrong,
25
+ },
26
+ }}>
27
+ <Typography variant={TYPOGRAPHY_PARTS.helper} color={tones.resolve('theme.text.secondary')}>
28
+ {message}
29
+ </Typography>
30
+ </StyledView>);
31
+ };
32
+ export default ChromeNotice;
33
+ //# sourceMappingURL=ChromeNotice.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChromeNotice.js","sourceRoot":"","sources":["../../src/internal/ChromeNotice.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAOhE;;;;;;;;GAQG;AACH,MAAM,YAAY,GAA0B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,CACL,CAAC,UAAU,CACT,iBAAiB,CAAC,MAAM,CACxB,MAAM,CAAC,CAAC;YACN,KAAK,EAAE;gBACL,SAAS,EAAE,SAAS;gBACpB,SAAS,EAAE,EAAE;gBACb,cAAc,EAAE,QAAQ;gBACxB,iBAAiB,EAAE,EAAE;gBACrB,eAAe,EAAE,CAAC;gBAClB,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,QAAQ;gBACrB,YAAY,EAAE,KAAK,CAAC,EAAE;gBACtB,WAAW,EAAE,KAAK,CAAC,aAAa;aACjC;SACF,CAAC,CAEF;MAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CACjC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC,CAE7C;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -19,4 +19,6 @@ export * from './useOverlayPresence';
19
19
  export * from './useSlotValue';
20
20
  export { default as useTimingValue } from './useTimingValue';
21
21
  export * from './useTimingValue';
22
+ export { default as ChromeNotice } from './ChromeNotice';
23
+ export * from './ChromeNotice';
22
24
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/internal/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/internal/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC"}
@@ -19,4 +19,6 @@ export * from './useOverlayPresence';
19
19
  export * from './useSlotValue';
20
20
  export { default as useTimingValue } from './useTimingValue';
21
21
  export * from './useTimingValue';
22
+ export { default as ChromeNotice } from './ChromeNotice';
23
+ export * from './ChromeNotice';
22
24
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/internal/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/internal/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mapples/components",
3
- "version": "1.6.0-beta.20260929074057",
3
+ "version": "1.6.0-beta.20260929132300",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "scripts": {
@@ -23,6 +23,7 @@
23
23
  "lodash": "^4.18.0"
24
24
  },
25
25
  "peerDependencies": {
26
+ "@mapples/render": "*",
26
27
  "expo-image": ">=1.0.0",
27
28
  "react": ">=18.0.0 <20.0.0",
28
29
  "react-native": ">=0.71.0",