@hzblj/kara-components 0.1.0 → 0.2.0

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

@@ -1,9 +1,11 @@
 "use strict";
 
-import { Badge as ComposeBadge } from '@expo/ui/jetpack-compose';
+import { Badge as ComposeBadge, Text as ComposeText } from '@expo/ui/jetpack-compose';
 import { useAppTheme } from '@hzblj/kara-theme';
 import { useHostGuard } from "../../host-context.js";
 import { BADGE_TOKENS } from "./badge-tokens.js";
+
+/** Material's badge. Its content is a Compose `Text` — `@expo/ui`'s badge takes composable content, not a string. */
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Badge = ({
   label,
@@ -15,7 +17,11 @@ export const Badge = ({
   return /*#__PURE__*/_jsx(ComposeBadge, {
     containerColor: theme.color(tokens.fill),
     contentColor: theme.color(tokens.content),
-    children: label
+    children: /*#__PURE__*/_jsx(ComposeText, {
+      color: theme.colorString(tokens.content),
+      style: theme.typography.captionMedium,
+      children: label
+    })
   });
 };
 //# sourceMappingURL=badge.android.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Badge","ComposeBadge","useAppTheme","useHostGuard","BADGE_TOKENS","jsx","_jsx","label","tone","theme","tokens","containerColor","color","fill","contentColor","content","children"],"sourceRoot":"../../../../src","sources":["atoms/badge/badge.android.tsx"],"mappings":";;AAAA,SAAQA,KAAK,IAAIC,YAAY,QAAO,0BAA0B;AAC9D,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,YAAY,QAAO,uBAAoB;AAE/C,SAAQC,YAAY,QAAO,mBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE3C,OAAO,MAAMN,KAAqB,GAAGA,CAAC;EAACO,KAAK;EAAEC,IAAI,GAAG;AAAqB,CAAC,KAAK;EAC9EL,YAAY,CAAC,OAAO,CAAC;EACrB,MAAMM,KAAK,GAAGP,WAAW,CAAC,CAAC;EAC3B,MAAMQ,MAAM,GAAGN,YAAY,CAACI,IAAI,CAAC;EAEjC,oBACEF,IAAA,CAACL,YAAY;IAACU,cAAc,EAAEF,KAAK,CAACG,KAAK,CAACF,MAAM,CAACG,IAAI,CAAE;IAACC,YAAY,EAAEL,KAAK,CAACG,KAAK,CAACF,MAAM,CAACK,OAAO,CAAE;IAAAC,QAAA,EAC/FT;EAAK,CACM,CAAC;AAEnB,CAAC","ignoreList":[]}
+{"version":3,"names":["Badge","ComposeBadge","Text","ComposeText","useAppTheme","useHostGuard","BADGE_TOKENS","jsx","_jsx","label","tone","theme","tokens","containerColor","color","fill","contentColor","content","children","colorString","style","typography","captionMedium"],"sourceRoot":"../../../../src","sources":["atoms/badge/badge.android.tsx"],"mappings":";;AAAA,SAAQA,KAAK,IAAIC,YAAY,EAAEC,IAAI,IAAIC,WAAW,QAAO,0BAA0B;AACnF,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,YAAY,QAAO,uBAAoB;AAE/C,SAAQC,YAAY,QAAO,mBAAgB;;AAE3C;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,OAAO,MAAMR,KAAqB,GAAGA,CAAC;EAACS,KAAK;EAAEC,IAAI,GAAG;AAAqB,CAAC,KAAK;EAC9EL,YAAY,CAAC,OAAO,CAAC;EACrB,MAAMM,KAAK,GAAGP,WAAW,CAAC,CAAC;EAC3B,MAAMQ,MAAM,GAAGN,YAAY,CAACI,IAAI,CAAC;EAEjC,oBACEF,IAAA,CAACP,YAAY;IAACY,cAAc,EAAEF,KAAK,CAACG,KAAK,CAACF,MAAM,CAACG,IAAI,CAAE;IAACC,YAAY,EAAEL,KAAK,CAACG,KAAK,CAACF,MAAM,CAACK,OAAO,CAAE;IAAAC,QAAA,eAChGV,IAAA,CAACL,WAAW;MAACW,KAAK,EAAEH,KAAK,CAACQ,WAAW,CAACP,MAAM,CAACK,OAAO,CAAE;MAACG,KAAK,EAAET,KAAK,CAACU,UAAU,CAACC,aAAc;MAAAJ,QAAA,EAC1FT;IAAK,CACK;EAAC,CACF,CAAC;AAEnB,CAAC","ignoreList":[]}

package/lib/module/atoms/button/button-tokens.js

@@ -40,4 +40,43 @@ export const buttonTokens = (variant, disabled, theme) => {
     shadow: tokens.shadow
   };
 };
+
+/** Relative luminance of a `#rrggbb` colour (any alpha ignored); `undefined` for anything else. */
+const luminance = color => {
+  const hex = typeof color === 'string' ? /^#([0-9a-f]{6})/i.exec(color)?.[1] : undefined;
+  if (!hex) {
+    return undefined;
+  }
+  const [r, g, b] = [0, 2, 4].map(i => {
+    const channel = Number.parseInt(hex.slice(i, i + 2), 16) / 255;
+    return channel <= 0.04045 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+};
+
+/**
+ * The hex behind a token in the current appearance. Android resolves an adaptive entry to one; iOS hands the platform
+ * a dynamic colour instead, so there the authored entry is read and its branch picked. A system colour has none.
+ */
+const currentHex = (token, theme) => {
+  const resolved = theme.color(token);
+  if (typeof resolved === 'string') {
+    return resolved;
+  }
+  const entry = token.split(':')[0].split('.').reduce((node, key) => node?.[key], theme);
+  if (entry && typeof entry === 'object' && 'adaptive' in entry) {
+    const {
+      dark,
+      light
+    } = entry.adaptive;
+    return theme.dark ? dark : light;
+  }
+  return entry;
+};
+
+/**
+ * The label for a button filled with an arbitrary `tint`: the on-accent white over a strong colour, the primary
+ * content colour over a pale one (`fill.accent.base`) — the light container tokens pair with it in both appearances.
+ */
+export const contentOnTint = (tint, theme) => (luminance(currentHex(tint, theme)) ?? 0) > 0.4 ? 'content.primary' : 'content.on.bg';
 //# sourceMappingURL=button-tokens.js.map

package/lib/module/atoms/button/button-tokens.js.map

@@ -1 +1 @@
-{"version":3,"names":["TOKENS","accent","content","fill","shadow","destructive","glass","secondary","buttonTokens","variant","disabled","theme","tokens","disabledFill"],"sourceRoot":"../../../../src","sources":["atoms/button/button-tokens.ts"],"mappings":";;AAUA,MAAMA,MAAM,GAAG;EACbC,MAAM,EAAE;IAACC,OAAO,EAAE,eAAe;IAAEC,IAAI,EAAE,qBAAqB;IAAEC,MAAM,EAAE;EAAY,CAAC;EACrFC,WAAW,EAAE;IAACH,OAAO,EAAE,wBAAwB;IAAEC,IAAI,EAAE,0BAA0B;IAAEC,MAAM,EAAE;EAAiB,CAAC;EAC7GE,KAAK,EAAE;IAACJ,OAAO,EAAE,iBAAiB;IAAEC,IAAI,EAAE,mBAAmB;IAAEC,MAAM,EAAE;EAAW,CAAC;EACnFG,SAAS,EAAE;IAACL,OAAO,EAAE,iBAAiB;IAAEC,IAAI,EAAE,uBAAuB;IAAEC,MAAM,EAAE;EAAe;AAChG,CAAwD;AAExD,OAAO,MAAMI,YAAY,GAAGA,CAACC,OAAsB,EAAEC,QAAiB,EAAEC,KAAY,KAAK;EACvF,MAAMC,MAAM,GAAGZ,MAAM,CAACS,OAAO,CAAC;EAE9B,IAAI,CAACC,QAAQ,EAAE;IACb,OAAOE,MAAM;EACf;EAEA,MAAMC,YAAY,GAAG;IACnBZ,MAAM,EAAE,sBAAsB;IAC9BI,WAAW,EAAE,2BAA2B;IACxCC,KAAK,EAAE,uBAAuB;IAC9BC,SAAS,EAAE;EACb,CAAsD;EAEtD,KAAKI,KAAK;EAEV,OAAO;IAACT,OAAO,EAAE,sBAAsB;IAAEC,IAAI,EAAEU,YAAY,CAACJ,OAAO,CAAC;IAAEL,MAAM,EAAEQ,MAAM,CAACR;EAAM,CAAC;AAC9F,CAAC","ignoreList":[]}
+{"version":3,"names":["TOKENS","accent","content","fill","shadow","destructive","glass","secondary","buttonTokens","variant","disabled","theme","tokens","disabledFill","luminance","color","hex","exec","undefined","r","g","b","map","i","channel","Number","parseInt","slice","currentHex","token","resolved","entry","split","reduce","node","key","dark","light","adaptive","contentOnTint","tint"],"sourceRoot":"../../../../src","sources":["atoms/button/button-tokens.ts"],"mappings":"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","ignoreList":[]}

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

@@ -1,38 +1,66 @@
 "use strict";
 
-import { Button as ComposeButton } from '@expo/ui/jetpack-compose';
+import { Button as ComposeButton, Text as ComposeText, OutlinedButton } from '@expo/ui/jetpack-compose';
+import { testID as testIdModifier } from '@expo/ui/jetpack-compose/modifiers';
 import { useSxModifiers } from '@hzblj/kara-sx';
 import { useAppTheme } from '@hzblj/kara-theme';
+import { useMemo } from 'react';
 import { useHostGuard } from "../../host-context.js";
-import { buttonTokens } from "./button-tokens.js";
+import { buttonTokens, contentOnTint } from "./button-tokens.js";
+
+/**
+ * Material's filled button, in its own stadium shape. No `borderRadius` or `shadow` from the tokens: those shape the
+ * SwiftUI button's glossy ring, and laid over a Compose button they clip and outline a rounded rectangle around the
+ * pill Material draws. The label is a Compose `Text` — `@expo/ui`'s button takes composable content, not a string.
+ *
+ * Material has no glass, so `glass` is its outlined button — and a `tint` makes any variant a filled button in that
+ * colour, as a prominent style does on iOS. `buttonStyle` and `controlSize` are SwiftUI's alone.
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Button = ({
   disabled = false,
   label,
   onPress,
   testID,
+  tint,
   variant = 'accent',
   wide = true
 }) => {
   useHostGuard('Button');
   const theme = useAppTheme();
   const tokens = buttonTokens(variant, disabled, theme);
-  const modifiers = useSxModifiers({
-    borderRadius: 'medium',
-    shadow: tokens.shadow,
+  const sxModifiers = useSxModifiers({
     wide
   });
-  return /*#__PURE__*/_jsx(ComposeButton, {
-    colors: {
-      containerColor: theme.color(tokens.fill),
-      contentColor: theme.color(tokens.content),
-      disabledContainerColor: theme.color(tokens.fill),
-      disabledContentColor: theme.color(tokens.content)
+  const modifiers = useMemo(() => testID ? [...sxModifiers, testIdModifier(testID)] : sxModifiers, [sxModifiers, testID]);
+  const style = theme.typography.body;
+  const outlined = variant === 'glass' && !tint;
+  const fill = tint && !disabled ? tint : tokens.fill;
+  const content = tint && !disabled ? contentOnTint(tint, theme) : tokens.content;
+  const MaterialButton = outlined ? OutlinedButton : ComposeButton;
+  return /*#__PURE__*/_jsx(MaterialButton, {
+    colors: outlined ? {
+      contentColor: theme.color(content),
+      disabledContentColor: theme.color(content)
+    } : {
+      containerColor: theme.color(fill),
+      contentColor: theme.color(content),
+      disabledContainerColor: theme.color(fill),
+      disabledContentColor: theme.color(content)
     },
     enabled: !disabled,
     modifiers: modifiers,
     onClick: onPress,
-    children: label
+    children: /*#__PURE__*/_jsx(ComposeText, {
+      color: theme.colorString(content),
+      style: {
+        fontFamily: style.fontFamily,
+        fontSize: style.fontSize,
+        fontWeight: style.fontWeight,
+        lineHeight: style.lineHeight
+      },
+      children: label
+    })
   });
 };
 //# sourceMappingURL=button.android.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Button","ComposeButton","useSxModifiers","useAppTheme","useHostGuard","buttonTokens","jsx","_jsx","disabled","label","onPress","testID","variant","wide","theme","tokens","modifiers","borderRadius","shadow","colors","containerColor","color","fill","contentColor","content","disabledContainerColor","disabledContentColor","enabled","onClick","children"],"sourceRoot":"../../../../src","sources":["atoms/button/button.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,IAAIC,aAAa,QAAO,0BAA0B;AAChE,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,YAAY,QAAO,uBAAoB;AAE/C,SAAQC,YAAY,QAAO,oBAAiB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE5C,OAAO,MAAMP,MAAuB,GAAGA,CAAC;EACtCQ,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC,OAAO;EACPC,MAAM;EACNC,OAAO,GAAG,QAAQ;EAClBC,IAAI,GAAG;AACI,CAAC,KAAK;EACjBT,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMU,KAAK,GAAGX,WAAW,CAAC,CAAC;EAC3B,MAAMY,MAAM,GAAGV,YAAY,CAACO,OAAO,EAAEJ,QAAQ,EAAEM,KAAK,CAAC;EACrD,MAAME,SAAS,GAAGd,cAAc,CAAC;IAACe,YAAY,EAAE,QAAQ;IAAEC,MAAM,EAAEH,MAAM,CAACG,MAAM;IAAEL;EAAI,CAAC,CAAC;EAEvF,oBACEN,IAAA,CAACN,aAAa;IACZkB,MAAM,EAAE;MACNC,cAAc,EAAEN,KAAK,CAACO,KAAK,CAACN,MAAM,CAACO,IAAI,CAAC;MACxCC,YAAY,EAAET,KAAK,CAACO,KAAK,CAACN,MAAM,CAACS,OAAO,CAAC;MACzCC,sBAAsB,EAAEX,KAAK,CAACO,KAAK,CAACN,MAAM,CAACO,IAAI,CAAC;MAChDI,oBAAoB,EAAEZ,KAAK,CAACO,KAAK,CAACN,MAAM,CAACS,OAAO;IAClD,CAAE;IACFG,OAAO,EAAE,CAACnB,QAAS;IACnBQ,SAAS,EAAEA,SAAU;IACrBY,OAAO,EAAElB,OAAQ;IAAAmB,QAAA,EAEhBpB;EAAK,CACO,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["Button","ComposeButton","Text","ComposeText","OutlinedButton","testID","testIdModifier","useSxModifiers","useAppTheme","useMemo","useHostGuard","buttonTokens","contentOnTint","jsx","_jsx","disabled","label","onPress","tint","variant","wide","theme","tokens","sxModifiers","modifiers","style","typography","body","outlined","fill","content","MaterialButton","colors","contentColor","color","disabledContentColor","containerColor","disabledContainerColor","enabled","onClick","children","colorString","fontFamily","fontSize","fontWeight","lineHeight"],"sourceRoot":"../../../../src","sources":["atoms/button/button.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,IAAIC,aAAa,EAAEC,IAAI,IAAIC,WAAW,EAAEC,cAAc,QAAO,0BAA0B;AACrG,SAAQC,MAAM,IAAIC,cAAc,QAAO,oCAAoC;AAC3E,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAE/C,SAAQC,YAAY,EAAEC,aAAa,QAAO,oBAAiB;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,SAAAC,GAAA,IAAAC,IAAA;AAQA,OAAO,MAAMd,MAAuB,GAAGA,CAAC;EACtCe,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC,OAAO;EACPZ,MAAM;EACNa,IAAI;EACJC,OAAO,GAAG,QAAQ;EAClBC,IAAI,GAAG;AACI,CAAC,KAAK;EACjBV,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMW,KAAK,GAAGb,WAAW,CAAC,CAAC;EAC3B,MAAMc,MAAM,GAAGX,YAAY,CAACQ,OAAO,EAAEJ,QAAQ,EAAEM,KAAK,CAAC;EACrD,MAAME,WAAW,GAAGhB,cAAc,CAAC;IAACa;EAAI,CAAC,CAAC;EAC1C,MAAMI,SAAS,GAAGf,OAAO,CACvB,MAAOJ,MAAM,GAAG,CAAC,GAAGkB,WAAW,EAAEjB,cAAc,CAACD,MAAM,CAAC,CAAC,GAAGkB,WAAY,EACvE,CAACA,WAAW,EAAElB,MAAM,CACtB,CAAC;EACD,MAAMoB,KAAK,GAAGJ,KAAK,CAACK,UAAU,CAACC,IAAI;EACnC,MAAMC,QAAQ,GAAGT,OAAO,KAAK,OAAO,IAAI,CAACD,IAAI;EAC7C,MAAMW,IAAI,GAAGX,IAAI,IAAI,CAACH,QAAQ,GAAGG,IAAI,GAAGI,MAAM,CAACO,IAAI;EACnD,MAAMC,OAAO,GAAGZ,IAAI,IAAI,CAACH,QAAQ,GAAGH,aAAa,CAACM,IAAI,EAAEG,KAAK,CAAC,GAAGC,MAAM,CAACQ,OAAO;EAC/E,MAAMC,cAAc,GAAGH,QAAQ,GAAGxB,cAAc,GAAGH,aAAa;EAEhE,oBACEa,IAAA,CAACiB,cAAc;IACbC,MAAM,EACJJ,QAAQ,GACJ;MAACK,YAAY,EAAEZ,KAAK,CAACa,KAAK,CAACJ,OAAO,CAAC;MAAEK,oBAAoB,EAAEd,KAAK,CAACa,KAAK,CAACJ,OAAO;IAAC,CAAC,GAChF;MACEM,cAAc,EAAEf,KAAK,CAACa,KAAK,CAACL,IAAI,CAAC;MACjCI,YAAY,EAAEZ,KAAK,CAACa,KAAK,CAACJ,OAAO,CAAC;MAClCO,sBAAsB,EAAEhB,KAAK,CAACa,KAAK,CAACL,IAAI,CAAC;MACzCM,oBAAoB,EAAEd,KAAK,CAACa,KAAK,CAACJ,OAAO;IAC3C,CACL;IACDQ,OAAO,EAAE,CAACvB,QAAS;IACnBS,SAAS,EAAEA,SAAU;IACrBe,OAAO,EAAEtB,OAAQ;IAAAuB,QAAA,eAEjB1B,IAAA,CAACX,WAAW;MACV+B,KAAK,EAAEb,KAAK,CAACoB,WAAW,CAACX,OAAO,CAAE;MAClCL,KAAK,EAAE;QACLiB,UAAU,EAAEjB,KAAK,CAACiB,UAAU;QAC5BC,QAAQ,EAAElB,KAAK,CAACkB,QAAQ;QACxBC,UAAU,EAAEnB,KAAK,CAACmB,UAAU;QAC5BC,UAAU,EAAEpB,KAAK,CAACoB;MACpB,CAAE;MAAAL,QAAA,EAEDxB;IAAK,CACK;EAAC,CACA,CAAC;AAErB,CAAC","ignoreList":[]}

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

@@ -7,7 +7,7 @@ import { useMemo } from 'react';
 import { useHostGuard } from "../../host-context.js";
 import { Text } from "../text/index.js";
 import { VStack } from "../v-stack/index.js";
-import { buttonTokens } from "./button-tokens.js";
+import { buttonTokens, contentOnTint } from "./button-tokens.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const STYLE_BY_VARIANT = {
   accent: 'borderedProminent',
@@ -48,6 +48,9 @@ export const Button = ({
    * button its height — without it a tinted glass button comes out shorter than every other variant.
    */
   const glassTint = style === 'glass' && resolvedTint ? theme.color(resolvedTint) : undefined;
+  const filled = Boolean(glassTint) || style === 'borderedProminent' || style === 'glassProminent';
+  // A prominent style — and tinted glass — is coloured by the tint, so a caller's own tint picks the label on it.
+  const content = tint && filled && !disabled ? contentOnTint(tint, theme) : tokens.content;
   const modifiers = useMemo(() => {
     const list = [buttonStyleModifier(glassTint ? 'plain' : style), controlSizeModifier(controlSize)];
     if (glassTint) {
@@ -76,7 +79,7 @@ export const Button = ({
       py: glassTint ? 's16' : undefined,
       wide: wide,
       children: /*#__PURE__*/_jsx(Text, {
-        color: tokens.content,
+        color: content,
         variant: "body",
         children: label
       })

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

@@ -1 +1 @@
-{"version":3,"names":["Button","SwiftUIButton","buttonStyle","buttonStyleModifier","controlSize","controlSizeModifier","disabled","disabledModifier","glassEffect","glassEffectModifier","tint","tintModifier","useAppTheme","useMemo","useHostGuard","Text","VStack","buttonTokens","jsx","_jsx","STYLE_BY_VARIANT","accent","destructive","glass","secondary","TINT_BY_VARIANT","undefined","label","onPress","testID","variant","wide","theme","tokens","resolvedTint","style","glassTint","color","modifiers","list","push","interactive","shape","children","align","py","content"],"sourceRoot":"../../../../src","sources":["atoms/button/button.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,IAAIC,aAAa,QAAO,mBAAmB;AACzD,SACEC,WAAW,IAAIC,mBAAmB,EAClCC,WAAW,IAAIC,mBAAmB,EAClCC,QAAQ,IAAIC,gBAAgB,EAC5BC,WAAW,IAAIC,mBAAmB,EAClCC,IAAI,IAAIC,YAAY,QACf,6BAA6B;AACpC,SAAyBC,WAAW,QAAO,mBAAmB;AAC9D,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,IAAI,QAAO,kBAAS;AAC5B,SAAQC,MAAM,QAAO,qBAAY;AAEjC,SAAQC,YAAY,QAAO,oBAAiB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE5C,MAAMC,gBAAgB,GAAG;EACvBC,MAAM,EAAE,mBAAmB;EAC3BC,WAAW,EAAE,mBAAmB;EAChCC,KAAK,EAAE,OAAO;EACdC,SAAS,EAAE;AACb,CAA2D;AAE3D,MAAMC,eAAe,GAAG;EACtBJ,MAAM,EAAE,qBAAqB;EAC7BC,WAAW,EAAE,0BAA0B;EACvCC,KAAK,EAAEG,SAAS;EAChBF,SAAS,EAAEE;AACb,CAAkE;AAElE,OAAO,MAAM1B,MAAuB,GAAGA,CAAC;EACtCE,WAAW;EACXE,WAAW,GAAG,OAAO;EACrBE,QAAQ,GAAG,KAAK;EAChBqB,KAAK;EACLC,OAAO;EACPC,MAAM;EACNnB,IAAI;EACJoB,OAAO,GAAG,QAAQ;EAClBC,IAAI,GAAG;AACI,CAAC,KAAK;EACjBjB,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMkB,KAAK,GAAGpB,WAAW,CAAC,CAAC;EAC3B,MAAMqB,MAAM,GAAGhB,YAAY,CAACa,OAAO,EAAExB,QAAQ,EAAE0B,KAAK,CAAC;EACrD,MAAME,YAAY,GAAGxB,IAAI,IAAIe,eAAe,CAACK,OAAO,CAAC;EACrD,MAAMK,KAAK,GAAGjC,WAAW,IAAIkB,gBAAgB,CAACU,OAAO,CAAC;;EAEtD;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,MAAMM,SAAS,GAAGD,KAAK,KAAK,OAAO,IAAID,YAAY,GAAGF,KAAK,CAACK,KAAK,CAACH,YAAY,CAAC,GAAGR,SAAS;EAE3F,MAAMY,SAAS,GAAGzB,OAAO,CAAC,MAAM;IAC9B,MAAM0B,IAAI,GAAG,CAACpC,mBAAmB,CAACiC,SAAS,GAAG,OAAO,GAAGD,KAAK,CAAC,EAAE9B,mBAAmB,CAACD,WAAW,CAAC,CAAC;IAEjG,IAAIgC,SAAS,EAAE;MACbG,IAAI,CAACC,IAAI,CACP/B,mBAAmB,CAAC;QAACc,KAAK,EAAE;UAACkB,WAAW,EAAE,IAAI;UAAE/B,IAAI,EAAE0B,SAAS;UAAEN,OAAO,EAAE;QAAS,CAAC;QAAEY,KAAK,EAAE;MAAS,CAAC,CACzG,CAAC;IACH,CAAC,MAAM,IAAIR,YAAY,EAAE;MACvBK,IAAI,CAACC,IAAI,CAAC7B,YAAY,CAACqB,KAAK,CAACK,KAAK,CAACH,YAAY,CAAC,CAAC,CAAC;IACpD;IAEA,IAAI5B,QAAQ,EAAE;MACZiC,IAAI,CAACC,IAAI,CAACjC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACnC;IAEA,OAAOgC,IAAI;EACb,CAAC,EAAE,CAACnC,WAAW,EAAEE,QAAQ,EAAE8B,SAAS,EAAEF,YAAY,EAAEC,KAAK,EAAEH,KAAK,CAAC,CAAC;EAElE,oBACEb,IAAA,CAAClB,aAAa;IAACqC,SAAS,EAAEA,SAAU;IAACV,OAAO,EAAEA,OAAQ;IAACC,MAAM,EAAEA,MAAO;IAAAc,QAAA,eACpExB,IAAA,CAACH,MAAM;MAAC4B,KAAK,EAAC,QAAQ;MAACC,EAAE,EAAET,SAAS,GAAG,KAAK,GAAGV,SAAU;MAACK,IAAI,EAAEA,IAAK;MAAAY,QAAA,eACnExB,IAAA,CAACJ,IAAI;QAACsB,KAAK,EAAEJ,MAAM,CAACa,OAAQ;QAAChB,OAAO,EAAC,MAAM;QAAAa,QAAA,EACxChB;MAAK,CACF;IAAC,CACD;EAAC,CACI,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["Button","SwiftUIButton","buttonStyle","buttonStyleModifier","controlSize","controlSizeModifier","disabled","disabledModifier","glassEffect","glassEffectModifier","tint","tintModifier","useAppTheme","useMemo","useHostGuard","Text","VStack","buttonTokens","contentOnTint","jsx","_jsx","STYLE_BY_VARIANT","accent","destructive","glass","secondary","TINT_BY_VARIANT","undefined","label","onPress","testID","variant","wide","theme","tokens","resolvedTint","style","glassTint","color","filled","Boolean","content","modifiers","list","push","interactive","shape","children","align","py"],"sourceRoot":"../../../../src","sources":["atoms/button/button.ios.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,9 +1,15 @@
 "use strict";
 
 import { Checkbox as ComposeCheckbox, Row, Text } from '@expo/ui/jetpack-compose';
-import { useAppTheme } from '@hzblj/kara-theme';
+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,
@@ -12,7 +18,12 @@ export const Checkbox = ({
 }) => {
   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
@@ -21,9 +32,13 @@ export const Checkbox = ({
     return control;
   }
   return /*#__PURE__*/_jsxs(Row, {
+    horizontalArrangement: {
+      spacedBy: spacing.s8
+    },
+    modifiers: rowModifiers,
     verticalAlignment: "center",
     children: [control, /*#__PURE__*/_jsx(Text, {
-      color: theme.colorString('content.primary'),
+      color: theme.colorString(disabled ? 'content.tertiary' : 'content.primary'),
       style: theme.typography.body,
       children: label
     })]

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

@@ -1 +1 @@
-{"version":3,"names":["Checkbox","ComposeCheckbox","Row","Text","useAppTheme","useHostGuard","jsx","_jsx","jsxs","_jsxs","disabled","label","onValueChange","value","theme","control","enabled","onCheckedChange","verticalAlignment","children","color","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,WAAW,QAAO,mBAAmB;AAE7C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMT,QAA2B,GAAGA,CAAC;EAACU,QAAQ,GAAG,KAAK;EAAEC,KAAK;EAAEC,aAAa;EAAEC;AAAoB,CAAC,KAAK;EAC7GR,YAAY,CAAC,UAAU,CAAC;EACxB,MAAMS,KAAK,GAAGV,WAAW,CAAC,CAAC;EAC3B,MAAMW,OAAO,gBAAGR,IAAA,CAACN,eAAe;IAACe,OAAO,EAAE,CAACN,QAAS;IAACO,eAAe,EAAEL,aAAc;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC;EAErG,IAAI,CAACF,KAAK,EAAE;IACV,OAAOI,OAAO;EAChB;EAEA,oBACEN,KAAA,CAACP,GAAG;IAACgB,iBAAiB,EAAC,QAAQ;IAAAC,QAAA,GAC5BJ,OAAO,eACRR,IAAA,CAACJ,IAAI;MAACiB,KAAK,EAAEN,KAAK,CAACO,WAAW,CAAC,iBAAiB,CAAE;MAACC,KAAK,EAAER,KAAK,CAACS,UAAU,CAACC,IAAK;MAAAL,QAAA,EAC7ER;IAAK,CACF,CAAC;EAAA,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}
+{"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/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.js → date-picker.ios.js}

@@ -3,6 +3,7 @@
 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,
@@ -11,18 +12,14 @@ export const DatePicker = ({
   testID,
   value
 }) => {
-  const onChange = useCallback((_event, date) => {
-    if (date) {
-      onValueChange?.(date);
-    }
-  }, [onValueChange]);
+  const onChange = useCallback((_event, date) => onValueChange?.(date), [onValueChange]);
   return /*#__PURE__*/_jsx(DateTimePicker, {
     maximumDate: max,
     minimumDate: min,
     mode: mode,
-    onChange: onChange,
+    onValueChange: onChange,
     testID: testID,
     value: value
   });
 };
-//# sourceMappingURL=date-picker.js.map
+//# 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/index.js

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

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

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

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

@@ -14,9 +14,11 @@ export const Fab = ({
   return /*#__PURE__*/_jsx(FloatingActionButton, {
     containerColor: theme.color('fill.accent.primary'),
     onClick: onPress,
-    children: /*#__PURE__*/_jsx(Icon, {
-      color: "content.on.bg",
-      name: name
+    children: /*#__PURE__*/_jsx(FloatingActionButton.Icon, {
+      children: /*#__PURE__*/_jsx(Icon, {
+        color: "content.on.bg",
+        name: name
+      })
     })
   });
 };

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

@@ -1 +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,eACzFR,IAAA,CAACF,IAAI;MAACQ,KAAK,EAAC,eAAe;MAACJ,IAAI,EAAEA;IAAK,CAAE;EAAC,CACtB,CAAC;AAE3B,CAAC","ignoreList":[]}
+{"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/glass-view/glass-fallback.js

@@ -2,7 +2,10 @@
 
 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 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,
@@ -11,7 +14,7 @@ export const GlassFallback = ({
 }) => /*#__PURE__*/_jsx(Box, {
   borderRadius: "full",
   ...props,
-  bg: tint ?? 'fill.tertiary',
+  bg: tint ?? 'btn.bg.glass.base',
   children: children
 });
 //# sourceMappingURL=glass-fallback.js.map

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

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

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

@@ -1,26 +1,24 @@
 "use strict";
 
-import MaterialIcons from '@expo/vector-icons/MaterialIcons';
+import { iconResourceName } from '@hzblj/kara-native';
+import { DrawableIcon } from '@hzblj/kara-native/jetpack-compose';
 import { spacing, useAppTheme } from '@hzblj/kara-theme';
 import { useHostGuard } from "../../host-context.js";
-import { RnView } from "../rn-view/index.js";
-import { MATERIAL_ICONS } from "./icon-names.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+/** The app's icon as the vector drawable the config plugin generated from the SVG, drawn by Material's `Icon`. */
 export const Icon = ({
+  accessibilityLabel,
   color = 'content.primary',
   name,
-  size = 's24',
-  testID
+  size = 's24'
 }) => {
   useHostGuard('Icon');
   const theme = useAppTheme();
-  return /*#__PURE__*/_jsx(RnView, {
-    children: /*#__PURE__*/_jsx(MaterialIcons, {
-      color: theme.color(color),
-      name: MATERIAL_ICONS[name],
-      size: spacing[size],
-      testID: testID
-    })
+  return /*#__PURE__*/_jsx(DrawableIcon, {
+    accessibilityLabel: accessibilityLabel,
+    iconColor: theme.color(color),
+    iconSize: spacing[size],
+    resourceName: iconResourceName(name)
   });
 };
 //# sourceMappingURL=icon.android.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["MaterialIcons","spacing","useAppTheme","useHostGuard","RnView","MATERIAL_ICONS","jsx","_jsx","Icon","color","name","size","testID","theme","children"],"sourceRoot":"../../../../src","sources":["atoms/icon/icon.android.tsx"],"mappings":";;AAAA,OAAOA,aAAa,MAAM,kCAAkC;AAC5D,SAAQC,OAAO,EAAEC,WAAW,QAAO,mBAAmB;AACtD,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,MAAM,QAAO,qBAAY;AAEjC,SAAQC,cAAc,QAAO,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE3C,OAAO,MAAMC,IAAmB,GAAGA,CAAC;EAACC,KAAK,GAAG,iBAAiB;EAAEC,IAAI;EAAEC,IAAI,GAAG,KAAK;EAAEC;AAAiB,CAAC,KAAK;EACzGT,YAAY,CAAC,MAAM,CAAC;EACpB,MAAMU,KAAK,GAAGX,WAAW,CAAC,CAAC;EAE3B,oBACEK,IAAA,CAACH,MAAM;IAAAU,QAAA,eACLP,IAAA,CAACP,aAAa;MAACS,KAAK,EAAEI,KAAK,CAACJ,KAAK,CAACA,KAAK,CAAE;MAACC,IAAI,EAAEL,cAAc,CAACK,IAAI,CAAE;MAACC,IAAI,EAAEV,OAAO,CAACU,IAAI,CAAE;MAACC,MAAM,EAAEA;IAAO,CAAE;EAAC,CACvG,CAAC;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["iconResourceName","DrawableIcon","spacing","useAppTheme","useHostGuard","jsx","_jsx","Icon","accessibilityLabel","color","name","size","theme","iconColor","iconSize","resourceName"],"sourceRoot":"../../../../src","sources":["atoms/icon/icon.android.tsx"],"mappings":";;AAAA,SAAQA,gBAAgB,QAAO,oBAAoB;AACnD,SAAQC,YAAY,QAAO,oCAAoC;AAC/D,SAAQC,OAAO,EAAEC,WAAW,QAAO,mBAAmB;AAEtD,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C;AACA,OAAO,MAAMC,IAAmB,GAAGA,CAAC;EAACC,kBAAkB;EAAEC,KAAK,GAAG,iBAAiB;EAAEC,IAAI;EAAEC,IAAI,GAAG;AAAgB,CAAC,KAAK;EACrHP,YAAY,CAAC,MAAM,CAAC;EACpB,MAAMQ,KAAK,GAAGT,WAAW,CAAC,CAAC;EAE3B,oBACEG,IAAA,CAACL,YAAY;IACXO,kBAAkB,EAAEA,kBAAmB;IACvCK,SAAS,EAAED,KAAK,CAACH,KAAK,CAACA,KAAK,CAAE;IAC9BK,QAAQ,EAAEZ,OAAO,CAACS,IAAI,CAAE;IACxBI,YAAY,EAAEf,gBAAgB,CAACU,IAAI;EAAE,CACtC,CAAC;AAEN,CAAC","ignoreList":[]}

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

@@ -1,11 +1,18 @@
 "use strict";
 
 import { Image } from '@expo/ui/swift-ui';
+import { accessibilityHidden, frame, accessibilityLabel as labelModifier, resizable } from '@expo/ui/swift-ui/modifiers';
+import { iconResourceName } from '@hzblj/kara-native';
 import { spacing, useAppTheme } from '@hzblj/kara-theme';
+import { useMemo } from 'react';
 import { useHostGuard } from "../../host-context.js";
-import { SF_SYMBOLS } from "./icon-names.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The app's icon from its asset catalog — the template image set the config plugin generated from the SVG, vector data
+ * kept, so `resizable()` scales it crisply to the token size and the platform tints it.
+ */
 export const Icon = ({
+  accessibilityLabel,
   color = 'content.primary',
   name,
   size = 's24',
@@ -13,10 +20,15 @@ export const Icon = ({
 }) => {
   useHostGuard('Icon');
   const theme = useAppTheme();
+  const side = spacing[size];
+  const modifiers = useMemo(() => [resizable(), frame({
+    height: side,
+    width: side
+  }), accessibilityLabel ? labelModifier(accessibilityLabel) : accessibilityHidden(true)], [accessibilityLabel, side]);
   return /*#__PURE__*/_jsx(Image, {
+    assetName: iconResourceName(name),
     color: theme.color(color),
-    size: spacing[size],
-    systemName: SF_SYMBOLS[name],
+    modifiers: modifiers,
     testID: testID
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["Image","spacing","useAppTheme","useHostGuard","SF_SYMBOLS","jsx","_jsx","Icon","color","name","size","testID","theme","systemName"],"sourceRoot":"../../../../src","sources":["atoms/icon/icon.ios.tsx"],"mappings":";;AAAA,SAAQA,KAAK,QAAO,mBAAmB;AACvC,SAAQC,OAAO,EAAEC,WAAW,QAAO,mBAAmB;AAEtD,SAAQC,YAAY,QAAO,uBAAoB;AAE/C,SAAQC,UAAU,QAAO,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEvC,OAAO,MAAMC,IAAmB,GAAGA,CAAC;EAACC,KAAK,GAAG,iBAAiB;EAAEC,IAAI;EAAEC,IAAI,GAAG,KAAK;EAAEC;AAAiB,CAAC,KAAK;EACzGR,YAAY,CAAC,MAAM,CAAC;EACpB,MAAMS,KAAK,GAAGV,WAAW,CAAC,CAAC;EAE3B,oBACEI,IAAA,CAACN,KAAK;IAACQ,KAAK,EAAEI,KAAK,CAACJ,KAAK,CAACA,KAAK,CAAE;IAACE,IAAI,EAAET,OAAO,CAACS,IAAI,CAAE;IAACG,UAAU,EAAET,UAAU,CAACK,IAAI,CAAc;IAACE,MAAM,EAAEA;EAAO,CAAE,CAAC;AAEvH,CAAC","ignoreList":[]}
+{"version":3,"names":["Image","accessibilityHidden","frame","accessibilityLabel","labelModifier","resizable","iconResourceName","spacing","useAppTheme","useMemo","useHostGuard","jsx","_jsx","Icon","color","name","size","testID","theme","side","modifiers","height","width","assetName"],"sourceRoot":"../../../../src","sources":["atoms/icon/icon.ios.tsx"],"mappings":";;AAAA,SAAQA,KAAK,QAAO,mBAAmB;AACvC,SAAQC,mBAAmB,EAAEC,KAAK,EAAEC,kBAAkB,IAAIC,aAAa,EAAEC,SAAS,QAAO,6BAA6B;AACtH,SAAQC,gBAAgB,QAAO,oBAAoB;AACnD,SAAQC,OAAO,EAAEC,WAAW,QAAO,mBAAmB;AACtD,SAAQC,OAAO,QAAO,OAAO;AAE7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C;AACA;AACA;AACA;AACA,OAAO,MAAMC,IAAmB,GAAGA,CAAC;EAClCV,kBAAkB;EAClBW,KAAK,GAAG,iBAAiB;EACzBC,IAAI;EACJC,IAAI,GAAG,KAAK;EACZC;AACS,CAAC,KAAK;EACfP,YAAY,CAAC,MAAM,CAAC;EACpB,MAAMQ,KAAK,GAAGV,WAAW,CAAC,CAAC;EAC3B,MAAMW,IAAI,GAAGZ,OAAO,CAACS,IAAI,CAAC;EAE1B,MAAMI,SAAS,GAAGX,OAAO,CACvB,MAAM,CACJJ,SAAS,CAAC,CAAC,EACXH,KAAK,CAAC;IAACmB,MAAM,EAAEF,IAAI;IAAEG,KAAK,EAAEH;EAAI,CAAC,CAAC,EAClChB,kBAAkB,GAAGC,aAAa,CAACD,kBAAkB,CAAC,GAAGF,mBAAmB,CAAC,IAAI,CAAC,CACnF,EACD,CAACE,kBAAkB,EAAEgB,IAAI,CAC3B,CAAC;EAED,oBAAOP,IAAA,CAACZ,KAAK;IAACuB,SAAS,EAAEjB,gBAAgB,CAACS,IAAI,CAAE;IAACD,KAAK,EAAEI,KAAK,CAACJ,KAAK,CAACA,KAAK,CAAE;IAACM,SAAS,EAAEA,SAAU;IAACH,MAAM,EAAEA;EAAO,CAAE,CAAC;AACtH,CAAC","ignoreList":[]}

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

@@ -2,5 +2,4 @@
 
 export * from './icon';
 export * from "./icon.types.js";
-export * from "./icon-names.js";
 //# sourceMappingURL=index.js.map

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

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

package/lib/module/atoms/index.js

@@ -9,7 +9,6 @@ export * from "./card/index.js";
 export * from "./checkbox/index.js";
 export * from "./chip/index.js";
 export * from "./color-picker/index.js";
-export * from "./countdown/index.js";
 export * from "./date-picker/index.js";
 export * from "./divider/index.js";
 export * from "./fab/index.js";
@@ -25,6 +24,7 @@ export * from "./picker/index.js";
 export * from "./pressable/index.js";
 export * from "./progress/index.js";
 export * from "./rn-flat-list/index.js";
+export * from "./rn-icon/index.js";
 export * from "./rn-scroll-view/index.js";
 export * from "./rn-section-list/index.js";
 export * from "./rn-text/index.js";

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["atoms/index.ts"],"mappings":";;AAAA,cAAc,+BAAsB;AACpC,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,gBAAO;AACrB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,yBAAgB;AAC9B,cAAc,sBAAa;AAC3B,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,gBAAO;AACrB,cAAc,uBAAc;AAC5B,cAAc,uBAAc;AAC5B,cAAc,oBAAW;AACzB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,qBAAY;AAC1B,cAAc,yBAAgB;AAC9B,cAAc,2BAAkB;AAChC,cAAc,4BAAmB;AACjC,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,wBAAe;AAC7B,cAAc,8BAAqB;AACnC,cAAc,qBAAY;AAC1B,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,oBAAW;AACzB,cAAc,oBAAW","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["atoms/index.ts"],"mappings":";;AAAA,cAAc,+BAAsB;AACpC,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,gBAAO;AACrB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,yBAAgB;AAC9B,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,gBAAO;AACrB,cAAc,uBAAc;AAC5B,cAAc,uBAAc;AAC5B,cAAc,oBAAW;AACzB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,qBAAY;AAC1B,cAAc,yBAAgB;AAC9B,cAAc,oBAAW;AACzB,cAAc,2BAAkB;AAChC,cAAc,4BAAmB;AACjC,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,wBAAe;AAC7B,cAAc,8BAAqB;AACnC,cAAc,qBAAY;AAC1B,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,oBAAW;AACzB,cAAc,oBAAW","ignoreList":[]}