@hzblj/kara-components 0.0.0-stage → 0.2.0

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

@@ -0,0 +1,32 @@
+"use strict";
+
+import { GlassEffectContainer, VStack } from '@expo/ui/swift-ui';
+import { useSxModifiers } from '@hzblj/kara-sx';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Surface = ({
+  children,
+  glass = false,
+  testID,
+  ...sx
+}) => {
+  useHostGuard('Surface');
+  const modifiers = useSxModifiers({
+    borderRadius: 'large',
+    p: 's16',
+    ...sx
+  });
+  const content = /*#__PURE__*/_jsx(VStack, {
+    alignment: "leading",
+    modifiers: modifiers,
+    testID: testID,
+    children: children
+  });
+  if (!glass) {
+    return content;
+  }
+  return /*#__PURE__*/_jsx(GlassEffectContainer, {
+    children: content
+  });
+};
+//# sourceMappingURL=surface.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["GlassEffectContainer","VStack","useSxModifiers","useHostGuard","jsx","_jsx","Surface","children","glass","testID","sx","modifiers","borderRadius","p","content","alignment"],"sourceRoot":"../../../../src","sources":["atoms/surface/surface.ios.tsx"],"mappings":";;AAAA,SAAQA,oBAAoB,EAAEC,MAAM,QAAO,mBAAmB;AAC9D,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMC,OAAyB,GAAGA,CAAC;EAACC,QAAQ;EAAEC,KAAK,GAAG,KAAK;EAAEC,MAAM;EAAE,GAAGC;AAAgB,CAAC,KAAK;EACnGP,YAAY,CAAC,SAAS,CAAC;EAEvB,MAAMQ,SAAS,GAAGT,cAAc,CAAC;IAACU,YAAY,EAAE,OAAO;IAAEC,CAAC,EAAE,KAAK;IAAE,GAAGH;EAAE,CAAC,CAAC;EAC1E,MAAMI,OAAO,gBACXT,IAAA,CAACJ,MAAM;IAACc,SAAS,EAAC,SAAS;IAACJ,SAAS,EAAEA,SAAU;IAACF,MAAM,EAAEA,MAAO;IAAAF,QAAA,EAC9DA;EAAQ,CACH,CACT;EAED,IAAI,CAACC,KAAK,EAAE;IACV,OAAOM,OAAO;EAChB;EAEA,oBAAOT,IAAA,CAACL,oBAAoB;IAAAO,QAAA,EAAEO;EAAO,CAAuB,CAAC;AAC/D,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,46 @@
+"use strict";
+
+import { Switch as ComposeSwitch, Row, Text } from '@expo/ui/jetpack-compose';
+import { clickable, fillMaxWidth } from '@expo/ui/jetpack-compose/modifiers';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useMemo } from 'react';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Material's switch, tinted with the accent like SwiftUI's toggle. With a label it is a full-width row — label at the
+ * start, switch at the end — and the whole row toggles, the way a Material settings row does.
+ */
+export const Switch = ({
+  disabled = false,
+  label,
+  onValueChange,
+  value
+}) => {
+  useHostGuard('Switch');
+  const theme = useAppTheme();
+  const rowModifiers = useMemo(() => disabled || !onValueChange ? [fillMaxWidth()] : [fillMaxWidth(), clickable(() => onValueChange(!value))], [disabled, onValueChange, value]);
+  const control = /*#__PURE__*/_jsx(ComposeSwitch, {
+    colors: {
+      checkedBorderColor: theme.color('fill.accent.primary'),
+      checkedThumbColor: theme.color('content.on.bg'),
+      checkedTrackColor: theme.color('fill.accent.primary')
+    },
+    enabled: !disabled,
+    onCheckedChange: onValueChange,
+    value: value
+  });
+  if (!label) {
+    return control;
+  }
+  return /*#__PURE__*/_jsxs(Row, {
+    horizontalArrangement: "spaceBetween",
+    modifiers: rowModifiers,
+    verticalAlignment: "center",
+    children: [/*#__PURE__*/_jsx(Text, {
+      color: theme.colorString(disabled ? 'content.tertiary' : 'content.primary'),
+      style: theme.typography.body,
+      children: label
+    }), control]
+  });
+};
+//# sourceMappingURL=switch.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Switch","ComposeSwitch","Row","Text","clickable","fillMaxWidth","useAppTheme","useMemo","useHostGuard","jsx","_jsx","jsxs","_jsxs","disabled","label","onValueChange","value","theme","rowModifiers","control","colors","checkedBorderColor","color","checkedThumbColor","checkedTrackColor","enabled","onCheckedChange","horizontalArrangement","modifiers","verticalAlignment","children","colorString","style","typography","body"],"sourceRoot":"../../../../src","sources":["atoms/switch/switch.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,IAAIC,aAAa,EAAEC,GAAG,EAAEC,IAAI,QAAO,0BAA0B;AAC3E,SAAQC,SAAS,EAAEC,YAAY,QAAO,oCAAoC;AAC1E,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAE7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C;AACA;AACA;AACA;AACA,OAAO,MAAMZ,MAAuB,GAAGA,CAAC;EAACa,QAAQ,GAAG,KAAK;EAAEC,KAAK;EAAEC,aAAa;EAAEC;AAAkB,CAAC,KAAK;EACvGR,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMS,KAAK,GAAGX,WAAW,CAAC,CAAC;EAC3B,MAAMY,YAAY,GAAGX,OAAO,CAC1B,MAAOM,QAAQ,IAAI,CAACE,aAAa,GAAG,CAACV,YAAY,CAAC,CAAC,CAAC,GAAG,CAACA,YAAY,CAAC,CAAC,EAAED,SAAS,CAAC,MAAMW,aAAa,CAAC,CAACC,KAAK,CAAC,CAAC,CAAE,EAChH,CAACH,QAAQ,EAAEE,aAAa,EAAEC,KAAK,CACjC,CAAC;EACD,MAAMG,OAAO,gBACXT,IAAA,CAACT,aAAa;IACZmB,MAAM,EAAE;MACNC,kBAAkB,EAAEJ,KAAK,CAACK,KAAK,CAAC,qBAAqB,CAAC;MACtDC,iBAAiB,EAAEN,KAAK,CAACK,KAAK,CAAC,eAAe,CAAC;MAC/CE,iBAAiB,EAAEP,KAAK,CAACK,KAAK,CAAC,qBAAqB;IACtD,CAAE;IACFG,OAAO,EAAE,CAACZ,QAAS;IACnBa,eAAe,EAAEX,aAAc;IAC/BC,KAAK,EAAEA;EAAM,CACd,CACF;EAED,IAAI,CAACF,KAAK,EAAE;IACV,OAAOK,OAAO;EAChB;EAEA,oBACEP,KAAA,CAACV,GAAG;IAACyB,qBAAqB,EAAC,cAAc;IAACC,SAAS,EAAEV,YAAa;IAACW,iBAAiB,EAAC,QAAQ;IAAAC,QAAA,gBAC3FpB,IAAA,CAACP,IAAI;MAACmB,KAAK,EAAEL,KAAK,CAACc,WAAW,CAAClB,QAAQ,GAAG,kBAAkB,GAAG,iBAAiB,CAAE;MAACmB,KAAK,EAAEf,KAAK,CAACgB,UAAU,CAACC,IAAK;MAAAJ,QAAA,EAC7GhB;IAAK,CACF,CAAC,EACNK,OAAO;EAAA,CACL,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+import { Toggle } 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 Switch = ({
+  disabled = false,
+  label,
+  onValueChange,
+  value
+}) => {
+  useHostGuard('Switch');
+  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(Toggle, {
+    isOn: value,
+    label: label,
+    modifiers: modifiers,
+    onIsOnChange: onValueChange
+  });
+};
+//# sourceMappingURL=switch.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Toggle","disabled","disabledModifier","tint","useAppTheme","useMemo","useHostGuard","jsx","_jsx","Switch","label","onValueChange","value","theme","modifiers","list","color","push","isOn","onIsOnChange"],"sourceRoot":"../../../../src","sources":["atoms/switch/switch.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,mBAAmB;AACxC,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,MAAMC,MAAuB,GAAGA,CAAC;EAACR,QAAQ,GAAG,KAAK;EAAES,KAAK;EAAEC,aAAa;EAAEC;AAAkB,CAAC,KAAK;EACvGN,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMO,KAAK,GAAGT,WAAW,CAAC,CAAC;EAE3B,MAAMU,SAAS,GAAGT,OAAO,CAAC,MAAM;IAC9B,MAAMU,IAAI,GAAG,CAACZ,IAAI,CAACU,KAAK,CAACG,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAEvD,IAAIf,QAAQ,EAAE;MACZc,IAAI,CAACE,IAAI,CAACf,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACnC;IAEA,OAAOa,IAAI;EACb,CAAC,EAAE,CAACd,QAAQ,EAAEY,KAAK,CAAC,CAAC;EAErB,oBAAOL,IAAA,CAACR,MAAM;IAACkB,IAAI,EAAEN,KAAM;IAACF,KAAK,EAAEA,KAAM;IAACI,SAAS,EAAEA,SAAU;IAACK,YAAY,EAAER;EAAc,CAAE,CAAC;AACjG,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,50 @@
+"use strict";
+
+import { Text as ComposeText } from '@expo/ui/jetpack-compose';
+import { testID as testIdModifier } from '@expo/ui/jetpack-compose/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";
+const DECORATION = {
+  none: 'none',
+  strikethrough: 'lineThrough',
+  underline: 'underline'
+};
+const applyTransform = (children, transform) => {
+  if (!transform || typeof children !== 'string') {
+    return children;
+  }
+  return transform === 'uppercase' ? children.toUpperCase() : children.toLowerCase();
+};
+const decorationOf = decoration => decoration === undefined ? undefined : DECORATION[decoration];
+export const Text = ({
+  align,
+  children,
+  color = 'content.primary',
+  decoration,
+  numberOfLines,
+  testID,
+  transform,
+  variant = 'body'
+}) => {
+  useHostGuard('Text');
+  const theme = useAppTheme();
+  const style = theme.typography[variant];
+  const modifiers = useMemo(() => testID ? [testIdModifier(testID)] : undefined, [testID]);
+  return /*#__PURE__*/_jsx(ComposeText, {
+    color: theme.colorString(color),
+    maxLines: numberOfLines,
+    modifiers: modifiers,
+    style: {
+      fontFamily: style.fontFamily,
+      fontSize: style.fontSize,
+      fontWeight: style.fontWeight,
+      lineHeight: style.lineHeight,
+      textAlign: align,
+      textDecoration: decorationOf(decoration)
+    },
+    children: applyTransform(children, transform)
+  });
+};
+//# sourceMappingURL=text.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Text","ComposeText","testID","testIdModifier","useAppTheme","useMemo","useHostGuard","jsx","_jsx","DECORATION","none","strikethrough","underline","applyTransform","children","transform","toUpperCase","toLowerCase","decorationOf","decoration","undefined","align","color","numberOfLines","variant","theme","style","typography","modifiers","colorString","maxLines","fontFamily","fontSize","fontWeight","lineHeight","textAlign","textDecoration"],"sourceRoot":"../../../../src","sources":["atoms/text/text.android.tsx"],"mappings":";;AAAA,SAAQA,IAAI,IAAIC,WAAW,QAAO,0BAA0B;AAC5D,SAAQC,MAAM,IAAIC,cAAc,QAAO,oCAAoC;AAC3E,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAE7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,MAAMC,UAAU,GAAG;EACjBC,IAAI,EAAE,MAAM;EACZC,aAAa,EAAE,aAAa;EAC5BC,SAAS,EAAE;AACb,CAAU;AAEV,MAAMC,cAAc,GAAGA,CAACC,QAA+B,EAAEC,SAAoC,KAAK;EAChG,IAAI,CAACA,SAAS,IAAI,OAAOD,QAAQ,KAAK,QAAQ,EAAE;IAC9C,OAAOA,QAAQ;EACjB;EAEA,OAAOC,SAAS,KAAK,WAAW,GAAGD,QAAQ,CAACE,WAAW,CAAC,CAAC,GAAGF,QAAQ,CAACG,WAAW,CAAC,CAAC;AACpF,CAAC;AAED,MAAMC,YAAY,GAAIC,UAAsC,IAC1DA,UAAU,KAAKC,SAAS,GAAGA,SAAS,GAAGX,UAAU,CAACU,UAAU,CAAC;AAE/D,OAAO,MAAMnB,IAAmB,GAAGA,CAAC;EAClCqB,KAAK;EACLP,QAAQ;EACRQ,KAAK,GAAG,iBAAiB;EACzBH,UAAU;EACVI,aAAa;EACbrB,MAAM;EACNa,SAAS;EACTS,OAAO,GAAG;AACD,CAAC,KAAK;EACflB,YAAY,CAAC,MAAM,CAAC;EACpB,MAAMmB,KAAK,GAAGrB,WAAW,CAAC,CAAC;EAC3B,MAAMsB,KAAK,GAAGD,KAAK,CAACE,UAAU,CAACH,OAAO,CAAC;EACvC,MAAMI,SAAS,GAAGvB,OAAO,CAAC,MAAOH,MAAM,GAAG,CAACC,cAAc,CAACD,MAAM,CAAC,CAAC,GAAGkB,SAAU,EAAE,CAAClB,MAAM,CAAC,CAAC;EAE1F,oBACEM,IAAA,CAACP,WAAW;IACVqB,KAAK,EAAEG,KAAK,CAACI,WAAW,CAACP,KAAK,CAAE;IAChCQ,QAAQ,EAAEP,aAAc;IACxBK,SAAS,EAAEA,SAAU;IACrBF,KAAK,EAAE;MACLK,UAAU,EAAEL,KAAK,CAACK,UAAU;MAC5BC,QAAQ,EAAEN,KAAK,CAACM,QAAQ;MACxBC,UAAU,EAAEP,KAAK,CAACO,UAAU;MAC5BC,UAAU,EAAER,KAAK,CAACQ,UAAU;MAC5BC,SAAS,EAAEd,KAAK;MAChBe,cAAc,EAAElB,YAAY,CAACC,UAAU;IACzC,CAAE;IAAAL,QAAA,EAEDD,cAAc,CAACC,QAAQ,EAAEC,SAAS;EAAC,CACzB,CAAC;AAElB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,67 @@
+"use strict";
+
+import { Text as SwiftUIText } from '@expo/ui/swift-ui';
+import { foregroundStyle, lineLimit, lineSpacing, multilineTextAlignment, strikethrough, textCase, underline } from '@expo/ui/swift-ui/modifiers';
+import { scaledFont } from '@hzblj/kara-native/swift-ui';
+import { useAppTheme } 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',
+  left: 'leading',
+  right: 'trailing'
+};
+export const Text = ({
+  align,
+  children,
+  color = 'content.primary',
+  decoration,
+  numberOfLines,
+  testID,
+  transform,
+  variant = 'body'
+}) => {
+  useHostGuard('Text');
+  const theme = useAppTheme();
+  const style = theme.typography[variant];
+  const modifiers = useMemo(() => {
+    const list = [
+    // Not `@expo/ui`'s `font()`: for the platform's face it gives either Apple's size or a size that ignores Dynamic
+    // Type. `scaledFont` keeps the variant's exact size and scales it along `scalesWith`, either face.
+    scaledFont({
+      family: style.fontFamily,
+      size: style.fontSize,
+      textStyle: style.scalesWith,
+      weight: style.weight
+    }), lineSpacing(Math.max(0, style.lineHeight - style.fontSize)), foregroundStyle(theme.color(color))];
+    if (align) {
+      list.push(multilineTextAlignment(ALIGNMENT[align]));
+    }
+    if (transform) {
+      list.push(textCase(transform));
+    }
+    if (decoration === 'underline') {
+      list.push(underline({
+        isActive: true,
+        pattern: 'solid'
+      }));
+    }
+    if (decoration === 'strikethrough') {
+      list.push(strikethrough({
+        isActive: true,
+        pattern: 'solid'
+      }));
+    }
+    if (numberOfLines !== undefined) {
+      list.push(lineLimit(numberOfLines));
+    }
+    return list;
+  }, [align, color, decoration, numberOfLines, style, theme, transform]);
+  return /*#__PURE__*/_jsx(SwiftUIText, {
+    modifiers: modifiers,
+    testID: testID,
+    children: children
+  });
+};
+//# sourceMappingURL=text.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Text","SwiftUIText","foregroundStyle","lineLimit","lineSpacing","multilineTextAlignment","strikethrough","textCase","underline","scaledFont","useAppTheme","useMemo","useHostGuard","jsx","_jsx","ALIGNMENT","center","left","right","align","children","color","decoration","numberOfLines","testID","transform","variant","theme","style","typography","modifiers","list","family","fontFamily","size","fontSize","textStyle","scalesWith","weight","Math","max","lineHeight","push","isActive","pattern","undefined"],"sourceRoot":"../../../../src","sources":["atoms/text/text.ios.tsx"],"mappings":";;AAAA,SAAQA,IAAI,IAAIC,WAAW,QAAO,mBAAmB;AACrD,SACEC,eAAe,EACfC,SAAS,EACTC,WAAW,EAEXC,sBAAsB,EACtBC,aAAa,EACbC,QAAQ,EACRC,SAAS,QACJ,6BAA6B;AACpC,SAAQC,UAAU,QAAO,6BAA6B;AACtD,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAE7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAE,QAAQ;EAChBC,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE;AACT,CAAU;AAEV,OAAO,MAAMlB,IAAmB,GAAGA,CAAC;EAClCmB,KAAK;EACLC,QAAQ;EACRC,KAAK,GAAG,iBAAiB;EACzBC,UAAU;EACVC,aAAa;EACbC,MAAM;EACNC,SAAS;EACTC,OAAO,GAAG;AACD,CAAC,KAAK;EACfd,YAAY,CAAC,MAAM,CAAC;EACpB,MAAMe,KAAK,GAAGjB,WAAW,CAAC,CAAC;EAC3B,MAAMkB,KAAK,GAAGD,KAAK,CAACE,UAAU,CAACH,OAAO,CAAC;EAEvC,MAAMI,SAAS,GAAGnB,OAAO,CAAC,MAAM;IAC9B,MAAMoB,IAAsB,GAAG;IAC7B;IACA;IACAtB,UAAU,CAAC;MAACuB,MAAM,EAAEJ,KAAK,CAACK,UAAU;MAAEC,IAAI,EAAEN,KAAK,CAACO,QAAQ;MAAEC,SAAS,EAAER,KAAK,CAACS,UAAU;MAAEC,MAAM,EAAEV,KAAK,CAACU;IAAM,CAAC,CAAC,EAC/GlC,WAAW,CAACmC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEZ,KAAK,CAACa,UAAU,GAAGb,KAAK,CAACO,QAAQ,CAAC,CAAC,EAC3DjC,eAAe,CAACyB,KAAK,CAACN,KAAK,CAACA,KAAK,CAAC,CAAC,CACpC;IAED,IAAIF,KAAK,EAAE;MACTY,IAAI,CAACW,IAAI,CAACrC,sBAAsB,CAACU,SAAS,CAACI,KAAK,CAAC,CAAC,CAAC;IACrD;IAEA,IAAIM,SAAS,EAAE;MACbM,IAAI,CAACW,IAAI,CAACnC,QAAQ,CAACkB,SAAS,CAAC,CAAC;IAChC;IAEA,IAAIH,UAAU,KAAK,WAAW,EAAE;MAC9BS,IAAI,CAACW,IAAI,CAAClC,SAAS,CAAC;QAACmC,QAAQ,EAAE,IAAI;QAAEC,OAAO,EAAE;MAAO,CAAC,CAAC,CAAC;IAC1D;IAEA,IAAItB,UAAU,KAAK,eAAe,EAAE;MAClCS,IAAI,CAACW,IAAI,CAACpC,aAAa,CAAC;QAACqC,QAAQ,EAAE,IAAI;QAAEC,OAAO,EAAE;MAAO,CAAC,CAAC,CAAC;IAC9D;IAEA,IAAIrB,aAAa,KAAKsB,SAAS,EAAE;MAC/Bd,IAAI,CAACW,IAAI,CAACvC,SAAS,CAACoB,aAAa,CAAC,CAAC;IACrC;IAEA,OAAOQ,IAAI;EACb,CAAC,EAAE,CAACZ,KAAK,EAAEE,KAAK,EAAEC,UAAU,EAAEC,aAAa,EAAEK,KAAK,EAAED,KAAK,EAAEF,SAAS,CAAC,CAAC;EAEtE,oBACEX,IAAA,CAACb,WAAW;IAAC6B,SAAS,EAAEA,SAAU;IAACN,MAAM,EAAEA,MAAO;IAAAJ,QAAA,EAC/CA;EAAQ,CACE,CAAC;AAElB,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

