@hzblj/kara-components 0.0.0-stage → 0.2.0

package/lib/module/atoms/list/list.ios.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { List as SwiftUIList } from '@expo/ui/swift-ui';
+import { refreshable } from '@expo/ui/swift-ui/modifiers';
+import { useMemo } from 'react';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const List = ({
+  children,
+  onRefresh,
+  testID
+}) => {
+  useHostGuard('List');
+  const modifiers = useMemo(() => onRefresh ? [refreshable(onRefresh)] : [], [onRefresh]);
+  return /*#__PURE__*/_jsx(SwiftUIList, {
+    modifiers: modifiers,
+    testID: testID,
+    children: children
+  });
+};
+//# sourceMappingURL=list.ios.js.map

package/lib/module/atoms/list/list.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["List","SwiftUIList","refreshable","useMemo","useHostGuard","jsx","_jsx","children","onRefresh","testID","modifiers"],"sourceRoot":"../../../../src","sources":["atoms/list/list.ios.tsx"],"mappings":";;AAAA,SAAQA,IAAI,IAAIC,WAAW,QAAO,mBAAmB;AACrD,SAA6BC,WAAW,QAAO,6BAA6B;AAC5E,SAAQC,OAAO,QAAO,OAAO;AAE7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMN,IAAmB,GAAGA,CAAC;EAACO,QAAQ;EAAEC,SAAS;EAAEC;AAAiB,CAAC,KAAK;EAC/EL,YAAY,CAAC,MAAM,CAAC;EAEpB,MAAMM,SAAS,GAAGP,OAAO,CAAmB,MAAOK,SAAS,GAAG,CAACN,WAAW,CAACM,SAAS,CAAC,CAAC,GAAG,EAAG,EAAE,CAACA,SAAS,CAAC,CAAC;EAE3G,oBACEF,IAAA,CAACL,WAAW;IAACS,SAAS,EAAEA,SAAU;IAACD,MAAM,EAAEA,MAAO;IAAAF,QAAA,EAC/CA;EAAQ,CACE,CAAC;AAElB,CAAC","ignoreList":[]}

package/lib/module/atoms/list/list.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=list.types.js.map

package/lib/module/atoms/list/list.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/list/list.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/atoms/picker/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from './picker';
+export * from "./picker.types.js";
+//# sourceMappingURL=index.js.map

package/lib/module/atoms/picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/picker/index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,mBAAgB","ignoreList":[]}

package/lib/module/atoms/picker/picker.android.js

@@ -0,0 +1,87 @@
+"use strict";
+
+import { Text as ComposeText, DropdownMenuItem, ExposedDropdownMenu, ExposedDropdownMenuBox, Host, OutlinedTextField, useNativeState } from '@expo/ui/jetpack-compose';
+import { fillMaxWidth, menuAnchor, testID as testIdModifier } from '@expo/ui/jetpack-compose/modifiers';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useEffect, useMemo, useState } from 'react';
+import { Glyph } from "../../glyph/index.js";
+import { HostBoundary } from "../../host-context.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MATCH_HEIGHT_ONLY = {
+  horizontal: false,
+  vertical: true
+};
+
+/**
+ * Material's exposed dropdown: a read-only outlined field the width of its container, opening a menu of the options
+ * under it. Its own host, themed like an `Island`, so it drops into React Native layout like the iOS picker does.
+ */
+export const Picker = ({
+  disabled = false,
+  onValueChange,
+  options,
+  testID,
+  value
+}) => {
+  const theme = useAppTheme();
+  const [expanded, setExpanded] = useState(false);
+  const selectedLabel = options.find(option => option.value === value)?.label ?? '';
+  const label = useNativeState(selectedLabel);
+  const fieldModifiers = useMemo(() => {
+    const list = [fillMaxWidth(), menuAnchor('primaryNotEditable', !disabled)];
+    return testID ? [...list, testIdModifier(testID)] : list;
+  }, [disabled, testID]);
+
+  // `useNativeState` takes only its initial value; a new selection is pushed to the field.
+  useEffect(() => {
+    label.set(selectedLabel);
+  }, [label, selectedLabel]);
+  return /*#__PURE__*/_jsx(Host, {
+    colorScheme: theme.dark ? 'dark' : 'light',
+    matchContents: MATCH_HEIGHT_ONLY,
+    seedColor: theme.materialSeed,
+    children: /*#__PURE__*/_jsx(HostBoundary, {
+      children: /*#__PURE__*/_jsxs(ExposedDropdownMenuBox, {
+        expanded: expanded,
+        onExpandedChange: disabled ? undefined : setExpanded,
+        children: [/*#__PURE__*/_jsx(OutlinedTextField, {
+          enabled: !disabled,
+          modifiers: fieldModifiers,
+          readOnly: true,
+          singleLine: true,
+          textStyle: {
+            color: theme.colorString('content.primary'),
+            fontFamily: theme.typography.body.fontFamily,
+            fontWeight: theme.typography.body.fontWeight
+          },
+          value: label,
+          children: /*#__PURE__*/_jsx(OutlinedTextField.TrailingIcon, {
+            children: /*#__PURE__*/_jsx(Glyph, {
+              color: "content.secondary",
+              name: "chevronDown",
+              size: "s20"
+            })
+          })
+        }), /*#__PURE__*/_jsx(ExposedDropdownMenu, {
+          containerColor: theme.color('surface.primary'),
+          expanded: expanded,
+          onDismissRequest: () => setExpanded(false),
+          children: options.map(option => /*#__PURE__*/_jsx(DropdownMenuItem, {
+            onClick: () => {
+              setExpanded(false);
+              onValueChange?.(option.value);
+            },
+            children: /*#__PURE__*/_jsx(DropdownMenuItem.Text, {
+              children: /*#__PURE__*/_jsx(ComposeText, {
+                color: theme.colorString(option.value === value ? 'content.accent' : 'content.primary'),
+                style: theme.typography.body,
+                children: option.label
+              })
+            })
+          }, option.value))
+        })]
+      })
+    })
+  });
+};
+//# sourceMappingURL=picker.android.js.map

