@hzblj/kara-components 0.0.0-stage → 0.2.0

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

@@ -0,0 +1,31 @@
+"use strict";
+
+import { ZStack as SwiftUIZStack } from '@expo/ui/swift-ui';
+import { onTapGesture } from '@expo/ui/swift-ui/modifiers';
+import { useSxModifiers } from '@hzblj/kara-sx';
+import { useMemo } from 'react';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ALIGNMENT = {
+  bottom: 'bottom',
+  center: 'center',
+  top: 'top'
+};
+export const ZStack = ({
+  align = 'center',
+  children,
+  onPress,
+  testID,
+  ...sx
+}) => {
+  useHostGuard('ZStack');
+  const sxModifiers = useSxModifiers(sx, ALIGNMENT[align]);
+  const modifiers = useMemo(() => onPress ? [...sxModifiers, onTapGesture(onPress)] : sxModifiers, [onPress, sxModifiers]);
+  return /*#__PURE__*/_jsx(SwiftUIZStack, {
+    alignment: ALIGNMENT[align],
+    modifiers: modifiers,
+    testID: testID,
+    children: children
+  });
+};
+//# sourceMappingURL=z-stack.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ZStack","SwiftUIZStack","onTapGesture","useSxModifiers","useMemo","useHostGuard","jsx","_jsx","ALIGNMENT","bottom","center","top","align","children","onPress","testID","sx","sxModifiers","modifiers","alignment"],"sourceRoot":"../../../../src","sources":["atoms/z-stack/z-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,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE;AACP,CAAwD;AAExD,OAAO,MAAMX,MAAuB,GAAGA,CAAC;EAACY,KAAK,GAAG,QAAQ;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,MAAM;EAAE,GAAGC;AAAe,CAAC,KAAK;EAC5GX,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMY,WAAW,GAAGd,cAAc,CAACa,EAAE,EAAER,SAAS,CAACI,KAAK,CAAC,CAAC;EACxD,MAAMM,SAAS,GAAGd,OAAO,CACvB,MAAOU,OAAO,GAAG,CAAC,GAAGG,WAAW,EAAEf,YAAY,CAACY,OAAO,CAAC,CAAC,GAAGG,WAAY,EACvE,CAACH,OAAO,EAAEG,WAAW,CACvB,CAAC;EAED,oBACEV,IAAA,CAACN,aAAa;IAACkB,SAAS,EAAEX,SAAS,CAACI,KAAK,CAAE;IAACM,SAAS,EAAEA,SAAU;IAACH,MAAM,EAAEA,MAAO;IAAAF,QAAA,EAC9EA;EAAQ,CACI,CAAC;AAEpB,CAAC","ignoreList":[]}

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

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

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

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

package/lib/module/glyph/glyph-button.android.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import { IconButton as ComposeIconButton } from '@expo/ui/jetpack-compose';
+import { GLYPHS } from '@hzblj/kara-native';
+import { DrawableIcon } from '@hzblj/kara-native/jetpack-compose';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const GlyphButton = ({
+  accessibilityLabel,
+  disabled = false,
+  name,
+  onPress
+}) => {
+  const theme = useAppTheme();
+  return /*#__PURE__*/_jsx(ComposeIconButton, {
+    enabled: !disabled,
+    onClick: onPress,
+    children: /*#__PURE__*/_jsx(DrawableIcon, {
+      accessibilityLabel: accessibilityLabel,
+      iconColor: theme.color(disabled ? 'btn.content.disabled' : 'content.primary'),
+      resourceName: GLYPHS[name].android
+    })
+  });
+};
+//# sourceMappingURL=glyph-button.android.js.map

package/lib/module/glyph/glyph-button.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IconButton","ComposeIconButton","GLYPHS","DrawableIcon","useAppTheme","jsx","_jsx","GlyphButton","accessibilityLabel","disabled","name","onPress","theme","enabled","onClick","children","iconColor","color","resourceName","android"],"sourceRoot":"../../../src","sources":["glyph/glyph-button.android.tsx"],"mappings":";;AAAA,SAAQA,UAAU,IAAIC,iBAAiB,QAAO,0BAA0B;AACxE,SAAQC,MAAM,QAAO,oBAAoB;AACzC,SAAQC,YAAY,QAAO,oCAAoC;AAC/D,SAAQC,WAAW,QAAO,mBAAmB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAI7C,OAAO,MAAMC,WAAiC,GAAGA,CAAC;EAChDC,kBAAkB;EAClBC,QAAQ,GAAG,KAAK;EAChBC,IAAI;EACJC;AACgB,CAAC,KAAK;EACtB,MAAMC,KAAK,GAAGR,WAAW,CAAC,CAAC;EAE3B,oBACEE,IAAA,CAACL,iBAAiB;IAACY,OAAO,EAAE,CAACJ,QAAS;IAACK,OAAO,EAAEH,OAAQ;IAAAI,QAAA,eACtDT,IAAA,CAACH,YAAY;MACXK,kBAAkB,EAAEA,kBAAmB;MACvCQ,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAACR,QAAQ,GAAG,sBAAsB,GAAG,iBAAiB,CAAE;MAC9ES,YAAY,EAAEhB,MAAM,CAACQ,IAAI,CAAC,CAACS;IAAQ,CACpC;EAAC,CACe,CAAC;AAExB,CAAC","ignoreList":[]}