package/lib/module/atoms/text-field/text-field.android.js

@@ -0,0 +1,47 @@
+"use strict";
+
+import { Column, Text as ComposeText, OutlinedTextField, useNativeState } from '@expo/ui/jetpack-compose';
+import { useSxModifiers } from '@hzblj/kara-sx';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const TextField = ({
+  defaultValue = '',
+  disabled = false,
+  error = false,
+  label,
+  multiline = false,
+  onChangeText,
+  secure = false
+}) => {
+  useHostGuard('TextField');
+  const theme = useAppTheme();
+  const value = useNativeState(defaultValue);
+  const modifiers = useSxModifiers({
+    wide: true
+  });
+  return /*#__PURE__*/_jsxs(Column, {
+    verticalArrangement: {
+      spacedBy: 4
+    },
+    children: [label ? /*#__PURE__*/_jsx(ComposeText, {
+      color: theme.colorString(error ? 'content.destructive' : 'content.secondary'),
+      style: theme.typography.labelMedium,
+      children: label
+    }) : null, /*#__PURE__*/_jsx(OutlinedTextField, {
+      enabled: !disabled,
+      isError: error,
+      modifiers: modifiers,
+      onValueChange: onChangeText,
+      singleLine: !multiline,
+      textStyle: {
+        color: theme.colorString('content.primary'),
+        fontFamily: theme.typography.body.fontFamily,
+        fontWeight: theme.typography.body.fontWeight
+      },
+      value: value,
+      visualTransformation: secure ? 'password' : 'none'
+    })]
+  });
+};
+//# sourceMappingURL=text-field.android.js.map