package/lib/module/atoms/picker/picker.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","ComposeText","DropdownMenuItem","ExposedDropdownMenu","ExposedDropdownMenuBox","Host","OutlinedTextField","useNativeState","fillMaxWidth","menuAnchor","testID","testIdModifier","useAppTheme","useEffect","useMemo","useState","Glyph","HostBoundary","jsx","_jsx","jsxs","_jsxs","MATCH_HEIGHT_ONLY","horizontal","vertical","Picker","disabled","onValueChange","options","value","theme","expanded","setExpanded","selectedLabel","find","option","label","fieldModifiers","list","set","colorScheme","dark","matchContents","seedColor","materialSeed","children","onExpandedChange","undefined","enabled","modifiers","readOnly","singleLine","textStyle","color","colorString","fontFamily","typography","body","fontWeight","TrailingIcon","name","size","containerColor","onDismissRequest","map","onClick","style"],"sourceRoot":"../../../../src","sources":["atoms/picker/picker.android.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/atoms/picker/picker.ios.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { Picker as NativePicker } from '@expo/ui/community/picker';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useCallback } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Picker = ({
+  disabled = false,
+  onValueChange,
+  options,
+  testID,
+  value
+}) => {
+  const theme = useAppTheme();
+  const onChange = useCallback(next => onValueChange?.(String(next)), [onValueChange]);
+  return /*#__PURE__*/_jsx(NativePicker, {
+    enabled: !disabled,
+    onValueChange: onChange,
+    selectedValue: value,
+    testID: testID,
+    children: options.map(option => /*#__PURE__*/_jsx(NativePicker.Item, {
+      color: theme.colorString('content.primary'),
+      label: option.label,
+      value: option.value
+    }, option.value))
+  });
+};
+//# sourceMappingURL=picker.ios.js.map

package/lib/module/atoms/picker/picker.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Picker","NativePicker","useAppTheme","useCallback","jsx","_jsx","disabled","onValueChange","options","testID","value","theme","onChange","next","String","enabled","selectedValue","children","map","option","Item","color","colorString","label"],"sourceRoot":"../../../../src","sources":["atoms/picker/picker.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,IAAIC,YAAY,QAAO,2BAA2B;AAChE,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,WAAW,QAAO,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAIjC,OAAO,MAAML,MAAuB,GAAGA,CAAC;EAACM,QAAQ,GAAG,KAAK;EAAEC,aAAa;EAAEC,OAAO;EAAEC,MAAM;EAAEC;AAAkB,CAAC,KAAK;EACjH,MAAMC,KAAK,GAAGT,WAAW,CAAC,CAAC;EAE3B,MAAMU,QAAQ,GAAGT,WAAW,CAAEU,IAA4B,IAAKN,aAAa,GAAGO,MAAM,CAACD,IAAI,CAAC,CAAC,EAAE,CAACN,aAAa,CAAC,CAAC;EAE9G,oBACEF,IAAA,CAACJ,YAAY;IAACc,OAAO,EAAE,CAACT,QAAS;IAACC,aAAa,EAAEK,QAAS;IAACI,aAAa,EAAEN,KAAM;IAACD,MAAM,EAAEA,MAAO;IAAAQ,QAAA,EAC7FT,OAAO,CAACU,GAAG,CAACC,MAAM,iBACjBd,IAAA,CAACJ,YAAY,CAACmB,IAAI;MAChBC,KAAK,EAAEV,KAAK,CAACW,WAAW,CAAC,iBAAiB,CAAE;MAE5CC,KAAK,EAAEJ,MAAM,CAACI,KAAM;MACpBb,KAAK,EAAES,MAAM,CAACT;IAAM,GAFfS,MAAM,CAACT,KAGb,CACF;EAAC,CACU,CAAC;AAEnB,CAAC","ignoreList":[]}