package/lib/module/glyph/glyph-button.ios.js

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

package/lib/module/glyph/glyph-button.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","buttonStyle","disabled","disabledModifier","accessibilityLabel","labelModifier","useMemo","Glyph","jsx","_jsx","GlyphButton","name","onPress","modifiers","list","push","children","color"],"sourceRoot":"../../../src","sources":["glyph/glyph-button.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,mBAAmB;AACxC,SACEC,WAAW,EACXC,QAAQ,IAAIC,gBAAgB,EAC5BC,kBAAkB,IAAIC,aAAa,QAC9B,6BAA6B;AACpC,SAAQC,OAAO,QAAO,OAAO;AAE7B,SAAQC,KAAK,QAAO,SAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG7B,OAAO,MAAMC,WAAiC,GAAGA,CAAC;EAChDN,kBAAkB;EAClBF,QAAQ,GAAG,KAAK;EAChBS,IAAI;EACJC;AACgB,CAAC,KAAK;EACtB,MAAMC,SAAS,GAAGP,OAAO,CAAC,MAAM;IAC9B,MAAMQ,IAAI,GAAG,CAACb,WAAW,CAAC,OAAO,CAAC,CAAC;IAEnC,IAAIC,QAAQ,EAAE;MACZY,IAAI,CAACC,IAAI,CAACZ,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACnC;IAEA,IAAIC,kBAAkB,EAAE;MACtBU,IAAI,CAACC,IAAI,CAACV,aAAa,CAACD,kBAAkB,CAAC,CAAC;IAC9C;IAEA,OAAOU,IAAI;EACb,CAAC,EAAE,CAACV,kBAAkB,EAAEF,QAAQ,CAAC,CAAC;EAElC,oBACEO,IAAA,CAACT,MAAM;IAACa,SAAS,EAAEA,SAAU;IAACD,OAAO,EAAEA,OAAQ;IAAAI,QAAA,eAC7CP,IAAA,CAACF,KAAK;MAACU,KAAK,EAAEf,QAAQ,GAAG,sBAAsB,GAAG,iBAAkB;MAACS,IAAI,EAAEA;IAAK,CAAE;EAAC,CAC7E,CAAC;AAEb,CAAC","ignoreList":[]}

package/lib/module/glyph/glyph-button.types.js

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

package/lib/module/glyph/glyph-button.types.js.map

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

package/lib/module/glyph/glyph.android.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import { GLYPHS } from '@hzblj/kara-native';
+import { DrawableIcon } from '@hzblj/kara-native/jetpack-compose';
+import { spacing, useAppTheme } from '@hzblj/kara-theme';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** The Material Symbol `@hzblj/kara-native` ships as a drawable — inside a Compose host. */
+export const Glyph = ({
+  color = 'content.primary',
+  name,
+  size = 's24'
+}) => {
+  const theme = useAppTheme();
+  return /*#__PURE__*/_jsx(DrawableIcon, {
+    iconColor: theme.color(color),
+    iconSize: spacing[size],
+    resourceName: GLYPHS[name].android
+  });
+};
+//# sourceMappingURL=glyph.android.js.map

