@xleddyl/443-components-native 0.0.0-stage → 0.1.0

package/lib/module/components/forms/DateField.js

@@ -0,0 +1,138 @@
+"use strict";
+
+import { useState } from 'react';
+import { View } from 'react-native';
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { useControllableState, whenPresent } from "../../hooks/useControllableState.js";
+import { inputHeight, inputState, inputSurface } from "../core/field.js";
+import { renderIcon } from "../core/Icon.js";
+import { Text } from "../core/Text.js";
+import { Touchable } from "../core/Touchable.js";
+import { Overlay } from "../overlays/Overlay.js";
+import { Calendar } from "./Calendar.js";
+import { formatDate } from "./dateUtils.js";
+import { fieldAccessibility, useFieldControl } from "./fieldContext.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const DateField = ({
+  ref,
+  value,
+  defaultValue = null,
+  onValueChange,
+  placeholder = 'Select a date',
+  minDate,
+  maxDate,
+  isDateDisabled,
+  locale,
+  weekStartsOn,
+  formatOptions,
+  size = 'md',
+  disabled = false,
+  invalid = false,
+  closeLabel = 'Close calendar',
+  accessibilityLabel,
+  style,
+  styles
+}) => {
+  const {
+    theme
+  } = useUnistyles();
+  const control = useFieldControl({
+    disabled,
+    invalid
+  });
+  const [open, setOpen] = useState(false);
+  const [selected, setSelected] = useControllableState({
+    value,
+    defaultValue,
+    onChange: whenPresent(onValueChange)
+  });
+  const state = inputState({
+    ...control,
+    focused: open
+  });
+  const text = selected ? formatDate(selected, locale, formatOptions) : undefined;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Touchable, {
+      ref: ref,
+      feedback: "opacity",
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel,
+      accessibilityValue: {
+        text: text ?? placeholder
+      },
+      accessibilityState: {
+        disabled: control.disabled,
+        expanded: open
+      },
+      ...fieldAccessibility(control.field),
+      disabled: control.disabled,
+      onPress: () => setOpen(true),
+      style: [stylesheet.control(size, state), style, styles?.control],
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "body",
+        tone: text ? 'default' : 'dimmed',
+        numberOfLines: 1,
+        style: [stylesheet.value, text ? styles?.value : styles?.placeholder],
+        children: text ?? placeholder
+      }), renderIcon('chevron-down', {
+        size: 'sm',
+        color: theme.colors.textMuted
+      })]
+    }), /*#__PURE__*/_jsx(Overlay, {
+      open: open,
+      onOpenChange: setOpen,
+      portal: false,
+      closeLabel: closeLabel,
+      accessibilityLabel: accessibilityLabel,
+      styles: {
+        backdrop: styles?.backdrop
+      },
+      children: /*#__PURE__*/_jsx(DateFieldPopover, {
+        style: styles?.popover,
+        children: /*#__PURE__*/_jsx(Calendar, {
+          value: selected,
+          onValueChange: next => {
+            setSelected(next);
+            setOpen(false);
+          },
+          minDate: minDate,
+          maxDate: maxDate,
+          isDateDisabled: isDateDisabled,
+          locale: locale,
+          weekStartsOn: weekStartsOn
+        })
+      })
+    })]
+  });
+};
+const DateFieldPopover = ({
+  children,
+  style
+}) => /*#__PURE__*/_jsx(View, {
+  style: [stylesheet.popover, style],
+  children: children
+});
+const stylesheet = StyleSheet.create(theme => ({
+  control: (size, state) => ({
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: theme.space(1),
+    minHeight: inputHeight(theme, size),
+    paddingHorizontal: theme.space(1.5),
+    ...inputSurface(theme, state)
+  }),
+  value: {
+    flex: 1
+  },
+  popover: {
+    width: 380,
+    maxWidth: '100%',
+    padding: theme.space(2),
+    borderRadius: theme.radius.xl,
+    backgroundColor: theme.colors.surfaceRaised,
+    borderWidth: theme.sizes.borderWidth,
+    borderColor: theme.colors.border
+  }
+}));
+//# sourceMappingURL=DateField.js.map