package/lib/module/atoms/picker/picker.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=picker.types.js.map

package/lib/module/atoms/picker/picker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/picker/picker.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/atoms/pressable/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./pressable.js";
+export * from "./pressable.types.js";
+//# sourceMappingURL=index.js.map

package/lib/module/atoms/pressable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/pressable/index.ts"],"mappings":";;AAAA,cAAc,gBAAa;AAC3B,cAAc,sBAAmB","ignoreList":[]}

package/lib/module/atoms/pressable/pressable.js

@@ -0,0 +1,53 @@
+"use strict";
+
+import { useSplitSx } from '@hzblj/kara-sx';
+import * as Haptics from 'expo-haptics';
+import { useCallback } from 'react';
+import { Pressable as RNPressable } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SPRING = {
+  damping: 20,
+  stiffness: 400
+};
+const AnimatedPressable = Animated.createAnimatedComponent(RNPressable);
+export const Pressable = ({
+  children,
+  disabled = false,
+  haptic = false,
+  onPress,
+  testID,
+  ...props
+}) => {
+  const [resolved, rest] = useSplitSx(props);
+  const scale = useSharedValue(1);
+  const rStyle = useAnimatedStyle(() => ({
+    transform: [{
+      scale: scale.value
+    }]
+  }), []);
+  const onPressIn = useCallback(() => {
+    scale.value = withSpring(0.96, SPRING);
+  }, [scale]);
+  const onPressOut = useCallback(() => {
+    scale.value = withSpring(1, SPRING);
+  }, [scale]);
+  const onPressWithHaptic = useCallback(() => {
+    if (haptic) {
+      Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light).catch(() => undefined);
+    }
+    onPress?.();
+  }, [haptic, onPress]);
+  return /*#__PURE__*/_jsx(AnimatedPressable, {
+    disabled: disabled,
+    hitSlop: 8,
+    onPress: onPressWithHaptic,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    style: [resolved, rStyle],
+    testID: testID,
+    ...rest,
+    children: children
+  });
+};
+//# sourceMappingURL=pressable.js.map

package/lib/module/atoms/pressable/pressable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSplitSx","Haptics","useCallback","Pressable","RNPressable","Animated","useAnimatedStyle","useSharedValue","withSpring","jsx","_jsx","SPRING","damping","stiffness","AnimatedPressable","createAnimatedComponent","children","disabled","haptic","onPress","testID","props","resolved","rest","scale","rStyle","transform","value","onPressIn","onPressOut","onPressWithHaptic","impactAsync","ImpactFeedbackStyle","Light","catch","undefined","hitSlop","style"],"sourceRoot":"../../../../src","sources":["atoms/pressable/pressable.tsx"],"mappings":";;AAAA,SAAQA,UAAU,QAAO,gBAAgB;AACzC,OAAO,KAAKC,OAAO,MAAM,cAAc;AACvC,SAAQC,WAAW,QAAO,OAAO;AACjC,SAAQC,SAAS,IAAIC,WAAW,QAAO,cAAc;AACrD,OAAOC,QAAQ,IAAGC,gBAAgB,EAAEC,cAAc,EAAEC,UAAU,QAAO,yBAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG9F,MAAMC,MAAM,GAAG;EAACC,OAAO,EAAE,EAAE;EAAEC,SAAS,EAAE;AAAG,CAAC;AAE5C,MAAMC,iBAAiB,GAAGT,QAAQ,CAACU,uBAAuB,CAACX,WAAW,CAAC;AAEvE,OAAO,MAAMD,SAA6B,GAAGA,CAAC;EAC5Ca,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,MAAM,GAAG,KAAK;EACdC,OAAO;EACPC,MAAM;EACN,GAAGC;AACW,CAAC,KAAK;EACpB,MAAM,CAACC,QAAQ,EAAEC,IAAI,CAAC,GAAGvB,UAAU,CAACqB,KAAK,CAAC;EAC1C,MAAMG,KAAK,GAAGjB,cAAc,CAAC,CAAC,CAAC;EAE/B,MAAMkB,MAAM,GAAGnB,gBAAgB,CAAC,OAAO;IAACoB,SAAS,EAAE,CAAC;MAACF,KAAK,EAAEA,KAAK,CAACG;IAAK,CAAC;EAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAEhF,MAAMC,SAAS,GAAG1B,WAAW,CAAC,MAAM;IAClCsB,KAAK,CAACG,KAAK,GAAGnB,UAAU,CAAC,IAAI,EAAEG,MAAM,CAAC;EACxC,CAAC,EAAE,CAACa,KAAK,CAAC,CAAC;EAEX,MAAMK,UAAU,GAAG3B,WAAW,CAAC,MAAM;IACnCsB,KAAK,CAACG,KAAK,GAAGnB,UAAU,CAAC,CAAC,EAAEG,MAAM,CAAC;EACrC,CAAC,EAAE,CAACa,KAAK,CAAC,CAAC;EAEX,MAAMM,iBAAiB,GAAG5B,WAAW,CAAC,MAAM;IAC1C,IAAIgB,MAAM,EAAE;MACVjB,OAAO,CAAC8B,WAAW,CAAC9B,OAAO,CAAC+B,mBAAmB,CAACC,KAAK,CAAC,CAACC,KAAK,CAAC,MAAMC,SAAS,CAAC;IAC/E;IAEAhB,OAAO,GAAG,CAAC;EACb,CAAC,EAAE,CAACD,MAAM,EAAEC,OAAO,CAAC,CAAC;EAErB,oBACET,IAAA,CAACI,iBAAiB;IAChBG,QAAQ,EAAEA,QAAS;IACnBmB,OAAO,EAAE,CAAE;IACXjB,OAAO,EAAEW,iBAAkB;IAC3BF,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBQ,KAAK,EAAE,CAACf,QAAQ,EAAEG,MAAM,CAAE;IAC1BL,MAAM,EAAEA,MAAO;IAAA,GACXG,IAAI;IAAAP,QAAA,EAEPA;EAAQ,CACQ,CAAC;AAExB,CAAC","ignoreList":[]}

