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

package/lib/module/components/overlays/Dialog.js

@@ -0,0 +1,140 @@
+"use strict";
+
+import { View } from 'react-native';
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { toneColors } from "../../theme/tones.js";
+import { floatingShadow } from "../../utils/styles.js";
+import { renderIcon } from "../core/Icon.js";
+import { Overlay } from "./Overlay.js";
+import { OverlayHeader } from "./OverlayHeader.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Dialog = ({
+  children,
+  title,
+  description,
+  icon,
+  tone = 'primary',
+  actions,
+  showClose = false,
+  alert = false,
+  closeLabel = 'Close',
+  dismissible = true,
+  transition = 'scale',
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  style,
+  styles,
+  accessibilityLabel,
+  ...props
+}) => {
+  const [open, setOpen] = useControllableState({
+    value: openProp,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  return /*#__PURE__*/_jsx(Overlay, {
+    ...props,
+    open: open,
+    onOpenChange: setOpen,
+    dismissible: dismissible,
+    transition: transition,
+    closeLabel: closeLabel,
+    placement: "center",
+    role: alert ? 'alertdialog' : 'dialog',
+    accessibilityLabel: accessibilityLabel ?? title,
+    styles: {
+      backdrop: styles?.backdrop
+    },
+    children: /*#__PURE__*/_jsx(DialogCard, {
+      title: title,
+      description: description,
+      icon: icon,
+      tone: tone,
+      actions: actions,
+      showClose: showClose,
+      closeLabel: closeLabel,
+      onClose: () => setOpen(false),
+      style: style,
+      styles: styles,
+      children: children
+    })
+  });
+};
+const DialogCard = ({
+  children,
+  title,
+  description,
+  icon,
+  tone,
+  actions,
+  showClose,
+  closeLabel,
+  onClose,
+  style,
+  styles
+}) => {
+  const {
+    theme
+  } = useUnistyles();
+  const colors = toneColors(theme, tone);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [stylesheet.card, style, styles?.container],
+    children: [icon ? /*#__PURE__*/_jsx(View, {
+      style: [stylesheet.icon(colors.soft), styles?.icon],
+      children: renderIcon(icon, {
+        size: 'lg',
+        color: colors.text
+      })
+    }) : null, title || description || showClose ? /*#__PURE__*/_jsx(OverlayHeader, {
+      title: title,
+      description: description,
+      showClose: showClose,
+      closeLabel: closeLabel,
+      closeVariant: "ghost",
+      onClose: onClose,
+      titleGap: 0.75,
+      style: styles?.header,
+      titleStyle: styles?.title,
+      descriptionStyle: styles?.description
+    }) : null, children ? /*#__PURE__*/_jsx(View, {
+      style: [stylesheet.content, styles?.content],
+      children: children
+    }) : null, actions ? /*#__PURE__*/_jsx(View, {
+      style: [stylesheet.actions, styles?.actions],
+      children: actions
+    }) : null]
+  });
+};
+const stylesheet = StyleSheet.create(theme => ({
+  card: {
+    width: theme.components.dialog?.maxWidth ?? 420,
+    maxWidth: '100%',
+    gap: theme.space(2),
+    padding: theme.components.dialog?.padding ?? theme.space(3),
+    borderRadius: theme.components.dialog?.radius ?? theme.radius.xl,
+    backgroundColor: theme.components.dialog?.background ?? theme.colors.surfaceRaised,
+    borderWidth: theme.sizes.borderWidth,
+    borderColor: theme.colors.border,
+    boxShadow: floatingShadow(theme, 'modal')
+  },
+  icon: background => ({
+    width: theme.sizes.control.lg,
+    height: theme.sizes.control.lg,
+    borderRadius: theme.radius.full,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: background
+  }),
+  content: {
+    gap: theme.space(1.5)
+  },
+  actions: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'flex-end',
+    gap: theme.space(1)
+  }
+}));
+//# sourceMappingURL=Dialog.js.map

