@bacon-pos/ui 0.5.1 → 0.7.0

package/lib/module/components/UserChip/UserChip.js

@@ -0,0 +1,117 @@
+"use strict";
+
+import { Pressable, View } from 'react-native';
+import { useTheme } from "../../theme/index.js";
+import { Avatar } from "../Avatar/Avatar.js";
+import { Text } from "../Text/Text.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Per-size config. `width` is the fixed total pill width (the chip never grows or
+ * shrinks with the text — long names truncate). Avatar diameter equals the pill
+ * height, so it sits flush in the left circle.
+ */
+const SIZES = {
+  sm: {
+    diameter: 40,
+    gap: 8,
+    paddingRight: 16,
+    width: 160,
+    textVariant: 'bodyMedium'
+  },
+  md: {
+    diameter: 48,
+    gap: 10,
+    paddingRight: 20,
+    width: 188,
+    textVariant: 'bodyLarge'
+  },
+  lg: {
+    diameter: 58,
+    gap: 12,
+    paddingRight: 24,
+    width: 212,
+    textVariant: 'bodyLarge'
+  }
+};
+
+/**
+ * User chip — an `Avatar` with an optional name. With a `name` it renders the
+ * lime pill from Figma "User": the avatar flush on the left and the name in a
+ * fixed-width box that is centered when short and truncates with an ellipsis when
+ * long. Without a `name` it is just the avatar. The pill width is fixed per size.
+ */
+export function UserChip({
+  source,
+  name,
+  initials,
+  size = 'md',
+  backgroundColor,
+  color,
+  onPress,
+  style,
+  accessibilityLabel
+}) {
+  const theme = useTheme();
+  const cfg = SIZES[size];
+  const hasName = Boolean(name && name.trim());
+  const avatar = /*#__PURE__*/_jsx(Avatar, {
+    source: source,
+    name: name,
+    initials: initials,
+    diameter: cfg.diameter,
+    accessibilityLabel: accessibilityLabel ?? name
+  });
+
+  // No name → just the avatar, exactly like using <Avatar> directly.
+  if (!hasName) {
+    if (!onPress) return /*#__PURE__*/_jsx(View, {
+      style: style,
+      children: avatar
+    });
+    return /*#__PURE__*/_jsx(Pressable, {
+      onPress: onPress,
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel,
+      style: style,
+      children: avatar
+    });
+  }
+  const pillStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: cfg.gap,
+    width: cfg.width,
+    height: cfg.diameter,
+    borderRadius: cfg.diameter / 2,
+    paddingRight: cfg.paddingRight,
+    backgroundColor: backgroundColor ?? theme.colors.action.primary
+  };
+  const inner = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [avatar, /*#__PURE__*/_jsx(Text, {
+      variant: cfg.textVariant,
+      weight: "medium",
+      align: "center",
+      color: color ?? theme.colors.action.secondaryForeground,
+      numberOfLines: 1,
+      style: {
+        flex: 1
+      },
+      children: name
+    })]
+  });
+  if (!onPress) {
+    return /*#__PURE__*/_jsx(View, {
+      accessibilityLabel: accessibilityLabel ?? name,
+      style: [pillStyle, style],
+      children: inner
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel ?? name,
+    style: [pillStyle, style],
+    children: inner
+  });
+}
+//# sourceMappingURL=UserChip.js.map

package/lib/module/components/UserChip/UserChip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","useTheme","Avatar","Text","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SIZES","sm","diameter","gap","paddingRight","width","textVariant","md","lg","UserChip","source","name","initials","size","backgroundColor","color","onPress","style","accessibilityLabel","theme","cfg","hasName","Boolean","trim","avatar","children","accessibilityRole","pillStyle","flexDirection","alignItems","height","borderRadius","colors","action","primary","inner","variant","weight","align","secondaryForeground","numberOfLines","flex"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UserChip/UserChip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/UserChip/UserChip.stories.js

