@hzblj/kara-components 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,35 @@
+"use strict";
+
+import { Button } from '@expo/ui/swift-ui';
+import { buttonStyle } from '@expo/ui/swift-ui/modifiers';
+import { useSxModifiers } from '@hzblj/kara-sx';
+import { useMemo } from 'react';
+import { useHostGuard } from "../../host-context.js";
+import { Icon } from "../icon/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Fab = ({
+  name,
+  onPress,
+  testID
+}) => {
+  useHostGuard('Fab');
+  const sxModifiers = useSxModifiers({
+    bg: 'fill.accent.primary',
+    borderRadius: 'full',
+    h: 56,
+    p: 's16',
+    shadow: 'btn.accent',
+    w: 56
+  });
+  const modifiers = useMemo(() => [buttonStyle('plain'), ...sxModifiers], [sxModifiers]);
+  return /*#__PURE__*/_jsx(Button, {
+    modifiers: modifiers,
+    onPress: onPress,
+    testID: testID,
+    children: /*#__PURE__*/_jsx(Icon, {
+      color: "content.on.bg",
+      name: name
+    })
+  });
+};
+//# sourceMappingURL=fab.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Button","buttonStyle","useSxModifiers","useMemo","useHostGuard","Icon","jsx","_jsx","Fab","name","onPress","testID","sxModifiers","bg","borderRadius","h","p","shadow","w","modifiers","children","color"],"sourceRoot":"../../../../src","sources":["atoms/fab/fab.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,mBAAmB;AACxC,SAAQC,WAAW,QAAO,6BAA6B;AACvD,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,IAAI,QAAO,kBAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG5B,OAAO,MAAMC,GAAiB,GAAGA,CAAC;EAACC,IAAI;EAAEC,OAAO;EAAEC;AAAgB,CAAC,KAAK;EACtEP,YAAY,CAAC,KAAK,CAAC;EAEnB,MAAMQ,WAAW,GAAGV,cAAc,CAAC;IACjCW,EAAE,EAAE,qBAAqB;IACzBC,YAAY,EAAE,MAAM;IACpBC,CAAC,EAAE,EAAE;IACLC,CAAC,EAAE,KAAK;IACRC,MAAM,EAAE,YAAY;IACpBC,CAAC,EAAE;EACL,CAAC,CAAC;EACF,MAAMC,SAAS,GAAGhB,OAAO,CAAC,MAAM,CAACF,WAAW,CAAC,OAAO,CAAC,EAAE,GAAGW,WAAW,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEtF,oBACEL,IAAA,CAACP,MAAM;IAACmB,SAAS,EAAEA,SAAU;IAACT,OAAO,EAAEA,OAAQ;IAACC,MAAM,EAAEA,MAAO;IAAAS,QAAA,eAC7Db,IAAA,CAACF,IAAI;MAACgB,KAAK,EAAC,eAAe;MAACZ,IAAI,EAAEA;IAAK,CAAE;EAAC,CACpC,CAAC;AAEb,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

package/lib/module/atoms/flash-list/flash-list.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import { useSplitSx, useSx } from '@hzblj/kara-sx';
+import { FlashList as ShopifyFlashList } from '@shopify/flash-list';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Stands in for an absent `content`, because a hook cannot be called conditionally. */
+const NO_SX = {};
+
+/**
+ * The default list in this codebase: recycles its rows, so it holds a long list at a steady cost.
+ *
+ * `RnFlatList` and `RnSectionList` are the alternatives, and only for rows that host native views —
+ * see either one for why recycling and absolute positioning cannot carry an `@expo/ui` host.
+ */
+export const FlashList = ({
+  content,
+  data,
+  renderItem,
+  ...props
+}) => {
+  const [style, rest] = useSplitSx(props);
+  const contentStyle = useSx(content ?? NO_SX);
+  return /*#__PURE__*/_jsx(ShopifyFlashList, {
+    data: data,
+    renderItem: renderItem,
+    ...rest,
+    contentContainerStyle: content === undefined ? undefined : contentStyle,
+    style: style
+  });
+};
+//# sourceMappingURL=flash-list.js.map