package/lib/module/components/forms/DateField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","StyleSheet","useUnistyles","useControllableState","whenPresent","inputHeight","inputState","inputSurface","renderIcon","Text","Touchable","Overlay","Calendar","formatDate","fieldAccessibility","useFieldControl","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DateField","ref","value","defaultValue","onValueChange","placeholder","minDate","maxDate","isDateDisabled","locale","weekStartsOn","formatOptions","size","disabled","invalid","closeLabel","accessibilityLabel","style","styles","theme","control","open","setOpen","selected","setSelected","onChange","state","focused","text","undefined","children","feedback","accessibilityRole","accessibilityValue","accessibilityState","expanded","field","onPress","stylesheet","variant","tone","numberOfLines","color","colors","textMuted","onOpenChange","portal","backdrop","DateFieldPopover","popover","next","create","flexDirection","alignItems","justifyContent","gap","space","minHeight","paddingHorizontal","flex","width","maxWidth","padding","borderRadius","radius","xl","backgroundColor","surfaceRaised","borderWidth","sizes","borderColor","border"],"sourceRoot":"../../../../src","sources":["components/forms/DateField.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AACjE,SAASC,oBAAoB,EAAEC,WAAW,QAAQ,qCAAkC;AAGpF,SAASC,WAAW,EAAEC,UAAU,EAAEC,YAAY,QAAQ,kBAAe;AAErE,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,IAAI,QAAQ,iBAAc;AACnC,SAASC,SAAS,QAAQ,sBAAmB;AAC7C,SAASC,OAAO,QAAQ,wBAAqB;AAC7C,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,UAAU,QAAQ,gBAAa;AACxC,SAASC,kBAAkB,EAAEC,eAAe,QAAQ,mBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AA+BpE,OAAO,MAAMC,SAAS,GAAGA,CAAC;EACvBC,GAAG;EACHC,KAAK;EACLC,YAAY,GAAG,IAAI;EACnBC,aAAa;EACbC,WAAW,GAAG,eAAe;EAC7BC,OAAO;EACPC,OAAO;EACPC,cAAc;EACdC,MAAM;EACNC,YAAY;EACZC,aAAa;EACbC,IAAI,GAAG,IAAI;EACXC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,KAAK;EACfC,UAAU,GAAG,gBAAgB;EAC7BC,kBAAkB;EAClBC,KAAK;EACLC;AACa,CAAC,KAAK;EACnB,MAAM;IAAEC;EAAM,CAAC,GAAGvC,YAAY,CAAC,CAAC;EAChC,MAAMwC,OAAO,GAAG3B,eAAe,CAAC;IAAEoB,QAAQ;IAAEC;EAAQ,CAAC,CAAC;EACtD,MAAM,CAACO,IAAI,EAAEC,OAAO,CAAC,GAAG7C,QAAQ,CAAC,KAAK,CAAC;EACvC,MAAM,CAAC8C,QAAQ,EAAEC,WAAW,CAAC,GAAG3C,oBAAoB,CAAc;IAC/DqB,KAAK;IACLC,YAAY;IACZsB,QAAQ,EAAE3C,WAAW,CAACsB,aAAa;EACtC,CAAC,CAAC;EACF,MAAMsB,KAAK,GAAG1C,UAAU,CAAC;IAAE,GAAGoC,OAAO;IAAEO,OAAO,EAAEN;EAAK,CAAC,CAAC;EACvD,MAAMO,IAAI,GAAGL,QAAQ,GAAGhC,UAAU,CAACgC,QAAQ,EAAEd,MAAM,EAAEE,aAAa,CAAC,GAAGkB,SAAS;EAE/E,oBACGhC,KAAA,CAAAE,SAAA;IAAA+B,QAAA,gBACGjC,KAAA,CAACT,SAAS;MACPa,GAAG,EAAEA,GAAI;MACT8B,QAAQ,EAAC,SAAS;MAClBC,iBAAiB,EAAC,QAAQ;MAC1BhB,kBAAkB,EAAEA,kBAAmB;MACvCiB,kBAAkB,EAAE;QAAEL,IAAI,EAAEA,IAAI,IAAIvB;MAAY,CAAE;MAClD6B,kBAAkB,EAAE;QAAErB,QAAQ,EAAEO,OAAO,CAACP,QAAQ;QAAEsB,QAAQ,EAAEd;MAAK,CAAE;MAAA,GAC/D7B,kBAAkB,CAAC4B,OAAO,CAACgB,KAAK,CAAC;MACrCvB,QAAQ,EAAEO,OAAO,CAACP,QAAS;MAC3BwB,OAAO,EAAEA,CAAA,KAAMf,OAAO,CAAC,IAAI,CAAE;MAC7BL,KAAK,EAAE,CAACqB,UAAU,CAAClB,OAAO,CAACR,IAAI,EAAEc,KAAK,CAAC,EAAET,KAAK,EAAEC,MAAM,EAAEE,OAAO,CAAE;MAAAU,QAAA,gBAEjEnC,IAAA,CAACR,IAAI;QACFoD,OAAO,EAAC,MAAM;QACdC,IAAI,EAAEZ,IAAI,GAAG,SAAS,GAAG,QAAS;QAClCa,aAAa,EAAE,CAAE;QACjBxB,KAAK,EAAE,CAACqB,UAAU,CAACpC,KAAK,EAAE0B,IAAI,GAAGV,MAAM,EAAEhB,KAAK,GAAGgB,MAAM,EAAEb,WAAW,CAAE;QAAAyB,QAAA,EAErEF,IAAI,IAAIvB;MAAW,CACjB,CAAC,EACNnB,UAAU,CAAC,cAAc,EAAE;QAAE0B,IAAI,EAAE,IAAI;QAAE8B,KAAK,EAAEvB,KAAK,CAACwB,MAAM,CAACC;MAAU,CAAC,CAAC;IAAA,CAClE,CAAC,eACZjD,IAAA,CAACN,OAAO;MACLgC,IAAI,EAAEA,IAAK;MACXwB,YAAY,EAAEvB,OAAQ;MACtBwB,MAAM,EAAE,KAAM;MACd/B,UAAU,EAAEA,UAAW;MACvBC,kBAAkB,EAAEA,kBAAmB;MACvCE,MAAM,EAAE;QAAE6B,QAAQ,EAAE7B,MAAM,EAAE6B;MAAS,CAAE;MAAAjB,QAAA,eAEvCnC,IAAA,CAACqD,gBAAgB;QAAC/B,KAAK,EAAEC,MAAM,EAAE+B,OAAQ;QAAAnB,QAAA,eACtCnC,IAAA,CAACL,QAAQ;UACNY,KAAK,EAAEqB,QAAS;UAChBnB,aAAa,EAAG8C,IAAI,IAAK;YACtB1B,WAAW,CAAC0B,IAAI,CAAC;YACjB5B,OAAO,CAAC,KAAK,CAAC;UACjB,CAAE;UACFhB,OAAO,EAAEA,OAAQ;UACjBC,OAAO,EAAEA,OAAQ;UACjBC,cAAc,EAAEA,cAAe;UAC/BC,MAAM,EAAEA,MAAO;UACfC,YAAY,EAAEA;QAAa,CAC7B;MAAC,CACa;IAAC,CACb,CAAC;EAAA,CACX,CAAC;AAET,CAAC;AAED,MAAMsC,gBAAgB,GAAGA,CAAC;EACvBlB,QAAQ;EACRb;AAIH,CAAC,kBAAKtB,IAAA,CAACjB,IAAI;EAACuC,KAAK,EAAE,CAACqB,UAAU,CAACW,OAAO,EAAEhC,KAAK,CAAE;EAAAa,QAAA,EAAEA;AAAQ,CAAO,CAAC;AAEjE,MAAMQ,UAAU,GAAG3D,UAAU,CAACwE,MAAM,CAAEhC,KAAK,KAAM;EAC9CC,OAAO,EAAEA,CAACR,IAAiB,EAAEc,KAAiB,MAAM;IACjD0B,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,GAAG,EAAEpC,KAAK,CAACqC,KAAK,CAAC,CAAC,CAAC;IACnBC,SAAS,EAAE1E,WAAW,CAACoC,KAAK,EAAEP,IAAI,CAAC;IACnC8C,iBAAiB,EAAEvC,KAAK,CAACqC,KAAK,CAAC,GAAG,CAAC;IACnC,GAAGvE,YAAY,CAACkC,KAAK,EAAEO,KAAK;EAC/B,CAAC,CAAC;EACFxB,KAAK,EAAE;IACJyD,IAAI,EAAE;EACT,CAAC;EACDV,OAAO,EAAE;IACNW,KAAK,EAAE,GAAG;IACVC,QAAQ,EAAE,MAAM;IAChBC,OAAO,EAAE3C,KAAK,CAACqC,KAAK,CAAC,CAAC,CAAC;IACvBO,YAAY,EAAE5C,KAAK,CAAC6C,MAAM,CAACC,EAAE;IAC7BC,eAAe,EAAE/C,KAAK,CAACwB,MAAM,CAACwB,aAAa;IAC3CC,WAAW,EAAEjD,KAAK,CAACkD,KAAK,CAACD,WAAW;IACpCE,WAAW,EAAEnD,KAAK,CAACwB,MAAM,CAAC4B;EAC7B;AACH,CAAC,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/forms/Field.js

