@bacon-pos/ui 0.5.1 → 0.7.0

package/lib/commonjs/components/Menu/SelectButton.js

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectButton = SelectButton;
+var _react = require("react");
+var _index = require("../../theme/index.js");
+var _Button = require("../Button/Button.js");
+var _Dropdown = require("../Dropdown/Dropdown.js");
+var _Icon = require("../Icon/Icon.js");
+var _Menu = require("./Menu.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/** A selectable option. Its `icon` shows both in the row and on the trigger when chosen. */
+
+/** Button foreground per variant — mirrors Button so the trigger icon matches the label. */
+function triggerForeground(theme, variant) {
+  const {
+    action,
+    state
+  } = theme.colors;
+  switch (variant) {
+    case 'secondary':
+      return action.secondaryForeground;
+    case 'inverse':
+      return action.inverseForeground;
+    case 'destructive':
+      return state.destructiveSubtleForeground;
+    case 'success':
+      return state.successForeground;
+    case 'successSubtle':
+      return state.successSubtleForeground;
+    default:
+      return action.primaryForeground;
+  }
+}
+
+/**
+ * Select-style button — a `Button` (label + leading icon) that opens an anchored
+ * `Dropdown` to change its value; the current option is marked with a check.
+ * A composed component built from `Button` + `Menu` + `Dropdown`. Controlled via
+ * `value` / `onChange`, or uncontrolled via `defaultValue`.
+ */
+function SelectButton({
+  options,
+  value: valueProp,
+  defaultValue,
+  onChange,
+  placeholder = 'Select',
+  placeholderIcon,
+  showSelectedIcon = true,
+  chevron = false,
+  variant = 'secondary',
+  size = 'sm',
+  fullWidth = false,
+  disabled = false,
+  anchorOrigin = {
+    vertical: 'bottom',
+    horizontal: 'left'
+  },
+  menuOrigin = {
+    vertical: 'top',
+    horizontal: 'left'
+  },
+  offset = 8,
+  menuWidth,
+  showDividers,
+  closeOnSelect = true,
+  open,
+  onOpenChange
+}) {
+  const theme = (0, _index.useTheme)();
+  const isControlled = valueProp !== undefined;
+  const [uncontrolled, setUncontrolled] = (0, _react.useState)(defaultValue);
+  const value = isControlled ? valueProp : uncontrolled;
+  const selected = options.find(o => o.key === value);
+  const label = selected?.label ?? placeholder;
+  const triggerIcon = selected?.icon ?? placeholderIcon;
+  const fg = triggerForeground(theme, variant);
+  const iconSize = size === 'sm' ? 20 : 24;
+  const setValue = key => {
+    if (!isControlled) setUncontrolled(key);
+    onChange?.(key);
+  };
+  const rows = options.map(o => ({
+    key: o.key,
+    label: o.label,
+    disabled: o.disabled,
+    leading: o.icon ? {
+      kind: 'icon',
+      name: o.icon
+    } : undefined,
+    trailing: o.key === value ? {
+      kind: 'icon',
+      name: 'check',
+      color: theme.colors.feedback.success
+    } : undefined
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.Menu, {
+    anchorOrigin: anchorOrigin,
+    menuOrigin: menuOrigin,
+    offset: offset,
+    open: open,
+    onOpenChange: onOpenChange,
+    triggerStyle: fullWidth ? {
+      alignSelf: 'stretch'
+    } : undefined,
+    renderTrigger: ({
+      toggle
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: label,
+      variant: variant,
+      size: size,
+      fullWidth: fullWidth,
+      disabled: disabled,
+      onPress: toggle,
+      leftIcon: showSelectedIcon && triggerIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        name: triggerIcon,
+        size: iconSize,
+        color: fg
+      }) : undefined,
+      rightIcon: chevron ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        name: "chevron-down",
+        size: iconSize,
+        color: fg
+      }) : undefined
+    }),
+    children: ({
+      close,
+      maxHeight
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.Dropdown, {
+      options: rows,
+      width: menuWidth,
+      maxHeight: maxHeight,
+      showDividers: showDividers,
+      onSelect: key => {
+        setValue(key);
+        if (closeOnSelect) close();
+      }
+    })
+  });
+}
+//# sourceMappingURL=SelectButton.js.map

