@hzblj/kara-components 0.0.0-stage → 0.2.0

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

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

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

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

package/lib/module/atoms/rn-text/rn-text.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { MAX_FONT_SCALE, useAppTheme } from '@hzblj/kara-theme';
+import { Text as RNText, useWindowDimensions } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const RnText = ({
+  align,
+  color = 'content.primary',
+  variant = 'body',
+  ...props
+}) => {
+  const theme = useAppTheme();
+  const {
+    fontScale
+  } = useWindowDimensions();
+  const style = theme.typography[variant];
+
+  /**
+   * React Native scales `fontSize` for the user's setting but leaves `lineHeight` alone, so a grown glyph ends up in
+   * an ungrown line and clips. Scaling it here by the same factor keeps the ratio the variant was designed at — and
+   * by the same ceiling `maxFontSizeMultiplier` caps the glyph with, so the two cannot disagree.
+   *
+   * The native tiers need none of this: SwiftUI's `lineSpacing` is extra space *on top of* the font's own line
+   * height, which scales with it, and Compose reads `lineHeight` in `sp`.
+   */
+  const lineHeight = style.lineHeight * Math.min(fontScale, MAX_FONT_SCALE);
+  return /*#__PURE__*/_jsx(RNText, {
+    maxFontSizeMultiplier: MAX_FONT_SCALE,
+    style: [style, {
+      color: theme.color(color),
+      lineHeight,
+      textAlign: align
+    }],
+    ...props
+  });
+};
+//# sourceMappingURL=rn-text.js.map

