@hzblj/kara-components 0.0.0-stage → 0.2.0

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,47 @@
+"use strict";
+
+import { Checkbox as ComposeCheckbox, Row, Text } from '@expo/ui/jetpack-compose';
+import { clickable, fillMaxWidth } from '@expo/ui/jetpack-compose/modifiers';
+import { spacing, 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 checkbox, tinted with the accent. With a label it is a full-width row that toggles as a whole; the gap is
+ * explicit because a checkbox without a handler drops Material's 48dp touch target, and with it the space around it.
+ */
+export const Checkbox = ({
+  disabled = false,
+  label,
+  onValueChange,
+  value
+}) => {
+  useHostGuard('Checkbox');
+  const theme = useAppTheme();
+  const rowModifiers = useMemo(() => disabled || !onValueChange ? [fillMaxWidth()] : [fillMaxWidth(), clickable(() => onValueChange(!value))], [disabled, onValueChange, value]);
+  const control = /*#__PURE__*/_jsx(ComposeCheckbox, {
+    colors: {
+      checkedColor: theme.color('fill.accent.primary'),
+      checkmarkColor: theme.color('content.on.bg')
+    },
+    enabled: !disabled,
+    onCheckedChange: onValueChange,
+    value: value
+  });
+  if (!label) {
+    return control;
+  }
+  return /*#__PURE__*/_jsxs(Row, {
+    horizontalArrangement: {
+      spacedBy: spacing.s8
+    },
+    modifiers: rowModifiers,
+    verticalAlignment: "center",
+    children: [control, /*#__PURE__*/_jsx(Text, {
+      color: theme.colorString(disabled ? 'content.tertiary' : 'content.primary'),
+      style: theme.typography.body,
+      children: label
+    })]
+  });
+};
+//# sourceMappingURL=checkbox.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Checkbox","ComposeCheckbox","Row","Text","clickable","fillMaxWidth","spacing","useAppTheme","useMemo","useHostGuard","jsx","_jsx","jsxs","_jsxs","disabled","label","onValueChange","value","theme","rowModifiers","control","colors","checkedColor","color","checkmarkColor","enabled","onCheckedChange","horizontalArrangement","spacedBy","s8","modifiers","verticalAlignment","children","colorString","style","typography","body"],"sourceRoot":"../../../../src","sources":["atoms/checkbox/checkbox.android.tsx"],"mappings":";;AAAA,SAAQA,QAAQ,IAAIC,eAAe,EAAEC,GAAG,EAAEC,IAAI,QAAO,0BAA0B;AAC/E,SAAQC,SAAS,EAAEC,YAAY,QAAO,oCAAoC;AAC1E,SAAQC,OAAO,EAAEC,WAAW,QAAO,mBAAmB;AACtD,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,MAAMb,QAA2B,GAAGA,CAAC;EAACc,QAAQ,GAAG,KAAK;EAAEC,KAAK;EAAEC,aAAa;EAAEC;AAAoB,CAAC,KAAK;EAC7GR,YAAY,CAAC,UAAU,CAAC;EACxB,MAAMS,KAAK,GAAGX,WAAW,CAAC,CAAC;EAC3B,MAAMY,YAAY,GAAGX,OAAO,CAC1B,MAAOM,QAAQ,IAAI,CAACE,aAAa,GAAG,CAACX,YAAY,CAAC,CAAC,CAAC,GAAG,CAACA,YAAY,CAAC,CAAC,EAAED,SAAS,CAAC,MAAMY,aAAa,CAAC,CAACC,KAAK,CAAC,CAAC,CAAE,EAChH,CAACH,QAAQ,EAAEE,aAAa,EAAEC,KAAK,CACjC,CAAC;EACD,MAAMG,OAAO,gBACXT,IAAA,CAACV,eAAe;IACdoB,MAAM,EAAE;MAACC,YAAY,EAAEJ,KAAK,CAACK,KAAK,CAAC,qBAAqB,CAAC;MAAEC,cAAc,EAAEN,KAAK,CAACK,KAAK,CAAC,eAAe;IAAC,CAAE;IACzGE,OAAO,EAAE,CAACX,QAAS;IACnBY,eAAe,EAAEV,aAAc;IAC/BC,KAAK,EAAEA;EAAM,CACd,CACF;EAED,IAAI,CAACF,KAAK,EAAE;IACV,OAAOK,OAAO;EAChB;EAEA,oBACEP,KAAA,CAACX,GAAG;IAACyB,qBAAqB,EAAE;MAACC,QAAQ,EAAEtB,OAAO,CAACuB;IAAE,CAAE;IAACC,SAAS,EAAEX,YAAa;IAACY,iBAAiB,EAAC,QAAQ;IAAAC,QAAA,GACpGZ,OAAO,eACRT,IAAA,CAACR,IAAI;MAACoB,KAAK,EAAEL,KAAK,CAACe,WAAW,CAACnB,QAAQ,GAAG,kBAAkB,GAAG,iBAAiB,CAAE;MAACoB,KAAK,EAAEhB,KAAK,CAACiB,UAAU,CAACC,IAAK;MAAAJ,QAAA,EAC7GjB;IAAK,CACF,CAAC;EAAA,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

package/lib/module/atoms/checkbox/checkbox.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 Checkbox = ({
+  disabled = false,
+  label,
+  onValueChange,
+  value
+}) => {
+  useHostGuard('Checkbox');
+  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=checkbox.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Toggle","disabled","disabledModifier","tint","useAppTheme","useMemo","useHostGuard","jsx","_jsx","Checkbox","label","onValueChange","value","theme","modifiers","list","color","push","isOn","onIsOnChange"],"sourceRoot":"../../../../src","sources":["atoms/checkbox/checkbox.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,QAA2B,GAAGA,CAAC;EAACR,QAAQ,GAAG,KAAK;EAAES,KAAK;EAAEC,aAAa;EAAEC;AAAoB,CAAC,KAAK;EAC7GN,YAAY,CAAC,UAAU,CAAC;EACxB,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/checkbox/checkbox.types.js

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

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

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

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

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

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

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

package/lib/module/atoms/chip/chip.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import { Pressable } from "../pressable/index.js";
+import { RnText } from "../rn-text/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Chip = ({
+  label,
+  onPress,
+  selected = false,
+  testID
+}) => /*#__PURE__*/_jsx(Pressable, {
+  align: "center",
+  bg: selected ? 'fill.accent.base' : 'fill.tertiary',
+  borderColor: selected ? 'border.accent' : 'border.tertiary',
+  borderRadius: "full",
+  borderWidth: 1,
+  haptic: true,
+  justify: "center",
+  onPress: onPress,
+  px: "s12",
+  py: "s6",
+  testID: testID,
+  children: /*#__PURE__*/_jsx(RnText, {
+    color: selected ? 'content.accent' : 'content.secondary',
+    variant: "labelMedium",
+    children: label
+  })
+});
+//# sourceMappingURL=chip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","RnText","jsx","_jsx","Chip","label","onPress","selected","testID","align","bg","borderColor","borderRadius","borderWidth","haptic","justify","px","py","children","color","variant"],"sourceRoot":"../../../../src","sources":["atoms/chip/chip.tsx"],"mappings":";;AAAA,SAAQA,SAAS,QAAO,uBAAc;AACtC,SAAQC,MAAM,QAAO,qBAAY;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGjC,OAAO,MAAMC,IAAmB,GAAGA,CAAC;EAACC,KAAK;EAAEC,OAAO;EAAEC,QAAQ,GAAG,KAAK;EAAEC;AAAiB,CAAC,kBACvFL,IAAA,CAACH,SAAS;EACRS,KAAK,EAAC,QAAQ;EACdC,EAAE,EAAEH,QAAQ,GAAG,kBAAkB,GAAG,eAAgB;EACpDI,WAAW,EAAEJ,QAAQ,GAAG,eAAe,GAAG,iBAAkB;EAC5DK,YAAY,EAAC,MAAM;EACnBC,WAAW,EAAE,CAAE;EACfC,MAAM;EACNC,OAAO,EAAC,QAAQ;EAChBT,OAAO,EAAEA,OAAQ;EACjBU,EAAE,EAAC,KAAK;EACRC,EAAE,EAAC,IAAI;EACPT,MAAM,EAAEA,MAAO;EAAAU,QAAA,eAEff,IAAA,CAACF,MAAM;IAACkB,KAAK,EAAEZ,QAAQ,GAAG,gBAAgB,GAAG,mBAAoB;IAACa,OAAO,EAAC,aAAa;IAAAF,QAAA,EACpFb;EAAK,CACA;AAAC,CACA,CACZ","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+
+import { warnUnsupported } from "../../platform-support.js";
+/** Compose has no colour picker, and there is nothing sane to degrade a colour wheel into. */
+export const ColorPicker = () => {
+  warnUnsupported('ColorPicker', 'Android');
+  return null;
+};
+//# sourceMappingURL=color-picker.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["warnUnsupported","ColorPicker"],"sourceRoot":"../../../../src","sources":["atoms/color-picker/color-picker.android.tsx"],"mappings":";;AAAA,SAAQA,eAAe,QAAO,2BAAwB;AAGtD;AACA,OAAO,MAAMC,WAAiC,GAAGA,CAAA,KAAM;EACrDD,eAAe,CAAC,aAAa,EAAE,SAAS,CAAC;EAEzC,OAAO,IAAI;AACb,CAAC","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+import { ColorPicker as SwiftUIColorPicker } from '@expo/ui/swift-ui';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ColorPicker = ({
+  label,
+  onValueChange,
+  supportsOpacity = false,
+  testID,
+  value
+}) => {
+  useHostGuard('ColorPicker');
+  return /*#__PURE__*/_jsx(SwiftUIColorPicker, {
+    label: label,
+    onSelectionChange: onValueChange,
+    selection: value,
+    supportsOpacity: supportsOpacity,
+    testID: testID
+  });
+};
+//# sourceMappingURL=color-picker.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ColorPicker","SwiftUIColorPicker","useHostGuard","jsx","_jsx","label","onValueChange","supportsOpacity","testID","value","onSelectionChange","selection"],"sourceRoot":"../../../../src","sources":["atoms/color-picker/color-picker.ios.tsx"],"mappings":";;AAAA,SAAQA,WAAW,IAAIC,kBAAkB,QAAO,mBAAmB;AAEnE,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMJ,WAAiC,GAAGA,CAAC;EAChDK,KAAK;EACLC,aAAa;EACbC,eAAe,GAAG,KAAK;EACvBC,MAAM;EACNC;AACgB,CAAC,KAAK;EACtBP,YAAY,CAAC,aAAa,CAAC;EAE3B,oBACEE,IAAA,CAACH,kBAAkB;IACjBI,KAAK,EAAEA,KAAM;IACbK,iBAAiB,EAAEJ,aAAc;IACjCK,SAAS,EAAEF,KAAM;IACjBF,eAAe,EAAEA,eAAgB;IACjCC,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,72 @@
+"use strict";
+
+import { DateTimePicker } from '@expo/ui/community/datetime-picker';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useCallback, useState } from 'react';
+import { Pressable } from "../pressable/index.js";
+import { RnText } from "../rn-text/index.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const formatted = (value, mode) => {
+  if (mode === 'time') {
+    return value.toLocaleTimeString(undefined, {
+      hour: '2-digit',
+      minute: '2-digit'
+    });
+  }
+  const date = value.toLocaleDateString(undefined, {
+    day: 'numeric',
+    month: 'short',
+    year: 'numeric'
+  });
+  return mode === 'datetime' ? `${date} ${value.toLocaleTimeString(undefined, {
+    hour: '2-digit',
+    minute: '2-digit'
+  })}` : date;
+};
+
+/**
+ * The value as a field that opens Material's date picker dialog on a tap. Android's picker *is* a dialog — mounted, it
+ * opens — so it is mounted only while open, and unmounted on confirm or dismiss, as the component asks its caller to.
+ */
+export const DatePicker = ({
+  max,
+  min,
+  mode = 'date',
+  onValueChange,
+  testID,
+  value
+}) => {
+  const theme = useAppTheme();
+  const [open, setOpen] = useState(false);
+  const show = useCallback(() => setOpen(true), []);
+  const hide = useCallback(() => setOpen(false), []);
+  const onChange = useCallback((_event, date) => {
+    setOpen(false);
+    onValueChange?.(date);
+  }, [onValueChange]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      alignSelf: "flex-start",
+      bg: "fill.tertiary",
+      borderRadius: "medium",
+      onPress: show,
+      px: "s12",
+      py: "s8",
+      testID: testID,
+      children: /*#__PURE__*/_jsx(RnText, {
+        variant: "body",
+        children: formatted(value, mode)
+      })
+    }), open ? /*#__PURE__*/_jsx(DateTimePicker, {
+      accentColor: theme.colorString('fill.accent.primary'),
+      maximumDate: max,
+      minimumDate: min,
+      mode: mode,
+      onDismiss: hide,
+      onValueChange: onChange,
+      presentation: "dialog",
+      value: value
+    }) : null]
+  });
+};
+//# sourceMappingURL=date-picker.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DateTimePicker","useAppTheme","useCallback","useState","Pressable","RnText","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","formatted","value","mode","toLocaleTimeString","undefined","hour","minute","date","toLocaleDateString","day","month","year","DatePicker","max","min","onValueChange","testID","theme","open","setOpen","show","hide","onChange","_event","children","alignSelf","bg","borderRadius","onPress","px","py","variant","accentColor","colorString","maximumDate","minimumDate","onDismiss","presentation"],"sourceRoot":"../../../../src","sources":["atoms/date-picker/date-picker.android.tsx"],"mappings":";;AAAA,SAAQA,cAAc,QAAO,oCAAoC;AACjE,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,WAAW,EAAEC,QAAQ,QAAO,OAAO;AAE3C,SAAQC,SAAS,QAAO,uBAAc;AACtC,SAAQC,MAAM,QAAO,qBAAY;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAGjC,MAAMC,SAAS,GAAGA,CAACC,KAAW,EAAEC,IAAoB,KAAa;EAC/D,IAAIA,IAAI,KAAK,MAAM,EAAE;IACnB,OAAOD,KAAK,CAACE,kBAAkB,CAACC,SAAS,EAAE;MAACC,IAAI,EAAE,SAAS;MAAEC,MAAM,EAAE;IAAS,CAAC,CAAC;EAClF;EAEA,MAAMC,IAAI,GAAGN,KAAK,CAACO,kBAAkB,CAACJ,SAAS,EAAE;IAACK,GAAG,EAAE,SAAS;IAAEC,KAAK,EAAE,OAAO;IAAEC,IAAI,EAAE;EAAS,CAAC,CAAC;EAEnG,OAAOT,IAAI,KAAK,UAAU,GACtB,GAAGK,IAAI,IAAIN,KAAK,CAACE,kBAAkB,CAACC,SAAS,EAAE;IAACC,IAAI,EAAE,SAAS;IAAEC,MAAM,EAAE;EAAS,CAAC,CAAC,EAAE,GACtFC,IAAI;AACV,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMK,UAA+B,GAAGA,CAAC;EAC9CC,GAAG;EACHC,GAAG;EACHZ,IAAI,GAAG,MAAM;EACba,aAAa;EACbC,MAAM;EACNf;AACe,CAAC,KAAK;EACrB,MAAMgB,KAAK,GAAG5B,WAAW,CAAC,CAAC;EAC3B,MAAM,CAAC6B,IAAI,EAAEC,OAAO,CAAC,GAAG5B,QAAQ,CAAC,KAAK,CAAC;EAEvC,MAAM6B,IAAI,GAAG9B,WAAW,CAAC,MAAM6B,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EACjD,MAAME,IAAI,GAAG/B,WAAW,CAAC,MAAM6B,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAElD,MAAMG,QAAQ,GAAGhC,WAAW,CAC1B,CAACiC,MAAe,EAAEhB,IAAU,KAAK;IAC/BY,OAAO,CAAC,KAAK,CAAC;IACdJ,aAAa,GAAGR,IAAI,CAAC;EACvB,CAAC,EACD,CAACQ,aAAa,CAChB,CAAC;EAED,oBACEhB,KAAA,CAAAF,SAAA;IAAA2B,QAAA,gBACE7B,IAAA,CAACH,SAAS;MACRiC,SAAS,EAAC,YAAY;MACtBC,EAAE,EAAC,eAAe;MAClBC,YAAY,EAAC,QAAQ;MACrBC,OAAO,EAAER,IAAK;MACdS,EAAE,EAAC,KAAK;MACRC,EAAE,EAAC,IAAI;MACPd,MAAM,EAAEA,MAAO;MAAAQ,QAAA,eAEf7B,IAAA,CAACF,MAAM;QAACsC,OAAO,EAAC,MAAM;QAAAP,QAAA,EAAExB,SAAS,CAACC,KAAK,EAAEC,IAAI;MAAC,CAAS;IAAC,CAC/C,CAAC,EACXgB,IAAI,gBACHvB,IAAA,CAACP,cAAc;MACb4C,WAAW,EAAEf,KAAK,CAACgB,WAAW,CAAC,qBAAqB,CAAE;MACtDC,WAAW,EAAErB,GAAI;MACjBsB,WAAW,EAAErB,GAAI;MACjBZ,IAAI,EAAEA,IAAK;MACXkC,SAAS,EAAEf,IAAK;MAChBN,aAAa,EAAEO,QAAS;MACxBe,YAAY,EAAC,QAAQ;MACrBpC,KAAK,EAAEA;IAAM,CACd,CAAC,GACA,IAAI;EAAA,CACR,CAAC;AAEP,CAAC","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+import { DateTimePicker } from '@expo/ui/community/datetime-picker';
+import { useCallback } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** The system's compact date picker, inline: a tap on it opens the calendar popover UIKit owns. */
+export const DatePicker = ({
+  max,
+  min,
+  mode = 'date',
+  onValueChange,
+  testID,
+  value
+}) => {
+  const onChange = useCallback((_event, date) => onValueChange?.(date), [onValueChange]);
+  return /*#__PURE__*/_jsx(DateTimePicker, {
+    maximumDate: max,
+    minimumDate: min,
+    mode: mode,
+    onValueChange: onChange,
+    testID: testID,
+    value: value
+  });
+};
+//# sourceMappingURL=date-picker.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DateTimePicker","useCallback","jsx","_jsx","DatePicker","max","min","mode","onValueChange","testID","value","onChange","_event","date","maximumDate","minimumDate"],"sourceRoot":"../../../../src","sources":["atoms/date-picker/date-picker.ios.tsx"],"mappings":";;AAAA,SAAQA,cAAc,QAAO,oCAAoC;AACjE,SAAQC,WAAW,QAAO,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAIjC;AACA,OAAO,MAAMC,UAA+B,GAAGA,CAAC;EAC9CC,GAAG;EACHC,GAAG;EACHC,IAAI,GAAG,MAAM;EACbC,aAAa;EACbC,MAAM;EACNC;AACe,CAAC,KAAK;EACrB,MAAMC,QAAQ,GAAGV,WAAW,CAAC,CAACW,MAAe,EAAEC,IAAU,KAAKL,aAAa,GAAGK,IAAI,CAAC,EAAE,CAACL,aAAa,CAAC,CAAC;EAErG,oBACEL,IAAA,CAACH,cAAc;IACbc,WAAW,EAAET,GAAI;IACjBU,WAAW,EAAET,GAAI;IACjBC,IAAI,EAAEA,IAAK;IACXC,aAAa,EAAEG,QAAS;IACxBF,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+"use strict";
+
+import { HorizontalDivider } from '@expo/ui/jetpack-compose';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Divider = ({
+  color = 'border.tertiary'
+}) => {
+  useHostGuard('Divider');
+  const theme = useAppTheme();
+  return /*#__PURE__*/_jsx(HorizontalDivider, {
+    color: theme.color(color)
+  });
+};
+//# sourceMappingURL=divider.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["HorizontalDivider","useAppTheme","useHostGuard","jsx","_jsx","Divider","color","theme"],"sourceRoot":"../../../../src","sources":["atoms/divider/divider.android.tsx"],"mappings":";;AAAA,SAAQA,iBAAiB,QAAO,0BAA0B;AAC1D,SAAQC,WAAW,QAAO,mBAAmB;AAE7C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMC,OAAyB,GAAGA,CAAC;EAACC,KAAK,GAAG;AAA+B,CAAC,KAAK;EACtFJ,YAAY,CAAC,SAAS,CAAC;EACvB,MAAMK,KAAK,GAAGN,WAAW,CAAC,CAAC;EAE3B,oBAAOG,IAAA,CAACJ,iBAAiB;IAACM,KAAK,EAAEC,KAAK,CAACD,KAAK,CAACA,KAAK;EAAE,CAAE,CAAC;AACzD,CAAC","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+"use strict";
+
+import { Divider as SwiftUIDivider } from '@expo/ui/swift-ui';
+import { background } 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 Divider = ({
+  color = 'border.tertiary',
+  testID
+}) => {
+  useHostGuard('Divider');
+  const theme = useAppTheme();
+  const modifiers = useMemo(() => [background(theme.color(color))], [color, theme]);
+  return /*#__PURE__*/_jsx(SwiftUIDivider, {
+    modifiers: modifiers,
+    testID: testID
+  });
+};
+//# sourceMappingURL=divider.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Divider","SwiftUIDivider","background","useAppTheme","useMemo","useHostGuard","jsx","_jsx","color","testID","theme","modifiers"],"sourceRoot":"../../../../src","sources":["atoms/divider/divider.ios.tsx"],"mappings":";;AAAA,SAAQA,OAAO,IAAIC,cAAc,QAAO,mBAAmB;AAC3D,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,OAAO,MAAMP,OAAyB,GAAGA,CAAC;EAACQ,KAAK,GAAG,iBAAiB;EAAEC;AAAoB,CAAC,KAAK;EAC9FJ,YAAY,CAAC,SAAS,CAAC;EACvB,MAAMK,KAAK,GAAGP,WAAW,CAAC,CAAC;EAC3B,MAAMQ,SAAS,GAAGP,OAAO,CAAC,MAAM,CAACF,UAAU,CAACQ,KAAK,CAACF,KAAK,CAACA,KAAK,CAAC,CAAC,CAAC,EAAE,CAACA,KAAK,EAAEE,KAAK,CAAC,CAAC;EAEjF,oBAAOH,IAAA,CAACN,cAAc;IAACU,SAAS,EAAEA,SAAU;IAACF,MAAM,EAAEA;EAAO,CAAE,CAAC;AACjE,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+
+import { FloatingActionButton } from '@expo/ui/jetpack-compose';
+import { useAppTheme } from '@hzblj/kara-theme';
+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
+}) => {
+  useHostGuard('Fab');
+  const theme = useAppTheme();
+  return /*#__PURE__*/_jsx(FloatingActionButton, {
+    containerColor: theme.color('fill.accent.primary'),
+    onClick: onPress,
+    children: /*#__PURE__*/_jsx(FloatingActionButton.Icon, {
+      children: /*#__PURE__*/_jsx(Icon, {
+        color: "content.on.bg",
+        name: name
+      })
+    })
+  });
+};
+//# sourceMappingURL=fab.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FloatingActionButton","useAppTheme","useHostGuard","Icon","jsx","_jsx","Fab","name","onPress","theme","containerColor","color","onClick","children"],"sourceRoot":"../../../../src","sources":["atoms/fab/fab.android.tsx"],"mappings":";;AAAA,SAAQA,oBAAoB,QAAO,0BAA0B;AAC7D,SAAQC,WAAW,QAAO,mBAAmB;AAE7C,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,IAAI,QAAO,kBAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG5B,OAAO,MAAMC,GAAiB,GAAGA,CAAC;EAACC,IAAI;EAAEC;AAAiB,CAAC,KAAK;EAC9DN,YAAY,CAAC,KAAK,CAAC;EAEnB,MAAMO,KAAK,GAAGR,WAAW,CAAC,CAAC;EAE3B,oBACEI,IAAA,CAACL,oBAAoB;IAACU,cAAc,EAAED,KAAK,CAACE,KAAK,CAAC,qBAAqB,CAAE;IAACC,OAAO,EAAEJ,OAAQ;IAAAK,QAAA,eAEzFR,IAAA,CAACL,oBAAoB,CAACG,IAAI;MAAAU,QAAA,eACxBR,IAAA,CAACF,IAAI;QAACQ,KAAK,EAAC,eAAe;QAACJ,IAAI,EAAEA;MAAK,CAAE;IAAC,CACjB;EAAC,CACR,CAAC;AAE3B,CAAC","ignoreList":[]}

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,20 @@
+"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: the glass buttons' own translucent fill, so whatever sits
+ * on the glass — usually content meant for a colourful backdrop — stays readable, the way it would on real glass.
+ */
+export const GlassFallback = ({
+  children,
+  interactive: _interactive,
+  tint,
+  ...props
+}) => /*#__PURE__*/_jsx(Box, {
+  borderRadius: "full",
+  ...props,
+  bg: tint ?? 'btn.bg.glass.base',
+  children: children
+});
+//# sourceMappingURL=glass-fallback.js.map