package/lib/module/atoms/text-field/text-field.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Column","Text","ComposeText","OutlinedTextField","useNativeState","useSxModifiers","useAppTheme","useHostGuard","jsx","_jsx","jsxs","_jsxs","TextField","defaultValue","disabled","error","label","multiline","onChangeText","secure","theme","value","modifiers","wide","verticalArrangement","spacedBy","children","color","colorString","style","typography","labelMedium","enabled","isError","onValueChange","singleLine","textStyle","fontFamily","body","fontWeight","visualTransformation"],"sourceRoot":"../../../../src","sources":["atoms/text-field/text-field.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,IAAI,IAAIC,WAAW,EAAEC,iBAAiB,EAAEC,cAAc,QAAO,0BAA0B;AACvG,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMC,SAA6B,GAAGA,CAAC;EAC5CC,YAAY,GAAG,EAAE;EACjBC,QAAQ,GAAG,KAAK;EAChBC,KAAK,GAAG,KAAK;EACbC,KAAK;EACLC,SAAS,GAAG,KAAK;EACjBC,YAAY;EACZC,MAAM,GAAG;AACK,CAAC,KAAK;EACpBZ,YAAY,CAAC,WAAW,CAAC;EACzB,MAAMa,KAAK,GAAGd,WAAW,CAAC,CAAC;EAC3B,MAAMe,KAAK,GAAGjB,cAAc,CAACS,YAAY,CAAC;EAC1C,MAAMS,SAAS,GAAGjB,cAAc,CAAC;IAACkB,IAAI,EAAE;EAAI,CAAC,CAAC;EAE9C,oBACEZ,KAAA,CAACX,MAAM;IAACwB,mBAAmB,EAAE;MAACC,QAAQ,EAAE;IAAC,CAAE;IAAAC,QAAA,GACxCV,KAAK,gBACJP,IAAA,CAACP,WAAW;MACVyB,KAAK,EAAEP,KAAK,CAACQ,WAAW,CAACb,KAAK,GAAG,qBAAqB,GAAG,mBAAmB,CAAE;MAC9Ec,KAAK,EAAET,KAAK,CAACU,UAAU,CAACC,WAAY;MAAAL,QAAA,EAEnCV;IAAK,CACK,CAAC,GACZ,IAAI,eACRP,IAAA,CAACN,iBAAiB;MAChB6B,OAAO,EAAE,CAAClB,QAAS;MACnBmB,OAAO,EAAElB,KAAM;MACfO,SAAS,EAAEA,SAAU;MACrBY,aAAa,EAAEhB,YAAa;MAC5BiB,UAAU,EAAE,CAAClB,SAAU;MACvBmB,SAAS,EAAE;QACTT,KAAK,EAAEP,KAAK,CAACQ,WAAW,CAAC,iBAAiB,CAAC;QAC3CS,UAAU,EAAEjB,KAAK,CAACU,UAAU,CAACQ,IAAI,CAACD,UAAU;QAC5CE,UAAU,EAAEnB,KAAK,CAACU,UAAU,CAACQ,IAAI,CAACC;MACpC,CAAE;MACFlB,KAAK,EAAEA,KAAM;MACbmB,oBAAoB,EAAErB,MAAM,GAAG,UAAU,GAAG;IAAO,CACpD,CAAC;EAAA,CACI,CAAC;AAEb,CAAC","ignoreList":[]}