@@ -0,0 +1,61 @@
+"use strict";
+
+import { View } from 'react-native';
+import { StyleSheet } from 'react-native-unistyles';
+import { fieldErrorMessage, useFieldIds } from "../core/field.js";
+import { FieldLabel, FieldMessage } from "../core/FieldLabel.js";
+import { FieldContext } from "./fieldContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Field = ({
+  ref,
+  children,
+  label,
+  description,
+  error,
+  required = false,
+  disabled = false,
+  style,
+  styles
+}) => {
+  const {
+    labelId,
+    messageId
+  } = useFieldIds();
+  const errorMessage = fieldErrorMessage(error);
+  return /*#__PURE__*/_jsx(FieldContext, {
+    value: {
+      labelId,
+      messageId,
+      message: errorMessage ?? description,
+      invalid: !!error,
+      disabled,
+      required
+    },
+    children: /*#__PURE__*/_jsxs(View, {
+      ref: ref,
+      style: [stylesheet.root, style, styles?.root],
+      children: [label ? /*#__PURE__*/_jsx(FieldLabel, {
+        nativeID: labelId,
+        required: required,
+        disabled: disabled,
+        style: styles?.label,
+        children: label
+      }) : null, /*#__PURE__*/_jsx(View, {
+        style: styles?.control,
+        children: children
+      }), /*#__PURE__*/_jsx(FieldMessage, {
+        nativeID: messageId,
+        error: errorMessage,
+        description: description,
+        errorStyle: styles?.error,
+        descriptionStyle: styles?.description
+      })]
+    })
+  });
+};
+const stylesheet = StyleSheet.create(theme => ({
+  root: {
+    gap: theme.space(0.75)
+  }
+}));
+//# sourceMappingURL=Field.js.map