package/lib/commonjs/components/Menu/SelectButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_index","_Button","_Dropdown","_Icon","_Menu","_jsxRuntime","triggerForeground","theme","variant","action","state","colors","secondaryForeground","inverseForeground","destructiveSubtleForeground","successForeground","successSubtleForeground","primaryForeground","SelectButton","options","value","valueProp","defaultValue","onChange","placeholder","placeholderIcon","showSelectedIcon","chevron","size","fullWidth","disabled","anchorOrigin","vertical","horizontal","menuOrigin","offset","menuWidth","showDividers","closeOnSelect","open","onOpenChange","useTheme","isControlled","undefined","uncontrolled","setUncontrolled","useState","selected","find","o","key","label","triggerIcon","icon","fg","iconSize","setValue","rows","map","leading","kind","name","trailing","color","feedback","success","jsx","Menu","triggerStyle","alignSelf","renderTrigger","toggle","Button","onPress","leftIcon","Icon","rightIcon","children","close","maxHeight","Dropdown","width","onSelect"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/SelectButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AAA+C,IAAAM,WAAA,GAAAN,OAAA;AAE/C;;AAmDA;AACA,SAASO,iBAAiBA,CAACC,KAAkC,EAAEC,OAAsB,EAAU;EAC7F,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGH,KAAK,CAACI,MAAM;EACtC,QAAQH,OAAO;IACb,KAAK,WAAW;MACd,OAAOC,MAAM,CAACG,mBAAmB;IACnC,KAAK,SAAS;MACZ,OAAOH,MAAM,CAACI,iBAAiB;IACjC,KAAK,aAAa;MAChB,OAAOH,KAAK,CAACI,2BAA2B;IAC1C,KAAK,SAAS;MACZ,OAAOJ,KAAK,CAACK,iBAAiB;IAChC,KAAK,eAAe;MAClB,OAAOL,KAAK,CAACM,uBAAuB;IACtC;MACE,OAAOP,MAAM,CAACQ,iBAAiB;EACnC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,YAAYA,CAAC;EAC3BC,OAAO;EACPC,KAAK,EAAEC,SAAS;EAChBC,YAAY;EACZC,QAAQ;EACRC,WAAW,GAAG,QAAQ;EACtBC,eAAe;EACfC,gBAAgB,GAAG,IAAI;EACvBC,OAAO,GAAG,KAAK;EACfnB,OAAO,GAAG,WAAW;EACrBoB,IAAI,GAAG,IAAI;EACXC,SAAS,GAAG,KAAK;EACjBC,QAAQ,GAAG,KAAK;EAChBC,YAAY,GAAG;IAAEC,QAAQ,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAO,CAAC;EACzDC,UAAU,GAAG;IAAEF,QAAQ,EAAE,KAAK;IAAEC,UAAU,EAAE;EAAO,CAAC;EACpDE,MAAM,GAAG,CAAC;EACVC,SAAS;EACTC,YAAY;EACZC,aAAa,GAAG,IAAI;EACpBC,IAAI;EACJC;AACiB,CAAC,EAAE;EACpB,MAAMjC,KAAK,GAAG,IAAAkC,eAAQ,EAAC,CAAC;EACxB,MAAMC,YAAY,GAAGrB,SAAS,KAAKsB,SAAS;EAC5C,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAACxB,YAAY,CAAC;EAC9D,MAAMF,KAAK,GAAGsB,YAAY,GAAGrB,SAAS,GAAGuB,YAAY;EAErD,MAAMG,QAAQ,GAAG5B,OAAO,CAAC6B,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACC,GAAG,KAAK9B,KAAK,CAAC;EACrD,MAAM+B,KAAK,GAAGJ,QAAQ,EAAEI,KAAK,IAAI3B,WAAW;EAC5C,MAAM4B,WAAW,GAAGL,QAAQ,EAAEM,IAAI,IAAI5B,eAAe;EACrD,MAAM6B,EAAE,GAAGhD,iBAAiB,CAACC,KAAK,EAAEC,OAAO,CAAC;EAC5C,MAAM+C,QAAQ,GAAG3B,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;EAExC,MAAM4B,QAAQ,GAAIN,GAAW,IAAK;IAChC,IAAI,CAACR,YAAY,EAAEG,eAAe,CAACK,GAAG,CAAC;IACvC3B,QAAQ,GAAG2B,GAAG,CAAC;EACjB,CAAC;EAED,MAAMO,IAAqB,GAAGtC,OAAO,CAACuC,GAAG,CAAET,CAAC,KAAM;IAChDC,GAAG,EAAED,CAAC,CAACC,GAAG;IACVC,KAAK,EAAEF,CAAC,CAACE,KAAK;IACdrB,QAAQ,EAAEmB,CAAC,CAACnB,QAAQ;IACpB6B,OAAO,EAAEV,CAAC,CAACI,IAAI,GAAG;MAAEO,IAAI,EAAE,MAAM;MAAEC,IAAI,EAAEZ,CAAC,CAACI;IAAK,CAAC,GAAGV,SAAS;IAC5DmB,QAAQ,EACNb,CAAC,CAACC,GAAG,KAAK9B,KAAK,GAAG;MAAEwC,IAAI,EAAE,MAAM;MAAEC,IAAI,EAAE,OAAO;MAAEE,KAAK,EAAExD,KAAK,CAACI,MAAM,CAACqD,QAAQ,CAACC;IAAQ,CAAC,GAAGtB;EAC9F,CAAC,CAAC,CAAC;EAEH,oBACE,IAAAtC,WAAA,CAAA6D,GAAA,EAAC9D,KAAA,CAAA+D,IAAI;IACHpC,YAAY,EAAEA,YAAa;IAC3BG,UAAU,EAAEA,UAAW;IACvBC,MAAM,EAAEA,MAAO;IACfI,IAAI,EAAEA,IAAK;IACXC,YAAY,EAAEA,YAAa;IAC3B4B,YAAY,EAAEvC,SAAS,GAAG;MAAEwC,SAAS,EAAE;IAAU,CAAC,GAAG1B,SAAU;IAC/D2B,aAAa,EAAEA,CAAC;MAAEC;IAAO,CAAC,kBACxB,IAAAlE,WAAA,CAAA6D,GAAA,EAACjE,OAAA,CAAAuE,MAAM;MACLrB,KAAK,EAAEA,KAAM;MACb3C,OAAO,EAAEA,OAAQ;MACjBoB,IAAI,EAAEA,IAAK;MACXC,SAAS,EAAEA,SAAU;MACrBC,QAAQ,EAAEA,QAAS;MACnB2C,OAAO,EAAEF,MAAO;MAChBG,QAAQ,EACNhD,gBAAgB,IAAI0B,WAAW,gBAC7B,IAAA/C,WAAA,CAAA6D,GAAA,EAAC/D,KAAA,CAAAwE,IAAI;QAACd,IAAI,EAAET,WAAY;QAACxB,IAAI,EAAE2B,QAAS;QAACQ,KAAK,EAAET;MAAG,CAAE,CAAC,GACpDX,SACL;MACDiC,SAAS,EAAEjD,OAAO,gBAAG,IAAAtB,WAAA,CAAA6D,GAAA,EAAC/D,KAAA,CAAAwE,IAAI;QAACd,IAAI,EAAC,cAAc;QAACjC,IAAI,EAAE2B,QAAS;QAACQ,KAAK,EAAET;MAAG,CAAE,CAAC,GAAGX;IAAU,CAC1F,CACD;IAAAkC,QAAA,EAEDA,CAAC;MAAEC,KAAK;MAAEC;IAAU,CAAC,kBACpB,IAAA1E,WAAA,CAAA6D,GAAA,EAAChE,SAAA,CAAA8E,QAAQ;MACP7D,OAAO,EAAEsC,IAAK;MACdwB,KAAK,EAAE7C,SAAU;MACjB2C,SAAS,EAAEA,SAAU;MACrB1C,YAAY,EAAEA,YAAa;MAC3B6C,QAAQ,EAAGhC,GAAG,IAAK;QACjBM,QAAQ,CAACN,GAAG,CAAC;QACb,IAAIZ,aAAa,EAAEwC,KAAK,CAAC,CAAC;MAC5B;IAAE,CACH;EACF,CACG,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/components/Menu/SelectButton.stories.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithChevron = exports.Placeholder = exports.OrderType = exports.FullWidth = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _SelectButton = require("./SelectButton.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/SelectButton',
+  component: _SelectButton.SelectButton
+};
+var _default = exports.default = meta;
+const ORDER_TYPES = [{
+  key: 'dine-in',
+  label: 'Dine in',
+  icon: 'dish'
+}, {
+  key: 'take-out',
+  label: 'Take out',
+  icon: 'shopping-bag'
+}, {
+  key: 'delivery',
+  label: 'Delivery',
+  icon: 'truck-delivery'
+}];
+
+/** The order-type selector from the mockup: leading icon, green check on the current value. */
+const OrderType = exports.OrderType = {
+  render: () => {
+    const [value, setValue] = (0, _react.useState)('dine-in');
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        padding: 24,
+        height: 340
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectButton.SelectButton, {
+        options: ORDER_TYPES,
+        value: value,
+        onChange: setValue,
+        menuWidth: 300
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.Text, {
+        variant: "caption",
+        color: "secondary",
+        style: {
+          marginTop: 12
+        },
+        children: ["value: ", value]
+      })]
+    });
+  }
+};
+
+/** With a trailing chevron on the trigger. */
+const WithChevron = exports.WithChevron = {
+  render: () => {
+    const [value, setValue] = (0, _react.useState)('dine-in');
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        padding: 24,
+        height: 340
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectButton.SelectButton, {
+        options: ORDER_TYPES,
+        value: value,
+        onChange: setValue,
+        chevron: true,
+        menuWidth: 300
+      })
+    });
+  }
+};
+
+/** Uncontrolled with a placeholder (nothing selected initially). */
+const Placeholder = exports.Placeholder = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      padding: 24,
+      height: 340
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectButton.SelectButton, {
+      options: ORDER_TYPES,
+      placeholder: "Order type",
+      placeholderIcon: "dish",
+      chevron: true,
+      menuWidth: 300,
+      onChange: () => {}
+    })
+  })
+};
+
+/** Full-width trigger (e.g. inside a form). */
+const FullWidth = exports.FullWidth = {
+  render: () => {
+    const [value, setValue] = (0, _react.useState)('take-out');
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        padding: 24,
+        height: 340,
+        width: 360
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectButton.SelectButton, {
+        options: ORDER_TYPES,
+        value: value,
+        onChange: setValue,
+        fullWidth: true,
+        chevron: true,
+        menuWidth: 312
+      })
+    });
+  }
+};
+//# sourceMappingURL=SelectButton.stories.js.map