@@ -0,0 +1,149 @@
+"use strict";
+
+import { View } from 'react-native';
+import { UserChip } from "./UserChip.js";
+import { Text } from "../Text/Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/UserChip',
+  component: UserChip
+};
+export default meta;
+// Remote placeholder avatar (loads in the web/Storybook preview).
+const PHOTO = {
+  uri: 'https://i.pravatar.cc/150?img=47'
+};
+
+/** With a name — the lime pill (Figma "User"). */
+export const WithName = {
+  render: () => /*#__PURE__*/_jsx(View, {
+    style: {
+      padding: 24
+    },
+    children: /*#__PURE__*/_jsx(UserChip, {
+      name: "Juana Gomez",
+      size: "lg"
+    })
+  })
+};
+
+/** With a real photo (falls back to initials if it fails to load). */
+export const WithPhoto = {
+  render: () => /*#__PURE__*/_jsxs(View, {
+    style: {
+      padding: 24,
+      gap: 16,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/_jsx(UserChip, {
+      name: "Juana Gomez",
+      source: PHOTO,
+      size: "sm"
+    }), /*#__PURE__*/_jsx(UserChip, {
+      name: "Juana Gomez",
+      source: PHOTO,
+      size: "md"
+    }), /*#__PURE__*/_jsx(UserChip, {
+      name: "Juana Gomez",
+      source: PHOTO,
+      size: "lg"
+    })]
+  })
+};
+
+/** Photo without a name — just the circular avatar. */
+export const PhotoAvatarOnly = {
+  render: () => /*#__PURE__*/_jsx(View, {
+    style: {
+      padding: 24
+    },
+    children: /*#__PURE__*/_jsx(UserChip, {
+      source: PHOTO,
+      size: "lg",
+      accessibilityLabel: "Juana Gomez"
+    })
+  })
+};
+
+/** Without a name — just the avatar, like before. */
+export const AvatarOnly = {
+  render: () => /*#__PURE__*/_jsx(View, {
+    style: {
+      padding: 24
+    },
+    children: /*#__PURE__*/_jsx(UserChip, {
+      size: "lg",
+      initials: "JG"
+    })
+  })
+};
+
+/** Sizes — the pill width scales per variant. */
+export const Sizes = {
+  render: () => /*#__PURE__*/_jsxs(View, {
+    style: {
+      padding: 24,
+      gap: 16,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/_jsx(UserChip, {
+      name: "Juana Gomez",
+      size: "sm"
+    }), /*#__PURE__*/_jsx(UserChip, {
+      name: "Juana Gomez",
+      size: "md"
+    }), /*#__PURE__*/_jsx(UserChip, {
+      name: "Juana Gomez",
+      size: "lg"
+    })]
+  })
+};
+
+/** Short vs long: short is centered; long truncates with an ellipsis (fixed width). */
+export const TextBehavior = {
+  render: () => /*#__PURE__*/_jsxs(View, {
+    style: {
+      padding: 24,
+      gap: 16,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: "caption",
+      color: "secondary",
+      children: "Short (centered)"
+    }), /*#__PURE__*/_jsx(UserChip, {
+      name: "Ana",
+      size: "lg"
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "caption",
+      color: "secondary",
+      children: "Fills the box"
+    }), /*#__PURE__*/_jsx(UserChip, {
+      name: "Juana Gomez",
+      size: "lg"
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "caption",
+      color: "secondary",
+      children: "Too long \u2192 ellipsis"
+    }), /*#__PURE__*/_jsx(UserChip, {
+      name: "Maria Fernanda Restrepo",
+      size: "lg"
+    })]
+  })
+};
+
+/** Custom colors. */
+export const CustomColors = {
+  render: () => /*#__PURE__*/_jsx(View, {
+    style: {
+      padding: 24
+    },
+    children: /*#__PURE__*/_jsx(UserChip, {
+      name: "Juana Gomez",
+      size: "lg",
+      backgroundColor: "#292D32",
+      color: "#FFFFFF"
+    })
+  })
+};
+//# sourceMappingURL=UserChip.stories.js.map