package/lib/module/components/forms/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","fieldErrorMessage","useFieldIds","FieldLabel","FieldMessage","FieldContext","jsx","_jsx","jsxs","_jsxs","Field","ref","children","label","description","error","required","disabled","style","styles","labelId","messageId","errorMessage","value","message","invalid","stylesheet","root","nativeID","control","errorStyle","descriptionStyle","create","theme","gap","space"],"sourceRoot":"../../../../src","sources":["components/forms/Field.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,iBAAiB,EAAEC,WAAW,QAAQ,kBAAe;AAC9D,SAASC,UAAU,EAAEC,YAAY,QAAQ,uBAAoB;AAC7D,SAASC,YAAY,QAAQ,mBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAsB7C,OAAO,MAAMC,KAAK,GAAGA,CAAC;EACnBC,GAAG;EACHC,QAAQ;EACRC,KAAK;EACLC,WAAW;EACXC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC;AACS,CAAC,KAAK;EACf,MAAM;IAAEC,OAAO;IAAEC;EAAU,CAAC,GAAGnB,WAAW,CAAC,CAAC;EAC5C,MAAMoB,YAAY,GAAGrB,iBAAiB,CAACc,KAAK,CAAC;EAE7C,oBACGR,IAAA,CAACF,YAAY;IACVkB,KAAK,EAAE;MACJH,OAAO;MACPC,SAAS;MACTG,OAAO,EAAEF,YAAY,IAAIR,WAAW;MACpCW,OAAO,EAAE,CAAC,CAACV,KAAK;MAChBE,QAAQ;MACRD;IACH,CAAE;IAAAJ,QAAA,eAEFH,KAAA,CAACV,IAAI;MAACY,GAAG,EAAEA,GAAI;MAACO,KAAK,EAAE,CAACQ,UAAU,CAACC,IAAI,EAAET,KAAK,EAAEC,MAAM,EAAEQ,IAAI,CAAE;MAAAf,QAAA,GAC1DC,KAAK,gBACHN,IAAA,CAACJ,UAAU;QACRyB,QAAQ,EAAER,OAAQ;QAClBJ,QAAQ,EAAEA,QAAS;QACnBC,QAAQ,EAAEA,QAAS;QACnBC,KAAK,EAAEC,MAAM,EAAEN,KAAM;QAAAD,QAAA,EAEpBC;MAAK,CACG,CAAC,GACZ,IAAI,eACRN,IAAA,CAACR,IAAI;QAACmB,KAAK,EAAEC,MAAM,EAAEU,OAAQ;QAAAjB,QAAA,EAAEA;MAAQ,CAAO,CAAC,eAC/CL,IAAA,CAACH,YAAY;QACVwB,QAAQ,EAAEP,SAAU;QACpBN,KAAK,EAAEO,YAAa;QACpBR,WAAW,EAAEA,WAAY;QACzBgB,UAAU,EAAEX,MAAM,EAAEJ,KAAM;QAC1BgB,gBAAgB,EAAEZ,MAAM,EAAEL;MAAY,CACxC,CAAC;IAAA,CACC;EAAC,CACI,CAAC;AAErB,CAAC;AAED,MAAMY,UAAU,GAAG1B,UAAU,CAACgC,MAAM,CAAEC,KAAK,KAAM;EAC9CN,IAAI,EAAE;IACHO,GAAG,EAAED,KAAK,CAACE,KAAK,CAAC,IAAI;EACxB;AACH,CAAC,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/forms/MonthPicker.js