package/lib/commonjs/components/Menu/SelectButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_SelectButton","_Text","_jsxRuntime","meta","title","component","SelectButton","_default","exports","default","ORDER_TYPES","key","label","icon","OrderType","render","value","setValue","useState","jsxs","View","style","padding","height","children","jsx","options","onChange","menuWidth","Text","variant","color","marginTop","WithChevron","chevron","Placeholder","placeholder","placeholderIcon","FullWidth","width","fullWidth"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/SelectButton.stories.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAAoC,IAAAI,WAAA,GAAAJ,OAAA;AAEpC,MAAMK,IAAI,GAAG;EACXC,KAAK,EAAE,yBAAyB;EAChCC,SAAS,EAAEC;AACb,CAAqC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEvBN,IAAI;AAGnB,MAAMO,WAAiC,GAAG,CACxC;EAAEC,GAAG,EAAE,SAAS;EAAEC,KAAK,EAAE,SAAS;EAAEC,IAAI,EAAE;AAAO,CAAC,EAClD;EAAEF,GAAG,EAAE,UAAU;EAAEC,KAAK,EAAE,UAAU;EAAEC,IAAI,EAAE;AAAe,CAAC,EAC5D;EAAEF,GAAG,EAAE,UAAU;EAAEC,KAAK,EAAE,UAAU;EAAEC,IAAI,EAAE;AAAiB,CAAC,CAC/D;;AAED;AACO,MAAMC,SAAgB,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAC9BC,MAAM,EAAEA,CAAA,KAAM;IACZ,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,SAAS,CAAC;IAC7C,oBACE,IAAAhB,WAAA,CAAAiB,IAAA,EAACpB,YAAA,CAAAqB,IAAI;MAACC,KAAK,EAAE;QAAEC,OAAO,EAAE,EAAE;QAAEC,MAAM,EAAE;MAAI,CAAE;MAAAC,QAAA,gBACxC,IAAAtB,WAAA,CAAAuB,GAAA,EAACzB,aAAA,CAAAM,YAAY;QAACoB,OAAO,EAAEhB,WAAY;QAACM,KAAK,EAAEA,KAAM;QAACW,QAAQ,EAAEV,QAAS;QAACW,SAAS,EAAE;MAAI,CAAE,CAAC,eACxF,IAAA1B,WAAA,CAAAiB,IAAA,EAAClB,KAAA,CAAA4B,IAAI;QAACC,OAAO,EAAC,SAAS;QAACC,KAAK,EAAC,WAAW;QAACV,KAAK,EAAE;UAAEW,SAAS,EAAE;QAAG,CAAE;QAAAR,QAAA,GAAC,SAC3D,EAACR,KAAK;MAAA,CACT,CAAC;IAAA,CACH,CAAC;EAEX;AACF,CAAC;;AAED;AACO,MAAMiB,WAAkB,GAAAzB,OAAA,CAAAyB,WAAA,GAAG;EAChClB,MAAM,EAAEA,CAAA,KAAM;IACZ,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,SAAS,CAAC;IAC7C,oBACE,IAAAhB,WAAA,CAAAuB,GAAA,EAAC1B,YAAA,CAAAqB,IAAI;MAACC,KAAK,EAAE;QAAEC,OAAO,EAAE,EAAE;QAAEC,MAAM,EAAE;MAAI,CAAE;MAAAC,QAAA,eACxC,IAAAtB,WAAA,CAAAuB,GAAA,EAACzB,aAAA,CAAAM,YAAY;QAACoB,OAAO,EAAEhB,WAAY;QAACM,KAAK,EAAEA,KAAM;QAACW,QAAQ,EAAEV,QAAS;QAACiB,OAAO;QAACN,SAAS,EAAE;MAAI,CAAE;IAAC,CAC5F,CAAC;EAEX;AACF,CAAC;;AAED;AACO,MAAMO,WAAkB,GAAA3B,OAAA,CAAA2B,WAAA,GAAG;EAChCpB,MAAM,EAAEA,CAAA,kBACN,IAAAb,WAAA,CAAAuB,GAAA,EAAC1B,YAAA,CAAAqB,IAAI;IAACC,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,MAAM,EAAE;IAAI,CAAE;IAAAC,QAAA,eACxC,IAAAtB,WAAA,CAAAuB,GAAA,EAACzB,aAAA,CAAAM,YAAY;MACXoB,OAAO,EAAEhB,WAAY;MACrB0B,WAAW,EAAC,YAAY;MACxBC,eAAe,EAAC,MAAM;MACtBH,OAAO;MACPN,SAAS,EAAE,GAAI;MACfD,QAAQ,EAAEA,CAAA,KAAM,CAAC;IAAE,CACpB;EAAC,CACE;AAEV,CAAC;;AAED;AACO,MAAMW,SAAgB,GAAA9B,OAAA,CAAA8B,SAAA,GAAG;EAC9BvB,MAAM,EAAEA,CAAA,KAAM;IACZ,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,UAAU,CAAC;IAC9C,oBACE,IAAAhB,WAAA,CAAAuB,GAAA,EAAC1B,YAAA,CAAAqB,IAAI;MAACC,KAAK,EAAE;QAAEC,OAAO,EAAE,EAAE;QAAEC,MAAM,EAAE,GAAG;QAAEgB,KAAK,EAAE;MAAI,CAAE;MAAAf,QAAA,eACpD,IAAAtB,WAAA,CAAAuB,GAAA,EAACzB,aAAA,CAAAM,YAAY;QACXoB,OAAO,EAAEhB,WAAY;QACrBM,KAAK,EAAEA,KAAM;QACbW,QAAQ,EAAEV,QAAS;QACnBuB,SAAS;QACTN,OAAO;QACPN,SAAS,EAAE;MAAI,CAChB;IAAC,CACE,CAAC;EAEX;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/components/Menu/SelectButton.test.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _react = require("react");
+var _reactNative = require("@testing-library/react-native");
+var _index = require("../../theme/index.js");
+var _SelectButton = require("./SelectButton.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function wrap(ui) {
+  return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
+    children: ui
+  }));
+}
+const OPTIONS = [{
+  key: 'dine-in',
+  label: 'Dine in',
+  icon: 'dish'
+}, {
+  key: 'take-out',
+  label: 'Take out',
+  icon: 'shopping-bag'
+}, {
+  key: 'delivery',
+  label: 'Delivery',
+  icon: 'truck-delivery'
+}];
+function Controlled() {
+  const [value, setValue] = (0, _react.useState)('dine-in');
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectButton.SelectButton, {
+    options: OPTIONS,
+    value: value,
+    onChange: setValue
+  });
+}
+describe('SelectButton', () => {
+  it('shows the placeholder when nothing is selected', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectButton.SelectButton, {
+      options: OPTIONS,
+      placeholder: "Order type"
+    }));
+    expect(_reactNative.screen.getByText('Order type')).toBeTruthy();
+  });
+  it('shows the selected option label on the trigger', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectButton.SelectButton, {
+      options: OPTIONS,
+      value: "take-out"
+    }));
+    expect(_reactNative.screen.getByText('Take out')).toBeTruthy();
+  });
+  it('opens the menu and lists the options', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectButton.SelectButton, {
+      options: OPTIONS,
+      value: "dine-in"
+    }));
+    // The trigger shows "Dine in"; open the menu to reveal the rows.
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Dine in'));
+    expect(_reactNative.screen.getByText('Take out')).toBeTruthy();
+    expect(_reactNative.screen.getByText('Delivery')).toBeTruthy();
+  });
+  it('selecting a row calls onChange with its key and closes', () => {
+    const onChange = jest.fn();
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectButton.SelectButton, {
+      options: OPTIONS,
+      value: "dine-in",
+      onChange: onChange
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Dine in'));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Delivery'));
+    expect(onChange).toHaveBeenCalledWith('delivery');
+    expect(_reactNative.screen.queryByText('Take out')).toBeNull();
+  });
+  it('uncontrolled: the trigger reflects the new selection', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(Controlled, {}));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Dine in'));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Delivery'));
+    // Trigger now shows Delivery; menu closed.
+    expect(_reactNative.screen.getByText('Delivery')).toBeTruthy();
+    expect(_reactNative.screen.queryByText('Take out')).toBeNull();
+  });
+});
+//# sourceMappingURL=SelectButton.test.js.map