package/lib/module/atoms/text-field/text-field.ios.js

@@ -0,0 +1,89 @@
+"use strict";
+
+import { SecureField, TextField as SwiftUITextField, useNativeState, VStack } from '@expo/ui/swift-ui';
+import { disabled as disabledModifier, textFieldStyle } 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 { Text } from "../text/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TONE = {
+  default: {
+    bg: 'surface.primary',
+    border: 'border.secondary.muted',
+    label: 'content.secondary'
+  },
+  disabled: {
+    bg: 'surface.depth',
+    border: 'border.quinary',
+    label: 'content.quaternary'
+  },
+  error: {
+    bg: 'surface.primary',
+    border: 'border.destructive',
+    label: 'content.destructive'
+  }
+};
+
+/**
+ * Disabled outranks error — a field nobody can edit should recede rather than shout. `.disabled` only
+ * dims the text, so the chrome has to carry the state itself.
+ */
+const toneOf = (disabled, error) => {
+  if (disabled) {
+    return 'disabled';
+  }
+  return error ? 'error' : 'default';
+};
+export const TextField = ({
+  defaultValue = '',
+  disabled = false,
+  error = false,
+  label,
+  multiline = false,
+  onChangeText,
+  secure = false,
+  testID
+}) => {
+  useHostGuard('TextField');
+  const text = useNativeState(defaultValue);
+  const tone = TONE[toneOf(disabled, error)];
+  const sxModifiers = useSxModifiers({
+    bg: tone.bg,
+    borderColor: tone.border,
+    borderRadius: 'small',
+    borderWidth: 1,
+    px: 's12',
+    py: 's8',
+    wide: true
+  });
+  const modifiers = useMemo(() => {
+    const list = [textFieldStyle('plain'), ...sxModifiers];
+    if (disabled) {
+      list.push(disabledModifier(true));
+    }
+    return list;
+  }, [disabled, sxModifiers]);
+  return /*#__PURE__*/_jsxs(VStack, {
+    alignment: "leading",
+    spacing: spacing.s4,
+    children: [label ? /*#__PURE__*/_jsx(Text, {
+      color: tone.label,
+      variant: "labelMedium",
+      children: label
+    }) : null, secure ? /*#__PURE__*/_jsx(SecureField, {
+      modifiers: modifiers,
+      onTextChange: onChangeText,
+      testID: testID,
+      text: text
+    }) : /*#__PURE__*/_jsx(SwiftUITextField, {
+      axis: multiline ? 'vertical' : 'horizontal',
+      modifiers: modifiers,
+      onTextChange: onChangeText,
+      testID: testID,
+      text: text
+    })]
+  });
+};
+//# sourceMappingURL=text-field.ios.js.map