package/lib/module/components/UserChip/UserChip.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","UserChip","Text","jsx","_jsx","jsxs","_jsxs","meta","title","component","PHOTO","uri","WithName","render","style","padding","children","name","size","WithPhoto","gap","alignItems","source","PhotoAvatarOnly","accessibilityLabel","AvatarOnly","initials","Sizes","TextBehavior","variant","color","CustomColors","backgroundColor"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UserChip/UserChip.stories.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,IAAI,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpC,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,qBAAqB;EAC5BC,SAAS,EAAER;AACb,CAAiC;AAEjC,eAAeM,IAAI;AAGnB;AACA,MAAMG,KAAK,GAAG;EAAEC,GAAG,EAAE;AAAmC,CAAC;;AAEzD;AACA,OAAO,MAAMC,QAAe,GAAG;EAC7BC,MAAM,EAAEA,CAAA,kBACNT,IAAA,CAACJ,IAAI;IAACc,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAG,CAAE;IAAAC,QAAA,eAC3BZ,IAAA,CAACH,QAAQ;MAACgB,IAAI,EAAC,aAAa;MAACC,IAAI,EAAC;IAAI,CAAE;EAAC,CACrC;AAEV,CAAC;;AAED;AACA,OAAO,MAAMC,SAAgB,GAAG;EAC9BN,MAAM,EAAEA,CAAA,kBACNP,KAAA,CAACN,IAAI;IAACc,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEK,GAAG,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAa,CAAE;IAAAL,QAAA,gBAC9DZ,IAAA,CAACH,QAAQ;MAACgB,IAAI,EAAC,aAAa;MAACK,MAAM,EAAEZ,KAAM;MAACQ,IAAI,EAAC;IAAI,CAAE,CAAC,eACxDd,IAAA,CAACH,QAAQ;MAACgB,IAAI,EAAC,aAAa;MAACK,MAAM,EAAEZ,KAAM;MAACQ,IAAI,EAAC;IAAI,CAAE,CAAC,eACxDd,IAAA,CAACH,QAAQ;MAACgB,IAAI,EAAC,aAAa;MAACK,MAAM,EAAEZ,KAAM;MAACQ,IAAI,EAAC;IAAI,CAAE,CAAC;EAAA,CACpD;AAEV,CAAC;;AAED;AACA,OAAO,MAAMK,eAAsB,GAAG;EACpCV,MAAM,EAAEA,CAAA,kBACNT,IAAA,CAACJ,IAAI;IAACc,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAG,CAAE;IAAAC,QAAA,eAC3BZ,IAAA,CAACH,QAAQ;MAACqB,MAAM,EAAEZ,KAAM;MAACQ,IAAI,EAAC,IAAI;MAACM,kBAAkB,EAAC;IAAa,CAAE;EAAC,CAClE;AAEV,CAAC;;AAED;AACA,OAAO,MAAMC,UAAiB,GAAG;EAC/BZ,MAAM,EAAEA,CAAA,kBACNT,IAAA,CAACJ,IAAI;IAACc,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAG,CAAE;IAAAC,QAAA,eAC3BZ,IAAA,CAACH,QAAQ;MAACiB,IAAI,EAAC,IAAI;MAACQ,QAAQ,EAAC;IAAI,CAAE;EAAC,CAChC;AAEV,CAAC;;AAED;AACA,OAAO,MAAMC,KAAY,GAAG;EAC1Bd,MAAM,EAAEA,CAAA,kBACNP,KAAA,CAACN,IAAI;IAACc,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEK,GAAG,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAa,CAAE;IAAAL,QAAA,gBAC9DZ,IAAA,CAACH,QAAQ;MAACgB,IAAI,EAAC,aAAa;MAACC,IAAI,EAAC;IAAI,CAAE,CAAC,eACzCd,IAAA,CAACH,QAAQ;MAACgB,IAAI,EAAC,aAAa;MAACC,IAAI,EAAC;IAAI,CAAE,CAAC,eACzCd,IAAA,CAACH,QAAQ;MAACgB,IAAI,EAAC,aAAa;MAACC,IAAI,EAAC;IAAI,CAAE,CAAC;EAAA,CACrC;AAEV,CAAC;;AAED;AACA,OAAO,MAAMU,YAAmB,GAAG;EACjCf,MAAM,EAAEA,CAAA,kBACNP,KAAA,CAACN,IAAI;IAACc,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEK,GAAG,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAa,CAAE;IAAAL,QAAA,gBAC9DZ,IAAA,CAACF,IAAI;MAAC2B,OAAO,EAAC,SAAS;MAACC,KAAK,EAAC,WAAW;MAAAd,QAAA,EAAC;IAAgB,CAAM,CAAC,eACjEZ,IAAA,CAACH,QAAQ;MAACgB,IAAI,EAAC,KAAK;MAACC,IAAI,EAAC;IAAI,CAAE,CAAC,eACjCd,IAAA,CAACF,IAAI;MAAC2B,OAAO,EAAC,SAAS;MAACC,KAAK,EAAC,WAAW;MAAAd,QAAA,EAAC;IAAa,CAAM,CAAC,eAC9DZ,IAAA,CAACH,QAAQ;MAACgB,IAAI,EAAC,aAAa;MAACC,IAAI,EAAC;IAAI,CAAE,CAAC,eACzCd,IAAA,CAACF,IAAI;MAAC2B,OAAO,EAAC,SAAS;MAACC,KAAK,EAAC,WAAW;MAAAd,QAAA,EAAC;IAAmB,CAAM,CAAC,eACpEZ,IAAA,CAACH,QAAQ;MAACgB,IAAI,EAAC,yBAAyB;MAACC,IAAI,EAAC;IAAI,CAAE,CAAC;EAAA,CACjD;AAEV,CAAC;;AAED;AACA,OAAO,MAAMa,YAAmB,GAAG;EACjClB,MAAM,EAAEA,CAAA,kBACNT,IAAA,CAACJ,IAAI;IAACc,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAG,CAAE;IAAAC,QAAA,eAC3BZ,IAAA,CAACH,QAAQ;MAACgB,IAAI,EAAC,aAAa;MAACC,IAAI,EAAC,IAAI;MAACc,eAAe,EAAC,SAAS;MAACF,KAAK,EAAC;IAAS,CAAE;EAAC,CAC/E;AAEV,CAAC","ignoreList":[]}