package/lib/module/atoms/rn-text/rn-text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MAX_FONT_SCALE","useAppTheme","Text","RNText","useWindowDimensions","jsx","_jsx","RnText","align","color","variant","props","theme","fontScale","style","typography","lineHeight","Math","min","maxFontSizeMultiplier","textAlign"],"sourceRoot":"../../../../src","sources":["atoms/rn-text/rn-text.tsx"],"mappings":";;AAAA,SAAQA,cAAc,EAAEC,WAAW,QAAO,mBAAmB;AAC7D,SAAQC,IAAI,IAAIC,MAAM,EAAEC,mBAAmB,QAAO,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAIhE,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EACtCC,KAAK;EACLC,KAAK,GAAG,iBAAiB;EACzBC,OAAO,GAAG,MAAM;EAChB,GAAGC;AACQ,CAAC,KAAK;EACjB,MAAMC,KAAK,GAAGX,WAAW,CAAC,CAAC;EAC3B,MAAM;IAACY;EAAS,CAAC,GAAGT,mBAAmB,CAAC,CAAC;EACzC,MAAMU,KAAK,GAAGF,KAAK,CAACG,UAAU,CAACL,OAAO,CAAC;;EAEvC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,MAAMM,UAAU,GAAGF,KAAK,CAACE,UAAU,GAAGC,IAAI,CAACC,GAAG,CAACL,SAAS,EAAEb,cAAc,CAAC;EAEzE,oBACEM,IAAA,CAACH,MAAM;IACLgB,qBAAqB,EAAEnB,cAAe;IACtCc,KAAK,EAAE,CAACA,KAAK,EAAE;MAACL,KAAK,EAAEG,KAAK,CAACH,KAAK,CAACA,KAAK,CAAC;MAAEO,UAAU;MAAEI,SAAS,EAAEZ;IAAK,CAAC,CAAE;IAAA,GACtEG;EAAK,CACV,CAAC;AAEN,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+"use strict";
+
+import { RNHostView } from '@expo/ui/jetpack-compose';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const RnView = ({
+  children,
+  matchContents = true
+}) => /*#__PURE__*/_jsx(RNHostView, {
+  matchContents: matchContents,
+  children: children
+});
+//# sourceMappingURL=rn-view.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["RNHostView","jsx","_jsx","RnView","children","matchContents"],"sourceRoot":"../../../../src","sources":["atoms/rn-view/rn-view.android.tsx"],"mappings":";;AAAA,SAAQA,UAAU,QAAO,0BAA0B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAInD,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EAACC,QAAQ;EAAEC,aAAa,GAAG;AAAiB,CAAC,kBACnFH,IAAA,CAACF,UAAU;EAACK,aAAa,EAAEA,aAAc;EAAAD,QAAA,EAAEA;AAAQ,CAAa,CACjE","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+import { RNHostView } from '@expo/ui/swift-ui';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const RnView = ({
+  children,
+  matchContents = true
+}) => /*#__PURE__*/_jsx(RNHostView, {
+  matchContents: matchContents,
+  children: children
+});
+//# sourceMappingURL=rn-view.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["RNHostView","jsx","_jsx","RnView","children","matchContents"],"sourceRoot":"../../../../src","sources":["atoms/rn-view/rn-view.ios.tsx"],"mappings":";;AAAA,SAAQA,UAAU,QAAO,mBAAmB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAI5C,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EAACC,QAAQ;EAAEC,aAAa,GAAG;AAAiB,CAAC,kBACnFH,IAAA,CAACF,UAAU;EAACK,aAAa,EAAEA,aAAc;EAAAD,QAAA,EAAEA;AAAQ,CAAa,CACjE","ignoreList":[]}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/scroll-view/index.ts"],"mappings":";;AAAA,cAAc,eAAe;AAC7B,cAAc,wBAAqB","ignoreList":[]}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+import { Column, PullToRefreshBox, Row } from '@expo/ui/jetpack-compose';
+import { horizontalScroll, testID as testIdModifier, verticalScroll } from '@expo/ui/jetpack-compose/modifiers';
+import { useSxModifiers } from '@hzblj/kara-sx';
+import { spacing } from '@hzblj/kara-theme';
+import { useMemo } from 'react';
+import { useHostGuard } from "../../host-context.js";
+import { useRefreshState } from "../../use-refresh-state.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ScrollView = ({
+  axis = 'vertical',
+  children,
+  onRefresh,
+  spacing: gap,
+  testID,
+  ...sx
+}) => {
+  useHostGuard('ScrollView');
+  const arrangement = gap === undefined ? undefined : {
+    spacedBy: spacing[gap]
+  };
+  const sxModifiers = useSxModifiers(sx);
+  const {
+    isRefreshing,
+    refresh
+  } = useRefreshState(onRefresh);
+  const modifiers = useMemo(() => [...sxModifiers, axis === 'horizontal' ? horizontalScroll() : verticalScroll(), ...(testID ? [testIdModifier(testID)] : [])], [axis, sxModifiers, testID]);
+  if (axis === 'horizontal') {
+    return /*#__PURE__*/_jsx(Row, {
+      horizontalArrangement: arrangement,
+      modifiers: modifiers,
+      children: children
+    });
+  }
+  const column = /*#__PURE__*/_jsx(Column, {
+    modifiers: modifiers,
+    verticalArrangement: arrangement,
+    children: children
+  });
+
+  // Unlike SwiftUI's modifier, Compose's pull-to-refresh is a container — so it wraps rather than
+  // joining `modifiers`, and is left out entirely when nobody asked for it.
+  if (!onRefresh) {
+    return column;
+  }
+  return /*#__PURE__*/_jsx(PullToRefreshBox, {
+    isRefreshing: isRefreshing,
+    onRefresh: refresh,
+    children: column
+  });
+};
+//# sourceMappingURL=scroll-view.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Column","PullToRefreshBox","Row","horizontalScroll","testID","testIdModifier","verticalScroll","useSxModifiers","spacing","useMemo","useHostGuard","useRefreshState","jsx","_jsx","ScrollView","axis","children","onRefresh","gap","sx","arrangement","undefined","spacedBy","sxModifiers","isRefreshing","refresh","modifiers","horizontalArrangement","column","verticalArrangement"],"sourceRoot":"../../../../src","sources":["atoms/scroll-view/scroll-view.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,gBAAgB,EAAEC,GAAG,QAAO,0BAA0B;AACtE,SACEC,gBAAgB,EAEhBC,MAAM,IAAIC,cAAc,EACxBC,cAAc,QACT,oCAAoC;AAC3C,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,OAAO,QAAO,mBAAmB;AACzC,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,eAAe,QAAO,4BAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGvD,OAAO,MAAMC,UAA+B,GAAGA,CAAC;EAC9CC,IAAI,GAAG,UAAU;EACjBC,QAAQ;EACRC,SAAS;EACTT,OAAO,EAAEU,GAAG;EACZd,MAAM;EACN,GAAGe;AACY,CAAC,KAAK;EACrBT,YAAY,CAAC,YAAY,CAAC;EAE1B,MAAMU,WAAW,GAAGF,GAAG,KAAKG,SAAS,GAAGA,SAAS,GAAG;IAACC,QAAQ,EAAEd,OAAO,CAACU,GAAG;EAAC,CAAC;EAC5E,MAAMK,WAAW,GAAGhB,cAAc,CAACY,EAAE,CAAC;EACtC,MAAM;IAACK,YAAY;IAAEC;EAAO,CAAC,GAAGd,eAAe,CAACM,SAAS,CAAC;EAC1D,MAAMS,SAAS,GAAGjB,OAAO,CACvB,MAAM,CACJ,GAAGc,WAAW,EACdR,IAAI,KAAK,YAAY,GAAGZ,gBAAgB,CAAC,CAAC,GAAGG,cAAc,CAAC,CAAC,EAC7D,IAAIF,MAAM,GAAG,CAACC,cAAc,CAACD,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,CAC5C,EACD,CAACW,IAAI,EAAEQ,WAAW,EAAEnB,MAAM,CAC5B,CAAC;EAED,IAAIW,IAAI,KAAK,YAAY,EAAE;IACzB,oBACEF,IAAA,CAACX,GAAG;MAACyB,qBAAqB,EAAEP,WAAY;MAACM,SAAS,EAAEA,SAAU;MAAAV,QAAA,EAC3DA;IAAQ,CACN,CAAC;EAEV;EAEA,MAAMY,MAAM,gBACVf,IAAA,CAACb,MAAM;IAAC0B,SAAS,EAAEA,SAAU;IAACG,mBAAmB,EAAET,WAAY;IAAAJ,QAAA,EAC5DA;EAAQ,CACH,CACT;;EAED;EACA;EACA,IAAI,CAACC,SAAS,EAAE;IACd,OAAOW,MAAM;EACf;EAEA,oBACEf,IAAA,CAACZ,gBAAgB;IAACuB,YAAY,EAAEA,YAAa;IAACP,SAAS,EAAEQ,OAAQ;IAAAT,QAAA,EAC9DY;EAAM,CACS,CAAC;AAEvB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+import { HStack, ScrollView as SwiftUIScrollView, VStack } from '@expo/ui/swift-ui';
+import { refreshable } from '@expo/ui/swift-ui/modifiers';
+import { useSxModifiers } from '@hzblj/kara-sx';
+import { spacing } from '@hzblj/kara-theme';
+import { useMemo } from 'react';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ScrollView = ({
+  axis = 'vertical',
+  children,
+  onRefresh,
+  showsIndicators = true,
+  spacing: gap,
+  testID,
+  ...sx
+}) => {
+  useHostGuard('ScrollView');
+  const modifiers = useSxModifiers(sx);
+  const gapPoints = gap === undefined ? undefined : spacing[gap];
+
+  // `refreshable` belongs on the scroll view itself, not on the stack inside it that `sx` styles.
+  const scrollModifiers = useMemo(() => onRefresh && axis === 'vertical' ? [refreshable(onRefresh)] : [], [axis, onRefresh]);
+  return /*#__PURE__*/_jsx(SwiftUIScrollView, {
+    axes: axis,
+    modifiers: scrollModifiers,
+    showsIndicators: showsIndicators,
+    testID: testID,
+    children: axis === 'horizontal' ? /*#__PURE__*/_jsx(HStack, {
+      modifiers: modifiers,
+      spacing: gapPoints,
+      children: children
+    }) : /*#__PURE__*/_jsx(VStack, {
+      modifiers: modifiers,
+      spacing: gapPoints,
+      children: children
+    })
+  });
+};
+//# sourceMappingURL=scroll-view.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["HStack","ScrollView","SwiftUIScrollView","VStack","refreshable","useSxModifiers","spacing","useMemo","useHostGuard","jsx","_jsx","axis","children","onRefresh","showsIndicators","gap","testID","sx","modifiers","gapPoints","undefined","scrollModifiers","axes"],"sourceRoot":"../../../../src","sources":["atoms/scroll-view/scroll-view.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,UAAU,IAAIC,iBAAiB,EAAEC,MAAM,QAAO,mBAAmB;AACjF,SAA6BC,WAAW,QAAO,6BAA6B;AAC5E,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,OAAO,QAAO,mBAAmB;AACzC,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMT,UAA+B,GAAGA,CAAC;EAC9CU,IAAI,GAAG,UAAU;EACjBC,QAAQ;EACRC,SAAS;EACTC,eAAe,GAAG,IAAI;EACtBR,OAAO,EAAES,GAAG;EACZC,MAAM;EACN,GAAGC;AACY,CAAC,KAAK;EACrBT,YAAY,CAAC,YAAY,CAAC;EAE1B,MAAMU,SAAS,GAAGb,cAAc,CAACY,EAAE,CAAC;EACpC,MAAME,SAAS,GAAGJ,GAAG,KAAKK,SAAS,GAAGA,SAAS,GAAGd,OAAO,CAACS,GAAG,CAAC;;EAE9D;EACA,MAAMM,eAAe,GAAGd,OAAO,CAC7B,MAAOM,SAAS,IAAIF,IAAI,KAAK,UAAU,GAAG,CAACP,WAAW,CAACS,SAAS,CAAC,CAAC,GAAG,EAAG,EACxE,CAACF,IAAI,EAAEE,SAAS,CAClB,CAAC;EAED,oBACEH,IAAA,CAACR,iBAAiB;IAACoB,IAAI,EAAEX,IAAK;IAACO,SAAS,EAAEG,eAAgB;IAACP,eAAe,EAAEA,eAAgB;IAACE,MAAM,EAAEA,MAAO;IAAAJ,QAAA,EACzGD,IAAI,KAAK,YAAY,gBACpBD,IAAA,CAACV,MAAM;MAACkB,SAAS,EAAEA,SAAU;MAACZ,OAAO,EAAEa,SAAU;MAAAP,QAAA,EAC9CA;IAAQ,CACH,CAAC,gBAETF,IAAA,CAACP,MAAM;MAACe,SAAS,EAAEA,SAAU;MAACZ,OAAO,EAAEa,SAAU;MAAAP,QAAA,EAC9CA;IAAQ,CACH;EACT,CACgB,CAAC;AAExB,CAAC","ignoreList":[]}

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

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

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

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