package/lib/module/components/overlays/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","useUnistyles","useControllableState","toneColors","floatingShadow","renderIcon","Overlay","OverlayHeader","jsx","_jsx","jsxs","_jsxs","Dialog","children","title","description","icon","tone","actions","showClose","alert","closeLabel","dismissible","transition","open","openProp","defaultOpen","onOpenChange","style","styles","accessibilityLabel","props","setOpen","value","defaultValue","onChange","placement","role","backdrop","DialogCard","onClose","theme","colors","stylesheet","card","container","soft","size","color","text","closeVariant","titleGap","header","titleStyle","descriptionStyle","content","create","width","components","dialog","maxWidth","gap","space","padding","borderRadius","radius","xl","backgroundColor","background","surfaceRaised","borderWidth","sizes","borderColor","border","boxShadow","control","lg","height","full","alignItems","justifyContent","flexDirection","flexWrap"],"sourceRoot":"../../../../src","sources":["components/overlays/Dialog.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/overlays/DialogHost.js

@@ -0,0 +1,116 @@
+"use strict";
+
+import { useState } from 'react';
+import { Button } from "../core/Button.js";
+import { TextField } from "../core/TextField.js";
+import { Dialog } from "./Dialog.js";
+import { removeDialogRequest, useDialogRequests } from "./dialogStore.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const DialogHost = () => {
+  const requests = useDialogRequests();
+  const [answeredId, setAnsweredId] = useState(null);
+  const [draft, setDraft] = useState(null);
+  const current = requests[0];
+  if (!current) {
+    return null;
+  }
+  const {
+    options,
+    kind
+  } = current;
+  const tone = options.tone ?? 'primary';
+  const dismissible = options.dismissible ?? true;
+  const value = draft?.id === current.id ? draft.value : options.defaultValue ?? '';
+  const error = draft?.id === current.id ? draft.error : undefined;
+  const respond = result => {
+    if (answeredId === current.id) {
+      return;
+    }
+    setAnsweredId(current.id);
+    current.resolve(result);
+  };
+  const confirm = () => {
+    if (kind !== 'prompt') {
+      respond({
+        confirmed: true
+      });
+      return;
+    }
+    const message = options.validate?.(value);
+    if (message) {
+      setDraft({
+        id: current.id,
+        value,
+        error: message
+      });
+      return;
+    }
+    respond({
+      confirmed: true,
+      value
+    });
+  };
+  return /*#__PURE__*/_jsx(Dialog, {
+    open: answeredId !== current.id,
+    onOpenChange: open => {
+      if (!open) {
+        respond({
+          confirmed: false
+        });
+      }
+    },
+    onDismiss: () => removeDialogRequest(current.id),
+    dismissible: kind === 'alert' || dismissible,
+    alert: kind !== 'prompt',
+    title: options.title,
+    description: options.message,
+    icon: options.icon,
+    tone: tone,
+    actions: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [kind === 'alert' ? null : /*#__PURE__*/_jsx(Button, {
+        variant: "soft",
+        tone: "neutral",
+        onPress: () => respond({
+          confirmed: false
+        }),
+        children: options.cancelLabel ?? 'Cancel'
+      }), /*#__PURE__*/_jsx(Button, {
+        tone: tone,
+        haptic: tone === 'danger' ? 'warning' : 'light',
+        onPress: confirm,
+        children: options.confirmLabel ?? 'OK'
+      })]
+    }),
+    children: kind === 'prompt' ? /*#__PURE__*/_jsx(PromptInput, {
+      options: options,
+      value: value,
+      error: error,
+      onChange: next => setDraft({
+        id: current.id,
+        value: next
+      }),
+      onSubmit: confirm
+    }) : null
+  }, current.id);
+};
+const PromptInput = ({
+  options,
+  value,
+  error,
+  onChange,
+  onSubmit
+}) => /*#__PURE__*/_jsx(TextField, {
+  label: options.label,
+  accessibilityLabel: options.label ?? options.title,
+  placeholder: options.placeholder,
+  value: value,
+  error: error,
+  autoFocus: true,
+  secureTextEntry: options.secure,
+  secureToggle: options.secure,
+  keyboardType: options.keyboardType,
+  returnKeyType: "done",
+  onChangeText: onChange,
+  onSubmitEditing: onSubmit
+});
+//# sourceMappingURL=DialogHost.js.map