package/lib/module/glyph/glyph.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GLYPHS","DrawableIcon","spacing","useAppTheme","jsx","_jsx","Glyph","color","name","size","theme","iconColor","iconSize","resourceName","android"],"sourceRoot":"../../../src","sources":["glyph/glyph.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,oBAAoB;AACzC,SAAQC,YAAY,QAAO,oCAAoC;AAC/D,SAAQC,OAAO,EAAEC,WAAW,QAAO,mBAAmB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAItD;AACA,OAAO,MAAMC,KAAqB,GAAGA,CAAC;EAACC,KAAK,GAAG,iBAAiB;EAAEC,IAAI;EAAEC,IAAI,GAAG;AAAiB,CAAC,KAAK;EACpG,MAAMC,KAAK,GAAGP,WAAW,CAAC,CAAC;EAE3B,oBAAOE,IAAA,CAACJ,YAAY;IAACU,SAAS,EAAED,KAAK,CAACH,KAAK,CAACA,KAAK,CAAE;IAACK,QAAQ,EAAEV,OAAO,CAACO,IAAI,CAAE;IAACI,YAAY,EAAEb,MAAM,CAACQ,IAAI,CAAC,CAACM;EAAQ,CAAE,CAAC;AACrH,CAAC","ignoreList":[]}

package/lib/module/glyph/glyph.ios.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import { Image } from '@expo/ui/swift-ui';
+import { accessibilityHidden } from '@expo/ui/swift-ui/modifiers';
+import { GLYPHS } from '@hzblj/kara-native';
+import { spacing, useAppTheme } from '@hzblj/kara-theme';
+import { jsx as _jsx } from "react/jsx-runtime";
+const DECORATIVE = [accessibilityHidden(true)];
+
+/** The SF Symbol the system already has — inside a SwiftUI host. */
+export const Glyph = ({
+  color = 'content.primary',
+  name,
+  size = 's24'
+}) => {
+  const theme = useAppTheme();
+  return /*#__PURE__*/_jsx(Image, {
+    color: theme.color(color),
+    modifiers: DECORATIVE,
+    size: spacing[size],
+    systemName: GLYPHS[name].ios
+  });
+};
+//# sourceMappingURL=glyph.ios.js.map

package/lib/module/glyph/glyph.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","accessibilityHidden","GLYPHS","spacing","useAppTheme","jsx","_jsx","DECORATIVE","Glyph","color","name","size","theme","modifiers","systemName","ios"],"sourceRoot":"../../../src","sources":["glyph/glyph.ios.tsx"],"mappings":";;AAAA,SAAQA,KAAK,QAAO,mBAAmB;AACvC,SAAQC,mBAAmB,QAAO,6BAA6B;AAC/D,SAAQC,MAAM,QAAO,oBAAoB;AACzC,SAAQC,OAAO,EAAEC,WAAW,QAAO,mBAAmB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAItD,MAAMC,UAAU,GAAG,CAACN,mBAAmB,CAAC,IAAI,CAAC,CAAC;;AAE9C;AACA,OAAO,MAAMO,KAAqB,GAAGA,CAAC;EAACC,KAAK,GAAG,iBAAiB;EAAEC,IAAI;EAAEC,IAAI,GAAG;AAAiB,CAAC,KAAK;EACpG,MAAMC,KAAK,GAAGR,WAAW,CAAC,CAAC;EAE3B,oBAAOE,IAAA,CAACN,KAAK;IAACS,KAAK,EAAEG,KAAK,CAACH,KAAK,CAACA,KAAK,CAAE;IAACI,SAAS,EAAEN,UAAW;IAACI,IAAI,EAAER,OAAO,CAACQ,IAAI,CAAE;IAACG,UAAU,EAAEZ,MAAM,CAACQ,IAAI,CAAC,CAACK;EAAI,CAAE,CAAC;AACvH,CAAC","ignoreList":[]}

package/lib/module/glyph/glyph.types.js

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

package/lib/module/glyph/glyph.types.js.map

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

package/lib/module/glyph/index.js

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

package/lib/module/glyph/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["glyph/index.ts"],"mappings":";;AAAA,cAAc,SAAS;AACvB,cAAc,kBAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,yBAAsB;AACpC,cAAc,YAAY","ignoreList":[]}

package/lib/module/glyph/rn-glyph.android.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import { GLYPHS } 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";
+/** The Material Symbol drawable in an `ImageView` — the React Native tier. */
+export const RnGlyph = ({
+  color = 'content.primary',
+  name,
+  size = 's24'
+}) => {
+  const theme = useAppTheme();
+  const style = useMemo(() => ({
+    height: spacing[size],
+    width: spacing[size]
+  }), [size]);
+  return /*#__PURE__*/_jsx(IconView, {
+    iconColor: theme.color(color),
+    resourceName: GLYPHS[name].android,
+    style: style
+  });
+};
+//# sourceMappingURL=rn-glyph.android.js.map