package/lib/module/atoms/flash-list/flash-list.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSplitSx","useSx","FlashList","ShopifyFlashList","jsx","_jsx","NO_SX","content","data","renderItem","props","style","rest","contentStyle","contentContainerStyle","undefined"],"sourceRoot":"../../../../src","sources":["atoms/flash-list/flash-list.tsx"],"mappings":";;AAAA,SAAQA,UAAU,EAAEC,KAAK,QAAO,gBAAgB;AAChD,SAAQC,SAAS,IAAIC,gBAAgB,QAAO,qBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAIjE;AACA,MAAMC,KAAK,GAAG,CAAC,CAAC;;AAEhB;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMJ,SAAS,GAAGA,CAAS;EAACK,OAAO;EAAEC,IAAI;EAAEC,UAAU;EAAE,GAAGC;AAA4B,CAAC,KAAK;EACjG,MAAM,CAACC,KAAK,EAAEC,IAAI,CAAC,GAAGZ,UAAU,CAACU,KAAgC,CAAC;EAClE,MAAMG,YAAY,GAAGZ,KAAK,CAACM,OAAO,IAAID,KAAK,CAAC;EAE5C,oBACED,IAAA,CAACF,gBAAgB;IACfK,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/flash-list/flash-list.types.js

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

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

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

package/lib/module/atoms/flash-list/index.js

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

package/lib/module/atoms/flash-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/flash-list/index.ts"],"mappings":";;AAAA,cAAc,iBAAc;AAC5B,cAAc,uBAAoB","ignoreList":[]}

package/lib/module/atoms/glass-view/glass-fallback.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { Box } from "../box/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** The capsule drawn where there is no Liquid Glass to draw. */
+export const GlassFallback = ({
+  children,
+  interactive: _interactive,
+  tint,
+  ...props
+}) => /*#__PURE__*/_jsx(Box, {
+  borderRadius: "full",
+  ...props,
+  bg: tint ?? 'fill.tertiary',
+  children: children
+});
+//# sourceMappingURL=glass-fallback.js.map

package/lib/module/atoms/glass-view/glass-fallback.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Box","jsx","_jsx","GlassFallback","children","interactive","_interactive","tint","props","borderRadius","bg"],"sourceRoot":"../../../../src","sources":["atoms/glass-view/glass-fallback.tsx"],"mappings":";;AAAA,SAAQA,GAAG,QAAO,iBAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG1B;AACA,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAACC,QAAQ;EAAEC,WAAW,EAAEC,YAAY;EAAEC,IAAI;EAAE,GAAGC;AAAqB,CAAC,kBACjGN,IAAA,CAACF,GAAG;EAACS,YAAY,EAAC,MAAM;EAAA,GAAKD,KAAK;EAAEE,EAAE,EAAEH,IAAI,IAAI,eAAgB;EAAAH,QAAA,EAC7DA;AAAQ,CACN,CACN","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+"use strict";
+
+import { GlassFallback } from "./glass-fallback.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Android has no Liquid Glass, so this is always the fallback capsule. */
+export const GlassView = props => /*#__PURE__*/_jsx(GlassFallback, {
+  ...props
+});
+//# sourceMappingURL=glass-view.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["GlassFallback","jsx","_jsx","GlassView","props"],"sourceRoot":"../../../../src","sources":["atoms/glass-view/glass-view.android.tsx"],"mappings":";;AAAA,SAAQA,aAAa,QAAO,qBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG9C;AACA,OAAO,MAAMC,SAA6B,GAAIC,KAAqB,iBAAKF,IAAA,CAACF,aAAa;EAAA,GAAKI;AAAK,CAAG,CAAC","ignoreList":[]}

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