package/lib/module/components/overlays/DialogHost.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Button","TextField","Dialog","removeDialogRequest","useDialogRequests","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DialogHost","requests","answeredId","setAnsweredId","draft","setDraft","current","options","kind","tone","dismissible","value","id","defaultValue","error","undefined","respond","result","resolve","confirm","confirmed","message","validate","open","onOpenChange","onDismiss","alert","title","description","icon","actions","children","variant","onPress","cancelLabel","haptic","confirmLabel","PromptInput","onChange","next","onSubmit","label","accessibilityLabel","placeholder","autoFocus","secureTextEntry","secure","secureToggle","keyboardType","returnKeyType","onChangeText","onSubmitEditing"],"sourceRoot":"../../../../src","sources":["components/overlays/DialogHost.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,MAAM,QAAQ,mBAAgB;AACvC,SAASC,SAAS,QAAQ,sBAAmB;AAC7C,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,kBAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAKtE,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC7B,MAAMC,QAAQ,GAAGR,iBAAiB,CAAC,CAAC;EACpC,MAAM,CAACS,UAAU,EAAEC,aAAa,CAAC,GAAGf,QAAQ,CAAgB,IAAI,CAAC;EACjE,MAAM,CAACgB,KAAK,EAAEC,QAAQ,CAAC,GAAGjB,QAAQ,CAAe,IAAI,CAAC;EACtD,MAAMkB,OAAO,GAAGL,QAAQ,CAAC,CAAC,CAAC;EAE3B,IAAI,CAACK,OAAO,EAAE;IACX,OAAO,IAAI;EACd;EAEA,MAAM;IAAEC,OAAO;IAAEC;EAAK,CAAC,GAAGF,OAAO;EACjC,MAAMG,IAAI,GAAGF,OAAO,CAACE,IAAI,IAAI,SAAS;EACtC,MAAMC,WAAW,GAAGH,OAAO,CAACG,WAAW,IAAI,IAAI;EAC/C,MAAMC,KAAK,GAAGP,KAAK,EAAEQ,EAAE,KAAKN,OAAO,CAACM,EAAE,GAAGR,KAAK,CAACO,KAAK,GAAIJ,OAAO,CAACM,YAAY,IAAI,EAAG;EACnF,MAAMC,KAAK,GAAGV,KAAK,EAAEQ,EAAE,KAAKN,OAAO,CAACM,EAAE,GAAGR,KAAK,CAACU,KAAK,GAAGC,SAAS;EAEhE,MAAMC,OAAO,GAAIC,MAAoB,IAAK;IACvC,IAAIf,UAAU,KAAKI,OAAO,CAACM,EAAE,EAAE;MAC5B;IACH;IACAT,aAAa,CAACG,OAAO,CAACM,EAAE,CAAC;IACzBN,OAAO,CAACY,OAAO,CAACD,MAAM,CAAC;EAC1B,CAAC;EAED,MAAME,OAAO,GAAGA,CAAA,KAAM;IACnB,IAAIX,IAAI,KAAK,QAAQ,EAAE;MACpBQ,OAAO,CAAC;QAAEI,SAAS,EAAE;MAAK,CAAC,CAAC;MAC5B;IACH;IACA,MAAMC,OAAO,GAAGd,OAAO,CAACe,QAAQ,GAAGX,KAAK,CAAC;IACzC,IAAIU,OAAO,EAAE;MACVhB,QAAQ,CAAC;QAAEO,EAAE,EAAEN,OAAO,CAACM,EAAE;QAAED,KAAK;QAAEG,KAAK,EAAEO;MAAQ,CAAC,CAAC;MACnD;IACH;IACAL,OAAO,CAAC;MAAEI,SAAS,EAAE,IAAI;MAAET;IAAM,CAAC,CAAC;EACtC,CAAC;EAED,oBACGhB,IAAA,CAACJ,MAAM;IAEJgC,IAAI,EAAErB,UAAU,KAAKI,OAAO,CAACM,EAAG;IAChCY,YAAY,EAAGD,IAAI,IAAK;MACrB,IAAI,CAACA,IAAI,EAAE;QACRP,OAAO,CAAC;UAAEI,SAAS,EAAE;QAAM,CAAC,CAAC;MAChC;IACH,CAAE;IACFK,SAAS,EAAEA,CAAA,KAAMjC,mBAAmB,CAACc,OAAO,CAACM,EAAE,CAAE;IACjDF,WAAW,EAAEF,IAAI,KAAK,OAAO,IAAIE,WAAY;IAC7CgB,KAAK,EAAElB,IAAI,KAAK,QAAS;IACzBmB,KAAK,EAAEpB,OAAO,CAACoB,KAAM;IACrBC,WAAW,EAAErB,OAAO,CAACc,OAAQ;IAC7BQ,IAAI,EAAEtB,OAAO,CAACsB,IAAK;IACnBpB,IAAI,EAAEA,IAAK;IACXqB,OAAO,eACJ/B,KAAA,CAAAF,SAAA;MAAAkC,QAAA,GACIvB,IAAI,KAAK,OAAO,GAAG,IAAI,gBACrBb,IAAA,CAACN,MAAM;QACJ2C,OAAO,EAAC,MAAM;QACdvB,IAAI,EAAC,SAAS;QACdwB,OAAO,EAAEA,CAAA,KAAMjB,OAAO,CAAC;UAAEI,SAAS,EAAE;QAAM,CAAC,CAAE;QAAAW,QAAA,EAE5CxB,OAAO,CAAC2B,WAAW,IAAI;MAAQ,CAC3B,CACV,eACDvC,IAAA,CAACN,MAAM;QACJoB,IAAI,EAAEA,IAAK;QACX0B,MAAM,EAAE1B,IAAI,KAAK,QAAQ,GAAG,SAAS,GAAG,OAAQ;QAChDwB,OAAO,EAAEd,OAAQ;QAAAY,QAAA,EAEhBxB,OAAO,CAAC6B,YAAY,IAAI;MAAI,CACxB,CAAC;IAAA,CACV,CACJ;IAAAL,QAAA,EAEAvB,IAAI,KAAK,QAAQ,gBACfb,IAAA,CAAC0C,WAAW;MACT9B,OAAO,EAAEA,OAAQ;MACjBI,KAAK,EAAEA,KAAM;MACbG,KAAK,EAAEA,KAAM;MACbwB,QAAQ,EAAGC,IAAI,IAAKlC,QAAQ,CAAC;QAAEO,EAAE,EAAEN,OAAO,CAACM,EAAE;QAAED,KAAK,EAAE4B;MAAK,CAAC,CAAE;MAC9DC,QAAQ,EAAErB;IAAQ,CACpB,CAAC,GACD;EAAI,GA3CHb,OAAO,CAACM,EA4CR,CAAC;AAEf,CAAC;AAUD,MAAMyB,WAAW,GAAGA,CAAC;EAAE9B,OAAO;EAAEI,KAAK;EAAEG,KAAK;EAAEwB,QAAQ;EAAEE;AAA2B,CAAC,kBACjF7C,IAAA,CAACL,SAAS;EACPmD,KAAK,EAAElC,OAAO,CAACkC,KAAM;EACrBC,kBAAkB,EAAEnC,OAAO,CAACkC,KAAK,IAAIlC,OAAO,CAACoB,KAAM;EACnDgB,WAAW,EAAEpC,OAAO,CAACoC,WAAY;EACjChC,KAAK,EAAEA,KAAM;EACbG,KAAK,EAAEA,KAAM;EACb8B,SAAS;EACTC,eAAe,EAAEtC,OAAO,CAACuC,MAAO;EAChCC,YAAY,EAAExC,OAAO,CAACuC,MAAO;EAC7BE,YAAY,EAAEzC,OAAO,CAACyC,YAAa;EACnCC,aAAa,EAAC,MAAM;EACpBC,YAAY,EAAEZ,QAAS;EACvBa,eAAe,EAAEX;AAAS,CAC5B,CACH","ignoreList":[]}