package/lib/module/atoms/text-field/text-field.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SecureField","TextField","SwiftUITextField","useNativeState","VStack","disabled","disabledModifier","textFieldStyle","useSxModifiers","spacing","useMemo","useHostGuard","Text","jsx","_jsx","jsxs","_jsxs","TONE","default","bg","border","label","error","toneOf","defaultValue","multiline","onChangeText","secure","testID","text","tone","sxModifiers","borderColor","borderRadius","borderWidth","px","py","wide","modifiers","list","push","alignment","s4","children","color","variant","onTextChange","axis"],"sourceRoot":"../../../../src","sources":["atoms/text-field/text-field.ios.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,35 @@
+"use strict";
+
+import { Column } 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: 'end',
+  start: 'start'
+};
+export const VStack = ({
+  align = 'start',
+  children,
+  onPress,
+  spacing: gap,
+  testID,
+  ...sx
+}) => {
+  useHostGuard('VStack');
+  const sxModifiers = useSxModifiers(sx);
+  const modifiers = useMemo(() => [...sxModifiers, ...(testID ? [testIdModifier(testID)] : []), ...(onPress ? [clickable(onPress)] : [])], [onPress, sxModifiers, testID]);
+  return /*#__PURE__*/_jsx(Column, {
+    horizontalAlignment: ALIGNMENT[align],
+    verticalArrangement: gap === undefined ? undefined : {
+      spacedBy: spacing[gap]
+    },
+    modifiers: modifiers,
+    children: children
+  });
+};
+//# sourceMappingURL=v-stack.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Column","clickable","testID","testIdModifier","useSxModifiers","spacing","useMemo","useHostGuard","jsx","_jsx","ALIGNMENT","center","end","start","VStack","align","children","onPress","gap","sx","sxModifiers","modifiers","horizontalAlignment","verticalArrangement","undefined","spacedBy"],"sourceRoot":"../../../../src","sources":["atoms/v-stack/v-stack.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,0BAA0B;AAC/C,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,KAAK;EACVC,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,MAAM;IACLsB,mBAAmB,EAAEZ,SAAS,CAACK,KAAK,CAAE;IACtCQ,mBAAmB,EAAEL,GAAG,KAAKM,SAAS,GAAGA,SAAS,GAAG;MAACC,QAAQ,EAAEpB,OAAO,CAACa,GAAG;IAAC,CAAE;IAC9EG,SAAS,EAAEA,SAAU;IAAAL,QAAA,EAEpBA;EAAQ,CACH,CAAC;AAEb,CAAC","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+import { VStack as SwiftUIVStack } 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: 'trailing',
+  start: 'leading'
+};
+export const VStack = ({
+  align = 'start',
+  children,
+  onPress,
+  spacing: gap,
+  testID,
+  ...sx
+}) => {
+  useHostGuard('VStack');
+  const sxModifiers = useSxModifiers(sx, ALIGNMENT[align]);
+  const modifiers = useMemo(() => onPress ? [...sxModifiers, onTapGesture(onPress)] : sxModifiers, [onPress, sxModifiers]);
+  return /*#__PURE__*/_jsx(SwiftUIVStack, {
+    alignment: ALIGNMENT[align],
+    modifiers: modifiers,
+    spacing: gap === undefined ? undefined : spacing[gap],
+    testID: testID,
+    children: children
+  });
+};
+//# sourceMappingURL=v-stack.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["VStack","SwiftUIVStack","onTapGesture","useSxModifiers","spacing","useMemo","useHostGuard","jsx","_jsx","ALIGNMENT","center","end","start","align","children","onPress","gap","testID","sx","sxModifiers","modifiers","alignment","undefined"],"sourceRoot":"../../../../src","sources":["atoms/v-stack/v-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,UAAU;EACfC,KAAK,EAAE;AACT,CAAwD;AAExD,OAAO,MAAMZ,MAAuB,GAAGA,CAAC;EACtCa,KAAK,GAAG,OAAO;EACfC,QAAQ;EACRC,OAAO;EACPX,OAAO,EAAEY,GAAG;EACZC,MAAM;EACN,GAAGC;AACQ,CAAC,KAAK;EACjBZ,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMa,WAAW,GAAGhB,cAAc,CAACe,EAAE,EAAET,SAAS,CAACI,KAAK,CAAC,CAAC;EACxD,MAAMO,SAAS,GAAGf,OAAO,CACvB,MAAOU,OAAO,GAAG,CAAC,GAAGI,WAAW,EAAEjB,YAAY,CAACa,OAAO,CAAC,CAAC,GAAGI,WAAY,EACvE,CAACJ,OAAO,EAAEI,WAAW,CACvB,CAAC;EAED,oBACEX,IAAA,CAACP,aAAa;IACZoB,SAAS,EAAEZ,SAAS,CAACI,KAAK,CAAE;IAC5BO,SAAS,EAAEA,SAAU;IACrBhB,OAAO,EAAEY,GAAG,KAAKM,SAAS,GAAGA,SAAS,GAAGlB,OAAO,CAACY,GAAG,CAAE;IACtDC,MAAM,EAAEA,MAAO;IAAAH,QAAA,EAEdA;EAAQ,CACI,CAAC;AAEpB,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+
+import { Box } from '@expo/ui/jetpack-compose';
+import { clickable, testID as testIdModifier } from '@expo/ui/jetpack-compose/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: 'bottomCenter',
+  center: 'center',
+  top: 'topCenter'
+};
+export const ZStack = ({
+  align = 'center',
+  children,
+  onPress,
+  testID,
+  ...sx
+}) => {
+  useHostGuard('ZStack');
+  const sxModifiers = useSxModifiers(sx);
+  const modifiers = useMemo(() => [...sxModifiers, ...(testID ? [testIdModifier(testID)] : []), ...(onPress ? [clickable(onPress)] : [])], [onPress, sxModifiers, testID]);
+  return /*#__PURE__*/_jsx(Box, {
+    contentAlignment: ALIGNMENT[align],
+    modifiers: modifiers,
+    children: children
+  });
+};
+//# sourceMappingURL=z-stack.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Box","clickable","testID","testIdModifier","useSxModifiers","useMemo","useHostGuard","jsx","_jsx","ALIGNMENT","bottom","center","top","ZStack","align","children","onPress","sx","sxModifiers","modifiers","contentAlignment"],"sourceRoot":"../../../../src","sources":["atoms/z-stack/z-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,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAE,cAAc;EACtBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE;AACP,CAAgD;AAEhD,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EAACC,KAAK,GAAG,QAAQ;EAAEC,QAAQ;EAAEC,OAAO;EAAEd,MAAM;EAAE,GAAGe;AAAe,CAAC,KAAK;EAC5GX,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMY,WAAW,GAAGd,cAAc,CAACa,EAAE,CAAC;EACtC,MAAME,SAAS,GAAGd,OAAO,CACvB,MAAM,CAAC,GAAGa,WAAW,EAAE,IAAIhB,MAAM,GAAG,CAACC,cAAc,CAACD,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,IAAIc,OAAO,GAAG,CAACf,SAAS,CAACe,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAC7G,CAACA,OAAO,EAAEE,WAAW,EAAEhB,MAAM,CAC/B,CAAC;EAED,oBACEM,IAAA,CAACR,GAAG;IAACoB,gBAAgB,EAAEX,SAAS,CAACK,KAAK,CAAE;IAACK,SAAS,EAAEA,SAAU;IAAAJ,QAAA,EAC3DA;EAAQ,CACN,CAAC;AAEV,CAAC","ignoreList":[]}