package/lib/module/components/UserChip/UserChip.test.js

@@ -0,0 +1,59 @@
+"use strict";
+
+import { render, fireEvent, screen } from '@testing-library/react-native';
+import { ThemeProvider } from "../../theme/index.js";
+import { UserChip } from "./UserChip.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function wrap(ui) {
+  return render(/*#__PURE__*/_jsx(ThemeProvider, {
+    children: ui
+  }));
+}
+describe('UserChip', () => {
+  it('renders the name when provided', () => {
+    wrap(/*#__PURE__*/_jsx(UserChip, {
+      name: "Juana Gomez"
+    }));
+    expect(screen.getByText('Juana Gomez')).toBeTruthy();
+  });
+  it('shows only the avatar (no label) when no name is given', () => {
+    wrap(/*#__PURE__*/_jsx(UserChip, {
+      initials: "JG",
+      accessibilityLabel: "User avatar"
+    }));
+    // No name label text…
+    expect(screen.queryByText('Juana Gomez')).toBeNull();
+    // …but the avatar initials are shown.
+    expect(screen.getByText('JG')).toBeTruthy();
+  });
+  it('derives avatar initials from the name', () => {
+    wrap(/*#__PURE__*/_jsx(UserChip, {
+      name: "Juana Gomez"
+    }));
+    expect(screen.getByText('JG')).toBeTruthy();
+  });
+  it('truncates a long name to a single line', () => {
+    wrap(/*#__PURE__*/_jsx(UserChip, {
+      name: "Maria Fernanda Restrepo"
+    }));
+    const label = screen.getByText('Maria Fernanda Restrepo');
+    expect(label.props.numberOfLines).toBe(1);
+  });
+  it('fires onPress', () => {
+    const onPress = jest.fn();
+    wrap(/*#__PURE__*/_jsx(UserChip, {
+      name: "Juana Gomez",
+      onPress: onPress
+    }));
+    fireEvent.press(screen.getByText('Juana Gomez'));
+    expect(onPress).toHaveBeenCalledTimes(1);
+  });
+  it('treats a blank name as no name', () => {
+    wrap(/*#__PURE__*/_jsx(UserChip, {
+      name: "   ",
+      initials: "AB"
+    }));
+    expect(screen.getByText('AB')).toBeTruthy();
+  });
+});
+//# sourceMappingURL=UserChip.test.js.map