package/lib/module/glyph/rn-glyph.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GLYPHS","IconView","spacing","useAppTheme","useMemo","jsx","_jsx","RnGlyph","color","name","size","theme","style","height","width","iconColor","resourceName","android"],"sourceRoot":"../../../src","sources":["glyph/rn-glyph.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,oBAAoB;AACzC,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,OAAuB,GAAGA,CAAC;EAACC,KAAK,GAAG,iBAAiB;EAAEC,IAAI;EAAEC,IAAI,GAAG;AAAiB,CAAC,KAAK;EACtG,MAAMC,KAAK,GAAGR,WAAW,CAAC,CAAC;EAC3B,MAAMS,KAAK,GAAGR,OAAO,CAAC,OAAO;IAACS,MAAM,EAAEX,OAAO,CAACQ,IAAI,CAAC;IAAEI,KAAK,EAAEZ,OAAO,CAACQ,IAAI;EAAC,CAAC,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEpF,oBAAOJ,IAAA,CAACL,QAAQ;IAACc,SAAS,EAAEJ,KAAK,CAACH,KAAK,CAACA,KAAK,CAAE;IAACQ,YAAY,EAAEhB,MAAM,CAACS,IAAI,CAAC,CAACQ,OAAQ;IAACL,KAAK,EAAEA;EAAM,CAAE,CAAC;AACtG,CAAC","ignoreList":[]}

package/lib/module/glyph/rn-glyph.ios.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { GLYPHS } 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";
+/** The SF Symbol in a `UIImageView`, drawn at the size `Glyph` gives it inside a host — the React Native tier. */
+export const RnGlyph = ({
+  color = 'content.primary',
+  name,
+  size = 's24'
+}) => {
+  const theme = useAppTheme();
+  const style = useMemo(() => ({
+    height: spacing[size],
+    width: spacing[size]
+  }), [size]);
+  return /*#__PURE__*/_jsx(IconView, {
+    iconColor: theme.color(color),
+    style: style,
+    symbolSize: spacing[size],
+    systemName: GLYPHS[name].ios
+  });
+};
+//# sourceMappingURL=rn-glyph.ios.js.map

package/lib/module/glyph/rn-glyph.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GLYPHS","IconView","spacing","useAppTheme","useMemo","jsx","_jsx","RnGlyph","color","name","size","theme","style","height","width","iconColor","symbolSize","systemName","ios"],"sourceRoot":"../../../src","sources":["glyph/rn-glyph.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,oBAAoB;AACzC,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,OAAuB,GAAGA,CAAC;EAACC,KAAK,GAAG,iBAAiB;EAAEC,IAAI;EAAEC,IAAI,GAAG;AAAiB,CAAC,KAAK;EACtG,MAAMC,KAAK,GAAGR,WAAW,CAAC,CAAC;EAC3B,MAAMS,KAAK,GAAGR,OAAO,CAAC,OAAO;IAACS,MAAM,EAAEX,OAAO,CAACQ,IAAI,CAAC;IAAEI,KAAK,EAAEZ,OAAO,CAACQ,IAAI;EAAC,CAAC,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEpF,oBACEJ,IAAA,CAACL,QAAQ;IAACc,SAAS,EAAEJ,KAAK,CAACH,KAAK,CAACA,KAAK,CAAE;IAACI,KAAK,EAAEA,KAAM;IAACI,UAAU,EAAEd,OAAO,CAACQ,IAAI,CAAE;IAACO,UAAU,EAAEjB,MAAM,CAACS,IAAI,CAAC,CAACS;EAAI,CAAE,CAAC;AAEtH,CAAC","ignoreList":[]}

package/lib/module/host-context.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const HostContext = /*#__PURE__*/createContext(false);
+export const HostBoundary = ({
+  children
+}) => /*#__PURE__*/_jsx(HostContext.Provider, {
+  value: true,
+  children: children
+});
+export const useHostGuard = atom => {
+  const insideHost = useContext(HostContext);
+  if (__DEV__ && !insideHost) {
+    console.warn(`[kara-ui] <${atom}> renders a native view and must sit inside <Screen> or <Island>. Outside one it will not appear.`);
+  }
+};
+//# sourceMappingURL=host-context.js.map