@@ -0,0 +1,36 @@
+"use strict";
+
+import { isLiquidGlassAvailable } from '@hzblj/kara-native';
+import { GlassView as NativeGlassView } from '@hzblj/kara-native/swift-ui';
+import { useSx } from '@hzblj/kara-sx';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { GlassFallback } from "./glass-fallback.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The native view is a capsule by construction — its corner radius follows its bounds — so `borderRadius` is the
+ * fallback's business only.
+ */
+const LiquidGlass = ({
+  children,
+  interactive = false,
+  testID,
+  tint,
+  ...sx
+}) => {
+  const theme = useAppTheme();
+  const style = useSx(sx);
+  return /*#__PURE__*/_jsx(NativeGlassView, {
+    colorScheme: theme.dark ? 'dark' : 'light',
+    glassTint: tint ? theme.color(tint) : undefined,
+    isInteractive: interactive,
+    style: style,
+    testID: testID,
+    children: children
+  });
+};
+export const GlassView = props => isLiquidGlassAvailable() ? /*#__PURE__*/_jsx(LiquidGlass, {
+  ...props
+}) : /*#__PURE__*/_jsx(GlassFallback, {
+  ...props
+});
+//# sourceMappingURL=glass-view.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["isLiquidGlassAvailable","GlassView","NativeGlassView","useSx","useAppTheme","GlassFallback","jsx","_jsx","LiquidGlass","children","interactive","testID","tint","sx","theme","style","colorScheme","dark","glassTint","color","undefined","isInteractive","props"],"sourceRoot":"../../../../src","sources":["atoms/glass-view/glass-view.ios.tsx"],"mappings":";;AAAA,SAAQA,sBAAsB,QAAO,oBAAoB;AACzD,SAAQC,SAAS,IAAIC,eAAe,QAAO,6BAA6B;AACxE,SAAQC,KAAK,QAAO,gBAAgB;AACpC,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,aAAa,QAAO,qBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG9C;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAAGA,CAAC;EAACC,QAAQ;EAAEC,WAAW,GAAG,KAAK;EAAEC,MAAM;EAAEC,IAAI;EAAE,GAAGC;AAAkB,CAAC,KAAK;EAC5F,MAAMC,KAAK,GAAGV,WAAW,CAAC,CAAC;EAC3B,MAAMW,KAAK,GAAGZ,KAAK,CAACU,EAAE,CAAC;EAEvB,oBACEN,IAAA,CAACL,eAAe;IACdc,WAAW,EAAEF,KAAK,CAACG,IAAI,GAAG,MAAM,GAAG,OAAQ;IAC3CC,SAAS,EAAEN,IAAI,GAAGE,KAAK,CAACK,KAAK,CAACP,IAAI,CAAC,GAAGQ,SAAU;IAChDC,aAAa,EAAEX,WAAY;IAC3BK,KAAK,EAAEA,KAAM;IACbJ,MAAM,EAAEA,MAAO;IAAAF,QAAA,EAEdA;EAAQ,CACM,CAAC;AAEtB,CAAC;AAED,OAAO,MAAMR,SAA6B,GAAIqB,KAAqB,IACjEtB,sBAAsB,CAAC,CAAC,gBAAGO,IAAA,CAACC,WAAW;EAAA,GAAKc;AAAK,CAAG,CAAC,gBAAGf,IAAA,CAACF,aAAa;EAAA,GAAKiB;AAAK,CAAG,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,6 @@
+"use strict";
+
+export { isLiquidGlassAvailable } from '@hzblj/kara-native';
+export * from './glass-view';
+export * from "./glass-view.types.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["isLiquidGlassAvailable"],"sourceRoot":"../../../../src","sources":["atoms/glass-view/index.ts"],"mappings":";;AAAA,SAAQA,sBAAsB,QAAO,oBAAoB;AACzD,cAAc,cAAc;AAC5B,cAAc,uBAAoB","ignoreList":[]}

package/lib/module/atoms/h-stack/h-stack.android.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { Row } from '@expo/ui/jetpack-compose';
+import { clickable, testID as testIdModifier } 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 { jsx as _jsx } from "react/jsx-runtime";
+const ALIGNMENT = {
+  center: 'center',
+  end: 'bottom',
+  start: 'top'
+};
+export const HStack = ({
+  align = 'start',
+  children,
+  onPress,
+  spacing: gap,
+  testID,
+  ...sx
+}) => {
+  useHostGuard('HStack');
+  const sxModifiers = useSxModifiers(sx);
+  const modifiers = useMemo(() => [...sxModifiers, ...(testID ? [testIdModifier(testID)] : []), ...(onPress ? [clickable(onPress)] : [])], [onPress, sxModifiers, testID]);
+  return /*#__PURE__*/_jsx(Row, {
+    verticalAlignment: ALIGNMENT[align],
+    horizontalArrangement: gap === undefined ? undefined : {
+      spacedBy: spacing[gap]
+    },
+    modifiers: modifiers,
+    children: children
+  });
+};
+//# sourceMappingURL=h-stack.android.js.map