package/lib/module/components/UserChip/UserChip.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["render","fireEvent","screen","ThemeProvider","UserChip","jsx","_jsx","wrap","ui","children","describe","it","name","expect","getByText","toBeTruthy","initials","accessibilityLabel","queryByText","toBeNull","label","props","numberOfLines","toBe","onPress","jest","fn","press","toHaveBeenCalledTimes"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UserChip/UserChip.test.tsx"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,SAAS,EAAEC,MAAM,QAAQ,+BAA+B;AACzE,SAASC,aAAa,QAAQ,sBAAa;AAC3C,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtC,SAASC,IAAIA,CAACC,EAAsB,EAAE;EACpC,OAAOR,MAAM,cAACM,IAAA,CAACH,aAAa;IAAAM,QAAA,EAAED;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAE,QAAQ,CAAC,UAAU,EAAE,MAAM;EACzBC,EAAE,CAAC,gCAAgC,EAAE,MAAM;IACzCJ,IAAI,cAACD,IAAA,CAACF,QAAQ;MAACQ,IAAI,EAAC;IAAa,CAAE,CAAC,CAAC;IACrCC,MAAM,CAACX,MAAM,CAACY,SAAS,CAAC,aAAa,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACtD,CAAC,CAAC;EAEFJ,EAAE,CAAC,wDAAwD,EAAE,MAAM;IACjEJ,IAAI,cAACD,IAAA,CAACF,QAAQ;MAACY,QAAQ,EAAC,IAAI;MAACC,kBAAkB,EAAC;IAAa,CAAE,CAAC,CAAC;IACjE;IACAJ,MAAM,CAACX,MAAM,CAACgB,WAAW,CAAC,aAAa,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;IACpD;IACAN,MAAM,CAACX,MAAM,CAACY,SAAS,CAAC,IAAI,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAC7C,CAAC,CAAC;EAEFJ,EAAE,CAAC,uCAAuC,EAAE,MAAM;IAChDJ,IAAI,cAACD,IAAA,CAACF,QAAQ;MAACQ,IAAI,EAAC;IAAa,CAAE,CAAC,CAAC;IACrCC,MAAM,CAACX,MAAM,CAACY,SAAS,CAAC,IAAI,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAC7C,CAAC,CAAC;EAEFJ,EAAE,CAAC,wCAAwC,EAAE,MAAM;IACjDJ,IAAI,cAACD,IAAA,CAACF,QAAQ;MAACQ,IAAI,EAAC;IAAyB,CAAE,CAAC,CAAC;IACjD,MAAMQ,KAAK,GAAGlB,MAAM,CAACY,SAAS,CAAC,yBAAyB,CAAC;IACzDD,MAAM,CAACO,KAAK,CAACC,KAAK,CAACC,aAAa,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;EAC3C,CAAC,CAAC;EAEFZ,EAAE,CAAC,eAAe,EAAE,MAAM;IACxB,MAAMa,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBnB,IAAI,cAACD,IAAA,CAACF,QAAQ;MAACQ,IAAI,EAAC,aAAa;MAACY,OAAO,EAAEA;IAAQ,CAAE,CAAC,CAAC;IACvDvB,SAAS,CAAC0B,KAAK,CAACzB,MAAM,CAACY,SAAS,CAAC,aAAa,CAAC,CAAC;IAChDD,MAAM,CAACW,OAAO,CAAC,CAACI,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFjB,EAAE,CAAC,gCAAgC,EAAE,MAAM;IACzCJ,IAAI,cAACD,IAAA,CAACF,QAAQ;MAACQ,IAAI,EAAC,KAAK;MAACI,QAAQ,EAAC;IAAI,CAAE,CAAC,CAAC;IAC3CH,MAAM,CAACX,MAAM,CAACY,SAAS,CAAC,IAAI,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAC7C,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/UserChip/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { UserChip } from "./UserChip.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/UserChip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UserChip"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UserChip/index.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,eAAY","ignoreList":[]}

package/lib/module/components/index.js