package/lib/module/host-context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","jsx","_jsx","HostContext","HostBoundary","children","Provider","value","useHostGuard","atom","insideHost","__DEV__","console","warn"],"sourceRoot":"../../src","sources":["host-context.tsx"],"mappings":";;AAAA,SAAQA,aAAa,EAAkBC,UAAU,QAAO,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE/D,MAAMC,WAAW,gBAAGJ,aAAa,CAAC,KAAK,CAAC;AAExC,OAAO,MAAMK,YAAY,GAAGA,CAAC;EAACC;AAA+B,CAAC,kBAC5DH,IAAA,CAACC,WAAW,CAACG,QAAQ;EAACC,KAAK;EAAAF,QAAA,EAAEA;AAAQ,CAAuB,CAC7D;AAED,OAAO,MAAMG,YAAY,GAAIC,IAAY,IAAK;EAC5C,MAAMC,UAAU,GAAGV,UAAU,CAACG,WAAW,CAAC;EAE1C,IAAIQ,OAAO,IAAI,CAACD,UAAU,EAAE;IAC1BE,OAAO,CAACC,IAAI,CACV,cAAcJ,IAAI,mGACpB,CAAC;EACH;AACF,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export * from "./atoms/index.js";
+export * from "./molecules/index.js";
+export * from "./organisms/index.js";
+export * from "./templates/index.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

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

package/lib/module/molecules/collapsible/collapsible.android.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { AnimatedVisibility, Column, Text as ComposeText, Row } from '@expo/ui/jetpack-compose';
+import { clickable } from '@expo/ui/jetpack-compose/modifiers';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useMemo } from 'react';
+import { Glyph } from "../../glyph/index.js";
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Collapsible = ({
+  children,
+  expanded,
+  label,
+  onExpandedChange
+}) => {
+  useHostGuard('Collapsible');
+  const theme = useAppTheme();
+  const modifiers = useMemo(() => [clickable(() => onExpandedChange(!expanded))], [expanded, onExpandedChange]);
+  return /*#__PURE__*/_jsxs(Column, {
+    children: [/*#__PURE__*/_jsxs(Row, {
+      horizontalArrangement: "spaceBetween",
+      modifiers: modifiers,
+      verticalAlignment: "center",
+      children: [/*#__PURE__*/_jsx(ComposeText, {
+        color: theme.colorString('content.primary'),
+        style: theme.typography.body,
+        children: label
+      }), /*#__PURE__*/_jsx(Glyph, {
+        name: expanded ? 'chevronDown' : 'chevronRight',
+        size: "s20"
+      })]
+    }), /*#__PURE__*/_jsx(AnimatedVisibility, {
+      visible: expanded,
+      children: children
+    })]
+  });
+};
+//# sourceMappingURL=collapsible.android.js.map

package/lib/module/molecules/collapsible/collapsible.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AnimatedVisibility","Column","Text","ComposeText","Row","clickable","useAppTheme","useMemo","Glyph","useHostGuard","jsx","_jsx","jsxs","_jsxs","Collapsible","children","expanded","label","onExpandedChange","theme","modifiers","horizontalArrangement","verticalAlignment","color","colorString","style","typography","body","name","size","visible"],"sourceRoot":"../../../../src","sources":["molecules/collapsible/collapsible.android.tsx"],"mappings":";;AAAA,SAAQA,kBAAkB,EAAEC,MAAM,EAAEC,IAAI,IAAIC,WAAW,EAAEC,GAAG,QAAO,0BAA0B;AAC7F,SAAQC,SAAS,QAAO,oCAAoC;AAC5D,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,KAAK,QAAO,sBAAa;AACjC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMC,WAAiC,GAAGA,CAAC;EAACC,QAAQ;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAkC,CAAC,KAAK;EACpHT,YAAY,CAAC,aAAa,CAAC;EAC3B,MAAMU,KAAK,GAAGb,WAAW,CAAC,CAAC;EAC3B,MAAMc,SAAS,GAAGb,OAAO,CAAC,MAAM,CAACF,SAAS,CAAC,MAAMa,gBAAgB,CAAC,CAACF,QAAQ,CAAC,CAAC,CAAC,EAAE,CAACA,QAAQ,EAAEE,gBAAgB,CAAC,CAAC;EAE7G,oBACEL,KAAA,CAACZ,MAAM;IAAAc,QAAA,gBACLF,KAAA,CAACT,GAAG;MAACiB,qBAAqB,EAAC,cAAc;MAACD,SAAS,EAAEA,SAAU;MAACE,iBAAiB,EAAC,QAAQ;MAAAP,QAAA,gBACxFJ,IAAA,CAACR,WAAW;QAACoB,KAAK,EAAEJ,KAAK,CAACK,WAAW,CAAC,iBAAiB,CAAE;QAACC,KAAK,EAAEN,KAAK,CAACO,UAAU,CAACC,IAAK;QAAAZ,QAAA,EACpFE;MAAK,CACK,CAAC,eACdN,IAAA,CAACH,KAAK;QAACoB,IAAI,EAAEZ,QAAQ,GAAG,aAAa,GAAG,cAAe;QAACa,IAAI,EAAC;MAAK,CAAE,CAAC;IAAA,CAClE,CAAC,eACNlB,IAAA,CAACX,kBAAkB;MAAC8B,OAAO,EAAEd,QAAS;MAAAD,QAAA,EAAEA;IAAQ,CAAqB,CAAC;EAAA,CAChE,CAAC;AAEb,CAAC","ignoreList":[]}