@@ -0,0 +1,124 @@
+"use strict";
+
+import { View } from 'react-native';
+import { StyleSheet } from 'react-native-unistyles';
+import { useControllableState, whenPresent } from "../../hooks/useControllableState.js";
+import { toneColors } from "../../theme/tones.js";
+import { Text } from "../core/Text.js";
+import { Touchable } from "../core/Touchable.js";
+import { formatDate } from "./dateUtils.js";
+import { PeriodHeader } from "./PeriodHeader.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const monthIndexes = Array.from({
+  length: 12
+}, (_, index) => index);
+const monthKey = (year, month) => year * 12 + month;
+export const MonthPicker = ({
+  ref,
+  value,
+  defaultValue = null,
+  onValueChange,
+  year,
+  defaultYear,
+  onYearChange,
+  minDate,
+  maxDate,
+  locale,
+  tone = 'primary',
+  previousYearLabel = 'Previous year',
+  nextYearLabel = 'Next year',
+  style,
+  styles
+}) => {
+  const [selected, setSelected] = useControllableState({
+    value,
+    defaultValue,
+    onChange: whenPresent(onValueChange)
+  });
+  const [visibleYear, setVisibleYear] = useControllableState({
+    value: year,
+    defaultValue: defaultYear ?? (selected ?? new Date()).getFullYear(),
+    onChange: onYearChange
+  });
+  const today = new Date();
+  const minKey = minDate ? monthKey(minDate.getFullYear(), minDate.getMonth()) : undefined;
+  const maxKey = maxDate ? monthKey(maxDate.getFullYear(), maxDate.getMonth()) : undefined;
+  return /*#__PURE__*/_jsxs(View, {
+    ref: ref,
+    style: [stylesheet.container, style, styles?.container],
+    children: [/*#__PURE__*/_jsx(PeriodHeader, {
+      previousLabel: previousYearLabel,
+      nextLabel: nextYearLabel,
+      previousDisabled: minDate !== undefined && visibleYear <= minDate.getFullYear(),
+      nextDisabled: maxDate !== undefined && visibleYear >= maxDate.getFullYear(),
+      onPrevious: () => setVisibleYear(visibleYear - 1),
+      onNext: () => setVisibleYear(visibleYear + 1),
+      style: styles?.header,
+      titleStyle: styles?.title,
+      children: visibleYear
+    }), /*#__PURE__*/_jsx(View, {
+      style: [stylesheet.grid, styles?.grid],
+      children: monthIndexes.map(month => {
+        const date = new Date(visibleYear, month, 1);
+        const key = monthKey(visibleYear, month);
+        const disabled = minKey !== undefined && key < minKey || maxKey !== undefined && key > maxKey;
+        const isSelected = !!selected && selected.getFullYear() === visibleYear && selected.getMonth() === month;
+        const isCurrent = today.getFullYear() === visibleYear && today.getMonth() === month;
+        return /*#__PURE__*/_jsx(View, {
+          style: stylesheet.cell,
+          children: /*#__PURE__*/_jsx(Touchable, {
+            feedback: "opacity",
+            accessibilityRole: "button",
+            accessibilityLabel: formatDate(date, locale, {
+              month: 'long',
+              year: 'numeric'
+            }),
+            accessibilityState: {
+              selected: isSelected,
+              disabled
+            },
+            disabled: disabled,
+            onPress: () => setSelected(date),
+            style: [stylesheet.month(tone, isSelected, isCurrent), styles?.month],
+            children: /*#__PURE__*/_jsx(Text, {
+              variant: "label",
+              weight: isSelected ? 'semibold' : 'regular',
+              style: [stylesheet.monthLabel(tone, isSelected), styles?.monthLabel],
+              children: formatDate(date, locale, {
+                month: 'short'
+              })
+            })
+          })
+        }, month);
+      })
+    })]
+  });
+};
+const stylesheet = StyleSheet.create(theme => ({
+  container: {
+    alignSelf: 'stretch',
+    gap: theme.space(1)
+  },
+  grid: {
+    flexDirection: 'row',
+    flexWrap: 'wrap'
+  },
+  cell: {
+    width: '33.3333%',
+    padding: theme.space(0.5)
+  },
+  month: (tone, selected, current) => ({
+    height: theme.sizes.control.md,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: theme.radius.md,
+    backgroundColor: selected ? toneColors(theme, tone).solid : theme.colors.surfaceSunken,
+    borderWidth: current && !selected ? theme.sizes.borderWidth : 0,
+    borderColor: toneColors(theme, tone).solid
+  }),
+  monthLabel: (tone, selected) => ({
+    color: selected ? toneColors(theme, tone).on : theme.colors.text,
+    textTransform: 'capitalize'
+  })
+}));
+//# sourceMappingURL=MonthPicker.js.map