package/lib/module/atoms/pressable/pressable.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=pressable.types.js.map

package/lib/module/atoms/pressable/pressable.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/pressable/pressable.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/atoms/progress/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from './progress';
+export * from "./progress.types.js";
+//# sourceMappingURL=index.js.map

package/lib/module/atoms/progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/progress/index.ts"],"mappings":";;AAAA,cAAc,YAAY;AAC1B,cAAc,qBAAkB","ignoreList":[]}

package/lib/module/atoms/progress/progress.android.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import { CircularProgressIndicator, LinearProgressIndicator } from '@expo/ui/jetpack-compose';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Progress = ({
+  circular = false,
+  value
+}) => {
+  useHostGuard('Progress');
+  const theme = useAppTheme();
+  const color = theme.color('fill.accent.primary');
+  if (circular) {
+    return /*#__PURE__*/_jsx(CircularProgressIndicator, {
+      color: color,
+      progress: value
+    });
+  }
+  return /*#__PURE__*/_jsx(LinearProgressIndicator, {
+    color: color,
+    progress: value
+  });
+};
+//# sourceMappingURL=progress.android.js.map

package/lib/module/atoms/progress/progress.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CircularProgressIndicator","LinearProgressIndicator","useAppTheme","useHostGuard","jsx","_jsx","Progress","circular","value","theme","color","progress"],"sourceRoot":"../../../../src","sources":["atoms/progress/progress.android.tsx"],"mappings":";;AAAA,SAAQA,yBAAyB,EAAEC,uBAAuB,QAAO,0BAA0B;AAC3F,SAAQC,WAAW,QAAO,mBAAmB;AAE7C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMC,QAA2B,GAAGA,CAAC;EAACC,QAAQ,GAAG,KAAK;EAAEC;AAAoB,CAAC,KAAK;EACvFL,YAAY,CAAC,UAAU,CAAC;EACxB,MAAMM,KAAK,GAAGP,WAAW,CAAC,CAAC;EAC3B,MAAMQ,KAAK,GAAGD,KAAK,CAACC,KAAK,CAAC,qBAAqB,CAAC;EAEhD,IAAIH,QAAQ,EAAE;IACZ,oBAAOF,IAAA,CAACL,yBAAyB;MAACU,KAAK,EAAEA,KAAM;MAACC,QAAQ,EAAEH;IAAM,CAAE,CAAC;EACrE;EAEA,oBAAOH,IAAA,CAACJ,uBAAuB;IAACS,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEH;EAAM,CAAE,CAAC;AACnE,CAAC","ignoreList":[]}

package/lib/module/atoms/progress/progress.ios.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { ProgressView } from '@expo/ui/swift-ui';
+import { progressViewStyle, tint } from '@expo/ui/swift-ui/modifiers';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useMemo } from 'react';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Progress = ({
+  circular = false,
+  value
+}) => {
+  useHostGuard('Progress');
+  const theme = useAppTheme();
+  const modifiers = useMemo(() => [progressViewStyle(circular ? 'circular' : 'linear'), tint(theme.color('fill.accent.primary'))], [circular, theme]);
+  return /*#__PURE__*/_jsx(ProgressView, {
+    modifiers: modifiers,
+    value: value ?? null
+  });
+};
+//# sourceMappingURL=progress.ios.js.map