package/lib/module/molecules/collapsible/collapsible.ios.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import { DisclosureGroup } from '@expo/ui/swift-ui';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Collapsible = ({
+  children,
+  expanded,
+  label,
+  onExpandedChange
+}) => {
+  useHostGuard('Collapsible');
+  return /*#__PURE__*/_jsx(DisclosureGroup, {
+    isExpanded: expanded,
+    label: label,
+    onIsExpandedChange: onExpandedChange,
+    children: children
+  });
+};
+//# sourceMappingURL=collapsible.ios.js.map

package/lib/module/molecules/collapsible/collapsible.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DisclosureGroup","useHostGuard","jsx","_jsx","Collapsible","children","expanded","label","onExpandedChange","isExpanded","onIsExpandedChange"],"sourceRoot":"../../../../src","sources":["molecules/collapsible/collapsible.ios.tsx"],"mappings":";;AAAA,SAAQA,eAAe,QAAO,mBAAmB;AAEjD,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMC,WAAiC,GAAGA,CAAC;EAACC,QAAQ;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAkC,CAAC,KAAK;EACpHP,YAAY,CAAC,aAAa,CAAC;EAE3B,oBACEE,IAAA,CAACH,eAAe;IAACS,UAAU,EAAEH,QAAS;IAACC,KAAK,EAAEA,KAAM;IAACG,kBAAkB,EAAEF,gBAAiB;IAAAH,QAAA,EACvFA;EAAQ,CACM,CAAC;AAEtB,CAAC","ignoreList":[]}

package/lib/module/molecules/collapsible/collapsible.types.js

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

package/lib/module/molecules/collapsible/collapsible.types.js.map

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

package/lib/module/molecules/collapsible/index.js

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

package/lib/module/molecules/collapsible/index.js.map

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

package/lib/module/molecules/empty-state/empty-state.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import { Icon } from "../../atoms/icon/index.js";
+import { Text } from "../../atoms/text/index.js";
+import { VStack } from "../../atoms/v-stack/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const EmptyState = ({
+  action,
+  description,
+  icon,
+  testID,
+  title
+}) => /*#__PURE__*/_jsxs(VStack, {
+  align: "center",
+  p: "s24",
+  spacing: "s8",
+  testID: testID,
+  wide: true,
+  children: [icon ? /*#__PURE__*/_jsx(Icon, {
+    color: "content.quaternary",
+    name: icon,
+    size: "s48"
+  }) : null, /*#__PURE__*/_jsx(Text, {
+    align: "center",
+    variant: "headingXs",
+    children: title
+  }), description ? /*#__PURE__*/_jsx(Text, {
+    align: "center",
+    color: "content.secondary",
+    variant: "subheadline",
+    children: description
+  }) : null, action]
+});
+//# sourceMappingURL=empty-state.js.map

package/lib/module/molecules/empty-state/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Icon","Text","VStack","jsx","_jsx","jsxs","_jsxs","EmptyState","action","description","icon","testID","title","align","p","spacing","wide","children","color","name","size","variant"],"sourceRoot":"../../../../src","sources":["molecules/empty-state/empty-state.tsx"],"mappings":";;AAAA,SAAQA,IAAI,QAAO,2BAAkB;AACrC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,8BAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG1C,OAAO,MAAMC,UAA+B,GAAGA,CAAC;EAACC,MAAM;EAAEC,WAAW;EAAEC,IAAI;EAAEC,MAAM;EAAEC;AAAsB,CAAC,kBACzGN,KAAA,CAACJ,MAAM;EAACW,KAAK,EAAC,QAAQ;EAACC,CAAC,EAAC,KAAK;EAACC,OAAO,EAAC,IAAI;EAACJ,MAAM,EAAEA,MAAO;EAACK,IAAI;EAAAC,QAAA,GAC7DP,IAAI,gBAAGN,IAAA,CAACJ,IAAI;IAACkB,KAAK,EAAC,oBAAoB;IAACC,IAAI,EAAET,IAAK;IAACU,IAAI,EAAC;EAAK,CAAE,CAAC,GAAG,IAAI,eACzEhB,IAAA,CAACH,IAAI;IAACY,KAAK,EAAC,QAAQ;IAACQ,OAAO,EAAC,WAAW;IAAAJ,QAAA,EACrCL;EAAK,CACF,CAAC,EACNH,WAAW,gBACVL,IAAA,CAACH,IAAI;IAACY,KAAK,EAAC,QAAQ;IAACK,KAAK,EAAC,mBAAmB;IAACG,OAAO,EAAC,aAAa;IAAAJ,QAAA,EACjER;EAAW,CACR,CAAC,GACL,IAAI,EACPD,MAAM;AAAA,CACD,CACT","ignoreList":[]}