package/lib/module/components/forms/MonthPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","useControllableState","whenPresent","toneColors","Text","Touchable","formatDate","PeriodHeader","jsx","_jsx","jsxs","_jsxs","monthIndexes","Array","from","length","_","index","monthKey","year","month","MonthPicker","ref","value","defaultValue","onValueChange","defaultYear","onYearChange","minDate","maxDate","locale","tone","previousYearLabel","nextYearLabel","style","styles","selected","setSelected","onChange","visibleYear","setVisibleYear","Date","getFullYear","today","minKey","getMonth","undefined","maxKey","stylesheet","container","children","previousLabel","nextLabel","previousDisabled","nextDisabled","onPrevious","onNext","header","titleStyle","title","grid","map","date","key","disabled","isSelected","isCurrent","cell","feedback","accessibilityRole","accessibilityLabel","accessibilityState","onPress","variant","weight","monthLabel","create","theme","alignSelf","gap","space","flexDirection","flexWrap","width","padding","current","height","sizes","control","md","alignItems","justifyContent","borderRadius","radius","backgroundColor","solid","colors","surfaceSunken","borderWidth","borderColor","color","on","text","textTransform"],"sourceRoot":"../../../../src","sources":["components/forms/MonthPicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/forms/PeriodHeader.js

@@ -0,0 +1,53 @@
+"use strict";
+
+import { View } from 'react-native';
+import { StyleSheet } from 'react-native-unistyles';
+import { IconButton } from "../core/IconButton.js";
+import { Text } from "../core/Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PeriodHeader = ({
+  children,
+  previousLabel,
+  nextLabel,
+  previousDisabled,
+  nextDisabled,
+  onPrevious,
+  onNext,
+  style,
+  titleStyle
+}) => /*#__PURE__*/_jsxs(View, {
+  style: [stylesheet.header, style],
+  children: [/*#__PURE__*/_jsx(IconButton, {
+    icon: "chevron-left",
+    size: "sm",
+    accessibilityLabel: previousLabel,
+    disabled: previousDisabled,
+    onPress: onPrevious
+  }), /*#__PURE__*/_jsx(Text, {
+    variant: "label",
+    weight: "semibold",
+    accessibilityRole: "header",
+    accessibilityLiveRegion: "polite",
+    style: [stylesheet.title, titleStyle],
+    children: children
+  }), /*#__PURE__*/_jsx(IconButton, {
+    icon: "chevron-right",
+    size: "sm",
+    accessibilityLabel: nextLabel,
+    disabled: nextDisabled,
+    onPress: onNext
+  })]
+});
+const stylesheet = StyleSheet.create({
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  title: {
+    flex: 1,
+    textAlign: 'center',
+    textTransform: 'capitalize'
+  }
+});
+//# sourceMappingURL=PeriodHeader.js.map