package/lib/module/atoms/h-stack/h-stack.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Row","clickable","testID","testIdModifier","useSxModifiers","spacing","useMemo","useHostGuard","jsx","_jsx","ALIGNMENT","center","end","start","HStack","align","children","onPress","gap","sx","sxModifiers","modifiers","verticalAlignment","horizontalArrangement","undefined","spacedBy"],"sourceRoot":"../../../../src","sources":["atoms/h-stack/h-stack.android.tsx"],"mappings":";;AAAA,SAAQA,GAAG,QAAO,0BAA0B;AAC5C,SAAQC,SAAS,EAAEC,MAAM,IAAIC,cAAc,QAAO,oCAAoC;AACtF,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,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,QAAQ;EACbC,KAAK,EAAE;AACT,CAAgD;AAEhD,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EACtCC,KAAK,GAAG,OAAO;EACfC,QAAQ;EACRC,OAAO;EACPZ,OAAO,EAAEa,GAAG;EACZhB,MAAM;EACN,GAAGiB;AACQ,CAAC,KAAK;EACjBZ,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMa,WAAW,GAAGhB,cAAc,CAACe,EAAE,CAAC;EACtC,MAAME,SAAS,GAAGf,OAAO,CACvB,MAAM,CAAC,GAAGc,WAAW,EAAE,IAAIlB,MAAM,GAAG,CAACC,cAAc,CAACD,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,IAAIe,OAAO,GAAG,CAAChB,SAAS,CAACgB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAC7G,CAACA,OAAO,EAAEG,WAAW,EAAElB,MAAM,CAC/B,CAAC;EAED,oBACEO,IAAA,CAACT,GAAG;IACFsB,iBAAiB,EAAEZ,SAAS,CAACK,KAAK,CAAE;IACpCQ,qBAAqB,EAAEL,GAAG,KAAKM,SAAS,GAAGA,SAAS,GAAG;MAACC,QAAQ,EAAEpB,OAAO,CAACa,GAAG;IAAC,CAAE;IAChFG,SAAS,EAAEA,SAAU;IAAAL,QAAA,EAEpBA;EAAQ,CACN,CAAC;AAEV,CAAC","ignoreList":[]}

package/lib/module/atoms/h-stack/h-stack.ios.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import { HStack as SwiftUIHStack } from '@expo/ui/swift-ui';
+import { onTapGesture } 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";
+const ALIGNMENT = {
+  center: 'center',
+  end: 'bottom',
+  start: 'top'
+};
+const FRAME_ALIGNMENT = {
+  center: 'leading',
+  end: 'bottomLeading',
+  start: 'topLeading'
+};
+export const HStack = ({
+  align = 'start',
+  children,
+  onPress,
+  spacing: gap,
+  testID,
+  ...sx
+}) => {
+  useHostGuard('HStack');
+  const sxModifiers = useSxModifiers(sx, FRAME_ALIGNMENT[align]);
+  const modifiers = useMemo(() => onPress ? [...sxModifiers, onTapGesture(onPress)] : sxModifiers, [onPress, sxModifiers]);
+  return /*#__PURE__*/_jsx(SwiftUIHStack, {
+    alignment: ALIGNMENT[align],
+    modifiers: modifiers,
+    spacing: gap === undefined ? undefined : spacing[gap],
+    testID: testID,
+    children: children
+  });
+};
+//# sourceMappingURL=h-stack.ios.js.map

package/lib/module/atoms/h-stack/h-stack.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HStack","SwiftUIHStack","onTapGesture","useSxModifiers","spacing","useMemo","useHostGuard","jsx","_jsx","ALIGNMENT","center","end","start","FRAME_ALIGNMENT","align","children","onPress","gap","testID","sx","sxModifiers","modifiers","alignment","undefined"],"sourceRoot":"../../../../src","sources":["atoms/h-stack/h-stack.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,IAAIC,aAAa,QAAO,mBAAmB;AACzD,SAAQC,YAAY,QAAO,6BAA6B;AACxD,SAA6BC,cAAc,QAAO,gBAAgB;AAClE,SAAQC,OAAO,QAAO,mBAAmB;AACzC,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,QAAQ;EACbC,KAAK,EAAE;AACT,CAAgD;AAEhD,MAAMC,eAAe,GAAG;EACtBH,MAAM,EAAE,SAAS;EACjBC,GAAG,EAAE,eAAe;EACpBC,KAAK,EAAE;AACT,CAAwD;AAExD,OAAO,MAAMZ,MAAuB,GAAGA,CAAC;EACtCc,KAAK,GAAG,OAAO;EACfC,QAAQ;EACRC,OAAO;EACPZ,OAAO,EAAEa,GAAG;EACZC,MAAM;EACN,GAAGC;AACQ,CAAC,KAAK;EACjBb,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMc,WAAW,GAAGjB,cAAc,CAACgB,EAAE,EAAEN,eAAe,CAACC,KAAK,CAAC,CAAC;EAC9D,MAAMO,SAAS,GAAGhB,OAAO,CACvB,MAAOW,OAAO,GAAG,CAAC,GAAGI,WAAW,EAAElB,YAAY,CAACc,OAAO,CAAC,CAAC,GAAGI,WAAY,EACvE,CAACJ,OAAO,EAAEI,WAAW,CACvB,CAAC;EAED,oBACEZ,IAAA,CAACP,aAAa;IACZqB,SAAS,EAAEb,SAAS,CAACK,KAAK,CAAE;IAC5BO,SAAS,EAAEA,SAAU;IACrBjB,OAAO,EAAEa,GAAG,KAAKM,SAAS,GAAGA,SAAS,GAAGnB,OAAO,CAACa,GAAG,CAAE;IACtDC,MAAM,EAAEA,MAAO;IAAAH,QAAA,EAEdA;EAAQ,CACI,CAAC;AAEpB,CAAC","ignoreList":[]}

