@webority/mobile-ui 0.0.39 → 0.1.0

package/lib/commonjs/components/RichTextEditor/markdownActions.js

@@ -1,213 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.normalizeSelection = exports.applyMarkdownAction = void 0;
-/**
- * The text transforms behind the editor's toolbar, kept out of the component so
- * the behaviour people actually notice — toggling bold OFF again, and where the
- * caret lands when nothing is selected — can be tested as data, with no
- * rendering involved. Same split as Markdown/parse.ts.
- *
- * The output targets our own `<Markdown>` renderer, so the vocabulary is the
- * subset that parser reads: `**`, `*`, `~~`, backtick, `[](…)`, `#`, `##`,
- * `- `, `1. `, `> `. Nothing here emits anything that renderer would show as
- * literal text.
- */
-
-const INLINE_MARKERS = {
-  bold: '**',
-  italic: '*',
-  strikethrough: '~~',
-  code: '`'
-};
-
-/** A whole link, and only a whole link — used to decide "is this already one?". */
-const WHOLE_LINK = /^\[([^\]]*)\]\(([^)\s]*)\)$/;
-const LINK_URL_PLACEHOLDER = 'url';
-const BLOCK_RULES = {
-  heading1: {
-    has: l => /^#\s/.test(l),
-    prefix: () => '# '
-  },
-  heading2: {
-    has: l => /^##\s/.test(l),
-    prefix: () => '## '
-  },
-  bulletList: {
-    has: l => /^[-*+]\s/.test(l),
-    prefix: () => '- '
-  },
-  numberedList: {
-    has: l => /^\d+[.)]\s/.test(l),
-    prefix: index => `${index + 1}. `
-  },
-  quote: {
-    has: l => /^>\s?/.test(l),
-    prefix: () => '> '
-  }
-};
-
-/** Every block marker this editor writes, so switching kinds replaces rather than stacks. */
-const ANY_BLOCK_PREFIX = /^(?:#{1,6}\s+|[-*+]\s+|\d+[.)]\s+|>\s?)/;
-const isBlockAction = action => action in BLOCK_RULES;
-const clamp = (value, max) => {
-  // React Native reports -1 for "no selection yet" on some Android builds.
-  if (!Number.isFinite(value) || value < 0) {
-    return 0;
-  }
-  return Math.min(Math.trunc(value), max);
-};
-
-/** Selection as given can be reversed, unset, or past the end after an edit. */
-const normalizeSelection = (selection, length) => {
-  const a = clamp(selection.start, length);
-  const b = clamp(selection.end, length);
-  return {
-    start: Math.min(a, b),
-    end: Math.max(a, b)
-  };
-};
-exports.normalizeSelection = normalizeSelection;
-const caret = at => ({
-  start: at,
-  end: at
-});
-const applyInlineMarker = (text, selection, marker) => {
-  const {
-    start,
-    end
-  } = selection;
-  const selected = text.slice(start, end);
-  const size = marker.length;
-
-  // `*` is a prefix of `**`, so italic must never mistake bold for itself:
-  // unwrapping one star per side would silently downgrade bold to italic.
-  const boldCollision = marker === '*';
-  const wrappedInside = selected.length >= size * 2 && selected.startsWith(marker) && selected.endsWith(marker);
-  if (wrappedInside && !(boldCollision && selected.startsWith('**') && selected.endsWith('**'))) {
-    const inner = selected.slice(size, selected.length - size);
-    return {
-      text: text.slice(0, start) + inner + text.slice(end),
-      selection: {
-        start,
-        end: start + inner.length
-      }
-    };
-  }
-  const before = text.slice(Math.max(0, start - size), start);
-  const after = text.slice(end, end + size);
-  const wrappedOutside = start >= size && before === marker && after === marker && !(boldCollision && text.slice(Math.max(0, start - 2), start) === '**');
-  if (wrappedOutside) {
-    return {
-      text: text.slice(0, start - size) + selected + text.slice(end + size),
-      selection: {
-        start: start - size,
-        end: end - size
-      }
-    };
-  }
-  const next = text.slice(0, start) + marker + selected + marker + text.slice(end);
-  return {
-    text: next,
-    selection: start === end ? caret(start + size) : {
-      start: start + size,
-      end: end + size
-    }
-  };
-};
-const applyLink = (text, selection) => {
-  const {
-    start,
-    end
-  } = selection;
-  const selected = text.slice(start, end);
-  const existing = WHOLE_LINK.exec(selected);
-  if (existing) {
-    const label = existing[1];
-    return {
-      text: text.slice(0, start) + label + text.slice(end),
-      selection: {
-        start,
-        end: start + label.length
-      }
-    };
-  }
-  const inserted = `[${selected}](${LINK_URL_PLACEHOLDER})`;
-  const next = text.slice(0, start) + inserted + text.slice(end);
-  if (start === end) {
-    // Nothing selected: the label is what the user types first, so the caret
-    // goes between the brackets rather than onto the URL placeholder.
-    return {
-      text: next,
-      selection: caret(start + 1)
-    };
-  }
-  const urlStart = start + selected.length + 3;
-  return {
-    text: next,
-    selection: {
-      start: urlStart,
-      end: urlStart + LINK_URL_PLACEHOLDER.length
-    }
-  };
-};
-const applyBlockPrefix = (text, selection, action) => {
-  const rule = BLOCK_RULES[action];
-  const lines = text.split('\n');
-  const offsets = [];
-  let cursor = 0;
-  for (const line of lines) {
-    offsets.push(cursor);
-    cursor += line.length + 1;
-  }
-  const lineIndexAt = position => {
-    let index = 0;
-    for (let i = 0; i < lines.length; i += 1) {
-      if (offsets[i] <= position) {
-        index = i;
-      }
-    }
-    return index;
-  };
-  const first = lineIndexAt(selection.start);
-  const last = lineIndexAt(selection.end);
-  const affected = lines.slice(first, last + 1);
-  const allHave = affected.every(line => rule.has(line));
-  const rewritten = affected.map((line, index) => allHave ? line.replace(ANY_BLOCK_PREFIX, '') : rule.prefix(index) + line.replace(ANY_BLOCK_PREFIX, ''));
-  const firstDelta = rewritten[0].length - affected[0].length;
-  const totalDelta = rewritten.reduce((sum, line, index) => sum + (line.length - affected[index].length), 0);
-  const nextLines = [...lines.slice(0, first), ...rewritten, ...lines.slice(last + 1)];
-  const nextText = nextLines.join('\n');
-  return {
-    text: nextText,
-    selection: normalizeSelection({
-      start: Math.max(offsets[first], selection.start + firstDelta),
-      end: selection.end + totalDelta
-    }, nextText.length)
-  };
-};
-
-/**
- * Applies one toolbar action to the current text + selection and returns the
- * next pair. Pure: the caller owns the state.
- *
- * Wrapping applies to the selection; with nothing selected the markers are
- * inserted and the caret lands between them. Applying an action to text that
- * already carries it removes it instead of stacking a second copy — which is
- * the half people notice immediately when it is missing.
- */
-const applyMarkdownAction = (state, action) => {
-  const text = state.text ?? '';
-  const selection = normalizeSelection(state.selection, text.length);
-  if (isBlockAction(action)) {
-    return applyBlockPrefix(text, selection, action);
-  }
-  if (action === 'link') {
-    return applyLink(text, selection);
-  }
-  return applyInlineMarker(text, selection, INLINE_MARKERS[action]);
-};
-exports.applyMarkdownAction = applyMarkdownAction;
-//# sourceMappingURL=markdownActions.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.normalizeSelection=exports.applyMarkdownAction=void 0;const INLINE_MARKERS={bold:"**",italic:"*",strikethrough:"~~",code:"`"},WHOLE_LINK=/^\[([^\]]*)\]\(([^)\s]*)\)$/,LINK_URL_PLACEHOLDER="url",BLOCK_RULES={heading1:{has:e=>/^#\s/.test(e),prefix:()=>"# "},heading2:{has:e=>/^##\s/.test(e),prefix:()=>"## "},bulletList:{has:e=>/^[-*+]\s/.test(e),prefix:()=>"- "},numberedList:{has:e=>/^\d+[.)]\s/.test(e),prefix:e=>`${e+1}. `},quote:{has:e=>/^>\s?/.test(e),prefix:()=>"> "}},ANY_BLOCK_PREFIX=/^(?:#{1,6}\s+|[-*+]\s+|\d+[.)]\s+|>\s?)/,isBlockAction=e=>e in BLOCK_RULES,clamp=(e,t)=>!Number.isFinite(e)||e<0?0:Math.min(Math.trunc(e),t),normalizeSelection=(e,t)=>{const n=clamp(e.start,t),s=clamp(e.end,t);return{start:Math.min(n,s),end:Math.max(n,s)}};exports.normalizeSelection=normalizeSelection;const caret=e=>({start:e,end:e}),applyInlineMarker=(e,t,n)=>{const{start:s,end:l}=t,i=e.slice(s,l),r=n.length,c="*"===n;if(i.length>=2*r&&i.startsWith(n)&&i.endsWith(n)&&!(c&&i.startsWith("**")&&i.endsWith("**"))){const t=i.slice(r,i.length-r);return{text:e.slice(0,s)+t+e.slice(l),selection:{start:s,end:s+t.length}}}const a=e.slice(Math.max(0,s-r),s),o=e.slice(l,l+r);if(s>=r&&a===n&&o===n&&!(c&&"**"===e.slice(Math.max(0,s-2),s)))return{text:e.slice(0,s-r)+i+e.slice(l+r),selection:{start:s-r,end:l-r}};return{text:e.slice(0,s)+n+i+n+e.slice(l),selection:s===l?caret(s+r):{start:s+r,end:l+r}}},applyLink=(e,t)=>{const{start:n,end:s}=t,l=e.slice(n,s),i=WHOLE_LINK.exec(l);if(i){const t=i[1];return{text:e.slice(0,n)+t+e.slice(s),selection:{start:n,end:n+t.length}}}const r=`[${l}](url)`,c=e.slice(0,n)+r+e.slice(s);if(n===s)return{text:c,selection:caret(n+1)};const a=n+l.length+3;return{text:c,selection:{start:a,end:a+3}}},applyBlockPrefix=(e,t,n)=>{const s=BLOCK_RULES[n],l=e.split("\n"),i=[];let r=0;for(const e of l)i.push(r),r+=e.length+1;const lineIndexAt=e=>{let t=0;for(let n=0;n<l.length;n+=1)i[n]<=e&&(t=n);return t},c=lineIndexAt(t.start),a=lineIndexAt(t.end),o=l.slice(c,a+1),p=o.every(e=>s.has(e)),h=o.map((e,t)=>p?e.replace(ANY_BLOCK_PREFIX,""):s.prefix(t)+e.replace(ANY_BLOCK_PREFIX,"")),d=h[0].length-o[0].length,x=h.reduce((e,t,n)=>e+(t.length-o[n].length),0),u=[...l.slice(0,c),...h,...l.slice(a+1)].join("\n");return{text:u,selection:normalizeSelection({start:Math.max(i[c],t.start+d),end:t.end+x},u.length)}},applyMarkdownAction=(e,t)=>{const n=e.text??"",s=normalizeSelection(e.selection,n.length);return isBlockAction(t)?applyBlockPrefix(n,s,t):"link"===t?applyLink(n,s):applyInlineMarker(n,s,INLINE_MARKERS[t])};exports.applyMarkdownAction=applyMarkdownAction;

package/lib/commonjs/components/SearchBar/SearchBar.js

@@ -1,244 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SearchBar = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _useDebounce = require("../../hooks/useDebounce.js");
-var _index = require("../../theme/index.js");
-var _hapticUtils = require("../../utils/hapticUtils.js");
-var _mergeRefs = require("../../utils/mergeRefs.js");
-var _defaultIcons = require("../AppIcon/defaultIcons.js");
-var _slotIcon = require("../AppIcon/slotIcon.js");
-var _FieldBase = require("../FieldBase/FieldBase.js");
-var _useFloatingLabel = require("../FieldBase/useFloatingLabel.js");
-var _jsxRuntime = require("react/jsx-runtime");
-const SearchBar = exports.SearchBar = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const {
-    value: rawValue,
-    onChangeText,
-    onSubmit,
-    placeholder = 'Search…',
-    autoFocus = false,
-    disabled = false,
-    onClear,
-    leftIcon,
-    debounceMs,
-    size = 'md',
-    variant: variantProp,
-    borderRadius: borderRadiusProp,
-    label,
-    labelMode = 'top',
-    labelStyle,
-    haptic,
-    style,
-    accessibilityLabel,
-    testID,
-    ...rest
-  } = props;
-  const theme = (0, _index.useTheme)();
-  // Resolution chain mirrors every other field-family control: caller prop →
-  // component-specific token (`components.searchBar.defaultVariant`) → shared
-  // field-family token (`components.field.defaultVariant`) → library default.
-  // Library default stays `'filled'` so SearchBar reads as the traditional
-  // pill-shaped, borderless search box when no theme opinion is expressed.
-  // `underline` is the field family's bottom-rule row: no fill, no pill, the
-  // magnifier and text flush with the rule's ends, like Input's underline.
-  const variant = variantProp ?? theme.components.searchBar?.defaultVariant ?? theme.components.field?.defaultVariant ?? 'filled';
-  const isUnderline = variant === 'underline';
-  const fieldTokens = (0, _FieldBase.resolveFieldSize)(theme, size);
-  const sizeStyles = {
-    ...fieldTokens,
-    ...(theme.components.searchBar?.[size] ?? {})
-  };
-  const fieldText = (0, _FieldBase.resolveFieldTextStyle)(theme, {
-    disabled
-  });
-  // A tap anywhere on the box (padding, icon, gap) focuses the input, not
-  // only a tap on its text.
-  const inputRef = (0, _react.useRef)(null);
-  const setInputRef = (0, _react.useMemo)(() => (0, _mergeRefs.mergeRefs)(inputRef, ref), [ref]);
-  const focusInput = (0, _react.useCallback)(() => {
-    if (!disabled) {
-      inputRef.current?.focus();
-    }
-  }, [disabled]);
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-
-  // Coerce nullable inputs to '' once at the top so every downstream read is
-  // a guaranteed string. Required when consumers pass `value={state}` where
-  // `state` may be `undefined` / `null` before being initialised.
-  const value = typeof rawValue === 'string' ? rawValue : '';
-  const [isFocused, setIsFocused] = (0, _react.useState)(false);
-  const [internalValue, setInternalValue] = (0, _react.useState)(value);
-  const debouncedValue = (0, _useDebounce.useDebounce)(internalValue, debounceMs ?? 0);
-
-  // Equivalent-mutant note: removing the `debounceMs === undefined` guard
-  // below cannot change observable behaviour. `internalValue` is only ever
-  // read (via `displayValue`) when `debounceMs !== undefined`; without the
-  // guard, a non-debounced instance would keep resyncing `internalValue`
-  // from `value` on every prop change, but that resynced value is never
-  // displayed or sent anywhere while non-debounced, so no test can observe
-  // the difference.
-  // biome-ignore lint/correctness/useExhaustiveDependencies: syncs the internal draft FROM the `value` prop; adding `internalValue` would revert every keystroke while the debounce is still pending
-  (0, _react.useEffect)(() => {
-    if (debounceMs === undefined) {
-      return;
-    }
-    if (value !== internalValue) {
-      setInternalValue(value);
-    }
-  }, [value, debounceMs]);
-  const lastSentRef = (0, _react.useRef)(value);
-  (0, _react.useEffect)(() => {
-    if (debounceMs === undefined) {
-      return;
-    }
-    if (debouncedValue === lastSentRef.current) {
-      return;
-    }
-    lastSentRef.current = debouncedValue;
-    onChangeText(debouncedValue);
-  }, [debouncedValue, debounceMs, onChangeText]);
-  const handleChangeText = (0, _react.useCallback)(text => {
-    if (debounceMs !== undefined) {
-      setInternalValue(text);
-      return;
-    }
-    onChangeText(text);
-  }, [debounceMs, onChangeText]);
-  const handleClear = (0, _react.useCallback)(() => {
-    const h = (0, _hapticUtils.resolveHaptic)(haptic, 'selection');
-    if (h) {
-      (0, _hapticUtils.triggerHaptic)(h);
-    }
-    if (debounceMs !== undefined) {
-      setInternalValue('');
-      lastSentRef.current = '';
-    }
-    onChangeText('');
-    onClear?.();
-  }, [haptic, debounceMs, onChangeText, onClear]);
-  const handleSubmit = (0, _react.useCallback)(() => {
-    onSubmit?.(debounceMs !== undefined ? internalValue : value);
-  }, [onSubmit, debounceMs, internalValue, value]);
-  const displayValue = debounceMs !== undefined ? internalValue : value;
-  const hasValue = displayValue.length > 0;
-  const leadingState = {
-    size: sizeStyles.iconSize,
-    color: disabled ? theme.colors.text.disabled : theme.colors.text.tertiary,
-    disabled
-  };
-  const leading = leftIcon ? (0, _slotIcon.renderSlotIcon)(leftIcon, leadingState) : (theme.icons?.search ?? _defaultIcons.defaultIcons.search)(leadingState);
-
-  // Floating label: rests over the text past the magnifier, rises on focus or
-  // value; the outlined pill gets the field family's notch. Static labels use
-  // FieldLabel above the row.
-  const showFloatingLabel = Boolean(label) && labelMode === 'float';
-  const floating = (0, _useFloatingLabel.useFloatingLabel)({
-    label,
-    enabled: showFloatingLabel,
-    floated: isFocused || hasValue,
-    variant,
-    sizeTokens: {
-      ...fieldTokens,
-      ...sizeStyles
-    },
-    leadingOffset: sizeStyles.iconSize + theme.spacing.md,
-    trailingOffset: hasValue ? sizeStyles.iconSize + theme.spacing.md : 0,
-    paddingLeft: isUnderline ? 0 : sizeStyles.paddingHorizontal,
-    color: theme.colors.field.label,
-    style: labelStyle
-  });
-  const trailing = hasValue && !disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-    onPress: handleClear,
-    hitSlop: 8,
-    accessibilityRole: "button",
-    accessibilityLabel: "Clear search",
-    children: (theme.icons?.close ?? _defaultIcons.defaultIcons.close)({
-      size: sizeStyles.iconSize,
-      color: theme.colors.text.secondary
-    })
-  }) : null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: style,
-    testID: testID,
-    children: [label && !showFloatingLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldBase.FieldLabel, {
-      size: size,
-      style: labelStyle,
-      children: label
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.root,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.fieldWrap,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldBase.FieldBase, {
-          size: size,
-          variant: variant,
-          focused: isFocused,
-          disabled: disabled,
-          filled: hasValue,
-          minHeight: sizeStyles.minHeight,
-          paddingHorizontal: isUnderline ? 0 : sizeStyles.paddingHorizontal,
-          borderRadius: borderRadiusProp ?? sizeStyles.borderRadius,
-          leading: leading,
-          trailing: trailing,
-          topNotch: floating.topNotch,
-          onPress: focusInput,
-          pressFeedback: false,
-          accessibilityRole: "search",
-          accessibilityLabel: accessibilityLabel ?? placeholder,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-            ref: setInputRef,
-            style: [styles.input, {
-              fontSize: sizeStyles.fontSize,
-              color: fieldText.color,
-              ...fieldText.weightStyle
-            }],
-            value: displayValue,
-            onChangeText: handleChangeText,
-            onSubmitEditing: handleSubmit,
-            onFocus: () => setIsFocused(true),
-            onBlur: () => setIsFocused(false),
-            placeholder: showFloatingLabel && !(isFocused || hasValue) ? undefined : placeholder,
-            placeholderTextColor: fieldText.placeholderColor,
-            autoFocus: autoFocus,
-            editable: !disabled,
-            returnKeyType: "search",
-            selectionColor: (0, _FieldBase.resolveVariantColors)(theme, variant).borderFocusedRepresentative,
-            accessibilityLabel: accessibilityLabel ?? placeholder,
-            accessibilityState: {
-              disabled
-            },
-            ...rest
-          })
-        }), floating.node]
-      })
-    })]
-  });
-});
-SearchBar.displayName = 'SearchBar';
-const buildStyles = _theme => _reactNative.StyleSheet.create({
-  root: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    width: '100%',
-    position: 'relative',
-    // The floated label sits over the box's top edge.
-    overflow: 'visible'
-  },
-  fieldWrap: {
-    flex: 1,
-    position: 'relative',
-    overflow: 'visible'
-  },
-  input: {
-    flex: 1,
-    padding: 0,
-    margin: 0,
-    includeFontPadding: false
-  }
-});
-var _default = exports.default = SearchBar;
-//# sourceMappingURL=SearchBar.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SearchBar=void 0;var _react=require("react"),_reactNative=require("react-native"),_useDebounce=require("../../hooks/useDebounce.js"),_index=require("../../theme/index.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_mergeRefs=require("../../utils/mergeRefs.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_useFloatingLabel=require("../FieldBase/useFloatingLabel.js"),_jsxRuntime=require("react/jsx-runtime");const SearchBar=exports.SearchBar=(0,_react.forwardRef)((e,t)=>{const{value:i,onChangeText:a,onSubmit:s,placeholder:l="Search…",autoFocus:r=!1,disabled:o=!1,onClear:c,leftIcon:n,debounceMs:d,size:u="md",variant:_,borderRadius:b,label:f,labelMode:p="top",labelStyle:h,haptic:v,style:x,inputStyle:g,accessibilityLabel:m,testID:S,...y}=e,j=(0,_index.useTheme)(),F=_??j.components.searchBar?.defaultVariant??j.components.field?.defaultVariant??"filled",R="underline"===F,B=(0,_FieldBase.resolveFieldSize)(j,u),I={...B,...j.components.searchBar?.[u]??{}},z=(0,_FieldBase.resolveFieldTextStyle)(j,{disabled:o}),C=(0,_react.useRef)(null),q=(0,_react.useMemo)(()=>(0,_mergeRefs.mergeRefs)(C,t),[t]),L=(0,_react.useCallback)(()=>{o||C.current?.focus()},[o]),N=(0,_react.useMemo)(()=>buildStyles(j),[j]),w="string"==typeof i?i:"",[T,k]=(0,_react.useState)(!1),[D,H]=(0,_react.useState)(w),V=(0,_useDebounce.useDebounce)(D,d??0);(0,_react.useEffect)(()=>{void 0!==d&&w!==D&&H(w)},[w,d]);const M=(0,_react.useRef)(w);(0,_react.useEffect)(()=>{void 0!==d&&V!==M.current&&(M.current=V,a(V))},[V,d,a]);const P=(0,_react.useCallback)(e=>{void 0===d?a(e):H(e)},[d,a]),U=(0,_react.useCallback)(()=>{const e=(0,_hapticUtils.resolveHaptic)(v,"selection");e&&(0,_hapticUtils.triggerHaptic)(e),void 0!==d&&(H(""),M.current=""),a(""),c?.()},[v,d,a,c]),E=(0,_react.useCallback)(()=>{s?.(void 0!==d?D:w)},[s,d,D,w]),O=void 0!==d?D:w,A=O.length>0,W={size:I.iconSize,color:o?j.colors.text.disabled:j.colors.text.tertiary,disabled:o},K=n?(0,_slotIcon.renderSlotIcon)(n,W):(j.icons?.search??_defaultIcons.defaultIcons.search)(W),G=Boolean(f)&&"float"===p,J=(0,_useFloatingLabel.useFloatingLabel)({label:f,enabled:G,floated:T||A,variant:F,sizeTokens:{...B,...I},leadingOffset:I.iconSize+j.spacing.md,trailingOffset:A?I.iconSize+j.spacing.md:0,paddingLeft:R?0:I.paddingHorizontal,color:j.colors.field.label,style:h}),Q=A&&!o?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:U,hitSlop:8,accessibilityRole:"button",accessibilityLabel:"Clear search",children:(j.icons?.close??_defaultIcons.defaultIcons.close)({size:I.iconSize,color:j.colors.text.secondary})}):null;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:x,testID:S,children:[f&&!G?(0,_jsxRuntime.jsx)(_FieldBase.FieldLabel,{size:u,style:h,children:f}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:N.root,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:N.fieldWrap,children:[(0,_jsxRuntime.jsx)(_FieldBase.FieldBase,{size:u,variant:F,focused:T,disabled:o,filled:A,minHeight:I.minHeight,paddingHorizontal:R?0:I.paddingHorizontal,borderRadius:b??I.borderRadius,leading:K,trailing:Q,topNotch:J.topNotch,onPress:L,pressFeedback:!1,accessibilityRole:"search",accessibilityLabel:m??l,children:(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:q,style:[N.input,{fontSize:I.fontSize,color:z.color,...z.weightStyle},g],value:O,onChangeText:P,onSubmitEditing:E,onFocus:()=>k(!0),onBlur:()=>k(!1),placeholder:!G||T||A?l:void 0,placeholderTextColor:z.placeholderColor,autoFocus:r,editable:!o,returnKeyType:"search",selectionColor:(0,_FieldBase.resolveVariantColors)(j,F).borderFocusedRepresentative,accessibilityLabel:m??l,accessibilityState:{disabled:o},...y})}),J.node]})})]})});SearchBar.displayName="SearchBar";const buildStyles=e=>_reactNative.StyleSheet.create({root:{flexDirection:"row",alignItems:"center",width:"100%",position:"relative",overflow:"visible"},fieldWrap:{flex:1,position:"relative",overflow:"visible"},input:{flex:1,padding:0,margin:0,includeFontPadding:!1}});var _default=exports.default=SearchBar;