package/lib/commonjs/components/Menu/SelectButton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_SelectButton","_jsxRuntime","wrap","ui","render","jsx","ThemeProvider","children","OPTIONS","key","label","icon","Controlled","value","setValue","useState","SelectButton","options","onChange","describe","it","placeholder","expect","screen","getByText","toBeTruthy","fireEvent","press","jest","fn","toHaveBeenCalledWith","queryByText","toBeNull"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/SelectButton.test.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Menu/UserMenu.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserMenu = UserMenu;
+var _Dropdown = require("../Dropdown/Dropdown.js");
+var _UserChip = require("../UserChip/UserChip.js");
+var _Menu = require("./Menu.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * User menu — an avatar / `UserChip` that opens an anchored `Dropdown` (e.g. an
+ * account menu). A composed component built from `UserChip` + `Menu` +
+ * `Dropdown`. Pass a `name` to use the labelled pill as the trigger, or omit it
+ * for just the avatar. Dismisses on outside press / back button.
+ */
+function UserMenu({
+  options,
+  onSelect,
+  source,
+  name,
+  initials,
+  size = 'md',
+  chipBackgroundColor,
+  chipColor,
+  anchorOrigin = {
+    vertical: 'bottom',
+    horizontal: 'left'
+  },
+  menuOrigin = {
+    vertical: 'top',
+    horizontal: 'left'
+  },
+  offset = 8,
+  menuWidth,
+  showDividers,
+  closeOnSelect = true,
+  open,
+  onOpenChange
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.Menu, {
+    anchorOrigin: anchorOrigin,
+    menuOrigin: menuOrigin,
+    offset: offset,
+    open: open,
+    onOpenChange: onOpenChange,
+    renderTrigger: ({
+      toggle
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserChip.UserChip, {
+      source: source,
+      name: name,
+      initials: initials,
+      size: size,
+      backgroundColor: chipBackgroundColor,
+      color: chipColor,
+      onPress: toggle
+    }),
+    children: ({
+      close,
+      maxHeight
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.Dropdown, {
+      options: options,
+      width: menuWidth,
+      maxHeight: maxHeight,
+      showDividers: showDividers,
+      onSelect: key => {
+        onSelect?.(key);
+        if (closeOnSelect) close();
+      }
+    })
+  });
+}
+//# sourceMappingURL=UserMenu.js.map

package/lib/commonjs/components/Menu/UserMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Dropdown","require","_UserChip","_Menu","_jsxRuntime","UserMenu","options","onSelect","source","name","initials","size","chipBackgroundColor","chipColor","anchorOrigin","vertical","horizontal","menuOrigin","offset","menuWidth","showDividers","closeOnSelect","open","onOpenChange","jsx","Menu","renderTrigger","toggle","UserChip","backgroundColor","color","onPress","children","close","maxHeight","Dropdown","width","key"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/UserMenu.tsx"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAuC/C;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,QAAQA,CAAC;EACvBC,OAAO;EACPC,QAAQ;EACRC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC,IAAI,GAAG,IAAI;EACXC,mBAAmB;EACnBC,SAAS;EACTC,YAAY,GAAG;IAAEC,QAAQ,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAO,CAAC;EACzDC,UAAU,GAAG;IAAEF,QAAQ,EAAE,KAAK;IAAEC,UAAU,EAAE;EAAO,CAAC;EACpDE,MAAM,GAAG,CAAC;EACVC,SAAS;EACTC,YAAY;EACZC,aAAa,GAAG,IAAI;EACpBC,IAAI;EACJC;AACa,CAAC,EAAE;EAChB,oBACE,IAAAnB,WAAA,CAAAoB,GAAA,EAACrB,KAAA,CAAAsB,IAAI;IACHX,YAAY,EAAEA,YAAa;IAC3BG,UAAU,EAAEA,UAAW;IACvBC,MAAM,EAAEA,MAAO;IACfI,IAAI,EAAEA,IAAK;IACXC,YAAY,EAAEA,YAAa;IAC3BG,aAAa,EAAEA,CAAC;MAAEC;IAAO,CAAC,kBACxB,IAAAvB,WAAA,CAAAoB,GAAA,EAACtB,SAAA,CAAA0B,QAAQ;MACPpB,MAAM,EAAEA,MAAO;MACfC,IAAI,EAAEA,IAAK;MACXC,QAAQ,EAAEA,QAAS;MACnBC,IAAI,EAAEA,IAAK;MACXkB,eAAe,EAAEjB,mBAAoB;MACrCkB,KAAK,EAAEjB,SAAU;MACjBkB,OAAO,EAAEJ;IAAO,CACjB,CACD;IAAAK,QAAA,EAEDA,CAAC;MAAEC,KAAK;MAAEC;IAAU,CAAC,kBACpB,IAAA9B,WAAA,CAAAoB,GAAA,EAACxB,SAAA,CAAAmC,QAAQ;MACP7B,OAAO,EAAEA,OAAQ;MACjB8B,KAAK,EAAEjB,SAAU;MACjBe,SAAS,EAAEA,SAAU;MACrBd,YAAY,EAAEA,YAAa;MAC3Bb,QAAQ,EAAG8B,GAAG,IAAK;QACjB9B,QAAQ,GAAG8B,GAAG,CAAC;QACf,IAAIhB,aAAa,EAAEY,KAAK,CAAC,CAAC;MAC5B;IAAE,CACH;EACF,CACG,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/components/Menu/UserMenu.stories.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ChipTrigger = exports.AvatarTrigger = void 0;
+var _reactNative = require("react-native");
+var _UserMenu = require("./UserMenu.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/UserMenu',
+  component: _UserMenu.UserMenu
+};
+var _default = exports.default = meta;
+const PHOTO = {
+  uri: 'https://i.pravatar.cc/150?img=47'
+};
+const ACCOUNT = [{
+  key: 'profile',
+  label: 'Profile',
+  leading: {
+    kind: 'icon',
+    name: 'user'
+  }
+}, {
+  key: 'settings',
+  label: 'Settings',
+  leading: {
+    kind: 'icon',
+    name: 'settings'
+  }
+}, {
+  key: 'div',
+  type: 'divider'
+}, {
+  key: 'logout',
+  label: 'Log out',
+  destructive: true
+}];
+
+/** Trigger = the UserChip pill (avatar + name). */
+const ChipTrigger = exports.ChipTrigger = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      padding: 24,
+      height: 320
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenu.UserMenu, {
+      name: "Juana Gomez",
+      source: PHOTO,
+      size: "lg",
+      options: ACCOUNT,
+      menuWidth: 240,
+      onSelect: () => {}
+    })
+  })
+};
+
+/** Trigger = just the avatar (no name) — e.g. a header account button. */
+const AvatarTrigger = exports.AvatarTrigger = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      padding: 24,
+      height: 320,
+      alignItems: 'flex-end'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenu.UserMenu, {
+      source: PHOTO,
+      initials: "JG",
+      size: "md",
+      options: ACCOUNT,
+      menuWidth: 220,
+      anchorOrigin: {
+        vertical: 'bottom',
+        horizontal: 'right'
+      },
+      menuOrigin: {
+        vertical: 'top',
+        horizontal: 'right'
+      },
+      onSelect: () => {}
+    })
+  })
+};
+//# sourceMappingURL=UserMenu.stories.js.map