package/lib/module/components/forms/PeriodHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","IconButton","Text","jsx","_jsx","jsxs","_jsxs","PeriodHeader","children","previousLabel","nextLabel","previousDisabled","nextDisabled","onPrevious","onNext","style","titleStyle","stylesheet","header","icon","size","accessibilityLabel","disabled","onPress","variant","weight","accessibilityRole","accessibilityLiveRegion","title","create","flexDirection","alignItems","justifyContent","flex","textAlign","textTransform"],"sourceRoot":"../../../../src","sources":["components/forms/PeriodHeader.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,UAAU,QAAQ,uBAAoB;AAC/C,SAASC,IAAI,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAcnC,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC1BC,QAAQ;EACRC,aAAa;EACbC,SAAS;EACTC,gBAAgB;EAChBC,YAAY;EACZC,UAAU;EACVC,MAAM;EACNC,KAAK;EACLC;AACgB,CAAC,kBACjBV,KAAA,CAACP,IAAI;EAACgB,KAAK,EAAE,CAACE,UAAU,CAACC,MAAM,EAAEH,KAAK,CAAE;EAAAP,QAAA,gBACrCJ,IAAA,CAACH,UAAU;IACRkB,IAAI,EAAC,cAAc;IACnBC,IAAI,EAAC,IAAI;IACTC,kBAAkB,EAAEZ,aAAc;IAClCa,QAAQ,EAAEX,gBAAiB;IAC3BY,OAAO,EAAEV;EAAW,CACtB,CAAC,eACFT,IAAA,CAACF,IAAI;IACFsB,OAAO,EAAC,OAAO;IACfC,MAAM,EAAC,UAAU;IACjBC,iBAAiB,EAAC,QAAQ;IAC1BC,uBAAuB,EAAC,QAAQ;IAChCZ,KAAK,EAAE,CAACE,UAAU,CAACW,KAAK,EAAEZ,UAAU,CAAE;IAAAR,QAAA,EAErCA;EAAQ,CACN,CAAC,eACPJ,IAAA,CAACH,UAAU;IACRkB,IAAI,EAAC,eAAe;IACpBC,IAAI,EAAC,IAAI;IACTC,kBAAkB,EAAEX,SAAU;IAC9BY,QAAQ,EAAEV,YAAa;IACvBW,OAAO,EAAET;EAAO,CAClB,CAAC;AAAA,CACC,CACR;AAED,MAAMG,UAAU,GAAGjB,UAAU,CAAC6B,MAAM,CAAC;EAClCX,MAAM,EAAE;IACLY,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EACnB,CAAC;EACDJ,KAAK,EAAE;IACJK,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE,QAAQ;IACnBC,aAAa,EAAE;EAClB;AACH,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/forms/PinInput.js