package/lib/commonjs/components/SearchBar/index.js

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SearchBar", {
-  enumerable: true,
-  get: function () {
-    return _SearchBar.SearchBar;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _SearchBar.default;
-  }
-});
-var _SearchBar = _interopRequireWildcard(require("./SearchBar.js"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SearchBar",{enumerable:!0,get:function(){return _SearchBar.SearchBar}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _SearchBar.default}});var _SearchBar=_interopRequireWildcard(require("./SearchBar.js"));function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var a,o,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(a=r?n:t){if(a.has(e))return a.get(e);a.set(e,u)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((o=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(o.get||o.set)?a(u,r,o):u[r]=e[r]);return u})(e,r)}

package/lib/commonjs/components/SectionHeader/SectionHeader.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SectionHeader=void 0;var _react=_interopRequireWildcard(require("react")),_index=require("../../theme/index.js"),_index2=require("../FieldBase/index.js"),_Text=require("../Text/Text.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,i=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,a,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=t?i:r){if(n.has(e))return n.get(e);n.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?n(o,t,a):o[t]=e[t]);return o})(e,t)}const SectionHeader=({children:e,variant:t="title",flush:r=!1,required:i=!1,style:n,testID:a})=>{const o=(0,_index.useTheme)(),s=(0,_react.useMemo)(()=>({marginTop:r?0:o.spacing.lg,marginBottom:o.spacing.sm}),[o,r]),l="caps"===t?{variant:"overline",color:"tertiary",weight:void 0}:"sub"===t?{variant:"label",color:"primary",weight:"semibold"}:{variant:"title",color:void 0,weight:void 0};return(0,_jsxRuntime.jsxs)(_Text.Text,{variant:l.variant,color:l.color,weight:l.weight,accessibilityRole:"header",accessibilityLabel:i&&"string"==typeof e?`${e}, required`:void 0,style:[s,n],testID:a,children:[e,i?(0,_jsxRuntime.jsx)(_index2.RequiredMark,{}):null]})};exports.SectionHeader=SectionHeader;var _default=exports.default=SectionHeader;

package/lib/commonjs/components/SectionHeader/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SectionHeader",{enumerable:!0,get:function(){return _SectionHeader.SectionHeader}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _SectionHeader.default}});var _SectionHeader=_interopRequireWildcard(require("./SectionHeader.js"));function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var o,i,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(o=r?n:t){if(o.has(e))return o.get(e);o.set(e,u)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(i.get||i.set)?o(u,r,i):u[r]=e[r]);return u})(e,r)}