package/lib/module/atoms/progress/progress.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ProgressView","progressViewStyle","tint","useAppTheme","useMemo","useHostGuard","jsx","_jsx","Progress","circular","value","theme","modifiers","color"],"sourceRoot":"../../../../src","sources":["atoms/progress/progress.ios.tsx"],"mappings":";;AAAA,SAAQA,YAAY,QAAO,mBAAmB;AAC9C,SAAQC,iBAAiB,EAAEC,IAAI,QAAO,6BAA6B;AACnE,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAE7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMC,QAA2B,GAAGA,CAAC;EAACC,QAAQ,GAAG,KAAK;EAAEC;AAAoB,CAAC,KAAK;EACvFL,YAAY,CAAC,UAAU,CAAC;EACxB,MAAMM,KAAK,GAAGR,WAAW,CAAC,CAAC;EAE3B,MAAMS,SAAS,GAAGR,OAAO,CACvB,MAAM,CAACH,iBAAiB,CAACQ,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAC,EAAEP,IAAI,CAACS,KAAK,CAACE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EACrG,CAACJ,QAAQ,EAAEE,KAAK,CAClB,CAAC;EAED,oBAAOJ,IAAA,CAACP,YAAY;IAACY,SAAS,EAAEA,SAAU;IAACF,KAAK,EAAEA,KAAK,IAAI;EAAK,CAAE,CAAC;AACrE,CAAC","ignoreList":[]}

package/lib/module/atoms/progress/progress.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=progress.types.js.map

package/lib/module/atoms/progress/progress.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/progress/progress.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/atoms/rn-flat-list/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./rn-flat-list.js";
+export * from "./rn-flat-list.types.js";
+//# sourceMappingURL=index.js.map

package/lib/module/atoms/rn-flat-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/rn-flat-list/index.ts"],"mappings":";;AAAA,cAAc,mBAAgB;AAC9B,cAAc,yBAAsB","ignoreList":[]}

package/lib/module/atoms/rn-flat-list/rn-flat-list.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { useSplitSx, useSx } from '@hzblj/kara-sx';
+import { FlatList as RNFlatList } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Stands in for an absent `content`, because a hook cannot be called conditionally. */
+const NO_SX = {};
+
+/**
+ * Flat list built on React Native's own `VirtualizedList` rather than FlashList.
+ *
+ * FlashList is the default for lists in this codebase and should stay that way for data rows — reach
+ * for this only for the case it cannot serve: content that hosts native views. FlashList positions its
+ * rows absolutely and recycles their cells, and an `@expo/ui` host survives neither — the hosted view
+ * ends up drawn where the layout no longer is. `VirtualizedList` renders its cells in normal flow
+ * inside a scroll view, using blank spacers for the range it has not rendered, so a hosted view stays
+ * exactly where the layout put it. This is `SectionList`'s reason to exist too, without the sections.
+ */
+export const RnFlatList = ({
+  content,
+  data,
+  renderItem,
+  ...props
+}) => {
+  const [style, rest] = useSplitSx(props);
+  const contentStyle = useSx(content ?? NO_SX);
+  return /*#__PURE__*/_jsx(RNFlatList, {
+    data: data,
+    renderItem: renderItem,
+    ...rest,
+    contentContainerStyle: content === undefined ? undefined : contentStyle,
+    style: style
+  });
+};
+//# sourceMappingURL=rn-flat-list.js.map

package/lib/module/atoms/rn-flat-list/rn-flat-list.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSplitSx","useSx","FlatList","RNFlatList","jsx","_jsx","NO_SX","RnFlatList","content","data","renderItem","props","style","rest","contentStyle","contentContainerStyle","undefined"],"sourceRoot":"../../../../src","sources":["atoms/rn-flat-list/rn-flat-list.tsx"],"mappings":";;AAAA,SAAQA,UAAU,EAAEC,KAAK,QAAO,gBAAgB;AAChD,SAAQC,QAAQ,IAAIC,UAAU,QAAO,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAInD;AACA,MAAMC,KAAK,GAAG,CAAC,CAAC;;AAEhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAGA,CAAS;EAACC,OAAO;EAAEC,IAAI;EAAEC,UAAU;EAAE,GAAGC;AAA6B,CAAC,KAAK;EACnG,MAAM,CAACC,KAAK,EAAEC,IAAI,CAAC,GAAGb,UAAU,CAACW,KAAgC,CAAC;EAClE,MAAMG,YAAY,GAAGb,KAAK,CAACO,OAAO,IAAIF,KAAK,CAAC;EAE5C,oBACED,IAAA,CAACF,UAAU;IACTM,IAAI,EAAEA,IAAK;IACXC,UAAU,EAAEA,UAAW;IAAA,GACnBG,IAAI;IACRE,qBAAqB,EAAEP,OAAO,KAAKQ,SAAS,GAAGA,SAAS,GAAGF,YAAa;IACxEF,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/atoms/rn-flat-list/rn-flat-list.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=rn-flat-list.types.js.map