package/lib/module/molecules/empty-state/empty-state.types.js

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

package/lib/module/molecules/empty-state/empty-state.types.js.map

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

package/lib/module/molecules/empty-state/index.js

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

package/lib/module/molecules/empty-state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["molecules/empty-state/index.ts"],"mappings":";;AAAA,cAAc,kBAAe;AAC7B,cAAc,wBAAqB","ignoreList":[]}

package/lib/module/molecules/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+export * from "./collapsible/index.js";
+export * from "./empty-state/index.js";
+export * from "./label/index.js";
+export * from "./labeled-content/index.js";
+export * from "./link/index.js";
+export * from "./list-item/index.js";
+export * from "./navigation-bar/index.js";
+export * from "./pager/index.js";
+export * from "./radio-group/index.js";
+export * from "./rn-tooltip/index.js";
+export * from "./scroll-edge-container/index.js";
+export * from "./search-bar/index.js";
+export * from "./stepper/index.js";
+export * from "./tooltip/index.js";
+//# sourceMappingURL=index.js.map

package/lib/module/molecules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["molecules/index.ts"],"mappings":";;AAAA,cAAc,wBAAe;AAC7B,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,4BAAmB;AACjC,cAAc,iBAAQ;AACtB,cAAc,sBAAa;AAC3B,cAAc,2BAAkB;AAChC,cAAc,kBAAS;AACvB,cAAc,wBAAe;AAC7B,cAAc,uBAAc;AAC5B,cAAc,kCAAyB;AACvC,cAAc,uBAAc;AAC5B,cAAc,oBAAW;AACzB,cAAc,oBAAW","ignoreList":[]}

package/lib/module/molecules/label/index.js

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

package/lib/module/molecules/label/index.js.map

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

package/lib/module/molecules/label/label.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { HStack } from "../../atoms/h-stack/index.js";
+import { Icon } from "../../atoms/icon/index.js";
+import { Text } from "../../atoms/text/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Label = ({
+  color = 'content.primary',
+  icon,
+  iconSize = 's20',
+  testID,
+  title,
+  variant = 'body'
+}) => /*#__PURE__*/_jsxs(HStack, {
+  align: "center",
+  spacing: "s8",
+  testID: testID,
+  children: [/*#__PURE__*/_jsx(Icon, {
+    color: color,
+    name: icon,
+    size: iconSize
+  }), /*#__PURE__*/_jsx(Text, {
+    color: color,
+    variant: variant,
+    children: title
+  })]
+});
+//# sourceMappingURL=label.js.map

package/lib/module/molecules/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HStack","Icon","Text","jsx","_jsx","jsxs","_jsxs","Label","color","icon","iconSize","testID","title","variant","align","spacing","children","name","size"],"sourceRoot":"../../../../src","sources":["molecules/label/label.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,IAAI,QAAO,2BAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGrC,OAAO,MAAMC,KAAqB,GAAGA,CAAC;EACpCC,KAAK,GAAG,iBAAiB;EACzBC,IAAI;EACJC,QAAQ,GAAG,KAAK;EAChBC,MAAM;EACNC,KAAK;EACLC,OAAO,GAAG;AACA,CAAC,kBACXP,KAAA,CAACN,MAAM;EAACc,KAAK,EAAC,QAAQ;EAACC,OAAO,EAAC,IAAI;EAACJ,MAAM,EAAEA,MAAO;EAAAK,QAAA,gBACjDZ,IAAA,CAACH,IAAI;IAACO,KAAK,EAAEA,KAAM;IAACS,IAAI,EAAER,IAAK;IAACS,IAAI,EAAER;EAAS,CAAE,CAAC,eAClDN,IAAA,CAACF,IAAI;IAACM,KAAK,EAAEA,KAAM;IAACK,OAAO,EAAEA,OAAQ;IAAAG,QAAA,EAClCJ;EAAK,CACF,CAAC;AAAA,CACD,CACT","ignoreList":[]}

