@hzblj/kara-components 0.17.0 → 0.18.0

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

@@ -7,13 +7,18 @@ import { animateConfig, splitAccessibility, useAccessibilityModifiers, useSxModi
 import { duration, easing, springPhysics, useAppTheme } from '@hzblj/kara-theme';
 import { useMemo } from 'react';
 import { useHostGuard } from "../../host-context.js";
-import { spansOf } from "./spans.js";
+import { spansOf, textOf } from "./spans.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const DECORATION = {
   none: 'none',
   strikethrough: 'lineThrough',
   underline: 'underline'
 };
+const OVERFLOW = {
+  head: 'startEllipsis',
+  middle: 'middleEllipsis',
+  tail: 'ellipsis'
+};
 const applyTransform = (children, transform) => {
   if (!transform || typeof children !== 'string') {
     return children;
@@ -66,6 +71,7 @@ export const Text = ({
   numberOfLines,
   testID,
   transform,
+  truncation = 'tail',
   variant = 'body',
   ...props
 }) => {
@@ -78,12 +84,16 @@ export const Text = ({
   const modifiers = useMemo(() => [...sxModifiers, ...(testID ? [testIdModifier(testID)] : []), ...accessibilityModifiers], [accessibilityModifiers, sxModifiers, testID]);
   const spans = useMemo(() => spansOf(children, Text), [children]);
   const animate = sx.animate === false ? undefined : sx.animate;
+  // Compose ellipsizes at the start or in the middle of a single line only, and clips a longer text: that ends at the
+  // tail instead.
+  const overflow = numberOfLines === 1 ? OVERFLOW[truncation] : 'ellipsis';
 
-  // `@expo/ui`'s text takes spans but animates none, and sets no font features: with `animate`, kara's own Compose text
-  // eases each span's colour, and with `monospacedDigit` asks the face for its tabular figures.
-  if (animate !== undefined || monospacedDigit) {
+  // `@expo/ui`'s text takes spans but animates none, sets no font features and ellipsizes only at the end: with
+  // `animate`, kara's own Compose text eases each span's colour, with `monospacedDigit` asks the face for its tabular
+  // figures, and puts the ellipsis at the start or in the middle of a line.
+  if (animate !== undefined || monospacedDigit || overflow !== 'ellipsis') {
     const runs = spans ?? [{
-      text: typeof children === 'string' || typeof children === 'number' ? String(children) : ''
+      text: textOf(children)
     }];
     return /*#__PURE__*/_jsx(AnimatedText, {
       animation: animate === undefined ? undefined : textAnimation(animateConfig(animate)),
@@ -100,13 +110,15 @@ export const Text = ({
       })),
       textAlign: align,
       textColor: theme.colorString(color),
-      textDecoration: decorationOf(decoration)
+      textDecoration: decorationOf(decoration),
+      textOverflow: overflow
     });
   }
   return /*#__PURE__*/_jsx(ComposeText, {
     color: theme.colorString(color),
     maxLines: numberOfLines,
     modifiers: modifiers,
+    overflow: "ellipsis",
     style: {
       fontFamily: style.fontFamily,
       fontSize: style.fontSize,

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

@@ -1 +1 @@
-{"version":3,"names":["Text","ComposeText","testID","testIdModifier","AnimatedText","animateConfig","splitAccessibility","useAccessibilityModifiers","useSxModifiers","duration","easing","springPhysics","useAppTheme","useMemo","useHostGuard","spansOf","jsx","_jsx","DECORATION","none","strikethrough","underline","applyTransform","children","transform","toUpperCase","toLowerCase","decorationOf","decoration","undefined","transformed","text","textAnimation","config","spring","dampingRatio","stiffness","type","milliseconds","curve","omega","Math","PI","delayMillis","delay","durationMillis","align","color","monospaced","monospacedDigit","numberOfLines","variant","props","theme","style","monoTypography","typography","accessibility","sx","sxModifiers","accessibilityModifiers","modifiers","spans","animate","runs","String","animation","fontFamily","fontFeatureSettings","fontSize","fontWeight","lineHeight","maxLines","map","span","colorString","textAlign","textColor","textDecoration","index"],"sourceRoot":"../../../../src","sources":["atoms/text/text.android.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Text","ComposeText","testID","testIdModifier","AnimatedText","animateConfig","splitAccessibility","useAccessibilityModifiers","useSxModifiers","duration","easing","springPhysics","useAppTheme","useMemo","useHostGuard","spansOf","textOf","jsx","_jsx","DECORATION","none","strikethrough","underline","OVERFLOW","head","middle","tail","applyTransform","children","transform","toUpperCase","toLowerCase","decorationOf","decoration","undefined","transformed","text","textAnimation","config","spring","dampingRatio","stiffness","type","milliseconds","curve","omega","Math","PI","delayMillis","delay","durationMillis","align","color","monospaced","monospacedDigit","numberOfLines","truncation","variant","props","theme","style","monoTypography","typography","accessibility","sx","sxModifiers","accessibilityModifiers","modifiers","spans","animate","overflow","runs","animation","fontFamily","fontFeatureSettings","fontSize","fontWeight","lineHeight","maxLines","map","span","colorString","textAlign","textColor","textDecoration","textOverflow","index"],"sourceRoot":"../../../../src","sources":["atoms/text/text.android.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 "use strict";
 
 import { Text as SwiftUIText } from '@expo/ui/swift-ui';
-import { foregroundStyle, lineLimit, lineSpacing, monospacedDigit as monospacedDigitModifier, multilineTextAlignment, strikethrough, textCase, underline } from '@expo/ui/swift-ui/modifiers';
+import { foregroundStyle, lineLimit, lineSpacing, monospacedDigit as monospacedDigitModifier, multilineTextAlignment, strikethrough, textCase, truncationMode, underline } from '@expo/ui/swift-ui/modifiers';
 import { scaledFont } from '@hzblj/kara-native/swift-ui';
 import { splitAccessibility, textColorTransition, useAccessibilityModifiers, useSxModifiers } from '@hzblj/kara-sx';
 import { useAppTheme } from '@hzblj/kara-theme';
@@ -31,6 +31,7 @@ export const Text = ({
   numberOfLines,
   testID,
   transform,
+  truncation,
   variant = 'body',
   ...props
 }) => {
@@ -79,8 +80,11 @@ export const Text = ({
     if (numberOfLines !== undefined) {
       list.push(lineLimit(numberOfLines));
     }
+    if (truncation) {
+      list.push(truncationMode(truncation));
+    }
     return [...list, ...transition, ...sxModifiers, ...accessibilityModifiers];
-  }, [accessibilityModifiers, align, color, decoration, monospacedDigit, numberOfLines, style, sxModifiers, theme, transform, transition]);
+  }, [accessibilityModifiers, align, color, decoration, monospacedDigit, numberOfLines, style, sxModifiers, theme, transform, transition, truncation]);
   return /*#__PURE__*/_jsx(SwiftUIText, {
     modifiers: modifiers,
     testID: testID,

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

@@ -1 +1 @@
-{"version":3,"names":["Text","SwiftUIText","foregroundStyle","lineLimit","lineSpacing","monospacedDigit","monospacedDigitModifier","multilineTextAlignment","strikethrough","textCase","underline","scaledFont","splitAccessibility","textColorTransition","useAccessibilityModifiers","useSxModifiers","useAppTheme","useMemo","useHostGuard","spansKey","spansOf","jsx","_jsx","ALIGNMENT","center","left","right","FRAME_ALIGNMENT","align","children","color","decoration","monospaced","numberOfLines","testID","transform","variant","props","theme","style","monoTypography","typography","accessibility","sx","sxModifiers","accessibilityModifiers","spans","animate","transition","modifiers","list","family","fontFamily","size","fontSize","textStyle","scalesWith","weight","Math","max","lineHeight","push","isActive","pattern","undefined","map","span","index","text"],"sourceRoot":"../../../../src","sources":["atoms/text/text.ios.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Text","SwiftUIText","foregroundStyle","lineLimit","lineSpacing","monospacedDigit","monospacedDigitModifier","multilineTextAlignment","strikethrough","textCase","truncationMode","underline","scaledFont","splitAccessibility","textColorTransition","useAccessibilityModifiers","useSxModifiers","useAppTheme","useMemo","useHostGuard","spansKey","spansOf","jsx","_jsx","ALIGNMENT","center","left","right","FRAME_ALIGNMENT","align","children","color","decoration","monospaced","numberOfLines","testID","transform","truncation","variant","props","theme","style","monoTypography","typography","accessibility","sx","sxModifiers","accessibilityModifiers","spans","animate","transition","modifiers","list","family","fontFamily","size","fontSize","textStyle","scalesWith","weight","Math","max","lineHeight","push","isActive","pattern","undefined","map","span","index","text"],"sourceRoot":"../../../../src","sources":["atoms/text/text.ios.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+"use strict";
+
+/** Keyboards for an address, where a capital or a correction the user did not type would only break it. */
+const ADDRESS_KEYBOARDS = new Set(['email', 'url']);
+
+/** The capitalisation asked for, else `none` for an address; `undefined` leaves the platform's own. */
+export const capitalizationFor = (keyboard, autoCapitalize) => autoCapitalize ?? (ADDRESS_KEYBOARDS.has(keyboard) ? 'none' : undefined);
+
+/** Autocorrection as asked for, else on for everything but an address. */
+export const autoCorrectFor = (keyboard, autoCorrect) => autoCorrect ?? !ADDRESS_KEYBOARDS.has(keyboard);
+
+/** A no-op for a ref call that lands after the native view has gone. */
+export const ignoreDetachedView = () => undefined;
+//# sourceMappingURL=text-field-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ADDRESS_KEYBOARDS","Set","capitalizationFor","keyboard","autoCapitalize","has","undefined","autoCorrectFor","autoCorrect","ignoreDetachedView"],"sourceRoot":"../../../../src","sources":["atoms/text-field/text-field-input.ts"],"mappings":";;AAEA;AACA,MAAMA,iBAAiD,GAAG,IAAIC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;;AAEnF;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAC/BC,QAA2B,EAC3BC,cAAmD,KACXA,cAAc,KAAKJ,iBAAiB,CAACK,GAAG,CAACF,QAAQ,CAAC,GAAG,MAAM,GAAGG,SAAS,CAAC;;AAElH;AACA,OAAO,MAAMC,cAAc,GAAGA,CAACJ,QAA2B,EAAEK,WAAgC,KAC1FA,WAAW,IAAI,CAACR,iBAAiB,CAACK,GAAG,CAACF,QAAQ,CAAC;;AAEjD;AACA,OAAO,MAAMM,kBAAkB,GAAGA,CAAA,KAAMH,SAAS","ignoreList":[]}

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

@@ -1,28 +1,122 @@
 "use strict";
 
 import { Column, Text as ComposeText, OutlinedTextField, useNativeState } from '@expo/ui/jetpack-compose';
+import { semantics, testID as testIdModifier } from '@expo/ui/jetpack-compose/modifiers';
 import { useSxModifiers } from '@hzblj/kara-sx';
 import { useAppTheme } from '@hzblj/kara-theme';
+import { useImperativeHandle, useMemo, useRef } from 'react';
 import { Glyph } from "../../glyph/index.js";
 import { useHostGuard } from "../../host-context.js";
+import { autoCorrectFor, capitalizationFor, ignoreDetachedView } from "./text-field-input.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const KEYBOARD = {
+  decimal: 'decimal',
+  default: 'text',
+  email: 'email',
+  number: 'number',
+  phone: 'phone',
+  url: 'uri'
+};
+
+/**
+ * A `secure` field asks for the password keyboards: they suggest nothing and learn nothing, and they are what Android's
+ * autofill takes for a password field.
+ */
+const SECURE_KEYBOARD = {
+  ...KEYBOARD,
+  default: 'password',
+  number: 'numberPassword'
+};
+
+/** Compose's autofill `ContentType`s, by the hint names `@expo/ui`'s `semantics` modifier maps to them. */
+const AUTOFILL_HINT = {
+  addressCity: 'postal-address-locality',
+  countryName: 'country',
+  creditCardNumber: 'cc-number',
+  emailAddress: 'email',
+  familyName: 'family-name',
+  fullStreetAddress: 'street-address',
+  givenName: 'given-name',
+  name: 'name',
+  newPassword: 'new-password',
+  oneTimeCode: 'one-time-code',
+  password: 'password',
+  postalCode: 'postal-code',
+  streetAddressLine1: 'address-line1',
+  streetAddressLine2: 'address-line2',
+  telephoneNumber: 'tel',
+  username: 'username'
+};
 export const TextField = ({
+  autoCapitalize,
+  autoCorrect,
+  autoFocus = false,
+  contentType,
   defaultValue = '',
   disabled = false,
   error = false,
+  keyboard = 'default',
   label,
+  maxLength,
   multiline = false,
   onChangeText,
-  secure = false
+  onFocusChange,
+  onSubmit,
+  placeholder,
+  ref,
+  secure = false,
+  submitLabel,
+  testID
 }) => {
   useHostGuard('TextField');
   const theme = useAppTheme();
   const value = useNativeState(defaultValue);
-  const modifiers = useSxModifiers({
+  const field = useRef(null);
+  const sxModifiers = useSxModifiers({
     wide: true
   });
   const invalid = Boolean(error);
   const message = typeof error === 'string' && error ? error : undefined;
+  const face = {
+    fontFamily: theme.typography.body.fontFamily,
+    fontWeight: theme.typography.body.fontWeight
+  };
+  const capitalization = capitalizationFor(keyboard, autoCapitalize) ?? 'none';
+  const corrects = !secure && autoCorrectFor(keyboard, autoCorrect);
+  const singleLine = !multiline;
+  const submits = singleLine && Boolean(onSubmit);
+  useImperativeHandle(ref, () => ({
+    blur: () => field.current?.blur().catch(ignoreDetachedView),
+    // The field reports no text set from code, so the change is reported here.
+    clear: () => {
+      field.current?.clear().catch(ignoreDetachedView);
+      onChangeText?.('');
+    },
+    focus: () => field.current?.focus().catch(ignoreDetachedView)
+  }), [onChangeText]);
+  const modifiers = useMemo(() => [...sxModifiers, ...(testID ? [testIdModifier(testID)] : []), ...(contentType ? [semantics({
+    contentType: AUTOFILL_HINT[contentType]
+  })] : [])], [contentType, sxModifiers, testID]);
+
+  /**
+   * A multiline field keeps the default action, a return key that starts a new line. A single-line one asked for
+   * `onSubmit` without a `submitLabel` gets `done`: Compose only runs the keyboard action it was given.
+   */
+  const keyboardOptions = useMemo(() => ({
+    autoCorrectEnabled: corrects,
+    capitalization,
+    imeAction: singleLine ? submitLabel ?? (submits ? 'done' : 'default') : 'default',
+    keyboardType: (secure ? SECURE_KEYBOARD : KEYBOARD)[keyboard]
+  }), [capitalization, corrects, keyboard, secure, singleLine, submitLabel, submits]);
+
+  // Only the action matching `imeAction` ever fires, so each one is the submit.
+  const keyboardActions = useMemo(() => submits && onSubmit ? {
+    onDone: onSubmit,
+    onGo: onSubmit,
+    onNext: onSubmit,
+    onSearch: onSubmit,
+    onSend: onSubmit
+  } : undefined, [onSubmit, submits]);
   return /*#__PURE__*/_jsxs(Column, {
     verticalArrangement: {
       spacedBy: 4
@@ -32,19 +126,32 @@ export const TextField = ({
       style: theme.typography.labelMedium,
       children: label
     }) : null, /*#__PURE__*/_jsxs(OutlinedTextField, {
+      autoFocus: autoFocus,
       enabled: !disabled,
       isError: invalid,
+      keyboardActions: keyboardActions,
+      keyboardOptions: keyboardOptions,
+      maxLength: maxLength,
       modifiers: modifiers,
+      onFocusChanged: onFocusChange,
       onValueChange: onChangeText,
-      singleLine: !multiline,
+      ref: field,
+      singleLine: singleLine,
       textStyle: {
         color: theme.colorString('content.primary'),
-        fontFamily: theme.typography.body.fontFamily,
-        fontWeight: theme.typography.body.fontWeight
+        ...face
       },
       value: value,
       visualTransformation: secure ? 'password' : 'none',
-      children: [invalid ? /*#__PURE__*/_jsx(OutlinedTextField.TrailingIcon, {
+      children: [placeholder ?
+      /*#__PURE__*/
+      // No colour of its own: Material's placeholder colour comes down to it, dimmed with the field.
+      _jsx(OutlinedTextField.Placeholder, {
+        children: /*#__PURE__*/_jsx(ComposeText, {
+          style: face,
+          children: placeholder
+        })
+      }) : null, invalid ? /*#__PURE__*/_jsx(OutlinedTextField.TrailingIcon, {
         children: /*#__PURE__*/_jsx(Glyph, {
           color: "content.destructive",
           name: "error"

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

@@ -1 +1 @@
-{"version":3,"names":["Column","Text","ComposeText","OutlinedTextField","useNativeState","useSxModifiers","useAppTheme","Glyph","useHostGuard","jsx","_jsx","jsxs","_jsxs","TextField","defaultValue","disabled","error","label","multiline","onChangeText","secure","theme","value","modifiers","wide","invalid","Boolean","message","undefined","verticalArrangement","spacedBy","children","color","colorString","style","typography","labelMedium","enabled","isError","onValueChange","singleLine","textStyle","fontFamily","body","fontWeight","visualTransformation","TrailingIcon","name","SupportingText","footnote"],"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,KAAK,QAAO,sBAAa;AACjC,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,GAAGf,WAAW,CAAC,CAAC;EAC3B,MAAMgB,KAAK,GAAGlB,cAAc,CAACU,YAAY,CAAC;EAC1C,MAAMS,SAAS,GAAGlB,cAAc,CAAC;IAACmB,IAAI,EAAE;EAAI,CAAC,CAAC;EAC9C,MAAMC,OAAO,GAAGC,OAAO,CAACV,KAAK,CAAC;EAC9B,MAAMW,OAAO,GAAG,OAAOX,KAAK,KAAK,QAAQ,IAAIA,KAAK,GAAGA,KAAK,GAAGY,SAAS;EAEtE,oBACEhB,KAAA,CAACZ,MAAM;IAAC6B,mBAAmB,EAAE;MAACC,QAAQ,EAAE;IAAC,CAAE;IAAAC,QAAA,GACxCd,KAAK,gBACJP,IAAA,CAACR,WAAW;MACV8B,KAAK,EAAEX,KAAK,CAACY,WAAW,CAACR,OAAO,GAAG,qBAAqB,GAAG,mBAAmB,CAAE;MAChFS,KAAK,EAAEb,KAAK,CAACc,UAAU,CAACC,WAAY;MAAAL,QAAA,EAEnCd;IAAK,CACK,CAAC,GACZ,IAAI,eACRL,KAAA,CAACT,iBAAiB;MAChBkC,OAAO,EAAE,CAACtB,QAAS;MACnBuB,OAAO,EAAEb,OAAQ;MACjBF,SAAS,EAAEA,SAAU;MACrBgB,aAAa,EAAEpB,YAAa;MAC5BqB,UAAU,EAAE,CAACtB,SAAU;MACvBuB,SAAS,EAAE;QACTT,KAAK,EAAEX,KAAK,CAACY,WAAW,CAAC,iBAAiB,CAAC;QAC3CS,UAAU,EAAErB,KAAK,CAACc,UAAU,CAACQ,IAAI,CAACD,UAAU;QAC5CE,UAAU,EAAEvB,KAAK,CAACc,UAAU,CAACQ,IAAI,CAACC;MACpC,CAAE;MACFtB,KAAK,EAAEA,KAAM;MACbuB,oBAAoB,EAAEzB,MAAM,GAAG,UAAU,GAAG,MAAO;MAAAW,QAAA,GAElDN,OAAO,gBACNf,IAAA,CAACP,iBAAiB,CAAC2C,YAAY;QAAAf,QAAA,eAC7BrB,IAAA,CAACH,KAAK;UAACyB,KAAK,EAAC,qBAAqB;UAACe,IAAI,EAAC;QAAO,CAAE;MAAC,CACpB,CAAC,GAC/B,IAAI,EACPpB,OAAO,gBACNjB,IAAA,CAACP,iBAAiB,CAAC6C,cAAc;QAAAjB,QAAA,eAC/BrB,IAAA,CAACR,WAAW;UAAC8B,KAAK,EAAEX,KAAK,CAACY,WAAW,CAAC,qBAAqB,CAAE;UAACC,KAAK,EAAEb,KAAK,CAACc,UAAU,CAACc,QAAS;UAAAlB,QAAA,EAC5FJ;QAAO,CACG;MAAC,CACkB,CAAC,GACjC,IAAI;IAAA,CACS,CAAC;EAAA,CACd,CAAC;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["Column","Text","ComposeText","OutlinedTextField","useNativeState","semantics","testID","testIdModifier","useSxModifiers","useAppTheme","useImperativeHandle","useMemo","useRef","Glyph","useHostGuard","autoCorrectFor","capitalizationFor","ignoreDetachedView","jsx","_jsx","jsxs","_jsxs","KEYBOARD","decimal","default","email","number","phone","url","SECURE_KEYBOARD","AUTOFILL_HINT","addressCity","countryName","creditCardNumber","emailAddress","familyName","fullStreetAddress","givenName","name","newPassword","oneTimeCode","password","postalCode","streetAddressLine1","streetAddressLine2","telephoneNumber","username","TextField","autoCapitalize","autoCorrect","autoFocus","contentType","defaultValue","disabled","error","keyboard","label","maxLength","multiline","onChangeText","onFocusChange","onSubmit","placeholder","ref","secure","submitLabel","theme","value","field","sxModifiers","wide","invalid","Boolean","message","undefined","face","fontFamily","typography","body","fontWeight","capitalization","corrects","singleLine","submits","blur","current","catch","clear","focus","modifiers","keyboardOptions","autoCorrectEnabled","imeAction","keyboardType","keyboardActions","onDone","onGo","onNext","onSearch","onSend","verticalArrangement","spacedBy","children","color","colorString","style","labelMedium","enabled","isError","onFocusChanged","onValueChange","textStyle","visualTransformation","Placeholder","TrailingIcon","SupportingText","footnote"],"sourceRoot":"../../../../src","sources":["atoms/text-field/text-field.android.tsx"],"mappings":";;AAAA,SACEA,MAAM,EACNC,IAAI,IAAIC,WAAW,EAEnBC,iBAAiB,EAIjBC,cAAc,QACT,0BAA0B;AACjC,SAAQC,SAAS,EAAEC,MAAM,IAAIC,cAAc,QAAO,oCAAoC;AACtF,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,mBAAmB,EAAEC,OAAO,EAAEC,MAAM,QAAO,OAAO;AAC1D,SAAQC,KAAK,QAAO,sBAAa;AACjC,SAAQC,YAAY,QAAO,uBAAoB;AAE/C,SAAQC,cAAc,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExF,MAAMC,QAAQ,GAAG;EACfC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,MAAM;EACfC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE,OAAO;EACdC,GAAG,EAAE;AACP,CAAqE;;AAErE;AACA;AACA;AACA;AACA,MAAMC,eAAe,GAAG;EACtB,GAAGP,QAAQ;EACXE,OAAO,EAAE,UAAU;EACnBE,MAAM,EAAE;AACV,CAAqE;;AAErE;AACA,MAAMI,aAAa,GAAG;EACpBC,WAAW,EAAE,yBAAyB;EACtCC,WAAW,EAAE,SAAS;EACtBC,gBAAgB,EAAE,WAAW;EAC7BC,YAAY,EAAE,OAAO;EACrBC,UAAU,EAAE,aAAa;EACzBC,iBAAiB,EAAE,gBAAgB;EACnCC,SAAS,EAAE,YAAY;EACvBC,IAAI,EAAE,MAAM;EACZC,WAAW,EAAE,cAAc;EAC3BC,WAAW,EAAE,eAAe;EAC5BC,QAAQ,EAAE,UAAU;EACpBC,UAAU,EAAE,aAAa;EACzBC,kBAAkB,EAAE,eAAe;EACnCC,kBAAkB,EAAE,eAAe;EACnCC,eAAe,EAAE,KAAK;EACtBC,QAAQ,EAAE;AACZ,CAAyD;AAEzD,OAAO,MAAMC,SAA6B,GAAGA,CAAC;EAC5CC,cAAc;EACdC,WAAW;EACXC,SAAS,GAAG,KAAK;EACjBC,WAAW;EACXC,YAAY,GAAG,EAAE;EACjBC,QAAQ,GAAG,KAAK;EAChBC,KAAK,GAAG,KAAK;EACbC,QAAQ,GAAG,SAAS;EACpBC,KAAK;EACLC,SAAS;EACTC,SAAS,GAAG,KAAK;EACjBC,YAAY;EACZC,aAAa;EACbC,QAAQ;EACRC,WAAW;EACXC,GAAG;EACHC,MAAM,GAAG,KAAK;EACdC,WAAW;EACX3D;AACc,CAAC,KAAK;EACpBQ,YAAY,CAAC,WAAW,CAAC;EACzB,MAAMoD,KAAK,GAAGzD,WAAW,CAAC,CAAC;EAC3B,MAAM0D,KAAK,GAAG/D,cAAc,CAACgD,YAAY,CAAC;EAC1C,MAAMgB,KAAK,GAAGxD,MAAM,CAAsB,IAAI,CAAC;EAC/C,MAAMyD,WAAW,GAAG7D,cAAc,CAAC;IAAC8D,IAAI,EAAE;EAAI,CAAC,CAAC;EAChD,MAAMC,OAAO,GAAGC,OAAO,CAAClB,KAAK,CAAC;EAC9B,MAAMmB,OAAO,GAAG,OAAOnB,KAAK,KAAK,QAAQ,IAAIA,KAAK,GAAGA,KAAK,GAAGoB,SAAS;EACtE,MAAMC,IAAI,GAAG;IAACC,UAAU,EAAEV,KAAK,CAACW,UAAU,CAACC,IAAI,CAACF,UAAU;IAAEG,UAAU,EAAEb,KAAK,CAACW,UAAU,CAACC,IAAI,CAACC;EAAU,CAAC;EACzG,MAAMC,cAAc,GAAGhE,iBAAiB,CAACuC,QAAQ,EAAEP,cAAc,CAAC,IAAI,MAAM;EAC5E,MAAMiC,QAAQ,GAAG,CAACjB,MAAM,IAAIjD,cAAc,CAACwC,QAAQ,EAAEN,WAAW,CAAC;EACjE,MAAMiC,UAAU,GAAG,CAACxB,SAAS;EAC7B,MAAMyB,OAAO,GAAGD,UAAU,IAAIV,OAAO,CAACX,QAAQ,CAAC;EAE/CnD,mBAAmB,CACjBqD,GAAG,EACH,OAAO;IACLqB,IAAI,EAAEA,CAAA,KAAMhB,KAAK,CAACiB,OAAO,EAAED,IAAI,CAAC,CAAC,CAACE,KAAK,CAACrE,kBAAkB,CAAC;IAC3D;IACAsE,KAAK,EAAEA,CAAA,KAAM;MACXnB,KAAK,CAACiB,OAAO,EAAEE,KAAK,CAAC,CAAC,CAACD,KAAK,CAACrE,kBAAkB,CAAC;MAChD0C,YAAY,GAAG,EAAE,CAAC;IACpB,CAAC;IACD6B,KAAK,EAAEA,CAAA,KAAMpB,KAAK,CAACiB,OAAO,EAAEG,KAAK,CAAC,CAAC,CAACF,KAAK,CAACrE,kBAAkB;EAC9D,CAAC,CAAC,EACF,CAAC0C,YAAY,CACf,CAAC;EAED,MAAM8B,SAAS,GAAG9E,OAAO,CACvB,MAAM,CACJ,GAAG0D,WAAW,EACd,IAAI/D,MAAM,GAAG,CAACC,cAAc,CAACD,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAC3C,IAAI6C,WAAW,GAAG,CAAC9C,SAAS,CAAC;IAAC8C,WAAW,EAAErB,aAAa,CAACqB,WAAW;EAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAC/E,EACD,CAACA,WAAW,EAAEkB,WAAW,EAAE/D,MAAM,CACnC,CAAC;;EAED;AACF;AACA;AACA;EACE,MAAMoF,eAAe,GAAG/E,OAAO,CAC7B,OAAO;IACLgF,kBAAkB,EAAEV,QAAQ;IAC5BD,cAAc;IACdY,SAAS,EAAEV,UAAU,GAAIjB,WAAW,KAAKkB,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,GAAI,SAAS;IACnFU,YAAY,EAAE,CAAC7B,MAAM,GAAGnC,eAAe,GAAGP,QAAQ,EAAEiC,QAAQ;EAC9D,CAAC,CAAC,EACF,CAACyB,cAAc,EAAEC,QAAQ,EAAE1B,QAAQ,EAAES,MAAM,EAAEkB,UAAU,EAAEjB,WAAW,EAAEkB,OAAO,CAC/E,CAAC;;EAED;EACA,MAAMW,eAAe,GAAGnF,OAAO,CAC7B,MACEwE,OAAO,IAAItB,QAAQ,GACf;IAACkC,MAAM,EAAElC,QAAQ;IAAEmC,IAAI,EAAEnC,QAAQ;IAAEoC,MAAM,EAAEpC,QAAQ;IAAEqC,QAAQ,EAAErC,QAAQ;IAAEsC,MAAM,EAAEtC;EAAQ,CAAC,GAC1Fa,SAAS,EACf,CAACb,QAAQ,EAAEsB,OAAO,CACpB,CAAC;EAED,oBACE9D,KAAA,CAACrB,MAAM;IAACoG,mBAAmB,EAAE;MAACC,QAAQ,EAAE;IAAC,CAAE;IAAAC,QAAA,GACxC9C,KAAK,gBACJrC,IAAA,CAACjB,WAAW;MACVqG,KAAK,EAAErC,KAAK,CAACsC,WAAW,CAACjC,OAAO,GAAG,qBAAqB,GAAG,mBAAmB,CAAE;MAChFkC,KAAK,EAAEvC,KAAK,CAACW,UAAU,CAAC6B,WAAY;MAAAJ,QAAA,EAEnC9C;IAAK,CACK,CAAC,GACZ,IAAI,eACRnC,KAAA,CAAClB,iBAAiB;MAChB+C,SAAS,EAAEA,SAAU;MACrByD,OAAO,EAAE,CAACtD,QAAS;MACnBuD,OAAO,EAAErC,OAAQ;MACjBuB,eAAe,EAAEA,eAAgB;MACjCJ,eAAe,EAAEA,eAAgB;MACjCjC,SAAS,EAAEA,SAAU;MACrBgC,SAAS,EAAEA,SAAU;MACrBoB,cAAc,EAAEjD,aAAc;MAC9BkD,aAAa,EAAEnD,YAAa;MAC5BI,GAAG,EAAEK,KAAM;MACXc,UAAU,EAAEA,UAAW;MACvB6B,SAAS,EAAE;QAACR,KAAK,EAAErC,KAAK,CAACsC,WAAW,CAAC,iBAAiB,CAAC;QAAE,GAAG7B;MAAI,CAAE;MAClER,KAAK,EAAEA,KAAM;MACb6C,oBAAoB,EAAEhD,MAAM,GAAG,UAAU,GAAG,MAAO;MAAAsC,QAAA,GAElDxC,WAAW;MAAA;MACV;MACA3C,IAAA,CAAChB,iBAAiB,CAAC8G,WAAW;QAAAX,QAAA,eAC5BnF,IAAA,CAACjB,WAAW;UAACuG,KAAK,EAAE9B,IAAK;UAAA2B,QAAA,EAAExC;QAAW,CAAc;MAAC,CACxB,CAAC,GAC9B,IAAI,EACPS,OAAO,gBACNpD,IAAA,CAAChB,iBAAiB,CAAC+G,YAAY;QAAAZ,QAAA,eAC7BnF,IAAA,CAACN,KAAK;UAAC0F,KAAK,EAAC,qBAAqB;UAACjE,IAAI,EAAC;QAAO,CAAE;MAAC,CACpB,CAAC,GAC/B,IAAI,EACPmC,OAAO,gBACNtD,IAAA,CAAChB,iBAAiB,CAACgH,cAAc;QAAAb,QAAA,eAC/BnF,IAAA,CAACjB,WAAW;UAACqG,KAAK,EAAErC,KAAK,CAACsC,WAAW,CAAC,qBAAqB,CAAE;UAACC,KAAK,EAAEvC,KAAK,CAACW,UAAU,CAACuC,QAAS;UAAAd,QAAA,EAC5F7B;QAAO,CACG;MAAC,CACkB,CAAC,GACjC,IAAI;IAAA,CACS,CAAC;EAAA,CACd,CAAC;AAEb,CAAC","ignoreList":[]}

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

@@ -1,12 +1,13 @@
 "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 { autocorrectionDisabled, disabled as disabledModifier, keyboardType, onSubmit as onSubmitModifier, submitLabel as submitLabelModifier, textContentType, textFieldStyle, textInputAutocapitalization } from '@expo/ui/swift-ui/modifiers';
 import { useSxModifiers } from '@hzblj/kara-sx';
 import { spacing } from '@hzblj/kara-theme';
-import { useMemo } from 'react';
+import { useImperativeHandle, useMemo, useRef } from 'react';
 import { useHostGuard } from "../../host-context.js";
 import { Text } from "../text/index.js";
+import { autoCorrectFor, capitalizationFor, ignoreDetachedView } from "./text-field-input.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TONE = {
   default: {
@@ -26,6 +27,22 @@ const TONE = {
   }
 };
 
+/** UIKit's keyboards. `number` is the digits-only pad, which, like `decimal` and `phone`, has no return key. */
+const KEYBOARD = {
+  decimal: 'decimal-pad',
+  default: 'default',
+  email: 'email-address',
+  number: 'numeric',
+  phone: 'phone-pad',
+  url: 'url'
+};
+const CAPITALIZATION = {
+  characters: 'characters',
+  none: 'never',
+  sentences: 'sentences',
+  words: 'words'
+};
+
 /**
  * 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.
@@ -37,19 +54,45 @@ const toneOf = (disabled, error) => {
   return error ? 'error' : 'default';
 };
 export const TextField = ({
+  autoCapitalize,
+  autoCorrect,
+  autoFocus = false,
+  contentType,
   defaultValue = '',
   disabled = false,
   error = false,
+  keyboard = 'default',
   label,
+  maxLength,
   multiline = false,
   onChangeText,
+  onFocusChange,
+  onSubmit,
+  placeholder,
+  ref,
   secure = false,
+  submitLabel,
   testID
 }) => {
   useHostGuard('TextField');
   const text = useNativeState(defaultValue);
+  // One handle for either field: `SecureFieldRef` is `TextFieldRef` without the selection.
+  const field = useRef(null);
   const tone = TONE[toneOf(disabled, Boolean(error))];
   const message = tone === TONE.error && typeof error === 'string' && error ? error : undefined;
+  const capitalization = capitalizationFor(keyboard, autoCapitalize);
+  const corrects = autoCorrectFor(keyboard, autoCorrect);
+  // A `SecureField` is one line whatever `multiline` says; a vertical `TextField`'s return key starts a new line.
+  const singleLine = secure || !multiline;
+  useImperativeHandle(ref, () => ({
+    blur: () => field.current?.blur().catch(ignoreDetachedView),
+    // Neither field reports a text set from code, so the change is reported here.
+    clear: () => {
+      field.current?.clear().catch(ignoreDetachedView);
+      onChangeText?.('');
+    },
+    focus: () => field.current?.focus().catch(ignoreDetachedView)
+  }), [onChangeText]);
   const sxModifiers = useSxModifiers({
     bg: tone.bg,
     borderColor: tone.border,
@@ -64,8 +107,27 @@ export const TextField = ({
     if (disabled) {
       list.push(disabledModifier(true));
     }
+    if (keyboard !== 'default') {
+      list.push(keyboardType(KEYBOARD[keyboard]));
+    }
+    if (capitalization) {
+      list.push(textInputAutocapitalization(CAPITALIZATION[capitalization]));
+    }
+    if (!corrects) {
+      list.push(autocorrectionDisabled(true));
+    }
+    if (contentType) {
+      list.push(textContentType(contentType));
+    }
+    if (singleLine && submitLabel) {
+      list.push(submitLabelModifier(submitLabel));
+    }
+    if (singleLine && onSubmit) {
+      // `onSubmit` reports no text, so it is read off the field's state, which the typing has already written.
+      list.push(onSubmitModifier(() => onSubmit(text.get())));
+    }
     return list;
-  }, [disabled, sxModifiers]);
+  }, [capitalization, contentType, corrects, disabled, keyboard, onSubmit, singleLine, submitLabel, sxModifiers, text]);
   return /*#__PURE__*/_jsxs(VStack, {
     alignment: "leading",
     spacing: spacing.s4,
@@ -74,14 +136,24 @@ export const TextField = ({
       variant: "labelMedium",
       children: label
     }) : null, secure ? /*#__PURE__*/_jsx(SecureField, {
+      autoFocus: autoFocus,
+      maxLength: maxLength,
       modifiers: modifiers,
+      onFocusChange: onFocusChange,
       onTextChange: onChangeText,
+      placeholder: placeholder,
+      ref: field,
       testID: testID,
       text: text
     }) : /*#__PURE__*/_jsx(SwiftUITextField, {
+      autoFocus: autoFocus,
       axis: multiline ? 'vertical' : 'horizontal',
+      maxLength: maxLength,
       modifiers: modifiers,
+      onFocusChange: onFocusChange,
       onTextChange: onChangeText,
+      placeholder: placeholder,
+      ref: field,
       testID: testID,
       text: text
     }), message ? /*#__PURE__*/_jsx(Text, {

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

@@ -1 +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","Boolean","message","undefined","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":[]}
+{"version":3,"names":["SecureField","TextField","SwiftUITextField","useNativeState","VStack","autocorrectionDisabled","disabled","disabledModifier","keyboardType","onSubmit","onSubmitModifier","submitLabel","submitLabelModifier","textContentType","textFieldStyle","textInputAutocapitalization","useSxModifiers","spacing","useImperativeHandle","useMemo","useRef","useHostGuard","Text","autoCorrectFor","capitalizationFor","ignoreDetachedView","jsx","_jsx","jsxs","_jsxs","TONE","default","bg","border","label","error","KEYBOARD","decimal","email","number","phone","url","CAPITALIZATION","characters","none","sentences","words","toneOf","autoCapitalize","autoCorrect","autoFocus","contentType","defaultValue","keyboard","maxLength","multiline","onChangeText","onFocusChange","placeholder","ref","secure","testID","text","field","tone","Boolean","message","undefined","capitalization","corrects","singleLine","blur","current","catch","clear","focus","sxModifiers","borderColor","borderRadius","borderWidth","px","py","wide","modifiers","list","push","get","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/molecules/collapsible/collapsible.android.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import { AnimatedVisibility, Box, Column, Text as ComposeText, EnterTransition, ExitTransition, Row } from '@expo/ui/jetpack-compose';
-import { animated, clickable, defaultMinSize, fillMaxWidth, graphicsLayer, tween } from '@expo/ui/jetpack-compose/modifiers';
+import { animated, clickable, defaultMinSize, fillMaxWidth, graphicsLayer, testID as testIdModifier, tween } from '@expo/ui/jetpack-compose/modifiers';
 import { useAccessibilityModifiers } from '@hzblj/kara-sx';
 import { duration, useAppTheme, useReducedMotion } from '@hzblj/kara-theme';
 import { useMemo } from 'react';
@@ -38,7 +38,8 @@ export const Collapsible = ({
   children,
   expanded,
   label,
-  onExpandedChange
+  onExpandedChange,
+  testID
 }) => {
   useHostGuard('Collapsible');
   const theme = useAppTheme();
@@ -46,7 +47,7 @@ export const Collapsible = ({
   const accessibilityModifiers = useAccessibilityModifiers({}, true);
   const modifiers = useMemo(() => [fillMaxWidth(), defaultMinSize({
     minHeight: ROW_HEIGHT
-  }), clickable(() => onExpandedChange(!expanded)), ...accessibilityModifiers], [accessibilityModifiers, expanded, onExpandedChange]);
+  }), ...(testID ? [testIdModifier(testID)] : []), clickable(() => onExpandedChange(!expanded)), ...accessibilityModifiers], [accessibilityModifiers, expanded, onExpandedChange, testID]);
   const turn = useMemo(() => [graphicsLayer({
     rotationZ: animated(expanded ? 90 : 0, reduced ? SNAP : TURN)
   })], [expanded, reduced]);

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

@@ -1 +1 @@
-{"version":3,"names":["AnimatedVisibility","Box","Column","Text","ComposeText","EnterTransition","ExitTransition","Row","animated","clickable","defaultMinSize","fillMaxWidth","graphicsLayer","tween","useAccessibilityModifiers","duration","useAppTheme","useReducedMotion","useMemo","Glyph","useHostGuard","jsx","_jsx","jsxs","_jsxs","TURN","durationMillis","fast","easing","SNAP","none","ENTER","expandVertically","plus","fadeIn","EXIT","shrinkVertically","fadeOut","FADE_IN","FADE_OUT","WIDE","ROW_HEIGHT","Collapsible","children","expanded","label","onExpandedChange","theme","reduced","accessibilityModifiers","modifiers","minHeight","turn","rotationZ","horizontalArrangement","verticalAlignment","color","colorString","style","typography","body","name","size","enterTransition","exitTransition","visible"],"sourceRoot":"../../../../src","sources":["molecules/collapsible/collapsible.android.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["AnimatedVisibility","Box","Column","Text","ComposeText","EnterTransition","ExitTransition","Row","animated","clickable","defaultMinSize","fillMaxWidth","graphicsLayer","testID","testIdModifier","tween","useAccessibilityModifiers","duration","useAppTheme","useReducedMotion","useMemo","Glyph","useHostGuard","jsx","_jsx","jsxs","_jsxs","TURN","durationMillis","fast","easing","SNAP","none","ENTER","expandVertically","plus","fadeIn","EXIT","shrinkVertically","fadeOut","FADE_IN","FADE_OUT","WIDE","ROW_HEIGHT","Collapsible","children","expanded","label","onExpandedChange","theme","reduced","accessibilityModifiers","modifiers","minHeight","turn","rotationZ","horizontalArrangement","verticalAlignment","color","colorString","style","typography","body","name","size","enterTransition","exitTransition","visible"],"sourceRoot":"../../../../src","sources":["molecules/collapsible/collapsible.android.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -7,13 +7,15 @@ export const Collapsible = ({
   children,
   expanded,
   label,
-  onExpandedChange
+  onExpandedChange,
+  testID
 }) => {
   useHostGuard('Collapsible');
   return /*#__PURE__*/_jsx(DisclosureGroup, {
     isExpanded: expanded,
     label: label,
     onIsExpandedChange: onExpandedChange,
+    testID: testID,
     children: children
   });
 };

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

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