package/lib/module/atoms/segmented-control/index.js

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

package/lib/module/atoms/segmented-control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/segmented-control/index.ts"],"mappings":";;AAAA,cAAc,wBAAqB;AACnC,cAAc,8BAA2B","ignoreList":[]}

package/lib/module/atoms/segmented-control/segmented-control.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { SegmentedControl as NativeSegmentedControl } from '@expo/ui/community/segmented-control';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useCallback } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SegmentedControl = ({
+  disabled = false,
+  onChange,
+  selectedIndex,
+  testID,
+  values
+}) => {
+  const theme = useAppTheme();
+  const onNativeChange = useCallback(event => {
+    onChange?.(event.nativeEvent.selectedSegmentIndex, event.nativeEvent.value);
+  }, [onChange]);
+  return /*#__PURE__*/_jsx(NativeSegmentedControl, {
+    appearance: theme.dark ? 'dark' : 'light',
+    enabled: !disabled,
+    onChange: onNativeChange,
+    selectedIndex: selectedIndex,
+    testID: testID,
+    tintColor: theme.colorString('surface.primary'),
+    values: values
+  });
+};
+//# sourceMappingURL=segmented-control.js.map

package/lib/module/atoms/segmented-control/segmented-control.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SegmentedControl","NativeSegmentedControl","useAppTheme","useCallback","jsx","_jsx","disabled","onChange","selectedIndex","testID","values","theme","onNativeChange","event","nativeEvent","selectedSegmentIndex","value","appearance","dark","enabled","tintColor","colorString"],"sourceRoot":"../../../../src","sources":["atoms/segmented-control/segmented-control.tsx"],"mappings":";;AAAA,SAAQA,gBAAgB,IAAIC,sBAAsB,QAAO,sCAAsC;AAC/F,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,WAAW,QAAO,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAIjC,OAAO,MAAML,gBAA2C,GAAGA,CAAC;EAC1DM,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,aAAa;EACbC,MAAM;EACNC;AACqB,CAAC,KAAK;EAC3B,MAAMC,KAAK,GAAGT,WAAW,CAAC,CAAC;EAE3B,MAAMU,cAAc,GAAGT,WAAW,CAC/BU,KAAmE,IAAK;IACvEN,QAAQ,GAAGM,KAAK,CAACC,WAAW,CAACC,oBAAoB,EAAEF,KAAK,CAACC,WAAW,CAACE,KAAK,CAAC;EAC7E,CAAC,EACD,CAACT,QAAQ,CACX,CAAC;EAED,oBACEF,IAAA,CAACJ,sBAAsB;IACrBgB,UAAU,EAAEN,KAAK,CAACO,IAAI,GAAG,MAAM,GAAG,OAAQ;IAC1CC,OAAO,EAAE,CAACb,QAAS;IACnBC,QAAQ,EAAEK,cAAe;IACzBJ,aAAa,EAAEA,aAAc;IAC7BC,MAAM,EAAEA,MAAO;IACfW,SAAS,EAAET,KAAK,CAACU,WAAW,CAAC,iBAAiB,CAAE;IAChDX,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/atoms/segmented-control/segmented-control.types.js

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