package/lib/module/atoms/h-stack/h-stack.types.js

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

package/lib/module/atoms/h-stack/h-stack.types.js.map

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

package/lib/module/atoms/h-stack/index.js

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

package/lib/module/atoms/h-stack/index.js.map

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

package/lib/module/atoms/icon/icon-names.js

@@ -0,0 +1,53 @@
+"use strict";
+
+export const SF_SYMBOLS = {
+  add: 'plus',
+  arrowLeft: 'arrow.left',
+  arrowRight: 'arrow.right',
+  calendar: 'calendar',
+  check: 'checkmark',
+  chevronDown: 'chevron.down',
+  chevronRight: 'chevron.right',
+  close: 'xmark',
+  error: 'exclamationmark.octagon',
+  grid: 'square.grid.2x2',
+  heart: 'heart',
+  home: 'house',
+  info: 'info.circle',
+  lock: 'lock',
+  more: 'ellipsis',
+  notification: 'bell',
+  search: 'magnifyingglass',
+  settings: 'gearshape',
+  share: 'square.and.arrow.up',
+  star: 'star',
+  trash: 'trash',
+  user: 'person',
+  warning: 'exclamationmark.triangle'
+};
+export const MATERIAL_ICONS = {
+  add: 'add',
+  arrowLeft: 'arrow-back',
+  arrowRight: 'arrow-forward',
+  calendar: 'calendar-today',
+  check: 'check',
+  chevronDown: 'expand-more',
+  chevronRight: 'chevron-right',
+  close: 'close',
+  error: 'error',
+  grid: 'grid-view',
+  heart: 'favorite',
+  home: 'home',
+  info: 'info',
+  lock: 'lock',
+  more: 'more-horiz',
+  notification: 'notifications',
+  search: 'search',
+  settings: 'settings',
+  share: 'share',
+  star: 'star',
+  trash: 'delete',
+  user: 'person',
+  warning: 'warning'
+};
+//# sourceMappingURL=icon-names.js.map