package/lib/module/components/overlays/LoadingHost.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { LoadingOverlay } from "./LoadingOverlay.js";
+import { useLoadingEntries } from "./loadingStore.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const LoadingHost = () => {
+  const entries = useLoadingEntries();
+  return /*#__PURE__*/_jsx(LoadingOverlay, {
+    visible: entries.length > 0,
+    message: entries.at(-1)?.message
+  });
+};
+//# sourceMappingURL=LoadingHost.js.map

package/lib/module/components/overlays/LoadingHost.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LoadingOverlay","useLoadingEntries","jsx","_jsx","LoadingHost","entries","visible","length","message","at"],"sourceRoot":"../../../../src","sources":["components/overlays/LoadingHost.tsx"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,qBAAkB;AACjD,SAASC,iBAAiB,QAAQ,mBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAElD,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC9B,MAAMC,OAAO,GAAGJ,iBAAiB,CAAC,CAAC;EACnC,oBAAOE,IAAA,CAACH,cAAc;IAACM,OAAO,EAAED,OAAO,CAACE,MAAM,GAAG,CAAE;IAACC,OAAO,EAAEH,OAAO,CAACI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAED;EAAQ,CAAE,CAAC;AAC3F,CAAC","ignoreList":[]}

package/lib/module/components/overlays/LoadingOverlay.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import { useEffect } from 'react';
+import { View } from 'react-native';
+import { StyleSheet } from 'react-native-unistyles';
+import { floatingShadow } from "../../utils/styles.js";
+import { Spinner } from "../core/Spinner.js";
+import { Text } from "../core/Text.js";
+import { announce } from "./overlayA11y.js";
+import { Overlay } from "./Overlay.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const LoadingOverlay = ({
+  visible,
+  message,
+  onDismiss,
+  style,
+  styles
+}) => {
+  useEffect(() => {
+    if (visible) {
+      announce(message ?? 'Loading');
+    }
+  }, [visible, message]);
+  return /*#__PURE__*/_jsx(Overlay, {
+    open: visible,
+    dismissible: false,
+    transition: "fade",
+    accessibilityLabel: message ?? 'Loading',
+    onDismiss: onDismiss,
+    styles: {
+      backdrop: styles?.backdrop
+    },
+    children: /*#__PURE__*/_jsx(LoadingCard, {
+      message: message,
+      style: style,
+      styles: styles
+    })
+  });
+};
+const LoadingCard = ({
+  message,
+  style,
+  styles
+}) => /*#__PURE__*/_jsxs(View, {
+  accessibilityRole: "progressbar",
+  accessibilityState: {
+    busy: true
+  },
+  accessibilityLabel: message ?? 'Loading',
+  style: [stylesheet.container, style, styles?.container],
+  children: [/*#__PURE__*/_jsx(Spinner, {
+    size: "lg"
+  }), message ? /*#__PURE__*/_jsx(Text, {
+    variant: "label",
+    tone: "muted",
+    align: "center",
+    style: styles?.message,
+    children: message
+  }) : null]
+});
+const stylesheet = StyleSheet.create(theme => ({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: theme.space(1.5),
+    minWidth: theme.space(16),
+    maxWidth: theme.space(36),
+    padding: theme.space(3),
+    borderRadius: theme.radius.xl,
+    backgroundColor: theme.colors.surfaceRaised,
+    boxShadow: floatingShadow(theme, 'overlay')
+  }
+}));
+//# sourceMappingURL=LoadingOverlay.js.map