package/lib/module/atoms/segmented-control/segmented-control.types.js.map

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

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

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

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

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

package/lib/module/atoms/skeleton/skeleton.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { duration, opacity } from '@hzblj/kara-theme';
+import { useEffect } from 'react';
+import { useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import { ABox } from "../box/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Skeleton = ({
+  borderRadius = 'small',
+  height,
+  testID,
+  width
+}) => {
+  const pulse = useSharedValue(opacity.o40);
+  useEffect(() => {
+    pulse.value = withRepeat(withTiming(opacity.o100, {
+      duration: duration.d800
+    }), -1, true);
+  }, [pulse]);
+  const rStyle = useAnimatedStyle(() => ({
+    opacity: pulse.value
+  }), []);
+  return /*#__PURE__*/_jsx(ABox, {
+    bg: "fill.quaternary",
+    borderRadius: borderRadius,
+    h: height,
+    style: rStyle,
+    testID: testID,
+    w: width,
+    wide: width === undefined
+  });
+};
+//# sourceMappingURL=skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["duration","opacity","useEffect","useAnimatedStyle","useSharedValue","withRepeat","withTiming","ABox","jsx","_jsx","Skeleton","borderRadius","height","testID","width","pulse","o40","value","o100","d800","rStyle","bg","h","style","w","wide","undefined"],"sourceRoot":"../../../../src","sources":["atoms/skeleton/skeleton.tsx"],"mappings":";;AAAA,SAAQA,QAAQ,EAAEC,OAAO,QAAO,mBAAmB;AACnD,SAAQC,SAAS,QAAO,OAAO;AAC/B,SAAQC,gBAAgB,EAAEC,cAAc,EAAEC,UAAU,EAAEC,UAAU,QAAO,yBAAyB;AAEhG,SAAQC,IAAI,QAAO,iBAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG3B,OAAO,MAAMC,QAA2B,GAAGA,CAAC;EAACC,YAAY,GAAG,OAAO;EAAEC,MAAM;EAAEC,MAAM;EAAEC;AAAoB,CAAC,KAAK;EAC7G,MAAMC,KAAK,GAAGX,cAAc,CAASH,OAAO,CAACe,GAAG,CAAC;EAEjDd,SAAS,CAAC,MAAM;IACda,KAAK,CAACE,KAAK,GAAGZ,UAAU,CAACC,UAAU,CAACL,OAAO,CAACiB,IAAI,EAAE;MAAClB,QAAQ,EAAEA,QAAQ,CAACmB;IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;EACzF,CAAC,EAAE,CAACJ,KAAK,CAAC,CAAC;EAEX,MAAMK,MAAM,GAAGjB,gBAAgB,CAAC,OAAO;IAACF,OAAO,EAAEc,KAAK,CAACE;EAAK,CAAC,CAAC,EAAE,EAAE,CAAC;EAEnE,oBACER,IAAA,CAACF,IAAI;IACHc,EAAE,EAAC,iBAAiB;IACpBV,YAAY,EAAEA,YAAa;IAC3BW,CAAC,EAAEV,MAAO;IACVW,KAAK,EAAEH,MAAO;IACdP,MAAM,EAAEA,MAAO;IACfW,CAAC,EAAEV,KAAM;IACTW,IAAI,EAAEX,KAAK,KAAKY;EAAU,CAC3B,CAAC;AAEN,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+
+import { Slider as ComposeSlider } 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 Slider = ({
+  disabled = false,
+  max = 1,
+  min = 0,
+  onValueChange,
+  step,
+  value
+}) => {
+  useHostGuard('Slider');
+  const theme = useAppTheme();
+  return /*#__PURE__*/_jsx(ComposeSlider, {
+    colors: {
+      activeTrackColor: theme.color('fill.accent.primary'),
+      thumbColor: theme.color('fill.accent.primary')
+    },
+    enabled: !disabled,
+    max: max,
+    min: min,
+    onValueChange: onValueChange,
+    steps: step,
+    value: value
+  });
+};
+//# sourceMappingURL=slider.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Slider","ComposeSlider","useAppTheme","useHostGuard","jsx","_jsx","disabled","max","min","onValueChange","step","value","theme","colors","activeTrackColor","color","thumbColor","enabled","steps"],"sourceRoot":"../../../../src","sources":["atoms/slider/slider.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,IAAIC,aAAa,QAAO,0BAA0B;AAChE,SAAQC,WAAW,QAAO,mBAAmB;AAE7C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAML,MAAuB,GAAGA,CAAC;EACtCM,QAAQ,GAAG,KAAK;EAChBC,GAAG,GAAG,CAAC;EACPC,GAAG,GAAG,CAAC;EACPC,aAAa;EACbC,IAAI;EACJC;AACW,CAAC,KAAK;EACjBR,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMS,KAAK,GAAGV,WAAW,CAAC,CAAC;EAE3B,oBACEG,IAAA,CAACJ,aAAa;IACZY,MAAM,EAAE;MACNC,gBAAgB,EAAEF,KAAK,CAACG,KAAK,CAAC,qBAAqB,CAAC;MACpDC,UAAU,EAAEJ,KAAK,CAACG,KAAK,CAAC,qBAAqB;IAC/C,CAAE;IACFE,OAAO,EAAE,CAACX,QAAS;IACnBC,GAAG,EAAEA,GAAI;IACTC,GAAG,EAAEA,GAAI;IACTC,aAAa,EAAEA,aAAc;IAC7BS,KAAK,EAAER,IAAK;IACZC,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN,CAAC","ignoreList":[]}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+import { Slider as SwiftUISlider } from '@expo/ui/swift-ui';
+import { disabled as disabledModifier, 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 Slider = ({
+  disabled = false,
+  max = 1,
+  min = 0,
+  onValueChange,
+  step,
+  value
+}) => {
+  useHostGuard('Slider');
+  const theme = useAppTheme();
+  const modifiers = useMemo(() => {
+    const list = [tint(theme.color('fill.accent.primary'))];
+    if (disabled) {
+      list.push(disabledModifier(true));
+    }
+    return list;
+  }, [disabled, theme]);
+  return /*#__PURE__*/_jsx(SwiftUISlider, {
+    max: max,
+    min: min,
+    modifiers: modifiers,
+    onValueChange: onValueChange,
+    step: step,
+    value: value
+  });
+};
+//# sourceMappingURL=slider.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Slider","SwiftUISlider","disabled","disabledModifier","tint","useAppTheme","useMemo","useHostGuard","jsx","_jsx","max","min","onValueChange","step","value","theme","modifiers","list","color","push"],"sourceRoot":"../../../../src","sources":["atoms/slider/slider.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,IAAIC,aAAa,QAAO,mBAAmB;AACzD,SAAQC,QAAQ,IAAIC,gBAAgB,EAAEC,IAAI,QAAO,6BAA6B;AAC9E,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAE7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMT,MAAuB,GAAGA,CAAC;EACtCE,QAAQ,GAAG,KAAK;EAChBQ,GAAG,GAAG,CAAC;EACPC,GAAG,GAAG,CAAC;EACPC,aAAa;EACbC,IAAI;EACJC;AACW,CAAC,KAAK;EACjBP,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMQ,KAAK,GAAGV,WAAW,CAAC,CAAC;EAE3B,MAAMW,SAAS,GAAGV,OAAO,CAAC,MAAM;IAC9B,MAAMW,IAAI,GAAG,CAACb,IAAI,CAACW,KAAK,CAACG,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAEvD,IAAIhB,QAAQ,EAAE;MACZe,IAAI,CAACE,IAAI,CAAChB,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACnC;IAEA,OAAOc,IAAI;EACb,CAAC,EAAE,CAACf,QAAQ,EAAEa,KAAK,CAAC,CAAC;EAErB,oBACEN,IAAA,CAACR,aAAa;IAACS,GAAG,EAAEA,GAAI;IAACC,GAAG,EAAEA,GAAI;IAACK,SAAS,EAAEA,SAAU;IAACJ,aAAa,EAAEA,aAAc;IAACC,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC;AAEvH,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+"use strict";
+
+import { Spacer as ComposeSpacer } from '@expo/ui/jetpack-compose';
+import { defaultMinSize, weight } from '@expo/ui/jetpack-compose/modifiers';
+import { spacing } from '@hzblj/kara-theme';
+import { useMemo } from 'react';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Spacer = ({
+  min
+}) => {
+  useHostGuard('Spacer');
+  const modifiers = useMemo(() => min === undefined ? [weight(1)] : [weight(1), defaultMinSize({
+    minHeight: spacing[min]
+  })], [min]);
+  return /*#__PURE__*/_jsx(ComposeSpacer, {
+    modifiers: modifiers
+  });
+};
+//# sourceMappingURL=spacer.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Spacer","ComposeSpacer","defaultMinSize","weight","spacing","useMemo","useHostGuard","jsx","_jsx","min","modifiers","undefined","minHeight"],"sourceRoot":"../../../../src","sources":["atoms/spacer/spacer.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,IAAIC,aAAa,QAAO,0BAA0B;AAChE,SAAQC,cAAc,EAAEC,MAAM,QAAO,oCAAoC;AACzE,SAAQC,OAAO,QAAO,mBAAmB;AACzC,SAAQC,OAAO,QAAO,OAAO;AAE7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMR,MAAuB,GAAGA,CAAC;EAACS;AAAgB,CAAC,KAAK;EAC7DH,YAAY,CAAC,QAAQ,CAAC;EAEtB,MAAMI,SAAS,GAAGL,OAAO,CACvB,MAAOI,GAAG,KAAKE,SAAS,GAAG,CAACR,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAACA,MAAM,CAAC,CAAC,CAAC,EAAED,cAAc,CAAC;IAACU,SAAS,EAAER,OAAO,CAACK,GAAG;EAAC,CAAC,CAAC,CAAE,EAChG,CAACA,GAAG,CACN,CAAC;EAED,oBAAOD,IAAA,CAACP,aAAa;IAACS,SAAS,EAAEA;EAAU,CAAE,CAAC;AAChD,CAAC","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+import { Spacer as SwiftUISpacer } from '@expo/ui/swift-ui';
+import { spacing } from '@hzblj/kara-theme';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Spacer = ({
+  min,
+  testID
+}) => {
+  useHostGuard('Spacer');
+  return /*#__PURE__*/_jsx(SwiftUISpacer, {
+    minLength: min === undefined ? undefined : spacing[min],
+    testID: testID
+  });
+};
+//# sourceMappingURL=spacer.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Spacer","SwiftUISpacer","spacing","useHostGuard","jsx","_jsx","min","testID","minLength","undefined"],"sourceRoot":"../../../../src","sources":["atoms/spacer/spacer.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,IAAIC,aAAa,QAAO,mBAAmB;AACzD,SAAQC,OAAO,QAAO,mBAAmB;AAEzC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAML,MAAuB,GAAGA,CAAC;EAACM,GAAG;EAAEC;AAAmB,CAAC,KAAK;EACrEJ,YAAY,CAAC,QAAQ,CAAC;EAEtB,oBAAOE,IAAA,CAACJ,aAAa;IAACO,SAAS,EAAEF,GAAG,KAAKG,SAAS,GAAGA,SAAS,GAAGP,OAAO,CAACI,GAAG,CAAE;IAACC,MAAM,EAAEA;EAAO,CAAE,CAAC;AACnG,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,66 @@
+"use strict";
+
+import { Column, Surface as ComposeSurface, Shape } from '@expo/ui/jetpack-compose';
+import { testID as testIdModifier } from '@expo/ui/jetpack-compose/modifiers';
+import { useSxModifiers } from '@hzblj/kara-sx';
+import { radii, useAppTheme } from '@hzblj/kara-theme';
+import { useMemo } from 'react';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const cornerRadii = radius => ({
+  bottomEnd: radius,
+  bottomStart: radius,
+  topEnd: radius,
+  topStart: radius
+});
+
+/**
+ * Material's `Surface`, with the padding on a `Column` inside it. Compose applies a `Surface`'s own modifiers before it
+ * draws the shape, so padding there would inset the background instead of the content — and a bare `Surface` stacks
+ * its children on top of each other rather than in a column.
+ */
+export const Surface = ({
+  children,
+  glass = false,
+  p = 's16',
+  pb,
+  pl,
+  pr,
+  pt,
+  px,
+  py,
+  testID,
+  ...sx
+}) => {
+  useHostGuard('Surface');
+  const theme = useAppTheme();
+  const sxModifiers = useSxModifiers({
+    ...sx,
+    bg: undefined
+  });
+  const modifiers = useMemo(() => testID ? [...sxModifiers, testIdModifier(testID)] : sxModifiers, [sxModifiers, testID]);
+  const contentModifiers = useSxModifiers({
+    p,
+    pb,
+    pl,
+    pr,
+    pt,
+    px,
+    py,
+    wide: sx.wide
+  });
+  return /*#__PURE__*/_jsx(ComposeSurface, {
+    color: theme.color(sx.bg ?? 'surface.primary'),
+    contentColor: theme.color('content.primary'),
+    modifiers: modifiers,
+    shape: Shape.RoundedCorner({
+      cornerRadii: cornerRadii(radii[sx.borderRadius ?? 'large'])
+    }),
+    tonalElevation: glass ? 3 : 0,
+    children: /*#__PURE__*/_jsx(Column, {
+      modifiers: contentModifiers,
+      children: children
+    })
+  });
+};
+//# sourceMappingURL=surface.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Column","Surface","ComposeSurface","Shape","testID","testIdModifier","useSxModifiers","radii","useAppTheme","useMemo","useHostGuard","jsx","_jsx","cornerRadii","radius","bottomEnd","bottomStart","topEnd","topStart","children","glass","p","pb","pl","pr","pt","px","py","sx","theme","sxModifiers","bg","undefined","modifiers","contentModifiers","wide","color","contentColor","shape","RoundedCorner","borderRadius","tonalElevation"],"sourceRoot":"../../../../src","sources":["atoms/surface/surface.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,OAAO,IAAIC,cAAc,EAAEC,KAAK,QAAO,0BAA0B;AACjF,SAAQC,MAAM,IAAIC,cAAc,QAAO,oCAAoC;AAC3E,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,KAAK,EAAEC,WAAW,QAAO,mBAAmB;AACpD,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,MAAMC,WAAW,GAAIC,MAAc,KAAM;EAACC,SAAS,EAAED,MAAM;EAAEE,WAAW,EAAEF,MAAM;EAAEG,MAAM,EAAEH,MAAM;EAAEI,QAAQ,EAAEJ;AAAM,CAAC,CAAC;;AAEpH;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMb,OAAyB,GAAGA,CAAC;EACxCkB,QAAQ;EACRC,KAAK,GAAG,KAAK;EACbC,CAAC,GAAG,KAAK;EACTC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFvB,MAAM;EACN,GAAGwB;AACS,CAAC,KAAK;EAClBlB,YAAY,CAAC,SAAS,CAAC;EAEvB,MAAMmB,KAAK,GAAGrB,WAAW,CAAC,CAAC;EAC3B,MAAMsB,WAAW,GAAGxB,cAAc,CAAC;IAAC,GAAGsB,EAAE;IAAEG,EAAE,EAAEC;EAAS,CAAC,CAAC;EAC1D,MAAMC,SAAS,GAAGxB,OAAO,CACvB,MAAOL,MAAM,GAAG,CAAC,GAAG0B,WAAW,EAAEzB,cAAc,CAACD,MAAM,CAAC,CAAC,GAAG0B,WAAY,EACvE,CAACA,WAAW,EAAE1B,MAAM,CACtB,CAAC;EACD,MAAM8B,gBAAgB,GAAG5B,cAAc,CAAC;IAACe,CAAC;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEQ,IAAI,EAAEP,EAAE,CAACO;EAAI,CAAC,CAAC;EAEnF,oBACEvB,IAAA,CAACV,cAAc;IACbkC,KAAK,EAAEP,KAAK,CAACO,KAAK,CAACR,EAAE,CAACG,EAAE,IAAI,iBAAiB,CAAE;IAC/CM,YAAY,EAAER,KAAK,CAACO,KAAK,CAAC,iBAAiB,CAAE;IAC7CH,SAAS,EAAEA,SAAU;IACrBK,KAAK,EAAEnC,KAAK,CAACoC,aAAa,CAAC;MAAC1B,WAAW,EAAEA,WAAW,CAACN,KAAK,CAACqB,EAAE,CAACY,YAAY,IAAI,OAAO,CAAC;IAAC,CAAC,CAAE;IAC1FC,cAAc,EAAErB,KAAK,GAAG,CAAC,GAAG,CAAE;IAAAD,QAAA,eAE9BP,IAAA,CAACZ,MAAM;MAACiC,SAAS,EAAEC,gBAAiB;MAAAf,QAAA,EAAEA;IAAQ,CAAS;EAAC,CAC1C,CAAC;AAErB,CAAC","ignoreList":[]}