package/lib/module/atoms/icon/icon-names.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SF_SYMBOLS","add","arrowLeft","arrowRight","calendar","check","chevronDown","chevronRight","close","error","grid","heart","home","info","lock","more","notification","search","settings","share","star","trash","user","warning","MATERIAL_ICONS"],"sourceRoot":"../../../../src","sources":["atoms/icon/icon-names.ts"],"mappings":";;AAEA,OAAO,MAAMA,UAAU,GAAG;EACxBC,GAAG,EAAE,MAAM;EACXC,SAAS,EAAE,YAAY;EACvBC,UAAU,EAAE,aAAa;EACzBC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE,WAAW;EAClBC,WAAW,EAAE,cAAc;EAC3BC,YAAY,EAAE,eAAe;EAC7BC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,yBAAyB;EAChCC,IAAI,EAAE,iBAAiB;EACvBC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,OAAO;EACbC,IAAI,EAAE,aAAa;EACnBC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,UAAU;EAChBC,YAAY,EAAE,MAAM;EACpBC,MAAM,EAAE,iBAAiB;EACzBC,QAAQ,EAAE,WAAW;EACrBC,KAAK,EAAE,qBAAqB;EAC5BC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,QAAQ;EACdC,OAAO,EAAE;AACX,CAA6C;AAE7C,OAAO,MAAMC,cAAc,GAAG;EAC5BvB,GAAG,EAAE,KAAK;EACVC,SAAS,EAAE,YAAY;EACvBC,UAAU,EAAE,eAAe;EAC3BC,QAAQ,EAAE,gBAAgB;EAC1BC,KAAK,EAAE,OAAO;EACdC,WAAW,EAAE,aAAa;EAC1BC,YAAY,EAAE,eAAe;EAC7BC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,UAAU;EACjBC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,YAAY;EAClBC,YAAY,EAAE,eAAe;EAC7BC,MAAM,EAAE,QAAQ;EAChBC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,QAAQ;EACfC,IAAI,EAAE,QAAQ;EACdC,OAAO,EAAE;AACX,CAA6C","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+import MaterialIcons from '@expo/vector-icons/MaterialIcons';
+import { spacing, useAppTheme } from '@hzblj/kara-theme';
+import { useHostGuard } from "../../host-context.js";
+import { RnView } from "../rn-view/index.js";
+import { MATERIAL_ICONS } from "./icon-names.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Icon = ({
+  color = 'content.primary',
+  name,
+  size = 's24',
+  testID
+}) => {
+  useHostGuard('Icon');
+  const theme = useAppTheme();
+  return /*#__PURE__*/_jsx(RnView, {
+    children: /*#__PURE__*/_jsx(MaterialIcons, {
+      color: theme.color(color),
+      name: MATERIAL_ICONS[name],
+      size: spacing[size],
+      testID: testID
+    })
+  });
+};
+//# sourceMappingURL=icon.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["MaterialIcons","spacing","useAppTheme","useHostGuard","RnView","MATERIAL_ICONS","jsx","_jsx","Icon","color","name","size","testID","theme","children"],"sourceRoot":"../../../../src","sources":["atoms/icon/icon.android.tsx"],"mappings":";;AAAA,OAAOA,aAAa,MAAM,kCAAkC;AAC5D,SAAQC,OAAO,EAAEC,WAAW,QAAO,mBAAmB;AACtD,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,MAAM,QAAO,qBAAY;AAEjC,SAAQC,cAAc,QAAO,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE3C,OAAO,MAAMC,IAAmB,GAAGA,CAAC;EAACC,KAAK,GAAG,iBAAiB;EAAEC,IAAI;EAAEC,IAAI,GAAG,KAAK;EAAEC;AAAiB,CAAC,KAAK;EACzGT,YAAY,CAAC,MAAM,CAAC;EACpB,MAAMU,KAAK,GAAGX,WAAW,CAAC,CAAC;EAE3B,oBACEK,IAAA,CAACH,MAAM;IAAAU,QAAA,eACLP,IAAA,CAACP,aAAa;MAACS,KAAK,EAAEI,KAAK,CAACJ,KAAK,CAACA,KAAK,CAAE;MAACC,IAAI,EAAEL,cAAc,CAACK,IAAI,CAAE;MAACC,IAAI,EAAEV,OAAO,CAACU,IAAI,CAAE;MAACC,MAAM,EAAEA;IAAO,CAAE;EAAC,CACvG,CAAC;AAEb,CAAC","ignoreList":[]}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+import { Image } from '@expo/ui/swift-ui';
+import { spacing, useAppTheme } from '@hzblj/kara-theme';
+import { useHostGuard } from "../../host-context.js";
+import { SF_SYMBOLS } from "./icon-names.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Icon = ({
+  color = 'content.primary',
+  name,
+  size = 's24',
+  testID
+}) => {
+  useHostGuard('Icon');
+  const theme = useAppTheme();
+  return /*#__PURE__*/_jsx(Image, {
+    color: theme.color(color),
+    size: spacing[size],
+    systemName: SF_SYMBOLS[name],
+    testID: testID
+  });
+};
+//# sourceMappingURL=icon.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Image","spacing","useAppTheme","useHostGuard","SF_SYMBOLS","jsx","_jsx","Icon","color","name","size","testID","theme","systemName"],"sourceRoot":"../../../../src","sources":["atoms/icon/icon.ios.tsx"],"mappings":";;AAAA,SAAQA,KAAK,QAAO,mBAAmB;AACvC,SAAQC,OAAO,EAAEC,WAAW,QAAO,mBAAmB;AAEtD,SAAQC,YAAY,QAAO,uBAAoB;AAE/C,SAAQC,UAAU,QAAO,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEvC,OAAO,MAAMC,IAAmB,GAAGA,CAAC;EAACC,KAAK,GAAG,iBAAiB;EAAEC,IAAI;EAAEC,IAAI,GAAG,KAAK;EAAEC;AAAiB,CAAC,KAAK;EACzGR,YAAY,CAAC,MAAM,CAAC;EACpB,MAAMS,KAAK,GAAGV,WAAW,CAAC,CAAC;EAE3B,oBACEI,IAAA,CAACN,KAAK;IAACQ,KAAK,EAAEI,KAAK,CAACJ,KAAK,CAACA,KAAK,CAAE;IAACE,IAAI,EAAET,OAAO,CAACS,IAAI,CAAE;IAACG,UAAU,EAAET,UAAU,CAACK,IAAI,CAAc;IAACE,MAAM,EAAEA;EAAO,CAAE,CAAC;AAEvH,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/icon/index.ts"],"mappings":";;AAAA,cAAc,QAAQ;AACtB,cAAc,iBAAc;AAC5B,cAAc,iBAAc","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+import { IconButton as ComposeIconButton } from '@expo/ui/jetpack-compose';
+import { useHostGuard } from "../../host-context.js";
+import { Icon } from "../icon/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const IconButton = ({
+  disabled = false,
+  name,
+  onPress
+}) => {
+  useHostGuard('IconButton');
+  return /*#__PURE__*/_jsx(ComposeIconButton, {
+    enabled: !disabled,
+    onClick: onPress,
+    children: /*#__PURE__*/_jsx(Icon, {
+      color: disabled ? 'btn.content.disabled' : 'content.primary',
+      name: name
+    })
+  });
+};
+//# sourceMappingURL=icon-button.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["IconButton","ComposeIconButton","useHostGuard","Icon","jsx","_jsx","disabled","name","onPress","enabled","onClick","children","color"],"sourceRoot":"../../../../src","sources":["atoms/icon-button/icon-button.android.tsx"],"mappings":";;AAAA,SAAQA,UAAU,IAAIC,iBAAiB,QAAO,0BAA0B;AAExE,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,IAAI,QAAO,kBAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG5B,OAAO,MAAML,UAA+B,GAAGA,CAAC;EAACM,QAAQ,GAAG,KAAK;EAAEC,IAAI;EAAEC;AAAwB,CAAC,KAAK;EACrGN,YAAY,CAAC,YAAY,CAAC;EAE1B,oBACEG,IAAA,CAACJ,iBAAiB;IAACQ,OAAO,EAAE,CAACH,QAAS;IAACI,OAAO,EAAEF,OAAQ;IAAAG,QAAA,eACtDN,IAAA,CAACF,IAAI;MAACS,KAAK,EAAEN,QAAQ,GAAG,sBAAsB,GAAG,iBAAkB;MAACC,IAAI,EAAEA;IAAK,CAAE;EAAC,CACjE,CAAC;AAExB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,33 @@
+"use strict";
+
+import { Button } from '@expo/ui/swift-ui';
+import { buttonStyle, disabled as disabledModifier } from '@expo/ui/swift-ui/modifiers';
+import { useMemo } from 'react';
+import { useHostGuard } from "../../host-context.js";
+import { Icon } from "../icon/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const IconButton = ({
+  disabled = false,
+  name,
+  onPress,
+  testID
+}) => {
+  useHostGuard('IconButton');
+  const modifiers = useMemo(() => {
+    const list = [buttonStyle('plain')];
+    if (disabled) {
+      list.push(disabledModifier(true));
+    }
+    return list;
+  }, [disabled]);
+  return /*#__PURE__*/_jsx(Button, {
+    modifiers: modifiers,
+    onPress: onPress,
+    testID: testID,
+    children: /*#__PURE__*/_jsx(Icon, {
+      color: disabled ? 'btn.content.disabled' : 'content.primary',
+      name: name
+    })
+  });
+};
+//# sourceMappingURL=icon-button.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Button","buttonStyle","disabled","disabledModifier","useMemo","useHostGuard","Icon","jsx","_jsx","IconButton","name","onPress","testID","modifiers","list","push","children","color"],"sourceRoot":"../../../../src","sources":["atoms/icon-button/icon-button.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,mBAAmB;AACxC,SAAQC,WAAW,EAAEC,QAAQ,IAAIC,gBAAgB,QAAO,6BAA6B;AACrF,SAAQC,OAAO,QAAO,OAAO;AAE7B,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,IAAI,QAAO,kBAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG5B,OAAO,MAAMC,UAA+B,GAAGA,CAAC;EAACP,QAAQ,GAAG,KAAK;EAAEQ,IAAI;EAAEC,OAAO;EAAEC;AAAuB,CAAC,KAAK;EAC7GP,YAAY,CAAC,YAAY,CAAC;EAE1B,MAAMQ,SAAS,GAAGT,OAAO,CAAC,MAAM;IAC9B,MAAMU,IAAI,GAAG,CAACb,WAAW,CAAC,OAAO,CAAC,CAAC;IAEnC,IAAIC,QAAQ,EAAE;MACZY,IAAI,CAACC,IAAI,CAACZ,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACnC;IAEA,OAAOW,IAAI;EACb,CAAC,EAAE,CAACZ,QAAQ,CAAC,CAAC;EAEd,oBACEM,IAAA,CAACR,MAAM;IAACa,SAAS,EAAEA,SAAU;IAACF,OAAO,EAAEA,OAAQ;IAACC,MAAM,EAAEA,MAAO;IAAAI,QAAA,eAC7DR,IAAA,CAACF,IAAI;MAACW,KAAK,EAAEf,QAAQ,GAAG,sBAAsB,GAAG,iBAAkB;MAACQ,IAAI,EAAEA;IAAK,CAAE;EAAC,CAC5E,CAAC;AAEb,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