package/lib/module/components/overlays/LoadingOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","View","StyleSheet","floatingShadow","Spinner","Text","announce","Overlay","jsx","_jsx","jsxs","_jsxs","LoadingOverlay","visible","message","onDismiss","style","styles","open","dismissible","transition","accessibilityLabel","backdrop","children","LoadingCard","accessibilityRole","accessibilityState","busy","stylesheet","container","size","variant","tone","align","create","theme","alignItems","justifyContent","gap","space","minWidth","maxWidth","padding","borderRadius","radius","xl","backgroundColor","colors","surfaceRaised","boxShadow"],"sourceRoot":"../../../../src","sources":["components/overlays/LoadingOverlay.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,cAAc,QAAQ,uBAAoB;AAEnD,SAASC,OAAO,QAAQ,oBAAiB;AACzC,SAASC,IAAI,QAAQ,iBAAc;AACnC,SAASC,QAAQ,QAAQ,kBAAe;AACxC,SAASC,OAAO,QAAQ,cAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBnC,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC5BC,OAAO;EACPC,OAAO;EACPC,SAAS;EACTC,KAAK;EACLC;AACkB,CAAC,KAAK;EACxBjB,SAAS,CAAC,MAAM;IACb,IAAIa,OAAO,EAAE;MACVP,QAAQ,CAACQ,OAAO,IAAI,SAAS,CAAC;IACjC;EACH,CAAC,EAAE,CAACD,OAAO,EAAEC,OAAO,CAAC,CAAC;EAEtB,oBACGL,IAAA,CAACF,OAAO;IACLW,IAAI,EAAEL,OAAQ;IACdM,WAAW,EAAE,KAAM;IACnBC,UAAU,EAAC,MAAM;IACjBC,kBAAkB,EAAEP,OAAO,IAAI,SAAU;IACzCC,SAAS,EAAEA,SAAU;IACrBE,MAAM,EAAE;MAAEK,QAAQ,EAAEL,MAAM,EAAEK;IAAS,CAAE;IAAAC,QAAA,eAEvCd,IAAA,CAACe,WAAW;MAACV,OAAO,EAAEA,OAAQ;MAACE,KAAK,EAAEA,KAAM;MAACC,MAAM,EAAEA;IAAO,CAAE;EAAC,CACzD,CAAC;AAEhB,CAAC;AAED,MAAMO,WAAW,GAAGA,CAAC;EAAEV,OAAO;EAAEE,KAAK;EAAEC;AAA6C,CAAC,kBAClFN,KAAA,CAACV,IAAI;EACFwB,iBAAiB,EAAC,aAAa;EAC/BC,kBAAkB,EAAE;IAAEC,IAAI,EAAE;EAAK,CAAE;EACnCN,kBAAkB,EAAEP,OAAO,IAAI,SAAU;EACzCE,KAAK,EAAE,CAACY,UAAU,CAACC,SAAS,EAAEb,KAAK,EAAEC,MAAM,EAAEY,SAAS,CAAE;EAAAN,QAAA,gBAExDd,IAAA,CAACL,OAAO;IAAC0B,IAAI,EAAC;EAAI,CAAE,CAAC,EACpBhB,OAAO,gBACLL,IAAA,CAACJ,IAAI;IAAC0B,OAAO,EAAC,OAAO;IAACC,IAAI,EAAC,OAAO;IAACC,KAAK,EAAC,QAAQ;IAACjB,KAAK,EAAEC,MAAM,EAAEH,OAAQ;IAAAS,QAAA,EACrET;EAAO,CACL,CAAC,GACN,IAAI;AAAA,CACL,CACR;AAED,MAAMc,UAAU,GAAG1B,UAAU,CAACgC,MAAM,CAAEC,KAAK,KAAM;EAC9CN,SAAS,EAAE;IACRO,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,GAAG,EAAEH,KAAK,CAACI,KAAK,CAAC,GAAG,CAAC;IACrBC,QAAQ,EAAEL,KAAK,CAACI,KAAK,CAAC,EAAE,CAAC;IACzBE,QAAQ,EAAEN,KAAK,CAACI,KAAK,CAAC,EAAE,CAAC;IACzBG,OAAO,EAAEP,KAAK,CAACI,KAAK,CAAC,CAAC,CAAC;IACvBI,YAAY,EAAER,KAAK,CAACS,MAAM,CAACC,EAAE;IAC7BC,eAAe,EAAEX,KAAK,CAACY,MAAM,CAACC,aAAa;IAC3CC,SAAS,EAAE9C,cAAc,CAACgC,KAAK,EAAE,SAAS;EAC7C;AACH,CAAC,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/overlays/Menu.js