@@ -9,17 +9,21 @@ export * from "./Chip/index.js";
 export * from "./CodeField/index.js";
 export * from "./CodeInput/index.js";
 export * from "./Dialog/index.js";
+export * from "./Dropdown/index.js";
 export * from "./Icon/index.js";
 export * from "./IconButton/index.js";
 export * from "./Input/index.js";
 export * from "./Keypad/index.js";
 export * from "./LinkButton/index.js";
+export * from "./Menu/index.js";
 export * from "./ProductCard/index.js";
 export * from "./QuantityStepper/index.js";
 export * from "./Radio/index.js";
+export * from "./Select/index.js";
 export * from "./Spinner/index.js";
 export * from "./Surface/index.js";
 export * from "./Switch/index.js";
 export * from "./Text/index.js";
 export * from "./Toast/index.js";
+export * from "./UserChip/index.js";
 //# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,sBAAa;AAC3B,cAAc,sBAAa;AAC3B,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,uBAAc;AAC5B,cAAc,wBAAe;AAC7B,cAAc,4BAAmB;AACjC,cAAc,kBAAS;AACvB,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,kBAAS","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,sBAAa;AAC3B,cAAc,sBAAa;AAC3B,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,uBAAc;AAC5B,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,4BAAmB;AACjC,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,kBAAS;AACvB,cAAc,qBAAY","ignoreList":[]}