package/lib/module/atoms/image/image.js

@@ -0,0 +1,14 @@
+"use strict";
+
+import { duration } from '@hzblj/kara-theme';
+import { Image as ExpoImage } from 'expo-image';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Image = props => /*#__PURE__*/_jsx(ExpoImage, {
+  transition: {
+    duration: duration.d100,
+    timing: 'linear'
+  },
+  ...props
+});
+export { Image };
+//# sourceMappingURL=image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["duration","Image","ExpoImage","jsx","_jsx","props","transition","d100","timing"],"sourceRoot":"../../../../src","sources":["atoms/image/image.tsx"],"mappings":";;AAAA,SAAQA,QAAQ,QAAO,mBAAmB;AAC1C,SAAQC,KAAK,IAAIC,SAAS,QAAmB,YAAY;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMH,KAAqB,GAAGI,KAAK,iBACjCD,IAAA,CAACF,SAAS;EACRI,UAAU,EAAE;IACVN,QAAQ,EAAEA,QAAQ,CAACO,IAAI;IACvBC,MAAM,EAAE;EACV,CAAE;EAAA,GACEH;AAAK,CACV,CACF;AAED,SAAQJ,KAAK","ignoreList":[]}

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

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

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

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

package/lib/module/atoms/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+export * from "./activity-indicator/index.js";
+export * from "./avatar/index.js";
+export * from "./badge/index.js";
+export * from "./box/index.js";
+export * from "./button/index.js";
+export * from "./card/index.js";
+export * from "./checkbox/index.js";
+export * from "./chip/index.js";
+export * from "./color-picker/index.js";
+export * from "./countdown/index.js";
+export * from "./date-picker/index.js";
+export * from "./divider/index.js";
+export * from "./fab/index.js";
+export * from "./flash-list/index.js";
+export * from "./glass-view/index.js";
+export * from "./h-stack/index.js";
+export * from "./icon/index.js";
+export * from "./icon-button/index.js";
+export * from "./image/index.js";
+export * from "./island/index.js";
+export * from "./list/index.js";
+export * from "./picker/index.js";
+export * from "./pressable/index.js";
+export * from "./progress/index.js";
+export * from "./rn-flat-list/index.js";
+export * from "./rn-scroll-view/index.js";
+export * from "./rn-section-list/index.js";
+export * from "./rn-text/index.js";
+export * from "./rn-view/index.js";
+export * from "./scroll-view/index.js";
+export * from "./segmented-control/index.js";
+export * from "./skeleton/index.js";
+export * from "./slider/index.js";
+export * from "./spacer/index.js";
+export * from "./surface/index.js";
+export * from "./switch/index.js";
+export * from "./text/index.js";
+export * from "./text-field/index.js";
+export * from "./v-stack/index.js";
+export * from "./z-stack/index.js";
+//# sourceMappingURL=index.js.map