@@ -0,0 +1,40 @@
+"use strict";
+
+import { View } from 'react-native';
+import { StyleSheet } from 'react-native-unistyles';
+import { MenuItem } from "./MenuItem.js";
+import { Popover } from "./Popover.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Menu = ({
+  items,
+  header,
+  footer,
+  accessibilityLabel,
+  ...props
+}) => /*#__PURE__*/_jsx(Popover, {
+  ...props,
+  accessibilityLabel: accessibilityLabel,
+  children: close => /*#__PURE__*/_jsxs(View, {
+    role: "menu",
+    accessibilityLabel: accessibilityLabel,
+    style: stylesheet.list,
+    children: [header, items.map(item => /*#__PURE__*/_jsx(MenuItem, {
+      label: item.label,
+      description: item.description,
+      icon: item.icon,
+      destructive: item.destructive,
+      disabled: item.disabled,
+      selected: item.selected,
+      onPress: () => {
+        close();
+        item.onPress?.();
+      }
+    }, item.key ?? item.label)), footer]
+  })
+});
+const stylesheet = StyleSheet.create(theme => ({
+  list: {
+    gap: theme.space(0.25)
+  }
+}));
+//# sourceMappingURL=Menu.js.map

package/lib/module/components/overlays/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","MenuItem","Popover","jsx","_jsx","jsxs","_jsxs","Menu","items","header","footer","accessibilityLabel","props","children","close","role","style","stylesheet","list","map","item","label","description","icon","destructive","disabled","selected","onPress","key","create","theme","gap","space"],"sourceRoot":"../../../../src","sources":["components/overlays/Menu.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,OAAO,QAAQ,cAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAoBnC,OAAO,MAAMC,IAAI,GAAGA,CAAC;EAAEC,KAAK;EAAEC,MAAM;EAAEC,MAAM;EAAEC,kBAAkB;EAAE,GAAGC;AAAiB,CAAC,kBACpFR,IAAA,CAACF,OAAO;EAAA,GAAKU,KAAK;EAAED,kBAAkB,EAAEA,kBAAmB;EAAAE,QAAA,EACtDC,KAAK,iBACJR,KAAA,CAACP,IAAI;IAACgB,IAAI,EAAC,MAAM;IAACJ,kBAAkB,EAAEA,kBAAmB;IAACK,KAAK,EAAEC,UAAU,CAACC,IAAK;IAAAL,QAAA,GAC7EJ,MAAM,EACND,KAAK,CAACW,GAAG,CAAEC,IAAI,iBACbhB,IAAA,CAACH,QAAQ;MAENoB,KAAK,EAAED,IAAI,CAACC,KAAM;MAClBC,WAAW,EAAEF,IAAI,CAACE,WAAY;MAC9BC,IAAI,EAAEH,IAAI,CAACG,IAAK;MAChBC,WAAW,EAAEJ,IAAI,CAACI,WAAY;MAC9BC,QAAQ,EAAEL,IAAI,CAACK,QAAS;MACxBC,QAAQ,EAAEN,IAAI,CAACM,QAAS;MACxBC,OAAO,EAAEA,CAAA,KAAM;QACZb,KAAK,CAAC,CAAC;QACPM,IAAI,CAACO,OAAO,GAAG,CAAC;MACnB;IAAE,GAVGP,IAAI,CAACQ,GAAG,IAAIR,IAAI,CAACC,KAWxB,CACH,CAAC,EACDX,MAAM;EAAA,CACJ;AACR,CACK,CACX;AAED,MAAMO,UAAU,GAAGjB,UAAU,CAAC6B,MAAM,CAAEC,KAAK,KAAM;EAC9CZ,IAAI,EAAE;IACHa,GAAG,EAAED,KAAK,CAACE,KAAK,CAAC,IAAI;EACxB;AACH,CAAC,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/overlays/MenuItem.js