package/lib/commonjs/components/Menu/UserMenu.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_UserMenu","_jsxRuntime","meta","title","component","UserMenu","_default","exports","default","PHOTO","uri","ACCOUNT","key","label","leading","kind","name","type","destructive","ChipTrigger","render","jsx","View","style","padding","height","children","source","size","options","menuWidth","onSelect","AvatarTrigger","alignItems","initials","anchorOrigin","vertical","horizontal","menuOrigin"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/UserMenu.stories.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAAsC,IAAAE,WAAA,GAAAF,OAAA;AAGtC,MAAMG,IAAI,GAAG;EACXC,KAAK,EAAE,qBAAqB;EAC5BC,SAAS,EAAEC;AACb,CAAiC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEnBN,IAAI;AAGnB,MAAMO,KAAK,GAAG;EAAEC,GAAG,EAAE;AAAmC,CAAC;AAEzD,MAAMC,OAAwB,GAAG,CAC/B;EAAEC,GAAG,EAAE,SAAS;EAAEC,KAAK,EAAE,SAAS;EAAEC,OAAO,EAAE;IAAEC,IAAI,EAAE,MAAM;IAAEC,IAAI,EAAE;EAAO;AAAE,CAAC,EAC7E;EAAEJ,GAAG,EAAE,UAAU;EAAEC,KAAK,EAAE,UAAU;EAAEC,OAAO,EAAE;IAAEC,IAAI,EAAE,MAAM;IAAEC,IAAI,EAAE;EAAW;AAAE,CAAC,EACnF;EAAEJ,GAAG,EAAE,KAAK;EAAEK,IAAI,EAAE;AAAU,CAAC,EAC/B;EAAEL,GAAG,EAAE,QAAQ;EAAEC,KAAK,EAAE,SAAS;EAAEK,WAAW,EAAE;AAAK,CAAC,CACvD;;AAED;AACO,MAAMC,WAAkB,GAAAZ,OAAA,CAAAY,WAAA,GAAG;EAChCC,MAAM,EAAEA,CAAA,kBACN,IAAAnB,WAAA,CAAAoB,GAAA,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,MAAM,EAAE;IAAI,CAAE;IAAAC,QAAA,eACxC,IAAAzB,WAAA,CAAAoB,GAAA,EAACrB,SAAA,CAAAK,QAAQ;MAACW,IAAI,EAAC,aAAa;MAACW,MAAM,EAAElB,KAAM;MAACmB,IAAI,EAAC,IAAI;MAACC,OAAO,EAAElB,OAAQ;MAACmB,SAAS,EAAE,GAAI;MAACC,QAAQ,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAE;EAAC,CAC1G;AAEV,CAAC;;AAED;AACO,MAAMC,aAAoB,GAAAzB,OAAA,CAAAyB,aAAA,GAAG;EAClCZ,MAAM,EAAEA,CAAA,kBACN,IAAAnB,WAAA,CAAAoB,GAAA,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,MAAM,EAAE,GAAG;MAAEQ,UAAU,EAAE;IAAW,CAAE;IAAAP,QAAA,eAChE,IAAAzB,WAAA,CAAAoB,GAAA,EAACrB,SAAA,CAAAK,QAAQ;MACPsB,MAAM,EAAElB,KAAM;MACdyB,QAAQ,EAAC,IAAI;MACbN,IAAI,EAAC,IAAI;MACTC,OAAO,EAAElB,OAAQ;MACjBmB,SAAS,EAAE,GAAI;MACfK,YAAY,EAAE;QAAEC,QAAQ,EAAE,QAAQ;QAAEC,UAAU,EAAE;MAAQ,CAAE;MAC1DC,UAAU,EAAE;QAAEF,QAAQ,EAAE,KAAK;QAAEC,UAAU,EAAE;MAAQ,CAAE;MACrDN,QAAQ,EAAEA,CAAA,KAAM,CAAC;IAAE,CACpB;EAAC,CACE;AAEV,CAAC","ignoreList":[]}