package/lib/module/atoms/rn-flat-list/rn-flat-list.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/rn-flat-list/rn-flat-list.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/atoms/rn-icon/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from './rn-icon';
+export * from "./rn-icon.types.js";
+//# sourceMappingURL=index.js.map

package/lib/module/atoms/rn-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/rn-icon/index.ts"],"mappings":";;AAAA,cAAc,WAAW;AACzB,cAAc,oBAAiB","ignoreList":[]}

package/lib/module/atoms/rn-icon/rn-icon.android.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import { iconResourceName } from '@hzblj/kara-native';
+import { IconView } from '@hzblj/kara-native/jetpack-compose';
+import { spacing, useAppTheme } from '@hzblj/kara-theme';
+import { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** An `ImageView` over the app's vector drawable — what a list row wants, rather than a Compose host per row. */
+export const RnIcon = ({
+  accessibilityLabel,
+  color = 'content.primary',
+  name,
+  size = 's24',
+  testID
+}) => {
+  const theme = useAppTheme();
+  const style = useMemo(() => ({
+    height: spacing[size],
+    width: spacing[size]
+  }), [size]);
+  return /*#__PURE__*/_jsx(IconView, {
+    accessibilityLabel: accessibilityLabel,
+    iconColor: theme.color(color),
+    resourceName: iconResourceName(name),
+    style: style,
+    testID: testID
+  });
+};
+//# sourceMappingURL=rn-icon.android.js.map

package/lib/module/atoms/rn-icon/rn-icon.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["iconResourceName","IconView","spacing","useAppTheme","useMemo","jsx","_jsx","RnIcon","accessibilityLabel","color","name","size","testID","theme","style","height","width","iconColor","resourceName"],"sourceRoot":"../../../../src","sources":["atoms/rn-icon/rn-icon.android.tsx"],"mappings":";;AAAA,SAAQA,gBAAgB,QAAO,oBAAoB;AACnD,SAAQC,QAAQ,QAAO,oCAAoC;AAC3D,SAAQC,OAAO,EAAEC,WAAW,QAAO,mBAAmB;AACtD,SAAQC,OAAO,QAAO,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAI7B;AACA,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EACtCC,kBAAkB;EAClBC,KAAK,GAAG,iBAAiB;EACzBC,IAAI;EACJC,IAAI,GAAG,KAAK;EACZC;AACW,CAAC,KAAK;EACjB,MAAMC,KAAK,GAAGV,WAAW,CAAC,CAAC;EAC3B,MAAMW,KAAK,GAAGV,OAAO,CAAC,OAAO;IAACW,MAAM,EAAEb,OAAO,CAACS,IAAI,CAAC;IAAEK,KAAK,EAAEd,OAAO,CAACS,IAAI;EAAC,CAAC,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEpF,oBACEL,IAAA,CAACL,QAAQ;IACPO,kBAAkB,EAAEA,kBAAmB;IACvCS,SAAS,EAAEJ,KAAK,CAACJ,KAAK,CAACA,KAAK,CAAE;IAC9BS,YAAY,EAAElB,gBAAgB,CAACU,IAAI,CAAE;IACrCI,KAAK,EAAEA,KAAM;IACbF,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/atoms/rn-icon/rn-icon.ios.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import { iconResourceName } from '@hzblj/kara-native';
+import { IconView } from '@hzblj/kara-native/swift-ui';
+import { spacing, useAppTheme } from '@hzblj/kara-theme';
+import { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** A `UIImageView` over the app's asset-catalog icon — what a list row wants, rather than a SwiftUI host per row. */
+export const RnIcon = ({
+  accessibilityLabel,
+  color = 'content.primary',
+  name,
+  size = 's24',
+  testID
+}) => {
+  const theme = useAppTheme();
+  const style = useMemo(() => ({
+    height: spacing[size],
+    width: spacing[size]
+  }), [size]);
+  return /*#__PURE__*/_jsx(IconView, {
+    accessibilityLabel: accessibilityLabel,
+    assetName: iconResourceName(name),
+    iconColor: theme.color(color),
+    style: style,
+    testID: testID
+  });
+};
+//# sourceMappingURL=rn-icon.ios.js.map

package/lib/module/atoms/rn-icon/rn-icon.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["iconResourceName","IconView","spacing","useAppTheme","useMemo","jsx","_jsx","RnIcon","accessibilityLabel","color","name","size","testID","theme","style","height","width","assetName","iconColor"],"sourceRoot":"../../../../src","sources":["atoms/rn-icon/rn-icon.ios.tsx"],"mappings":";;AAAA,SAAQA,gBAAgB,QAAO,oBAAoB;AACnD,SAAQC,QAAQ,QAAO,6BAA6B;AACpD,SAAQC,OAAO,EAAEC,WAAW,QAAO,mBAAmB;AACtD,SAAQC,OAAO,QAAO,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAI7B;AACA,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EACtCC,kBAAkB;EAClBC,KAAK,GAAG,iBAAiB;EACzBC,IAAI;EACJC,IAAI,GAAG,KAAK;EACZC;AACW,CAAC,KAAK;EACjB,MAAMC,KAAK,GAAGV,WAAW,CAAC,CAAC;EAC3B,MAAMW,KAAK,GAAGV,OAAO,CAAC,OAAO;IAACW,MAAM,EAAEb,OAAO,CAACS,IAAI,CAAC;IAAEK,KAAK,EAAEd,OAAO,CAACS,IAAI;EAAC,CAAC,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEpF,oBACEL,IAAA,CAACL,QAAQ;IACPO,kBAAkB,EAAEA,kBAAmB;IACvCS,SAAS,EAAEjB,gBAAgB,CAACU,IAAI,CAAE;IAClCQ,SAAS,EAAEL,KAAK,CAACJ,KAAK,CAACA,KAAK,CAAE;IAC9BK,KAAK,EAAEA,KAAM;IACbF,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/atoms/rn-icon/rn-icon.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=rn-icon.types.js.map

package/lib/module/atoms/rn-icon/rn-icon.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/rn-icon/rn-icon.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/atoms/rn-scroll-view/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./rn-scroll-view.js";
+export * from "./rn-scroll-view.types.js";
+//# sourceMappingURL=index.js.map

package/lib/module/atoms/rn-scroll-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/rn-scroll-view/index.ts"],"mappings":";;AAAA,cAAc,qBAAkB;AAChC,cAAc,2BAAwB","ignoreList":[]}

package/lib/module/atoms/rn-scroll-view/rn-scroll-view.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import { useSplitSx, useSx } from '@hzblj/kara-sx';
+import { ScrollView as RNScrollView } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Stands in for an absent `content`, because a hook cannot be called conditionally. */
+const NO_SX = {};
+export const RnScrollView = ({
+  axis = 'vertical',
+  children,
+  content,
+  showsIndicators = true,
+  testID,
+  ...props
+}) => {
+  const [style, rest] = useSplitSx(props);
+  const contentStyle = useSx(content ?? NO_SX);
+  return /*#__PURE__*/_jsx(RNScrollView, {
+    contentContainerStyle: content === undefined ? undefined : contentStyle,
+    horizontal: axis === 'horizontal',
+    showsHorizontalScrollIndicator: showsIndicators,
+    showsVerticalScrollIndicator: showsIndicators,
+    style: style,
+    testID: testID,
+    ...rest,
+    children: children
+  });
+};
+//# sourceMappingURL=rn-scroll-view.js.map

package/lib/module/atoms/rn-scroll-view/rn-scroll-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSplitSx","useSx","ScrollView","RNScrollView","jsx","_jsx","NO_SX","RnScrollView","axis","children","content","showsIndicators","testID","props","style","rest","contentStyle","contentContainerStyle","undefined","horizontal","showsHorizontalScrollIndicator","showsVerticalScrollIndicator"],"sourceRoot":"../../../../src","sources":["atoms/rn-scroll-view/rn-scroll-view.tsx"],"mappings":";;AAAA,SAAQA,UAAU,EAAEC,KAAK,QAAO,gBAAgB;AAChD,SAAQC,UAAU,IAAIC,YAAY,QAAO,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGvD;AACA,MAAMC,KAAK,GAAG,CAAC,CAAC;AAEhB,OAAO,MAAMC,YAAmC,GAAGA,CAAC;EAClDC,IAAI,GAAG,UAAU;EACjBC,QAAQ;EACRC,OAAO;EACPC,eAAe,GAAG,IAAI;EACtBC,MAAM;EACN,GAAGC;AACc,CAAC,KAAK;EACvB,MAAM,CAACC,KAAK,EAAEC,IAAI,CAAC,GAAGf,UAAU,CAACa,KAAK,CAAC;EACvC,MAAMG,YAAY,GAAGf,KAAK,CAACS,OAAO,IAAIJ,KAAK,CAAC;EAE5C,oBACED,IAAA,CAACF,YAAY;IACXc,qBAAqB,EAAEP,OAAO,KAAKQ,SAAS,GAAGA,SAAS,GAAGF,YAAa;IACxEG,UAAU,EAAEX,IAAI,KAAK,YAAa;IAClCY,8BAA8B,EAAET,eAAgB;IAChDU,4BAA4B,EAAEV,eAAgB;IAC9CG,KAAK,EAAEA,KAAM;IACbF,MAAM,EAAEA,MAAO;IAAA,GACXG,IAAI;IAAAN,QAAA,EAEPA;EAAQ,CACG,CAAC;AAEnB,CAAC","ignoreList":[]}

package/lib/module/atoms/rn-scroll-view/rn-scroll-view.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=rn-scroll-view.types.js.map

package/lib/module/atoms/rn-scroll-view/rn-scroll-view.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/rn-scroll-view/rn-scroll-view.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/atoms/rn-section-list/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./rn-section-list.js";
+export * from "./rn-section-list.types.js";
+//# sourceMappingURL=index.js.map

package/lib/module/atoms/rn-section-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/rn-section-list/index.ts"],"mappings":";;AAAA,cAAc,sBAAmB;AACjC,cAAc,4BAAyB","ignoreList":[]}

package/lib/module/atoms/rn-section-list/rn-section-list.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { useSplitSx, useSx } from '@hzblj/kara-sx';
+import { SectionList as RNSectionList } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Stands in for an absent `content`, because a hook cannot be called conditionally. */
+const NO_SX = {};
+
+/**
+ * Sectioned list built on React Native's own `VirtualizedList` rather than FlashList.
+ *
+ * FlashList is the default for lists in this codebase and should stay that way for data rows. This
+ * exists for the case it cannot serve: content that hosts native views. FlashList positions its rows
+ * absolutely and recycles their cells, and an `@expo/ui` host does not survive either — the hosted
+ * view ends up drawn where the layout no longer is. `VirtualizedList` renders its cells in normal flow
+ * inside a scroll view, using blank spacers for the range it has not rendered, so a hosted view stays
+ * exactly where the layout put it.
+ *
+ * Sticky headers default off, unlike React Native, where they are on for vertical lists. A header that
+ * detaches and floats over the content is a deliberate effect, not something a list should do unasked.
+ */
+export const RnSectionList = ({
+  content,
+  sections,
+  stickySectionHeadersEnabled = false,
+  ...props
+}) => {
+  const [style, rest] = useSplitSx(props);
+  const contentStyle = useSx(content ?? NO_SX);
+  return /*#__PURE__*/_jsx(RNSectionList, {
+    sections: sections,
+    ...rest,
+    contentContainerStyle: content === undefined ? undefined : contentStyle,
+    stickySectionHeadersEnabled: stickySectionHeadersEnabled,
+    style: style
+  });
+};
+//# sourceMappingURL=rn-section-list.js.map

package/lib/module/atoms/rn-section-list/rn-section-list.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSplitSx","useSx","SectionList","RNSectionList","jsx","_jsx","NO_SX","RnSectionList","content","sections","stickySectionHeadersEnabled","props","style","rest","contentStyle","contentContainerStyle","undefined"],"sourceRoot":"../../../../src","sources":["atoms/rn-section-list/rn-section-list.tsx"],"mappings":";;AAAA,SAAQA,UAAU,EAAEC,KAAK,QAAO,gBAAgB;AAChD,SAA8BC,WAAW,IAAIC,aAAa,QAAO,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAI/E;AACA,MAAMC,KAAK,GAAG,CAAC,CAAC;;AAEhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGA,CAAoC;EAC/DC,OAAO;EACPC,QAAQ;EACRC,2BAA2B,GAAG,KAAK;EACnC,GAAGC;AACgC,CAAC,KAAK;EACzC,MAAM,CAACC,KAAK,EAAEC,IAAI,CAAC,GAAGb,UAAU,CAACW,KAAgC,CAAC;EAClE,MAAMG,YAAY,GAAGb,KAAK,CAACO,OAAO,IAAIF,KAAK,CAAC;EAE5C,oBACED,IAAA,CAACF,aAAa;IACZM,QAAQ,EAAEA,QAAS;IAAA,GACfI,IAAI;IACRE,qBAAqB,EAAEP,OAAO,KAAKQ,SAAS,GAAGA,SAAS,GAAGF,YAAa;IACxEJ,2BAA2B,EAAEA,2BAA4B;IACzDE,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/atoms/rn-section-list/rn-section-list.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=rn-section-list.types.js.map

package/lib/module/atoms/rn-section-list/rn-section-list.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/rn-section-list/rn-section-list.types.ts"],"mappings":"","ignoreList":[]}