pixelize-native-library 1.0.6 → 1.0.7
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.
- package/lib/module/core/icon/index.js +68 -1
- package/lib/module/core/icon/index.js.map +1 -1
- package/lib/module/modules/bottom-nav/BottomNav.js +25 -15
- package/lib/module/modules/bottom-nav/BottomNav.js.map +1 -1
- package/lib/module/modules/bottom-nav/BottomNav.variants.js +65 -0
- package/lib/module/modules/bottom-nav/BottomNav.variants.js.map +1 -1
- package/lib/module/modules/bottom-nav/BottomNavIconWithBadge.js +75 -0
- package/lib/module/modules/bottom-nav/BottomNavIconWithBadge.js.map +1 -0
- package/lib/module/modules/bottom-nav/BottomNavOverflowSheet.js +13 -6
- package/lib/module/modules/bottom-nav/BottomNavOverflowSheet.js.map +1 -1
- package/lib/module/modules/bottom-nav/MODULE.md +25 -10
- package/lib/module/modules/charts/BarList.js +79 -0
- package/lib/module/modules/charts/BarList.js.map +1 -0
- package/lib/module/modules/charts/Charts.variants.js +59 -0
- package/lib/module/modules/charts/Charts.variants.js.map +1 -0
- package/lib/module/modules/charts/DonutChart.js +98 -0
- package/lib/module/modules/charts/DonutChart.js.map +1 -0
- package/lib/module/modules/charts/MODULE.md +52 -0
- package/lib/module/modules/charts/Sparkline.js +79 -0
- package/lib/module/modules/charts/Sparkline.js.map +1 -0
- package/lib/module/modules/charts/index.js +12 -0
- package/lib/module/modules/charts/index.js.map +1 -0
- package/lib/module/modules/list-item/ListItem.js +75 -0
- package/lib/module/modules/list-item/ListItem.js.map +1 -0
- package/lib/module/modules/list-item/ListItem.variants.js +53 -0
- package/lib/module/modules/list-item/ListItem.variants.js.map +1 -0
- package/lib/module/modules/list-item/MODULE.md +47 -0
- package/lib/module/modules/list-item/index.js +10 -0
- package/lib/module/modules/list-item/index.js.map +1 -0
- package/lib/module/modules/markdown/MODULE.md +44 -0
- package/lib/module/modules/markdown/Markdown.js +149 -0
- package/lib/module/modules/markdown/Markdown.js.map +1 -0
- package/lib/module/modules/markdown/Markdown.variants.js +68 -0
- package/lib/module/modules/markdown/Markdown.variants.js.map +1 -0
- package/lib/module/modules/markdown/index.js +11 -0
- package/lib/module/modules/markdown/index.js.map +1 -0
- package/lib/module/modules/markdown/parseMarkdown.js +153 -0
- package/lib/module/modules/markdown/parseMarkdown.js.map +1 -0
- package/lib/module/modules/multi-select/MODULE.md +1 -1
- package/lib/module/modules/multi-select/MultiSelect.js +1 -1
- package/lib/module/modules/multi-select/MultiSelect.js.map +1 -1
- package/lib/module/modules/select/MODULE.md +1 -1
- package/lib/module/modules/select/Select.js +13 -10
- package/lib/module/modules/select/Select.js.map +1 -1
- package/lib/module/modules/select/Select.variants.js +11 -0
- package/lib/module/modules/select/Select.variants.js.map +1 -1
- package/lib/module/modules/stat-tile/MODULE.md +44 -0
- package/lib/module/modules/stat-tile/StatTile.js +87 -0
- package/lib/module/modules/stat-tile/StatTile.js.map +1 -0
- package/lib/module/modules/stat-tile/StatTile.variants.js +55 -0
- package/lib/module/modules/stat-tile/StatTile.variants.js.map +1 -0
- package/lib/module/modules/stat-tile/index.js +10 -0
- package/lib/module/modules/stat-tile/index.js.map +1 -0
- package/lib/module/modules/timeline/MODULE.md +10 -1
- package/lib/module/modules/timeline/Timeline.js +4 -1
- package/lib/module/modules/timeline/Timeline.js.map +1 -1
- package/lib/module/theme/tokens/builders/accentText.js +9 -0
- package/lib/module/theme/tokens/builders/accentText.js.map +1 -1
- package/lib/typescript/core/icon/index.d.ts +38 -1
- package/lib/typescript/core/icon/index.d.ts.map +1 -1
- package/lib/typescript/modules/bottom-nav/BottomNav.d.ts +5 -1
- package/lib/typescript/modules/bottom-nav/BottomNav.d.ts.map +1 -1
- package/lib/typescript/modules/bottom-nav/BottomNav.variants.d.ts +50 -0
- package/lib/typescript/modules/bottom-nav/BottomNav.variants.d.ts.map +1 -1
- package/lib/typescript/modules/bottom-nav/BottomNavIconWithBadge.d.ts +25 -0
- package/lib/typescript/modules/bottom-nav/BottomNavIconWithBadge.d.ts.map +1 -0
- package/lib/typescript/modules/bottom-nav/BottomNavOverflowSheet.d.ts.map +1 -1
- package/lib/typescript/modules/charts/BarList.d.ts +18 -0
- package/lib/typescript/modules/charts/BarList.d.ts.map +1 -0
- package/lib/typescript/modules/charts/Charts.variants.d.ts +26 -0
- package/lib/typescript/modules/charts/Charts.variants.d.ts.map +1 -0
- package/lib/typescript/modules/charts/DonutChart.d.ts +18 -0
- package/lib/typescript/modules/charts/DonutChart.d.ts.map +1 -0
- package/lib/typescript/modules/charts/Sparkline.d.ts +13 -0
- package/lib/typescript/modules/charts/Sparkline.d.ts.map +1 -0
- package/lib/typescript/modules/charts/index.d.ts +13 -0
- package/lib/typescript/modules/charts/index.d.ts.map +1 -0
- package/lib/typescript/modules/list-item/ListItem.d.ts +15 -0
- package/lib/typescript/modules/list-item/ListItem.d.ts.map +1 -0
- package/lib/typescript/modules/list-item/ListItem.variants.d.ts +29 -0
- package/lib/typescript/modules/list-item/ListItem.variants.d.ts.map +1 -0
- package/lib/typescript/modules/list-item/index.d.ts +8 -0
- package/lib/typescript/modules/list-item/index.d.ts.map +1 -0
- package/lib/typescript/modules/markdown/Markdown.d.ts +10 -0
- package/lib/typescript/modules/markdown/Markdown.d.ts.map +1 -0
- package/lib/typescript/modules/markdown/Markdown.variants.d.ts +27 -0
- package/lib/typescript/modules/markdown/Markdown.variants.d.ts.map +1 -0
- package/lib/typescript/modules/markdown/index.d.ts +10 -0
- package/lib/typescript/modules/markdown/index.d.ts.map +1 -0
- package/lib/typescript/modules/markdown/parseMarkdown.d.ts +43 -0
- package/lib/typescript/modules/markdown/parseMarkdown.d.ts.map +1 -0
- package/lib/typescript/modules/multi-select/MultiSelect.d.ts +6 -0
- package/lib/typescript/modules/multi-select/MultiSelect.d.ts.map +1 -1
- package/lib/typescript/modules/select/Select.d.ts +6 -0
- package/lib/typescript/modules/select/Select.d.ts.map +1 -1
- package/lib/typescript/modules/select/Select.variants.d.ts +3 -0
- package/lib/typescript/modules/select/Select.variants.d.ts.map +1 -1
- package/lib/typescript/modules/stat-tile/StatTile.d.ts +16 -0
- package/lib/typescript/modules/stat-tile/StatTile.d.ts.map +1 -0
- package/lib/typescript/modules/stat-tile/StatTile.variants.d.ts +34 -0
- package/lib/typescript/modules/stat-tile/StatTile.variants.d.ts.map +1 -0
- package/lib/typescript/modules/stat-tile/index.d.ts +9 -0
- package/lib/typescript/modules/stat-tile/index.d.ts.map +1 -0
- package/lib/typescript/modules/timeline/Timeline.d.ts +4 -0
- package/lib/typescript/modules/timeline/Timeline.d.ts.map +1 -1
- package/lib/typescript/theme/tokens/builders/accentText.d.ts +6 -0
- package/lib/typescript/theme/tokens/builders/accentText.d.ts.map +1 -1
- package/package.json +22 -1
- package/registry.json +20 -0
|
@@ -19,7 +19,7 @@ import { Icon } from "../../core/icon/index.js";
|
|
|
19
19
|
import { useTheme } from "../../theme/index.js";
|
|
20
20
|
import { ModalPortalContext } from "../modal/ModalPortalContext.js";
|
|
21
21
|
import { renderWebPortal } from "../modal/renderWebPortal";
|
|
22
|
-
import { resolveSelectAccessibility, resolveSelectRowColors, resolveSelectTriggerColors, SELECT_ROW_ICON_SIZE, SELECT_SIZES, selectOverlayStructure, selectRowStructure, selectSheetStructure, selectTriggerStructure } from "./Select.variants.js";
|
|
22
|
+
import { resolveSelectAccessibility, resolveSelectRowColors, resolveSelectTriggerColors, SELECT_ROW_ICON_SIZE, SELECT_SIZES, selectOverlayStructure, selectRowStructure, selectSheetStructure, selectTriggerStructure, selectTriggerValueStructure } from "./Select.variants.js";
|
|
23
23
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
24
24
|
const ICON_STROKE = 2;
|
|
25
25
|
// Decorative dismiss scrim behind the sheet — a design constant, not a role token: it is neither
|
|
@@ -90,7 +90,7 @@ export const Select = /*#__PURE__*/memo(function Select({
|
|
|
90
90
|
style: [selectRowStructure(theme), {
|
|
91
91
|
backgroundColor: rowColors.background
|
|
92
92
|
}],
|
|
93
|
-
children: [/*#__PURE__*/_jsx(Text, {
|
|
93
|
+
children: [option.leading, /*#__PURE__*/_jsx(Text, {
|
|
94
94
|
numberOfLines: 1,
|
|
95
95
|
style: [theme.fontStyleForWeight(theme.fontWeights.regular), {
|
|
96
96
|
flex: 1,
|
|
@@ -149,14 +149,17 @@ export const Select = /*#__PURE__*/memo(function Select({
|
|
|
149
149
|
backgroundColor: triggerColors.background,
|
|
150
150
|
borderColor: triggerColors.border
|
|
151
151
|
}, disabled && styles.dimmed],
|
|
152
|
-
children: [/*#__PURE__*/
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
152
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
153
|
+
style: selectTriggerValueStructure(theme),
|
|
154
|
+
children: [selectedOption?.leading, /*#__PURE__*/_jsx(Text, {
|
|
155
|
+
numberOfLines: 1,
|
|
156
|
+
style: [theme.fontStyleForWeight(theme.fontWeights.regular), {
|
|
157
|
+
flexShrink: 1,
|
|
158
|
+
fontSize: spec.fontSize,
|
|
159
|
+
color: isPlaceholder ? triggerColors.placeholder : triggerColors.text
|
|
160
|
+
}],
|
|
161
|
+
children: displayText
|
|
162
|
+
})]
|
|
160
163
|
}), /*#__PURE__*/_jsx(Icon, {
|
|
161
164
|
name: "chevron-down",
|
|
162
165
|
size: spec.iconSize,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["memo","useContext","useState","Modal","Platform","Pressable","ScrollView","StyleSheet","Text","View","useReducedMotion","Icon","useTheme","ModalPortalContext","renderWebPortal","resolveSelectAccessibility","resolveSelectRowColors","resolveSelectTriggerColors","SELECT_ROW_ICON_SIZE","SELECT_SIZES","selectOverlayStructure","selectRowStructure","selectSheetStructure","selectTriggerStructure","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ICON_STROKE","BACKDROP_SCRIM","Select","options","value","onValueChange","placeholder","label","disabled","size","containerStyle","testID","theme","reducedMotion","portalContainer","open","setOpen","focused","setFocused","spec","selectedOption","find","option","isPlaceholder","undefined","displayText","triggerColors","colors","rowColors","a11y","accessibleName","openMenu","closeMenu","selectOption","sheet","children","accessible","style","absoluteFill","backgroundColor","onPress","pointerEvents","bg","surface","bounces","map","selected","accessibilityRole","accessibilityState","background","numberOfLines","fontStyleForWeight","fontWeights","regular","flex","fontSize","fontSizes","md","color","text","name","icon","strokeWidth","menu","OS","visible","transparent","animationType","onRequestClose","styles","container","medium","sm","fg","muted","marginBottom","space","accessibilityLabel","onFocus","onBlur","hitSlop","borderColor","border","dimmed","flexShrink","iconSize","create","alignSelf","opacity"],"sourceRoot":"../../../../src","sources":["modules/select/Select.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;
|
|
1
|
+
{"version":3,"names":["memo","useContext","useState","Modal","Platform","Pressable","ScrollView","StyleSheet","Text","View","useReducedMotion","Icon","useTheme","ModalPortalContext","renderWebPortal","resolveSelectAccessibility","resolveSelectRowColors","resolveSelectTriggerColors","SELECT_ROW_ICON_SIZE","SELECT_SIZES","selectOverlayStructure","selectRowStructure","selectSheetStructure","selectTriggerStructure","selectTriggerValueStructure","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ICON_STROKE","BACKDROP_SCRIM","Select","options","value","onValueChange","placeholder","label","disabled","size","containerStyle","testID","theme","reducedMotion","portalContainer","open","setOpen","focused","setFocused","spec","selectedOption","find","option","isPlaceholder","undefined","displayText","triggerColors","colors","rowColors","a11y","accessibleName","openMenu","closeMenu","selectOption","sheet","children","accessible","style","absoluteFill","backgroundColor","onPress","pointerEvents","bg","surface","bounces","map","selected","accessibilityRole","accessibilityState","background","leading","numberOfLines","fontStyleForWeight","fontWeights","regular","flex","fontSize","fontSizes","md","color","text","name","icon","strokeWidth","menu","OS","visible","transparent","animationType","onRequestClose","styles","container","medium","sm","fg","muted","marginBottom","space","accessibilityLabel","onFocus","onBlur","hitSlop","borderColor","border","dimmed","flexShrink","iconSize","create","alignSelf","opacity"],"sourceRoot":"../../../../src","sources":["modules/select/Select.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -116,6 +116,17 @@ export const selectTriggerStructure = createThemedVariants(theme => ({
|
|
|
116
116
|
}
|
|
117
117
|
}));
|
|
118
118
|
|
|
119
|
+
/** The trigger's value cluster — an option's `leading` adornment + the displayed label — kept in
|
|
120
|
+
* one shrinkable row so the chevron stays pinned right by the trigger's own space-between. */
|
|
121
|
+
export const selectTriggerValueStructure = createThemedVariants(theme => ({
|
|
122
|
+
base: {
|
|
123
|
+
flexDirection: "row",
|
|
124
|
+
alignItems: "center",
|
|
125
|
+
columnGap: theme.space[2],
|
|
126
|
+
flexShrink: 1
|
|
127
|
+
}
|
|
128
|
+
}));
|
|
129
|
+
|
|
119
130
|
/** The full-screen overlay the sheet centers in. `box-none` (applied by the component) lets a tap
|
|
120
131
|
* on its empty padding fall through to the backdrop press underneath. */
|
|
121
132
|
export const selectOverlayStructure = createThemedVariants(theme => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createThemedVariants","MIN_TOUCH_TARGET","slopFor","height","Math","max","ceil","SELECT_SIZES","sm","fontSize","iconSize","hitSlop","md","lg","SELECT_ROW_MIN_HEIGHT","SELECT_ROW_ICON_SIZE","resolveSelectTriggerColors","colors","focused","background","bg","surface","border","focus","interactive","text","fg","default","placeholder","muted","icon","resolveSelectRowColors","resolveSelectAccessibility","input","disabled","accessibilityRole","accessibilityState","expanded","open","selectTriggerStructure","theme","base","flexDirection","alignItems","justifyContent","columnGap","space","borderRadius","radii","borderWidth","borderWidths","thin","variants","size","paddingHorizontal","defaultVariants","selectOverlayStructure","flex","selectSheetStructure","paddingVertical","maxHeight","elevation","selectRowStructure","minHeight"],"sourceRoot":"../../../../src","sources":["modules/select/Select.variants.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,oBAAoB,QAAQ,2BAAkB;AAIvD;AACA,OAAO,MAAMC,gBAAgB,GAAG,EAAE;AAElC,MAAMC,OAAO,GAAIC,MAAc,IAAaC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,IAAI,CAAC,CAACL,gBAAgB,GAAGE,MAAM,IAAI,CAAC,CAAC,CAAC;AAanG,OAAO,MAAMI,YAAY,GAAG;EAC1BC,EAAE,EAAE;IAAEL,MAAM,EAAE,EAAE;IAAEM,QAAQ,EAAE,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,OAAO,EAAET,OAAO,CAAC,EAAE;EAAE,CAAC;EACpEU,EAAE,EAAE;IAAET,MAAM,EAAE,EAAE;IAAEM,QAAQ,EAAE,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,OAAO,EAAET,OAAO,CAAC,EAAE;EAAE,CAAC;EACpEW,EAAE,EAAE;IAAEV,MAAM,EAAE,EAAE;IAAEM,QAAQ,EAAE,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,OAAO,EAAET,OAAO,CAAC,EAAE;EAAE;AACrE,CAAuD;;AAEvD;AACA,OAAO,MAAMY,qBAAqB,GAAG,EAAE;;AAEvC;AACA,OAAO,MAAMC,oBAAoB,GAAG,EAAE;AAetC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,0BAA0BA,CAACC,MAAkB,EAAEC,OAAgB,EAAuB;EACpG,OAAO;IACLC,UAAU,EAAEF,MAAM,CAACG,EAAE,CAACC,OAAO;IAC7BC,MAAM,EAAEJ,OAAO,GAAGD,MAAM,CAACK,MAAM,CAACC,KAAK,GAAGN,MAAM,CAACK,MAAM,CAACE,WAAW;IACjEC,IAAI,EAAER,MAAM,CAACS,EAAE,CAACC,OAAO;IACvBC,WAAW,EAAEX,MAAM,CAACS,EAAE,CAACG,KAAK;IAC5BC,IAAI,EAAEb,MAAM,CAACS,EAAE,CAACG;EAClB,CAAC;AACH;AAeA,OAAO,SAASE,sBAAsBA,CAACd,MAAkB,EAAmB;EAC1E,OAAO;IACLE,UAAU,EAAEF,MAAM,CAACG,EAAE,CAACC,OAAO;IAC7BI,IAAI,EAAER,MAAM,CAACS,EAAE,CAACC,OAAO;IACvBG,IAAI,EAAEb,MAAM,CAACS,EAAE,CAACC;EAClB,CAAC;AACH;AAcA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASK,0BAA0BA,CAACC,KAA+B,EAA4B;EACpG,MAAMC,QAAQ,GAAGD,KAAK,CAACC,QAAQ,KAAK,IAAI;EACxC,OAAO;IACLC,iBAAiB,EAAE,QAAQ;IAC3BC,kBAAkB,EAAE;MAAEF,QAAQ;MAAEG,QAAQ,EAAEJ,KAAK,CAACK;IAAK,CAAC;IACtDJ;EACF,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA,OAAO,MAAMK,sBAAsB,GAAGvC,oBAAoB,CAAEwC,KAAY,KAAM;EAC5EC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,SAAS,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC,CAAC;IACzBC,YAAY,EAAEP,KAAK,CAACQ,KAAK,CAACP,IAAI;IAC9BQ,WAAW,EAAET,KAAK,CAACU,YAAY,CAACC;EAClC,CAAC;EACDC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ7C,EAAE,EAAE;QAAEL,MAAM,EAAEI,YAAY,CAACC,EAAE,CAACL,MAAM;QAAEmD,iBAAiB,EAAEd,KAAK,CAACM,KAAK,CAAC,CAAC;MAAE,CAAC;MACzElC,EAAE,EAAE;QAAET,MAAM,EAAEI,YAAY,CAACK,EAAE,CAACT,MAAM;QAAEmD,iBAAiB,EAAEd,KAAK,CAACM,KAAK,CAAC,CAAC;MAAE,CAAC;MACzEjC,EAAE,EAAE;QAAEV,MAAM,EAAEI,YAAY,CAACM,EAAE,CAACV,MAAM;QAAEmD,iBAAiB,EAAEd,KAAK,CAACM,KAAK,CAAC,CAAC;MAAE;IAC1E;EACF,CAAC;EACDS,eAAe,EAAE;IAAEF,IAAI,EAAE;EAAK;AAChC,CAAC,CAAC,CAAC;;AAEH;AACA;AACA,OAAO,MAAMG,
|
|
1
|
+
{"version":3,"names":["createThemedVariants","MIN_TOUCH_TARGET","slopFor","height","Math","max","ceil","SELECT_SIZES","sm","fontSize","iconSize","hitSlop","md","lg","SELECT_ROW_MIN_HEIGHT","SELECT_ROW_ICON_SIZE","resolveSelectTriggerColors","colors","focused","background","bg","surface","border","focus","interactive","text","fg","default","placeholder","muted","icon","resolveSelectRowColors","resolveSelectAccessibility","input","disabled","accessibilityRole","accessibilityState","expanded","open","selectTriggerStructure","theme","base","flexDirection","alignItems","justifyContent","columnGap","space","borderRadius","radii","borderWidth","borderWidths","thin","variants","size","paddingHorizontal","defaultVariants","selectTriggerValueStructure","flexShrink","selectOverlayStructure","flex","selectSheetStructure","paddingVertical","maxHeight","elevation","selectRowStructure","minHeight"],"sourceRoot":"../../../../src","sources":["modules/select/Select.variants.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,oBAAoB,QAAQ,2BAAkB;AAIvD;AACA,OAAO,MAAMC,gBAAgB,GAAG,EAAE;AAElC,MAAMC,OAAO,GAAIC,MAAc,IAAaC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,IAAI,CAAC,CAACL,gBAAgB,GAAGE,MAAM,IAAI,CAAC,CAAC,CAAC;AAanG,OAAO,MAAMI,YAAY,GAAG;EAC1BC,EAAE,EAAE;IAAEL,MAAM,EAAE,EAAE;IAAEM,QAAQ,EAAE,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,OAAO,EAAET,OAAO,CAAC,EAAE;EAAE,CAAC;EACpEU,EAAE,EAAE;IAAET,MAAM,EAAE,EAAE;IAAEM,QAAQ,EAAE,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,OAAO,EAAET,OAAO,CAAC,EAAE;EAAE,CAAC;EACpEW,EAAE,EAAE;IAAEV,MAAM,EAAE,EAAE;IAAEM,QAAQ,EAAE,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,OAAO,EAAET,OAAO,CAAC,EAAE;EAAE;AACrE,CAAuD;;AAEvD;AACA,OAAO,MAAMY,qBAAqB,GAAG,EAAE;;AAEvC;AACA,OAAO,MAAMC,oBAAoB,GAAG,EAAE;AAetC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,0BAA0BA,CAACC,MAAkB,EAAEC,OAAgB,EAAuB;EACpG,OAAO;IACLC,UAAU,EAAEF,MAAM,CAACG,EAAE,CAACC,OAAO;IAC7BC,MAAM,EAAEJ,OAAO,GAAGD,MAAM,CAACK,MAAM,CAACC,KAAK,GAAGN,MAAM,CAACK,MAAM,CAACE,WAAW;IACjEC,IAAI,EAAER,MAAM,CAACS,EAAE,CAACC,OAAO;IACvBC,WAAW,EAAEX,MAAM,CAACS,EAAE,CAACG,KAAK;IAC5BC,IAAI,EAAEb,MAAM,CAACS,EAAE,CAACG;EAClB,CAAC;AACH;AAeA,OAAO,SAASE,sBAAsBA,CAACd,MAAkB,EAAmB;EAC1E,OAAO;IACLE,UAAU,EAAEF,MAAM,CAACG,EAAE,CAACC,OAAO;IAC7BI,IAAI,EAAER,MAAM,CAACS,EAAE,CAACC,OAAO;IACvBG,IAAI,EAAEb,MAAM,CAACS,EAAE,CAACC;EAClB,CAAC;AACH;AAcA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASK,0BAA0BA,CAACC,KAA+B,EAA4B;EACpG,MAAMC,QAAQ,GAAGD,KAAK,CAACC,QAAQ,KAAK,IAAI;EACxC,OAAO;IACLC,iBAAiB,EAAE,QAAQ;IAC3BC,kBAAkB,EAAE;MAAEF,QAAQ;MAAEG,QAAQ,EAAEJ,KAAK,CAACK;IAAK,CAAC;IACtDJ;EACF,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA,OAAO,MAAMK,sBAAsB,GAAGvC,oBAAoB,CAAEwC,KAAY,KAAM;EAC5EC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,SAAS,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC,CAAC;IACzBC,YAAY,EAAEP,KAAK,CAACQ,KAAK,CAACP,IAAI;IAC9BQ,WAAW,EAAET,KAAK,CAACU,YAAY,CAACC;EAClC,CAAC;EACDC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ7C,EAAE,EAAE;QAAEL,MAAM,EAAEI,YAAY,CAACC,EAAE,CAACL,MAAM;QAAEmD,iBAAiB,EAAEd,KAAK,CAACM,KAAK,CAAC,CAAC;MAAE,CAAC;MACzElC,EAAE,EAAE;QAAET,MAAM,EAAEI,YAAY,CAACK,EAAE,CAACT,MAAM;QAAEmD,iBAAiB,EAAEd,KAAK,CAACM,KAAK,CAAC,CAAC;MAAE,CAAC;MACzEjC,EAAE,EAAE;QAAEV,MAAM,EAAEI,YAAY,CAACM,EAAE,CAACV,MAAM;QAAEmD,iBAAiB,EAAEd,KAAK,CAACM,KAAK,CAAC,CAAC;MAAE;IAC1E;EACF,CAAC;EACDS,eAAe,EAAE;IAAEF,IAAI,EAAE;EAAK;AAChC,CAAC,CAAC,CAAC;;AAEH;AACA;AACA,OAAO,MAAMG,2BAA2B,GAAGxD,oBAAoB,CAAEwC,KAAY,KAAM;EACjFC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBE,SAAS,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC,CAAC;IACzBW,UAAU,EAAE;EACd;AACF,CAAC,CAAC,CAAC;;AAEH;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAG1D,oBAAoB,CAAEwC,KAAY,KAAM;EAC5EC,IAAI,EAAE;IACJkB,IAAI,EAAE,CAAC;IACPf,cAAc,EAAE,QAAQ;IACxBU,iBAAiB,EAAEd,KAAK,CAACM,KAAK,CAAC,CAAC;EAClC;AACF,CAAC,CAAC,CAAC;AAEH,OAAO,MAAMc,oBAAoB,GAAG5D,oBAAoB,CAAEwC,KAAY,KAAM;EAC1EC,IAAI,EAAE;IACJM,YAAY,EAAEP,KAAK,CAACQ,KAAK,CAACP,IAAI;IAC9BoB,eAAe,EAAErB,KAAK,CAACM,KAAK,CAAC,CAAC,CAAC;IAC/BgB,SAAS,EAAE,GAAG;IACd,GAAGtB,KAAK,CAACuB,SAAS,CAAClD;EACrB;AACF,CAAC,CAAC,CAAC;AAEH,OAAO,MAAMmD,kBAAkB,GAAGhE,oBAAoB,CAAEwC,KAAY,KAAM;EACxEC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BqB,SAAS,EAAEnD,qBAAqB;IAChC+B,SAAS,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC,CAAC;IACzBQ,iBAAiB,EAAEd,KAAK,CAACM,KAAK,CAAC,CAAC;EAClC;AACF,CAAC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
# stat-tile/ — a card-like KPI tile (label + value, optional icon chip)
|
|
2
|
+
|
|
3
|
+
`StatTile` renders a dashboard KPI: a raised card (`bg.raised` + `elevation.md`, the Card
|
|
4
|
+
"elevated" look) holding a muted label, a large value, and an optional icon inside a tone-tinted
|
|
5
|
+
chip. Tappable when `onPress` is set; shows a `Skeleton` in place of the value while `loading`.
|
|
6
|
+
|
|
7
|
+
## Files
|
|
8
|
+
|
|
9
|
+
| File | Role |
|
|
10
|
+
|------|------|
|
|
11
|
+
| `StatTile.tsx` | The component. Composes `Skeleton` from `../skeleton` for the loading state. |
|
|
12
|
+
| `StatTile.variants.ts` | Pure resolvers (`resolveStatTileColors`, `resolveStatTileAccessibility`) + themed structure. No React. |
|
|
13
|
+
| `index.ts` | Public surface: `StatTile`, `StatTileProps`, `StatTileTone`. |
|
|
14
|
+
| `__tests__/StatTile.test.ts` | Pure: WCAG contrast (all brands × modes) + a11y contract. |
|
|
15
|
+
| `__tests__/StatTile.render.test.tsx` | Render: value/label, tones, press, loading skeleton. |
|
|
16
|
+
|
|
17
|
+
## Props
|
|
18
|
+
|
|
19
|
+
| Prop | Type | Default | Notes |
|
|
20
|
+
|------|------|---------|-------|
|
|
21
|
+
| `label` | `string` | — | Muted `sm` caption. |
|
|
22
|
+
| `value` | `string \| number` | — | Large `2xl` figure; replaced by a skeleton while `loading`. |
|
|
23
|
+
| `icon` | `ReactNode` | — | Rendered inside a tone-tinted chip. Consumer resolves its color via `useThemeColors()`. |
|
|
24
|
+
| `tone` | `accent \| neutral \| success \| warning \| danger \| info` | `accent` | Tints the icon chip only (subtle fills); label/value stay fixed `fg` roles. |
|
|
25
|
+
| `onPress` | `() => void` | — | Makes the tile a `button`-role Pressable with a `bg.sunken` pressed fill (measured — `fg.default` fails AA on `bg.hover` on 4 light brands). |
|
|
26
|
+
| `loading` | `boolean` | `false` | Skeleton in place of the value; announced via `accessibilityState.busy`. |
|
|
27
|
+
| `style` | `LayoutStyle` | — | Layout-only, outermost, applied exactly once, last. |
|
|
28
|
+
| `testID` | `string` | — | Also derives `-icon` / `-skeleton` sub-ids. |
|
|
29
|
+
|
|
30
|
+
## Accessibility
|
|
31
|
+
|
|
32
|
+
- The tile is ONE accessible node: role `button` (pressable) or `text`, label `"label, value"`
|
|
33
|
+
(just `label` while loading, with `busy: true`).
|
|
34
|
+
- Label (`fg.muted`) and value (`fg.default`) are measured ≥ 4.5:1 on `bg.raised` for all
|
|
35
|
+
8 brands × both modes (`StatTile.test.ts`).
|
|
36
|
+
|
|
37
|
+
## Known gaps
|
|
38
|
+
|
|
39
|
+
- `icon` is a `ReactNode` (per the dashboard build spec), not the library's usual `IconName` —
|
|
40
|
+
chart/KPI icons come from consumer feature sets wider than the shared registry.
|
|
41
|
+
|
|
42
|
+
## Performance
|
|
43
|
+
|
|
44
|
+
Wrapped in `React.memo`; the Pressable style function is `useCallback`'d.
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { memo, useCallback } from "react";
|
|
4
|
+
import { Pressable, Text, View } from "react-native";
|
|
5
|
+
import { useTheme } from "../../theme/index.js";
|
|
6
|
+
import { Skeleton } from "../skeleton/index.js";
|
|
7
|
+
import { resolveStatTileAccessibility, resolveStatTileColors, statTileBodyStructure, statTileIconStructure, statTileStructure } from "./StatTile.variants.js";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
9
|
+
const VALUE_SKELETON_WIDTH = 72;
|
|
10
|
+
export const StatTile = /*#__PURE__*/memo(function StatTile({
|
|
11
|
+
label,
|
|
12
|
+
value,
|
|
13
|
+
icon,
|
|
14
|
+
tone = "accent",
|
|
15
|
+
onPress,
|
|
16
|
+
loading = false,
|
|
17
|
+
style,
|
|
18
|
+
testID
|
|
19
|
+
}) {
|
|
20
|
+
const theme = useTheme();
|
|
21
|
+
const colors = resolveStatTileColors(theme.colors, tone);
|
|
22
|
+
const a11y = resolveStatTileAccessibility({
|
|
23
|
+
label,
|
|
24
|
+
value,
|
|
25
|
+
loading,
|
|
26
|
+
pressable: onPress !== undefined
|
|
27
|
+
});
|
|
28
|
+
const rootStyle = useCallback(({
|
|
29
|
+
pressed
|
|
30
|
+
}) => [statTileStructure(theme), {
|
|
31
|
+
backgroundColor: pressed ? colors.pressed : colors.background
|
|
32
|
+
}, theme.elevation.md, style], [theme, colors, style]);
|
|
33
|
+
const body = /*#__PURE__*/_jsxs(_Fragment, {
|
|
34
|
+
children: [icon !== undefined && /*#__PURE__*/_jsx(View, {
|
|
35
|
+
testID: testID === undefined ? undefined : `${testID}-icon`,
|
|
36
|
+
style: [statTileIconStructure(theme), {
|
|
37
|
+
backgroundColor: colors.iconFill
|
|
38
|
+
}],
|
|
39
|
+
children: icon
|
|
40
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
41
|
+
style: statTileBodyStructure(theme),
|
|
42
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
43
|
+
numberOfLines: 1,
|
|
44
|
+
style: [theme.fontStyleForWeight(theme.fontWeights.medium), {
|
|
45
|
+
fontSize: theme.fontSizes.sm,
|
|
46
|
+
color: colors.label
|
|
47
|
+
}],
|
|
48
|
+
children: label
|
|
49
|
+
}), loading ? /*#__PURE__*/_jsx(Skeleton, {
|
|
50
|
+
width: VALUE_SKELETON_WIDTH,
|
|
51
|
+
height: theme.fontSizes["2xl"],
|
|
52
|
+
testID: testID === undefined ? undefined : `${testID}-skeleton`
|
|
53
|
+
}) : /*#__PURE__*/_jsx(Text, {
|
|
54
|
+
numberOfLines: 1,
|
|
55
|
+
style: [theme.fontStyleForWeight(theme.fontWeights.semibold), {
|
|
56
|
+
fontSize: theme.fontSizes["2xl"],
|
|
57
|
+
color: colors.value
|
|
58
|
+
}],
|
|
59
|
+
children: value
|
|
60
|
+
})]
|
|
61
|
+
})]
|
|
62
|
+
});
|
|
63
|
+
if (onPress === undefined) {
|
|
64
|
+
return /*#__PURE__*/_jsx(View, {
|
|
65
|
+
testID: testID,
|
|
66
|
+
accessible: a11y.accessible,
|
|
67
|
+
accessibilityRole: a11y.accessibilityRole,
|
|
68
|
+
accessibilityLabel: a11y.accessibilityLabel,
|
|
69
|
+
accessibilityState: a11y.accessibilityState,
|
|
70
|
+
style: [statTileStructure(theme), {
|
|
71
|
+
backgroundColor: colors.background
|
|
72
|
+
}, theme.elevation.md, style],
|
|
73
|
+
children: body
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
77
|
+
testID: testID,
|
|
78
|
+
accessible: a11y.accessible,
|
|
79
|
+
accessibilityRole: a11y.accessibilityRole,
|
|
80
|
+
accessibilityLabel: a11y.accessibilityLabel,
|
|
81
|
+
accessibilityState: a11y.accessibilityState,
|
|
82
|
+
onPress: onPress,
|
|
83
|
+
style: rootStyle,
|
|
84
|
+
children: body
|
|
85
|
+
});
|
|
86
|
+
});
|
|
87
|
+
//# sourceMappingURL=StatTile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["memo","useCallback","Pressable","Text","View","useTheme","Skeleton","resolveStatTileAccessibility","resolveStatTileColors","statTileBodyStructure","statTileIconStructure","statTileStructure","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","VALUE_SKELETON_WIDTH","StatTile","label","value","icon","tone","onPress","loading","style","testID","theme","colors","a11y","pressable","undefined","rootStyle","pressed","backgroundColor","background","elevation","md","body","children","iconFill","numberOfLines","fontStyleForWeight","fontWeights","medium","fontSize","fontSizes","sm","color","width","height","semibold","accessible","accessibilityRole","accessibilityLabel","accessibilityState"],"sourceRoot":"../../../../src","sources":["modules/stat-tile/StatTile.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Pure resolvers for StatTile — no React, so the WCAG tests import this directly (mocking only
|
|
5
|
+
* `react-native`'s `StyleSheet`, as every sibling module's tests do).
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import { createThemedVariants } from "../../core/style/index.js";
|
|
9
|
+
export function resolveStatTileColors(colors, tone) {
|
|
10
|
+
const iconFill = tone === "accent" ? colors.accent.subtle : tone === "neutral" ? colors.bg.sunken : colors.status[tone].subtle;
|
|
11
|
+
return {
|
|
12
|
+
background: colors.bg.raised,
|
|
13
|
+
// NOT `bg.hover`: `fg.default` measures as low as 3.87:1 against it on 4 light brands —
|
|
14
|
+
// `bg.sunken` clears AA everywhere (`StatTile.test.ts`).
|
|
15
|
+
pressed: colors.bg.sunken,
|
|
16
|
+
label: colors.fg.muted,
|
|
17
|
+
value: colors.fg.default,
|
|
18
|
+
iconFill
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
export function resolveStatTileAccessibility(input) {
|
|
22
|
+
return {
|
|
23
|
+
accessible: true,
|
|
24
|
+
accessibilityRole: input.pressable ? "button" : "text",
|
|
25
|
+
accessibilityLabel: input.loading ? input.label : `${input.label}, ${input.value}`,
|
|
26
|
+
accessibilityState: {
|
|
27
|
+
busy: input.loading
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
export const statTileStructure = createThemedVariants(theme => ({
|
|
32
|
+
base: {
|
|
33
|
+
flexDirection: "row",
|
|
34
|
+
alignItems: "center",
|
|
35
|
+
columnGap: theme.space[3],
|
|
36
|
+
borderRadius: theme.radii.lg,
|
|
37
|
+
padding: theme.space[4]
|
|
38
|
+
}
|
|
39
|
+
}));
|
|
40
|
+
export const statTileIconStructure = createThemedVariants(theme => ({
|
|
41
|
+
base: {
|
|
42
|
+
width: theme.space[10],
|
|
43
|
+
height: theme.space[10],
|
|
44
|
+
borderRadius: theme.radii.md,
|
|
45
|
+
alignItems: "center",
|
|
46
|
+
justifyContent: "center"
|
|
47
|
+
}
|
|
48
|
+
}));
|
|
49
|
+
export const statTileBodyStructure = createThemedVariants(theme => ({
|
|
50
|
+
base: {
|
|
51
|
+
flex: 1,
|
|
52
|
+
rowGap: theme.space[1]
|
|
53
|
+
}
|
|
54
|
+
}));
|
|
55
|
+
//# sourceMappingURL=StatTile.variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createThemedVariants","resolveStatTileColors","colors","tone","iconFill","accent","subtle","bg","sunken","status","background","raised","pressed","label","fg","muted","value","default","resolveStatTileAccessibility","input","accessible","accessibilityRole","pressable","accessibilityLabel","loading","accessibilityState","busy","statTileStructure","theme","base","flexDirection","alignItems","columnGap","space","borderRadius","radii","lg","padding","statTileIconStructure","width","height","md","justifyContent","statTileBodyStructure","flex","rowGap"],"sourceRoot":"../../../../src","sources":["modules/stat-tile/StatTile.variants.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAGA,SAASA,oBAAoB,QAAQ,2BAAkB;AAavD,OAAO,SAASC,qBAAqBA,CAACC,MAAkB,EAAEC,IAAkB,EAAkB;EAC5F,MAAMC,QAAQ,GACZD,IAAI,KAAK,QAAQ,GAAGD,MAAM,CAACG,MAAM,CAACC,MAAM,GAAGH,IAAI,KAAK,SAAS,GAAGD,MAAM,CAACK,EAAE,CAACC,MAAM,GAAGN,MAAM,CAACO,MAAM,CAACN,IAAI,CAAC,CAACG,MAAM;EAC/G,OAAO;IACLI,UAAU,EAAER,MAAM,CAACK,EAAE,CAACI,MAAM;IAC5B;IACA;IACAC,OAAO,EAAEV,MAAM,CAACK,EAAE,CAACC,MAAM;IACzBK,KAAK,EAAEX,MAAM,CAACY,EAAE,CAACC,KAAK;IACtBC,KAAK,EAAEd,MAAM,CAACY,EAAE,CAACG,OAAO;IACxBb;EACF,CAAC;AACH;AAgBA,OAAO,SAASc,4BAA4BA,CAACC,KAAiC,EAA8B;EAC1G,OAAO;IACLC,UAAU,EAAE,IAAI;IAChBC,iBAAiB,EAAEF,KAAK,CAACG,SAAS,GAAG,QAAQ,GAAG,MAAM;IACtDC,kBAAkB,EAAEJ,KAAK,CAACK,OAAO,GAAGL,KAAK,CAACN,KAAK,GAAG,GAAGM,KAAK,CAACN,KAAK,KAAKM,KAAK,CAACH,KAAK,EAAE;IAClFS,kBAAkB,EAAE;MAAEC,IAAI,EAAEP,KAAK,CAACK;IAAQ;EAC5C,CAAC;AACH;AAEA,OAAO,MAAMG,iBAAiB,GAAG3B,oBAAoB,CAAE4B,KAAY,KAAM;EACvEC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC,CAAC;IACzBC,YAAY,EAAEN,KAAK,CAACO,KAAK,CAACC,EAAE;IAC5BC,OAAO,EAAET,KAAK,CAACK,KAAK,CAAC,CAAC;EACxB;AACF,CAAC,CAAC,CAAC;AAEH,OAAO,MAAMK,qBAAqB,GAAGtC,oBAAoB,CAAE4B,KAAY,KAAM;EAC3EC,IAAI,EAAE;IACJU,KAAK,EAAEX,KAAK,CAACK,KAAK,CAAC,EAAE,CAAC;IACtBO,MAAM,EAAEZ,KAAK,CAACK,KAAK,CAAC,EAAE,CAAC;IACvBC,YAAY,EAAEN,KAAK,CAACO,KAAK,CAACM,EAAE;IAC5BV,UAAU,EAAE,QAAQ;IACpBW,cAAc,EAAE;EAClB;AACF,CAAC,CAAC,CAAC;AAEH,OAAO,MAAMC,qBAAqB,GAAG3C,oBAAoB,CAAE4B,KAAY,KAAM;EAC3EC,IAAI,EAAE;IACJe,IAAI,EAAE,CAAC;IACPC,MAAM,EAAEjB,KAAK,CAACK,KAAK,CAAC,CAAC;EACvB;AACF,CAAC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Public surface of `pixelize-native-library/stat-tile`. Value exports and type exports are split
|
|
5
|
+
* for `verbatimModuleSyntax`. The resolvers stay internal — a consumer configures a StatTile
|
|
6
|
+
* through its props, never by importing its internals.
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
export { StatTile } from "./StatTile.js";
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StatTile"],"sourceRoot":"../../../../src","sources":["modules/stat-tile/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,eAAY","ignoreList":[]}
|
|
@@ -18,7 +18,7 @@ per-item emphasis, no animation.
|
|
|
18
18
|
|
|
19
19
|
| Prop | Type | Default | Notes |
|
|
20
20
|
|------|------|---------|-------|
|
|
21
|
-
| `items` | `{ title: string; description?: string; timestamp?: string; icon?: IconName }[]` | — | Rendered top to bottom, in array order. |
|
|
21
|
+
| `items` | `{ title: string; description?: string; timestamp?: string; icon?: IconName; leading?: ReactNode }[]` | — | Rendered top to bottom, in array order. `leading` (added 2026-07, additive) replaces the default marker for that item — see below. |
|
|
22
22
|
| `style` | `LayoutStyle` | — | Layout-only, outermost, applied exactly once, last. |
|
|
23
23
|
| `testID` | `string` | — | Forwarded to the outermost `View`; per-row/marker/connector/line nodes get `${testID}-item-<i>[-marker\|-connector\|-line]` when set. |
|
|
24
24
|
|
|
@@ -77,6 +77,15 @@ placed on the **content** column instead becomes part of the height that determi
|
|
|
77
77
|
the connector column (and the line's `flex: 1` inside it) stretches through the gap too, and the
|
|
78
78
|
line reaches the next marker with no visible break.
|
|
79
79
|
|
|
80
|
+
## Per-item `leading` (custom marker)
|
|
81
|
+
|
|
82
|
+
An item with `leading?: ReactNode` renders that node in place of the default dot/icon marker
|
|
83
|
+
(e.g. a small `Avatar` for "who did this"). Backward compatible — items without `leading` are
|
|
84
|
+
untouched, and `icon` is ignored when `leading` is set. The node sits inside the AT-hidden
|
|
85
|
+
connector column, so it is decorative like the marker it replaces; anything it must announce
|
|
86
|
+
belongs in `title`/`description`. A documented exception to the icons-are-names rule: a custom
|
|
87
|
+
marker is a composition slot, not an icon choice.
|
|
88
|
+
|
|
80
89
|
## Known gaps
|
|
81
90
|
|
|
82
91
|
None — no icon, no new theme token, and no new core helper needed for this component. All markers
|
|
@@ -40,7 +40,10 @@ export const Timeline = /*#__PURE__*/memo(function Timeline({
|
|
|
40
40
|
style: timelineConnectorStructure(),
|
|
41
41
|
accessibilityElementsHidden: true,
|
|
42
42
|
importantForAccessibility: "no-hide-descendants",
|
|
43
|
-
children: [/*#__PURE__*/_jsx(View, {
|
|
43
|
+
children: [item.leading !== undefined ? /*#__PURE__*/_jsx(View, {
|
|
44
|
+
testID: rowTestID === undefined ? undefined : `${rowTestID}-marker`,
|
|
45
|
+
children: item.leading
|
|
46
|
+
}) : /*#__PURE__*/_jsx(View, {
|
|
44
47
|
testID: rowTestID === undefined ? undefined : `${rowTestID}-marker`,
|
|
45
48
|
style: [timelineMarkerStructure(theme, {
|
|
46
49
|
kind: item.icon === undefined ? "dot" : "icon"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["memo","Text","View","Icon","useTheme","resolveTimelineColors","timelineConnectorLineStructure","timelineConnectorStructure","timelineContentStructure","timelineMarkerStructure","timelineRowStructure","TIMELINE_MARKER","jsx","_jsx","jsxs","_jsxs","ICON_STROKE","Timeline","items","style","testID","theme","colors","children","map","item","index","isLast","length","position","rowTestID","undefined","accessibilityElementsHidden","importantForAccessibility","kind","icon","backgroundColor","markerFill","name","size","glyph","color","markerIcon","strokeWidth","connector","fontStyleForWeight","fontWeights","semibold","fontSize","fontSizes","md","title","description","regular","sm","marginTop","space","timestamp","xs"],"sourceRoot":"../../../../src","sources":["modules/timeline/Timeline.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;
|
|
1
|
+
{"version":3,"names":["memo","Text","View","Icon","useTheme","resolveTimelineColors","timelineConnectorLineStructure","timelineConnectorStructure","timelineContentStructure","timelineMarkerStructure","timelineRowStructure","TIMELINE_MARKER","jsx","_jsx","jsxs","_jsxs","ICON_STROKE","Timeline","items","style","testID","theme","colors","children","map","item","index","isLast","length","position","rowTestID","undefined","accessibilityElementsHidden","importantForAccessibility","leading","kind","icon","backgroundColor","markerFill","name","size","glyph","color","markerIcon","strokeWidth","connector","fontStyleForWeight","fontWeights","semibold","fontSize","fontSizes","md","title","description","regular","sm","marginTop","space","timestamp","xs"],"sourceRoot":"../../../../src","sources":["modules/timeline/Timeline.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -25,6 +25,15 @@ export function pickOnAccent(fill) {
|
|
|
25
25
|
return contrastRatio(fill, ON_ACCENT_LIGHT) >= contrastRatio(fill, ON_ACCENT_DARK) ? ON_ACCENT_LIGHT : ON_ACCENT_DARK;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
+
/**
|
|
29
|
+
* Ink for text drawn ON a filled swatch (button/tag/type-icon fill). `white`/`black` must be the
|
|
30
|
+
* mode-stable palette absolutes (`palette.white` / `palette.black`), not a mode-adaptive text ramp.
|
|
31
|
+
* Web exports the same helper from `pixelize-design-library` for consumer surfaces like type icons.
|
|
32
|
+
*/
|
|
33
|
+
export function onFilled(fill, white, black) {
|
|
34
|
+
return contrastRatio(white, fill) >= AA_TEXT ? white : black;
|
|
35
|
+
}
|
|
36
|
+
|
|
28
37
|
/**
|
|
29
38
|
* First rung whose better label clears AA, walking 500 → 600 → 700.
|
|
30
39
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["AA_TEXT","contrastRatio","ON_ACCENT_LIGHT","ON_ACCENT_DARK","FILLED_RUNGS","pickOnAccent","fill","resolveFilledAccent","ramp","rung","label","ratio","meetsAA","filledPrimaryRung","primary"],"sourceRoot":"../../../../../src","sources":["theme/tokens/builders/accentText.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,OAAO,EAAEC,aAAa,QAAQ,YAAS;;AAEhD;AACA,OAAO,MAAMC,eAAe,GAAG,SAAS;AACxC,OAAO,MAAMC,cAAc,GAAG,SAAS;;AAEvC;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;AAapD;AACA,OAAO,SAASC,YAAYA,CAACC,IAAY,EAAU;EACjD,OAAOL,aAAa,CAACK,IAAI,EAAEJ,eAAe,CAAC,IAAID,aAAa,CAACK,IAAI,EAAEH,cAAc,CAAC,GAC9ED,eAAe,GACfC,cAAc;AACpB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,
|
|
1
|
+
{"version":3,"names":["AA_TEXT","contrastRatio","ON_ACCENT_LIGHT","ON_ACCENT_DARK","FILLED_RUNGS","pickOnAccent","fill","onFilled","white","black","resolveFilledAccent","ramp","rung","label","ratio","meetsAA","filledPrimaryRung","primary"],"sourceRoot":"../../../../../src","sources":["theme/tokens/builders/accentText.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,OAAO,EAAEC,aAAa,QAAQ,YAAS;;AAEhD;AACA,OAAO,MAAMC,eAAe,GAAG,SAAS;AACxC,OAAO,MAAMC,cAAc,GAAG,SAAS;;AAEvC;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;AAapD;AACA,OAAO,SAASC,YAAYA,CAACC,IAAY,EAAU;EACjD,OAAOL,aAAa,CAACK,IAAI,EAAEJ,eAAe,CAAC,IAAID,aAAa,CAACK,IAAI,EAAEH,cAAc,CAAC,GAC9ED,eAAe,GACfC,cAAc;AACpB;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,QAAQA,CAACD,IAAY,EAAEE,KAAa,EAAEC,KAAa,EAAU;EAC3E,OAAOR,aAAa,CAACO,KAAK,EAAEF,IAAI,CAAC,IAAIN,OAAO,GAAGQ,KAAK,GAAGC,KAAK;AAC9D;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAACC,IAAU,EAAgB;EAC5D,KAAK,MAAMC,IAAI,IAAIR,YAAY,EAAE;IAC/B,MAAME,IAAI,GAAGK,IAAI,CAACC,IAAI,CAAC;IACvB,MAAMC,KAAK,GAAGR,YAAY,CAACC,IAAI,CAAC;IAChC,MAAMQ,KAAK,GAAGb,aAAa,CAACK,IAAI,EAAEO,KAAK,CAAC;IACxC,IAAIC,KAAK,IAAId,OAAO,EAAE,OAAO;MAAEY,IAAI;MAAEN,IAAI;MAAEO,KAAK;MAAEC,KAAK;MAAEC,OAAO,EAAE;IAAK,CAAC;EAC1E;EAEA,MAAMT,IAAI,GAAGK,IAAI,CAAC,GAAG,CAAC;EACtB,MAAME,KAAK,GAAGR,YAAY,CAACC,IAAI,CAAC;EAChC,OAAO;IAAEM,IAAI,EAAE,GAAG;IAAEN,IAAI;IAAEO,KAAK;IAAEC,KAAK,EAAEb,aAAa,CAACK,IAAI,EAAEO,KAAK,CAAC;IAAEE,OAAO,EAAE;EAAM,CAAC;AACtF;;AAEA;AACA,OAAO,SAASC,iBAAiBA,CAACC,OAAa,EAAc;EAC3D,OAAOP,mBAAmB,CAACO,OAAO,CAAC,CAACL,IAAI;AAC1C","ignoreList":[]}
|
|
@@ -18,23 +18,55 @@ export interface LucideIconProps {
|
|
|
18
18
|
absoluteStrokeWidth?: boolean;
|
|
19
19
|
}
|
|
20
20
|
/**
|
|
21
|
-
* The
|
|
21
|
+
* The catalogue — grows as modules need more glyphs. Keys are the stable public names
|
|
22
22
|
* (`IconName`); adding one here is the only change needed for every module to gain it.
|
|
23
|
+
*
|
|
24
|
+
* 2026-07 — expanded for the tickets-native consumer app: navigation glyphs
|
|
25
|
+
* (layout-dashboard, kanban, layers, list, chart-column, map, milestone, file-text,
|
|
26
|
+
* layout-template, bell, life-buoy) and ticket-detail glyphs (calendar, clock, user,
|
|
27
|
+
* users, tag, flag, paperclip, message-square, eye, link, star, folder, inbox,
|
|
28
|
+
* circle-check, circle-alert, triangle-alert, arrow-up, arrow-down). Additive — no
|
|
29
|
+
* existing name changed. Ships as a changesets minor.
|
|
23
30
|
*/
|
|
24
31
|
export declare const ICON_COMPONENTS: {
|
|
32
|
+
readonly "arrow-down": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
25
33
|
readonly "arrow-left": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
26
34
|
readonly "arrow-right": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
35
|
+
readonly "arrow-up": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
36
|
+
readonly bell: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
37
|
+
readonly calendar: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
38
|
+
readonly "chart-column": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
27
39
|
readonly check: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
28
40
|
readonly "chevron-down": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
29
41
|
readonly "chevron-left": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
30
42
|
readonly "chevron-right": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
31
43
|
readonly "chevron-up": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
44
|
+
readonly "circle-alert": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
45
|
+
readonly "circle-check": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
46
|
+
readonly clock: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
32
47
|
readonly download: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
33
48
|
readonly "external-link": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
49
|
+
readonly eye: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
50
|
+
readonly "file-text": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
34
51
|
readonly filter: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
52
|
+
readonly flag: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
53
|
+
readonly folder: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
54
|
+
readonly inbox: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
55
|
+
readonly kanban: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
56
|
+
readonly layers: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
57
|
+
readonly "layout-dashboard": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
58
|
+
readonly "layout-template": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
59
|
+
readonly "life-buoy": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
60
|
+
readonly link: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
61
|
+
readonly list: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
62
|
+
readonly "list-todo": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
35
63
|
readonly "log-out": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
64
|
+
readonly map: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
65
|
+
readonly "message-square": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
66
|
+
readonly milestone: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
36
67
|
readonly minus: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
37
68
|
readonly "more-horizontal": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
69
|
+
readonly paperclip: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
38
70
|
readonly pencil: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
39
71
|
readonly plus: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
40
72
|
readonly "refresh-cw": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -43,8 +75,13 @@ export declare const ICON_COMPONENTS: {
|
|
|
43
75
|
readonly send: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
44
76
|
readonly settings: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
45
77
|
readonly share: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
78
|
+
readonly star: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
79
|
+
readonly tag: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
46
80
|
readonly trash: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
81
|
+
readonly "triangle-alert": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
47
82
|
readonly upload: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
83
|
+
readonly user: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
84
|
+
readonly users: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
48
85
|
readonly x: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
49
86
|
};
|
|
50
87
|
/** The closed set of icon names a component may reference. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/icon/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/icon/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AA6DH,sFAAsF;AACtF,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAID;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDsB,CAAC;AAEnD,8DAA8D;AAC9D,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,eAAe,CAAC;AAEpD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,iGAAiG;AACjG,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,WAAe,EAAE,EAAE,SAAS,+BAGrE"}
|
|
@@ -31,8 +31,12 @@ export interface BottomNavDestination {
|
|
|
31
31
|
/** Visible label AND accessible-name fallback. */
|
|
32
32
|
readonly label: string;
|
|
33
33
|
readonly icon: IconName;
|
|
34
|
-
/** Overrides the accessible name
|
|
34
|
+
/** Overrides the accessible name WHOLE — when present, `badge` is not folded in automatically. */
|
|
35
35
|
readonly accessibilityLabel?: string;
|
|
36
|
+
/** Attention/unread count, shown as a small pill on the icon in the bar AND in sheet rows.
|
|
37
|
+
* `0`/omitted renders nothing; display caps at "99+"; the TRUE count is folded into the
|
|
38
|
+
* accessible name automatically ("Tasks, 5 new items") unless `accessibilityLabel` overrides. */
|
|
39
|
+
readonly badge?: number;
|
|
36
40
|
}
|
|
37
41
|
export interface BottomNavOverflowSection {
|
|
38
42
|
/** React key + a11y grouping key. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomNav.d.ts","sourceRoot":"","sources":["../../../../src/modules/bottom-nav/BottomNav.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;
|
|
1
|
+
{"version":3,"file":"BottomNav.d.ts","sourceRoot":"","sources":["../../../../src/modules/bottom-nav/BottomNav.tsx"],"names":[],"mappings":"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"}
|