package/lib/commonjs/components/Menu/UserMenu.test.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _reactNative = require("@testing-library/react-native");
+var _index = require("../../theme/index.js");
+var _UserMenu = require("./UserMenu.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function wrap(ui) {
+  return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
+    children: ui
+  }));
+}
+const OPTIONS = [{
+  key: 'profile',
+  label: 'Profile'
+}, {
+  key: 'logout',
+  label: 'Log out',
+  destructive: true
+}];
+describe('UserMenu', () => {
+  it('opens the menu when the chip trigger is pressed', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenu.UserMenu, {
+      name: "Juana Gomez",
+      options: OPTIONS
+    }));
+    expect(_reactNative.screen.queryByText('Profile')).toBeNull();
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Juana Gomez'));
+    expect(_reactNative.screen.getByText('Profile')).toBeTruthy();
+    expect(_reactNative.screen.getByText('Log out')).toBeTruthy();
+  });
+  it('opens from an avatar-only trigger (no name)', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenu.UserMenu, {
+      initials: "JG",
+      options: OPTIONS
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('JG'));
+    expect(_reactNative.screen.getByText('Profile')).toBeTruthy();
+  });
+  it('calls onSelect with the key and closes', () => {
+    const onSelect = jest.fn();
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenu.UserMenu, {
+      name: "Juana Gomez",
+      options: OPTIONS,
+      onSelect: onSelect
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Juana Gomez'));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Profile'));
+    expect(onSelect).toHaveBeenCalledWith('profile');
+    expect(_reactNative.screen.queryByText('Log out')).toBeNull();
+  });
+});
+//# sourceMappingURL=UserMenu.test.js.map