package/lib/typescript/commonjs/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,105 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { RadiusToken } from '../../theme/spacing';
+import type { IconName } from '../Icon/icons.generated';
+import { type SwitchSize } from '../Switch/Switch';
+/**
+ * A leading/trailing slot on a row. Either a decorative/actionable control from
+ * the design system, or any custom node (avatar, flag, badge…).
+ */
+export type DropdownSlot = {
+    kind: 'icon';
+    name: IconName;
+    color?: string;
+} | {
+    kind: 'iconButton';
+    name: IconName;
+    onPress: () => void;
+    color?: string;
+    accessibilityLabel?: string;
+} | {
+    kind: 'checkbox';
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    indeterminate?: boolean;
+} | {
+    kind: 'switch';
+    value: boolean;
+    onChange: (value: boolean) => void;
+    size?: SwitchSize;
+} | {
+    kind: 'radio';
+    selected: boolean;
+    onChange: () => void;
+} | {
+    kind: 'custom';
+    node: ReactNode;
+};
+export interface DropdownItemProps {
+    /** Primary text. */
+    label: string;
+    /** Optional secondary line under the label. */
+    description?: string;
+    /** Slot before the text (icon / control / custom). */
+    leading?: DropdownSlot;
+    /** Slot after the text (icon / control / custom). */
+    trailing?: DropdownSlot;
+    /** Row press. If omitted, tapping the row toggles the trailing (then leading) control when it is a checkbox / switch / radio. */
+    onPress?: () => void;
+    /** Highlight the row as selected. */
+    selected?: boolean;
+    /** Dim and block the row. */
+    disabled?: boolean;
+    /** Render the label (and icon slots) in the error color — for "Delete" etc. */
+    destructive?: boolean;
+    /** Minimum row height. Defaults to 58 (Figma). */
+    height?: number;
+    /** Horizontal padding. Defaults to 16 (Figma). */
+    paddingHorizontal?: number;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * A single dropdown / menu row: text with optional leading and trailing slots
+ * (icon, icon button, checkbox, switch, radio, or a custom node). Used on its
+ * own or, more commonly, inside `Dropdown`.
+ */
+export declare function DropdownItem({ label, description, leading, trailing, onPress, selected, disabled, destructive, height, paddingHorizontal, style, }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+/** An entry in a `Dropdown`: an item, a section header, or a divider. */
+export type DropdownEntry = (DropdownItemProps & {
+    key: string;
+    type?: 'item';
+}) | {
+    key: string;
+    type: 'header';
+    label: string;
+} | {
+    key: string;
+    type: 'divider';
+};
+export interface DropdownProps {
+    /** The rows to render (dynamic length). Mix items, headers and dividers. */
+    options: DropdownEntry[];
+    /** Called with the key of the pressed item (after its own `onPress`). */
+    onSelect?: (key: string) => void;
+    /** Panel width. Defaults to 350 (Figma). Pass a style with `width: '100%'` to fill a parent/trigger instead. */
+    width?: number;
+    /** Minimum panel width. */
+    minWidth?: number;
+    /** Max panel height; content scrolls beyond it. */
+    maxHeight?: number;
+    /** Draw hairline dividers between items. Defaults to true (Figma). */
+    showDividers?: boolean;
+    /** Vertical padding inside the panel. Defaults to 0 (rows meet the rounded edges, Figma). */
+    paddingVertical?: number;
+    /** Corner radius token. Defaults to `xl` (16). */
+    radius?: RadiusToken;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Dropdown / menu panel — an elevated surface listing a dynamic set of options.
+ * Meant to be shown from a trigger (an Input select, an IconButton, …). Each row
+ * is a `DropdownItem`, so options can carry icons, checkboxes, switches, radios
+ * or custom nodes on either side. Supports section headers, dividers and scroll.
+ */
+export declare function Dropdown({ options, onSelect, width, minWidth, maxHeight, showDividers, paddingVertical, radius, style, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dropdown.d.ts.map

package/lib/typescript/commonjs/components/Dropdown/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/commonjs/components/Dropdown/index.d.ts

@@ -0,0 +1,3 @@
+export { Dropdown, DropdownItem } from './Dropdown';
+export type { DropdownProps, DropdownItemProps, DropdownEntry, DropdownSlot } from './Dropdown';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/lib/typescript/commonjs/components/Menu/Menu.d.ts

@@ -0,0 +1,66 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type OriginVertical = 'top' | 'center' | 'bottom';
+export type OriginHorizontal = 'left' | 'center' | 'right';
+/** A point on a box: a vertical and a horizontal edge/center. */
+export interface MenuOrigin {
+    vertical: OriginVertical;
+    horizontal: OriginHorizontal;
+}
+/** State handed to the trigger renderer and (optionally) the content renderer. */
+export interface MenuTriggerState {
+    open: boolean;
+    toggle: () => void;
+    close: () => void;
+}
+export interface MenuProps {
+    /** Renders the trigger. Wire its press to `toggle`. */
+    renderTrigger: (state: MenuTriggerState) => ReactNode;
+    /**
+     * The overlay content (e.g. a `Dropdown`). May be a function receiving
+     * `{ close, triggerWidth, maxHeight }` — `maxHeight` is the auto-fit height
+     * (space available in the chosen direction) so the content can scroll.
+     */
+    children: ReactNode | ((state: {
+        close: () => void;
+        triggerWidth?: number;
+        maxHeight?: number;
+    }) => ReactNode);
+    /** Point on the trigger the menu latches to. Defaults to `{ bottom, left }`. */
+    anchorOrigin?: MenuOrigin;
+    /** Point on the menu placed at the anchor. Defaults to `{ top, left }`. */
+    menuOrigin?: MenuOrigin;
+    /** Gap between trigger and menu along the vertical axis. Defaults to 8. */
+    offset?: number;
+    /**
+     * Fit the menu to the space available and flip its direction when the
+     * preferred side doesn't have room. Provides a `maxHeight` to the content so it
+     * scrolls instead of overflowing the screen. Defaults to true.
+     */
+    autoFit?: boolean;
+    /** Safe-area insets to keep clear (pass from `react-native-safe-area-context` if you use it). */
+    insets?: EdgeInsets;
+    /** Controlled open state. Omit for uncontrolled. */
+    open?: boolean;
+    /** Notified whenever the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Padding kept from the screen edges when clamping. Defaults to 8. */
+    screenPadding?: number;
+    /** Style for the (measuring) wrapper around the trigger. Defaults to hugging the trigger. */
+    triggerStyle?: StyleProp<ViewStyle>;
+}
+export interface EdgeInsets {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+/**
+ * Anchored overlay menu. Renders a trigger inline and, when open, a floating
+ * panel positioned relative to the trigger via two origins — `anchorOrigin`
+ * (point on the trigger) and `menuOrigin` (matching point on the menu). Tapping
+ * outside (or the hardware back button) dismisses it. Used to compose menu
+ * buttons, select fields, popovers, etc.
+ */
+export declare function Menu({ renderTrigger, children, anchorOrigin, menuOrigin, offset, autoFit, insets, open: openProp, onOpenChange, screenPadding, triggerStyle, }: MenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Menu.d.ts.map

package/lib/typescript/commonjs/components/Menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EASL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACzD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE3D,iEAAiE;AACjE,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAKD,kFAAkF;AAClF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,uDAAuD;IACvD,aAAa,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,SAAS,CAAC;IACtD;;;;OAIG;IACH,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IAC7F,gFAAgF;IAChF,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iGAAiG;IACjG,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,oDAAoD;IACpD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,uEAAuE;IACvE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6FAA6F;IAC7F,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAgBD;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,EACnB,aAAa,EACb,QAAQ,EACR,YAAyD,EACzD,UAAoD,EACpD,MAAU,EACV,OAAc,EACd,MAAoB,EACpB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,aAAiB,EACjB,YAAY,GACb,EAAE,SAAS,2CA4IX"}

package/lib/typescript/commonjs/components/Menu/MenuButton.d.ts

@@ -0,0 +1,46 @@
+import { type DropdownEntry } from '../Dropdown/Dropdown';
+import { type IconButtonShape, type IconButtonSize, type IconButtonVariant } from '../IconButton/IconButton';
+import type { IconName } from '../Icon/icons.generated';
+import { type MenuOrigin } from './Menu';
+export interface MenuButtonProps {
+    /** The menu rows (see `Dropdown`). */
+    options: DropdownEntry[];
+    /** Called with the key of the selected row. */
+    onSelect?: (key: string) => void;
+    /** Trigger icon. Defaults to `more` (the "More" button). */
+    icon?: IconName;
+    /** Accessibility label for the trigger. Defaults to "More options". */
+    accessibilityLabel?: string;
+    /** Trigger visual. Defaults to `secondary` (white + hairline border). */
+    variant?: IconButtonVariant;
+    /** Trigger size. Defaults to `md`. */
+    size?: IconButtonSize;
+    /** Trigger shape. Defaults to `round`. */
+    shape?: IconButtonShape;
+    /** Disable the trigger. */
+    disabled?: boolean;
+    /** Point on the trigger the menu latches to. Defaults to `{ bottom, right }`. */
+    anchorOrigin?: MenuOrigin;
+    /** Point on the menu placed at the anchor. Defaults to `{ top, right }`. */
+    menuOrigin?: MenuOrigin;
+    /** Gap between trigger and menu. Defaults to 8. */
+    offset?: number;
+    /** Menu width. Defaults to the `Dropdown` default (350). */
+    menuWidth?: number;
+    /** Draw dividers between rows. Defaults to the `Dropdown` default (true). */
+    showDividers?: boolean;
+    /** Close the menu after a row is selected. Defaults to true. */
+    closeOnSelect?: boolean;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Notified whenever the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * A "More"-style menu button — an `IconButton` that opens an anchored `Dropdown`.
+ * The first composed component built from `IconButton` + `Icon` + `Dropdown` +
+ * `Menu`. Placement is controlled by the two-origin model (`anchorOrigin` on the
+ * trigger, `menuOrigin` on the menu). Dismisses on outside press / back button.
+ */
+export declare function MenuButton({ options, onSelect, icon, accessibilityLabel, variant, size, shape, disabled, anchorOrigin, menuOrigin, offset, menuWidth, showDividers, closeOnSelect, open, onOpenChange, }: MenuButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MenuButton.d.ts.map

package/lib/typescript/commonjs/components/Menu/MenuButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACzH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;AAE/C,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,4DAA4D;IAC5D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yEAAyE;IACzE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,sCAAsC;IACtC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iFAAiF;IACjF,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,IAAa,EACb,kBAAmC,EACnC,OAAqB,EACrB,IAAW,EACX,KAAe,EACf,QAAgB,EAChB,YAA0D,EAC1D,UAAqD,EACrD,MAAU,EACV,SAAS,EACT,YAAY,EACZ,aAAoB,EACpB,IAAI,EACJ,YAAY,GACb,EAAE,eAAe,2CAkCjB"}