package/lib/module/molecules/label/label.types.js

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

package/lib/module/molecules/label/label.types.js.map

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

package/lib/module/molecules/labeled-content/index.js

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

package/lib/module/molecules/labeled-content/index.js.map

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

package/lib/module/molecules/labeled-content/labeled-content.js

@@ -0,0 +1,45 @@
+"use strict";
+
+import { HStack } from "../../atoms/h-stack/index.js";
+import { Icon } from "../../atoms/icon/index.js";
+import { Spacer } from "../../atoms/spacer/index.js";
+import { Text } from "../../atoms/text/index.js";
+import { Glyph } from "../../glyph/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TrailingValue = ({
+  value
+}) => /*#__PURE__*/_jsx(Text, {
+  color: "content.secondary",
+  variant: "body",
+  children: value
+});
+export const LabeledContent = ({
+  children,
+  icon,
+  label,
+  onPress,
+  testID,
+  value
+}) => /*#__PURE__*/_jsxs(HStack, {
+  align: "center",
+  onPress: onPress,
+  py: "s8",
+  spacing: "s12",
+  testID: testID,
+  wide: true,
+  children: [icon ? /*#__PURE__*/_jsx(Icon, {
+    color: "content.secondary",
+    name: icon,
+    size: "s20"
+  }) : null, /*#__PURE__*/_jsx(Text, {
+    variant: "body",
+    children: label
+  }), /*#__PURE__*/_jsx(Spacer, {}), children ?? (value === undefined ? null : /*#__PURE__*/_jsx(TrailingValue, {
+    value: value
+  })), onPress ? /*#__PURE__*/_jsx(Glyph, {
+    color: "content.quaternary",
+    name: "chevronRight",
+    size: "s16"
+  }) : null]
+});
+//# sourceMappingURL=labeled-content.js.map

package/lib/module/molecules/labeled-content/labeled-content.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HStack","Icon","Spacer","Text","Glyph","jsx","_jsx","jsxs","_jsxs","TrailingValue","value","color","variant","children","LabeledContent","icon","label","onPress","testID","align","py","spacing","wide","name","size","undefined"],"sourceRoot":"../../../../src","sources":["molecules/labeled-content/labeled-content.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,KAAK,QAAO,sBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGjC,MAAMC,aAAa,GAAGA,CAAC;EAACC;AAAsB,CAAC,kBAC7CJ,IAAA,CAACH,IAAI;EAACQ,KAAK,EAAC,mBAAmB;EAACC,OAAO,EAAC,MAAM;EAAAC,QAAA,EAC3CH;AAAK,CACF,CACP;AAED,OAAO,MAAMI,cAAuC,GAAGA,CAAC;EACtDD,QAAQ;EACRE,IAAI;EACJC,KAAK;EACLC,OAAO;EACPC,MAAM;EACNR;AACmB,CAAC,kBACpBF,KAAA,CAACR,MAAM;EAACmB,KAAK,EAAC,QAAQ;EAACF,OAAO,EAAEA,OAAQ;EAACG,EAAE,EAAC,IAAI;EAACC,OAAO,EAAC,KAAK;EAACH,MAAM,EAAEA,MAAO;EAACI,IAAI;EAAAT,QAAA,GAChFE,IAAI,gBAAGT,IAAA,CAACL,IAAI;IAACU,KAAK,EAAC,mBAAmB;IAACY,IAAI,EAAER,IAAK;IAACS,IAAI,EAAC;EAAK,CAAE,CAAC,GAAG,IAAI,eACxElB,IAAA,CAACH,IAAI;IAACS,OAAO,EAAC,MAAM;IAAAC,QAAA,EAAEG;EAAK,CAAO,CAAC,eACnCV,IAAA,CAACJ,MAAM,IAAE,CAAC,EACTW,QAAQ,KAAKH,KAAK,KAAKe,SAAS,GAAG,IAAI,gBAAGnB,IAAA,CAACG,aAAa;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC,CAAC,EAC1EO,OAAO,gBAAGX,IAAA,CAACF,KAAK;IAACO,KAAK,EAAC,oBAAoB;IAACY,IAAI,EAAC,cAAc;IAACC,IAAI,EAAC;EAAK,CAAE,CAAC,GAAG,IAAI;AAAA,CAC/E,CACT","ignoreList":[]}

package/lib/module/molecules/labeled-content/labeled-content.types.js

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

package/lib/module/molecules/labeled-content/labeled-content.types.js.map

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

package/lib/module/molecules/link/index.js

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

package/lib/module/molecules/link/index.js.map

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