package/lib/commonjs/components/Menu/UserMenu.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_index","_UserMenu","_jsxRuntime","wrap","ui","render","jsx","ThemeProvider","children","OPTIONS","key","label","destructive","describe","it","UserMenu","name","options","expect","screen","queryByText","toBeNull","fireEvent","press","getByText","toBeTruthy","initials","onSelect","jest","fn","toHaveBeenCalledWith"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/UserMenu.test.tsx"],"mappings":";;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAAsC,IAAAG,WAAA,GAAAH,OAAA;AAGtC,SAASI,IAAIA,CAACC,EAAsB,EAAE;EACpC,OAAO,IAAAC,mBAAM,eAAC,IAAAH,WAAA,CAAAI,GAAA,EAACN,MAAA,CAAAO,aAAa;IAAAC,QAAA,EAAEJ;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEA,MAAMK,OAAwB,GAAG,CAC/B;EAAEC,GAAG,EAAE,SAAS;EAAEC,KAAK,EAAE;AAAU,CAAC,EACpC;EAAED,GAAG,EAAE,QAAQ;EAAEC,KAAK,EAAE,SAAS;EAAEC,WAAW,EAAE;AAAK,CAAC,CACvD;AAEDC,QAAQ,CAAC,UAAU,EAAE,MAAM;EACzBC,EAAE,CAAC,iDAAiD,EAAE,MAAM;IAC1DX,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,SAAA,CAAAc,QAAQ;MAACC,IAAI,EAAC,aAAa;MAACC,OAAO,EAAER;IAAQ,CAAE,CAAC,CAAC;IACvDS,MAAM,CAACC,mBAAM,CAACC,WAAW,CAAC,SAAS,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;IAChDC,sBAAS,CAACC,KAAK,CAACJ,mBAAM,CAACK,SAAS,CAAC,aAAa,CAAC,CAAC;IAChDN,MAAM,CAACC,mBAAM,CAACK,SAAS,CAAC,SAAS,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IAChDP,MAAM,CAACC,mBAAM,CAACK,SAAS,CAAC,SAAS,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAClD,CAAC,CAAC;EAEFX,EAAE,CAAC,6CAA6C,EAAE,MAAM;IACtDX,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,SAAA,CAAAc,QAAQ;MAACW,QAAQ,EAAC,IAAI;MAACT,OAAO,EAAER;IAAQ,CAAE,CAAC,CAAC;IAClDa,sBAAS,CAACC,KAAK,CAACJ,mBAAM,CAACK,SAAS,CAAC,IAAI,CAAC,CAAC;IACvCN,MAAM,CAACC,mBAAM,CAACK,SAAS,CAAC,SAAS,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAClD,CAAC,CAAC;EAEFX,EAAE,CAAC,wCAAwC,EAAE,MAAM;IACjD,MAAMa,QAAQ,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IAC1B1B,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,SAAA,CAAAc,QAAQ;MAACC,IAAI,EAAC,aAAa;MAACC,OAAO,EAAER,OAAQ;MAACkB,QAAQ,EAAEA;IAAS,CAAE,CAAC,CAAC;IAC3EL,sBAAS,CAACC,KAAK,CAACJ,mBAAM,CAACK,SAAS,CAAC,aAAa,CAAC,CAAC;IAChDF,sBAAS,CAACC,KAAK,CAACJ,mBAAM,CAACK,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5CN,MAAM,CAACS,QAAQ,CAAC,CAACG,oBAAoB,CAAC,SAAS,CAAC;IAChDZ,MAAM,CAACC,mBAAM,CAACC,WAAW,CAAC,SAAS,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EAClD,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Menu", {
+  enumerable: true,
+  get: function () {
+    return _Menu.Menu;
+  }
+});
+Object.defineProperty(exports, "MenuButton", {
+  enumerable: true,
+  get: function () {
+    return _MenuButton.MenuButton;
+  }
+});
+Object.defineProperty(exports, "SelectButton", {
+  enumerable: true,
+  get: function () {
+    return _SelectButton.SelectButton;
+  }
+});
+Object.defineProperty(exports, "UserMenu", {
+  enumerable: true,
+  get: function () {
+    return _UserMenu.UserMenu;
+  }
+});
+var _Menu = require("./Menu.js");
+var _MenuButton = require("./MenuButton.js");
+var _SelectButton = require("./SelectButton.js");
+var _UserMenu = require("./UserMenu.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Menu","require","_MenuButton","_SelectButton","_UserMenu"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAQA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA","ignoreList":[]}