@@ -0,0 +1,167 @@
+"use strict";
+
+import { useRef, useState } from 'react';
+import { Pressable, TextInput, View } from 'react-native';
+import Animated, { useAnimatedStyle, useReducedMotion } from 'react-native-reanimated';
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { useLoop } from "../../hooks/useLoop.js";
+import { mergeRefs } from "../../utils/refs.js";
+import { absoluteFill } from "../../utils/styles.js";
+import { inputState, inputSurface } from "../core/field.js";
+import { Text } from "../core/Text.js";
+import { fieldAccessibility, useFieldControl } from "./fieldContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CELL_SECURE_GLYPH = '•';
+const CURSOR_BLINK_MS = 500;
+const cellWidth = (theme, size) => theme.components.pinInput?.cellWidth?.[size] ?? theme.sizes.control[size] + 4;
+const sanitize = (text, numeric, length) => (numeric ? text.replace(/\D/g, '') : text.replace(/\s/g, '')).slice(0, length);
+const Cursor = ({
+  style
+}) => {
+  const reducedMotion = useReducedMotion();
+  const opacity = useLoop({
+    enabled: !reducedMotion,
+    duration: CURSOR_BLINK_MS,
+    easing: 'ease',
+    reverse: true,
+    from: 1,
+    to: 0
+  });
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value
+  }));
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [style, animatedStyle]
+  });
+};
+export const PinInput = ({
+  ref,
+  length = 6,
+  value,
+  defaultValue = '',
+  onValueChange,
+  onComplete,
+  secure = false,
+  numeric = true,
+  disabled = false,
+  invalid = false,
+  autoFocus = false,
+  size = 'md',
+  accessibilityLabel = 'Verification code',
+  style,
+  styles
+}) => {
+  const {
+    theme
+  } = useUnistyles();
+  const control = useFieldControl({
+    disabled,
+    invalid
+  });
+  const localRef = useRef(null);
+  const [focused, setFocused] = useState(false);
+  const [code, setCode] = useControllableState({
+    value,
+    defaultValue: sanitize(defaultValue, numeric, length),
+    onChange: onValueChange
+  });
+  const activeIndex = Math.min(code.length, length - 1);
+  const handleChange = text => {
+    const next = sanitize(text, numeric, length);
+    setCode(next);
+    if (next.length === length && next !== code) {
+      onComplete?.(next);
+    }
+  };
+  const cells = Array.from({
+    length
+  }, (_, index) => index);
+  return /*#__PURE__*/_jsxs(Pressable, {
+    accessible: false,
+    disabled: control.disabled,
+    onPress: () => localRef.current?.focus(),
+    style: [stylesheet.container, style, styles?.container],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: stylesheet.cells,
+      pointerEvents: "none",
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      children: cells.map(index => {
+        const char = code[index];
+        const isActive = focused && !control.disabled && index === activeIndex;
+        const state = inputState({
+          ...control,
+          focused: isActive
+        });
+        return /*#__PURE__*/_jsx(View, {
+          style: [stylesheet.cell(size, state), styles?.cell],
+          children: char ? /*#__PURE__*/_jsx(Text, {
+            variant: "heading",
+            style: [stylesheet.cellText, styles?.cellText],
+            children: secure ? CELL_SECURE_GLYPH : char
+          }) : isActive ? /*#__PURE__*/_jsx(Cursor, {
+            style: [stylesheet.cursor, styles?.cursor]
+          }) : null
+        }, index);
+      })
+    }), /*#__PURE__*/_jsx(TextInput, {
+      ref: mergeRefs(localRef, ref),
+      value: code,
+      onChangeText: handleChange,
+      onFocus: () => setFocused(true),
+      onBlur: () => setFocused(false),
+      editable: !control.disabled,
+      autoFocus: autoFocus,
+      maxLength: length,
+      caretHidden: true,
+      keyboardType: numeric ? 'number-pad' : 'default',
+      textContentType: "oneTimeCode",
+      autoComplete: "sms-otp",
+      autoCapitalize: "none",
+      autoCorrect: false,
+      secureTextEntry: secure,
+      selectionColor: theme.colors.primary,
+      accessibilityLabel: accessibilityLabel,
+      accessibilityValue: {
+        text: secure ? `${code.length} of ${length} entered` : code
+      },
+      accessibilityState: {
+        disabled: control.disabled
+      },
+      ...fieldAccessibility(control.field),
+      "aria-invalid": control.invalid,
+      style: stylesheet.input
+    })]
+  });
+};
+const stylesheet = StyleSheet.create(theme => ({
+  container: {
+    alignSelf: 'flex-start'
+  },
+  cells: {
+    flexDirection: 'row',
+    gap: theme.space(1)
+  },
+  cell: (size, state) => ({
+    width: cellWidth(theme, size),
+    height: theme.sizes.control[size] + 12,
+    alignItems: 'center',
+    justifyContent: 'center',
+    ...inputSurface(theme, state),
+    borderRadius: theme.components.pinInput?.radius ?? theme.radius.md,
+    borderWidth: state === 'focused' ? theme.sizes.borderWidth * 2 : theme.sizes.borderWidth
+  }),
+  cellText: {},
+  cursor: {
+    width: 2,
+    height: theme.typography.variants.heading.lineHeight,
+    borderRadius: 1,
+    backgroundColor: theme.colors.primary
+  },
+  input: {
+    ...absoluteFill,
+    opacity: 0
+  }
+}));
+//# sourceMappingURL=PinInput.js.map

package/lib/module/components/forms/PinInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","Pressable","TextInput","View","Animated","useAnimatedStyle","useReducedMotion","StyleSheet","useUnistyles","useControllableState","useLoop","mergeRefs","absoluteFill","inputState","inputSurface","Text","fieldAccessibility","useFieldControl","jsx","_jsx","jsxs","_jsxs","CELL_SECURE_GLYPH","CURSOR_BLINK_MS","cellWidth","theme","size","components","pinInput","sizes","control","sanitize","text","numeric","length","replace","slice","Cursor","style","reducedMotion","opacity","enabled","duration","easing","reverse","from","to","animatedStyle","value","PinInput","ref","defaultValue","onValueChange","onComplete","secure","disabled","invalid","autoFocus","accessibilityLabel","styles","localRef","focused","setFocused","code","setCode","onChange","activeIndex","Math","min","handleChange","next","cells","Array","_","index","accessible","onPress","current","focus","stylesheet","container","children","pointerEvents","accessibilityElementsHidden","importantForAccessibility","map","char","isActive","state","cell","variant","cellText","cursor","onChangeText","onFocus","onBlur","editable","maxLength","caretHidden","keyboardType","textContentType","autoComplete","autoCapitalize","autoCorrect","secureTextEntry","selectionColor","colors","primary","accessibilityValue","accessibilityState","field","input","create","alignSelf","flexDirection","gap","space","width","height","alignItems","justifyContent","borderRadius","radius","md","borderWidth","typography","variants","heading","lineHeight","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/forms/PinInput.tsx"],"mappings":"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","ignoreList":[]}