@@ -0,0 +1,89 @@
+"use strict";
+
+import { View } from 'react-native';
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { toneColors } from "../../theme/tones.js";
+import { joinLabel } from "../../utils/a11y.js";
+import { renderIcon } from "../core/Icon.js";
+import { Text } from "../core/Text.js";
+import { Touchable } from "../core/Touchable.js";
+import { actionColor } from "./actionColor.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MenuItem = ({
+  ref,
+  label,
+  description,
+  icon,
+  destructive = false,
+  disabled = false,
+  selected,
+  onPress,
+  style,
+  styles
+}) => {
+  const {
+    theme
+  } = useUnistyles();
+  const color = actionColor(theme, destructive);
+  return /*#__PURE__*/_jsxs(Touchable, {
+    ref: ref,
+    feedback: "opacity",
+    haptic: "selection",
+    accessibilityRole: "menuitem",
+    accessibilityLabel: joinLabel(label, description),
+    accessibilityState: {
+      disabled,
+      selected
+    },
+    disabled: disabled,
+    onPress: onPress,
+    style: [stylesheet.container, style, styles?.container],
+    children: [icon ? /*#__PURE__*/_jsx(View, {
+      style: [stylesheet.icon, styles?.icon],
+      children: renderIcon(icon, {
+        size: 'md',
+        color
+      })
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: stylesheet.texts,
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "label",
+        numberOfLines: 1,
+        style: [stylesheet.label(destructive), styles?.label],
+        children: label
+      }), description ? /*#__PURE__*/_jsx(Text, {
+        variant: "caption",
+        tone: "muted",
+        numberOfLines: 2,
+        style: styles?.description,
+        children: description
+      }) : null]
+    }), selected ? renderIcon('check', {
+      size: 'sm',
+      color: toneColors(theme, 'primary').text
+    }) : null]
+  });
+};
+const stylesheet = StyleSheet.create(theme => ({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: theme.space(1.25),
+    minHeight: theme.sizes.minTouchTarget,
+    paddingHorizontal: theme.space(1.25),
+    paddingVertical: theme.space(0.75),
+    borderRadius: theme.radius.md
+  },
+  icon: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  texts: {
+    flex: 1,
+    gap: theme.space(0.25)
+  },
+  label: destructive => ({
+    color: actionColor(theme, destructive)
+  })
+}));
+//# sourceMappingURL=MenuItem.js.map

package/lib/module/components/overlays/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","useUnistyles","toneColors","joinLabel","renderIcon","Text","Touchable","actionColor","jsx","_jsx","jsxs","_jsxs","MenuItem","ref","label","description","icon","destructive","disabled","selected","onPress","style","styles","theme","color","feedback","haptic","accessibilityRole","accessibilityLabel","accessibilityState","stylesheet","container","children","size","texts","variant","numberOfLines","tone","text","create","flexDirection","alignItems","gap","space","minHeight","sizes","minTouchTarget","paddingHorizontal","paddingVertical","borderRadius","radius","md","justifyContent","flex"],"sourceRoot":"../../../../src","sources":["components/overlays/MenuItem.tsx"],"mappings":"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","ignoreList":[]}