@bacon-pos/ui 0.10.0 → 0.11.0

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

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

package/lib/module/components/StatTile/StatTile.js

@@ -0,0 +1,90 @@
+"use strict";
+
+import { Pressable, View } from 'react-native';
+import { useTheme } from "../../theme/index.js";
+import { Icon } from "../Icon/Icon.js";
+import { Text } from "../Text/Text.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * StatTile — a compact KPI card: a small label over a prominent value (Figma
+ * "info card"). Fills its parent by default (so a row/grid of tiles sizes evenly)
+ * or takes a fixed `width`. `value` accepts a node for custom color/formatting.
+ */
+export function StatTile({
+  label,
+  value,
+  icon,
+  width,
+  onPress,
+  backgroundColor,
+  labelColor,
+  valueColor,
+  style,
+  accessibilityLabel
+}) {
+  const theme = useTheme();
+  const content = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [icon ? /*#__PURE__*/_jsx(View, {
+      style: {
+        width: 24,
+        height: 24,
+        flexShrink: 0
+      },
+      children: /*#__PURE__*/_jsx(Icon, {
+        name: icon,
+        size: 24,
+        color: "secondary"
+      })
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: {
+        flex: 1,
+        minWidth: 0,
+        gap: 4
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "bodySmall",
+        color: labelColor ?? 'secondary',
+        numberOfLines: 1,
+        children: label
+      }), typeof value === 'string' || typeof value === 'number' ? /*#__PURE__*/_jsx(Text, {
+        variant: "bodyLarge",
+        weight: "semibold",
+        color: valueColor ?? 'primary',
+        numberOfLines: 1,
+        children: String(value)
+      }) : value]
+    })]
+  });
+  const containerStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    padding: 12,
+    borderRadius: theme.radii.lg,
+    backgroundColor: backgroundColor ?? theme.colors.background.subtle,
+    ...(width != null ? {
+      width
+    } : {
+      alignSelf: 'stretch'
+    })
+  };
+  if (!onPress) {
+    return /*#__PURE__*/_jsx(View, {
+      accessibilityLabel: accessibilityLabel,
+      style: [containerStyle, style],
+      children: content
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel ?? label,
+    style: ({
+      pressed
+    }) => [containerStyle, {
+      opacity: pressed ? 0.96 : 1
+    }, style],
+    children: content
+  });
+}
+//# sourceMappingURL=StatTile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","useTheme","Icon","Text","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","StatTile","label","value","icon","width","onPress","backgroundColor","labelColor","valueColor","style","accessibilityLabel","theme","content","children","height","flexShrink","name","size","color","flex","minWidth","gap","variant","numberOfLines","weight","String","containerStyle","flexDirection","alignItems","padding","borderRadius","radii","lg","colors","background","subtle","alignSelf","accessibilityRole","pressed","opacity"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StatTile/StatTile.tsx"],"mappings":";;AACA,SAASA,SAAS,EAAEC,IAAI,QAAwC,cAAc;AAC9E,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,IAAI,QAAQ,iBAAc;AAEnC,SAASC,IAAI,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAwBpC;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAC;EACvBC,KAAK;EACLC,KAAK;EACLC,IAAI;EACJC,KAAK;EACLC,OAAO;EACPC,eAAe;EACfC,UAAU;EACVC,UAAU;EACVC,KAAK;EACLC;AACa,CAAC,EAAE;EAChB,MAAMC,KAAK,GAAGpB,QAAQ,CAAC,CAAC;EAExB,MAAMqB,OAAO,gBACXf,KAAA,CAAAE,SAAA;IAAAc,QAAA,GACGV,IAAI,gBACHR,IAAA,CAACL,IAAI;MAACmB,KAAK,EAAE;QAAEL,KAAK,EAAE,EAAE;QAAEU,MAAM,EAAE,EAAE;QAAEC,UAAU,EAAE;MAAE,CAAE;MAAAF,QAAA,eACpDlB,IAAA,CAACH,IAAI;QAACwB,IAAI,EAAEb,IAAK;QAACc,IAAI,EAAE,EAAG;QAACC,KAAK,EAAC;MAAW,CAAE;IAAC,CAC5C,CAAC,GACL,IAAI,eACRrB,KAAA,CAACP,IAAI;MAACmB,KAAK,EAAE;QAAEU,IAAI,EAAE,CAAC;QAAEC,QAAQ,EAAE,CAAC;QAAEC,GAAG,EAAE;MAAE,CAAE;MAAAR,QAAA,gBAC5ClB,IAAA,CAACF,IAAI;QAAC6B,OAAO,EAAC,WAAW;QAACJ,KAAK,EAAEX,UAAU,IAAI,WAAY;QAACgB,aAAa,EAAE,CAAE;QAAAV,QAAA,EAC1EZ;MAAK,CACF,CAAC,EACN,OAAOC,KAAK,KAAK,QAAQ,IAAI,OAAOA,KAAK,KAAK,QAAQ,gBACrDP,IAAA,CAACF,IAAI;QAAC6B,OAAO,EAAC,WAAW;QAACE,MAAM,EAAC,UAAU;QAACN,KAAK,EAAEV,UAAU,IAAI,SAAU;QAACe,aAAa,EAAE,CAAE;QAAAV,QAAA,EAC1FY,MAAM,CAACvB,KAAK;MAAC,CACV,CAAC,GAEPA,KACD;IAAA,CACG,CAAC;EAAA,CACP,CACH;EAED,MAAMwB,cAAyB,GAAG;IAChCC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBP,GAAG,EAAE,EAAE;IACPQ,OAAO,EAAE,EAAE;IACXC,YAAY,EAAEnB,KAAK,CAACoB,KAAK,CAACC,EAAE;IAC5B1B,eAAe,EAAEA,eAAe,IAAIK,KAAK,CAACsB,MAAM,CAACC,UAAU,CAACC,MAAM;IAClE,IAAI/B,KAAK,IAAI,IAAI,GAAG;MAAEA;IAAM,CAAC,GAAG;MAAEgC,SAAS,EAAE;IAAU,CAAC;EAC1D,CAAC;EAED,IAAI,CAAC/B,OAAO,EAAE;IACZ,oBACEV,IAAA,CAACL,IAAI;MAACoB,kBAAkB,EAAEA,kBAAmB;MAACD,KAAK,EAAE,CAACiB,cAAc,EAAEjB,KAAK,CAAE;MAAAI,QAAA,EAC1ED;IAAO,CACJ,CAAC;EAEX;EACA,oBACEjB,IAAA,CAACN,SAAS;IACRgB,OAAO,EAAEA,OAAQ;IACjBgC,iBAAiB,EAAC,QAAQ;IAC1B3B,kBAAkB,EAAEA,kBAAkB,IAAIT,KAAM;IAChDQ,KAAK,EAAEA,CAAC;MAAE6B;IAAQ,CAAC,KAAK,CAACZ,cAAc,EAAE;MAAEa,OAAO,EAAED,OAAO,GAAG,IAAI,GAAG;IAAE,CAAC,EAAE7B,KAAK,CAAE;IAAAI,QAAA,EAEhFD;EAAO,CACC,CAAC;AAEhB","ignoreList":[]}

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

@@ -0,0 +1,96 @@
+"use strict";
+
+import { View } from 'react-native';
+import { StatTile } from "./StatTile.js";
+import { Text } from "../Text/Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/StatTile',
+  component: StatTile
+};
+export default meta;
+/** Figma "info card". */
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(View, {
+    style: {
+      padding: 24,
+      width: 420
+    },
+    children: /*#__PURE__*/_jsx(StatTile, {
+      label: "Starting cash",
+      value: "$1,250.25"
+    })
+  })
+};
+
+/** A row of tiles sizing evenly (each fills its flex cell). */
+export const Row = {
+  render: () => /*#__PURE__*/_jsxs(View, {
+    style: {
+      padding: 24,
+      flexDirection: 'row',
+      gap: 12,
+      width: 720
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/_jsx(StatTile, {
+        label: "Sales",
+        value: "$4,820"
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/_jsx(StatTile, {
+        label: "Orders",
+        value: "128"
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/_jsx(StatTile, {
+        label: "Avg. ticket",
+        value: "$37.60"
+      })
+    })]
+  })
+};
+
+/** With a leading icon. */
+export const WithIcon = {
+  render: () => /*#__PURE__*/_jsx(View, {
+    style: {
+      padding: 24,
+      width: 420
+    },
+    children: /*#__PURE__*/_jsx(StatTile, {
+      label: "Starting cash",
+      value: "$1,250.25",
+      icon: "dollar-circle"
+    })
+  })
+};
+
+/** Custom value node (e.g. a colored delta). */
+export const CustomValue = {
+  render: () => /*#__PURE__*/_jsx(View, {
+    style: {
+      padding: 24,
+      width: 420
+    },
+    children: /*#__PURE__*/_jsx(StatTile, {
+      label: "Net change",
+      value: /*#__PURE__*/_jsx(Text, {
+        variant: "bodyLarge",
+        weight: "semibold",
+        color: "#008C57",
+        children: "+$320.10"
+      })
+    })
+  })
+};
+//# sourceMappingURL=StatTile.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","StatTile","Text","jsx","_jsx","jsxs","_jsxs","meta","title","component","Default","render","style","padding","width","children","label","value","Row","flexDirection","gap","flex","WithIcon","icon","CustomValue","variant","weight","color"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StatTile/StatTile.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,OAAO,MAAMG,OAAc,GAAG;EAC5BC,MAAM,EAAEA,CAAA,kBACNP,IAAA,CAACJ,IAAI;IAACY,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAI,CAAE;IAAAC,QAAA,eACvCX,IAAA,CAACH,QAAQ;MAACe,KAAK,EAAC,eAAe;MAACC,KAAK,EAAC;IAAW,CAAE;EAAC,CAChD;AAEV,CAAC;;AAED;AACA,OAAO,MAAMC,GAAU,GAAG;EACxBP,MAAM,EAAEA,CAAA,kBACNL,KAAA,CAACN,IAAI;IAACY,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEM,aAAa,EAAE,KAAK;MAAEC,GAAG,EAAE,EAAE;MAAEN,KAAK,EAAE;IAAI,CAAE;IAAAC,QAAA,gBACtEX,IAAA,CAACJ,IAAI;MAACY,KAAK,EAAE;QAAES,IAAI,EAAE;MAAE,CAAE;MAAAN,QAAA,eAACX,IAAA,CAACH,QAAQ;QAACe,KAAK,EAAC,OAAO;QAACC,KAAK,EAAC;MAAQ,CAAE;IAAC,CAAM,CAAC,eAC1Eb,IAAA,CAACJ,IAAI;MAACY,KAAK,EAAE;QAAES,IAAI,EAAE;MAAE,CAAE;MAAAN,QAAA,eAACX,IAAA,CAACH,QAAQ;QAACe,KAAK,EAAC,QAAQ;QAACC,KAAK,EAAC;MAAK,CAAE;IAAC,CAAM,CAAC,eACxEb,IAAA,CAACJ,IAAI;MAACY,KAAK,EAAE;QAAES,IAAI,EAAE;MAAE,CAAE;MAAAN,QAAA,eAACX,IAAA,CAACH,QAAQ;QAACe,KAAK,EAAC,aAAa;QAACC,KAAK,EAAC;MAAQ,CAAE;IAAC,CAAM,CAAC;EAAA,CAC5E;AAEV,CAAC;;AAED;AACA,OAAO,MAAMK,QAAe,GAAG;EAC7BX,MAAM,EAAEA,CAAA,kBACNP,IAAA,CAACJ,IAAI;IAACY,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAI,CAAE;IAAAC,QAAA,eACvCX,IAAA,CAACH,QAAQ;MAACe,KAAK,EAAC,eAAe;MAACC,KAAK,EAAC,WAAW;MAACM,IAAI,EAAC;IAAe,CAAE;EAAC,CACrE;AAEV,CAAC;;AAED;AACA,OAAO,MAAMC,WAAkB,GAAG;EAChCb,MAAM,EAAEA,CAAA,kBACNP,IAAA,CAACJ,IAAI;IAACY,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAI,CAAE;IAAAC,QAAA,eACvCX,IAAA,CAACH,QAAQ;MACPe,KAAK,EAAC,YAAY;MAClBC,KAAK,eACHb,IAAA,CAACF,IAAI;QAACuB,OAAO,EAAC,WAAW;QAACC,MAAM,EAAC,UAAU;QAACC,KAAK,EAAC,SAAS;QAAAZ,QAAA,EAAC;MAE5D,CAAM;IACP,CACF;EAAC,CACE;AAEV,CAAC","ignoreList":[]}

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

@@ -0,0 +1,49 @@
+"use strict";
+
+import { render, fireEvent, screen } from '@testing-library/react-native';
+import { Text } from 'react-native';
+import { ThemeProvider } from "../../theme/index.js";
+import { StatTile } from "./StatTile.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function wrap(ui) {
+  return render(/*#__PURE__*/_jsx(ThemeProvider, {
+    children: ui
+  }));
+}
+describe('StatTile', () => {
+  it('renders label and value', () => {
+    wrap(/*#__PURE__*/_jsx(StatTile, {
+      label: "Starting cash",
+      value: "$1,250.25"
+    }));
+    expect(screen.getByText('Starting cash')).toBeTruthy();
+    expect(screen.getByText('$1,250.25')).toBeTruthy();
+  });
+  it('renders a numeric value', () => {
+    wrap(/*#__PURE__*/_jsx(StatTile, {
+      label: "Orders",
+      value: 128
+    }));
+    expect(screen.getByText('128')).toBeTruthy();
+  });
+  it('renders a custom value node', () => {
+    wrap(/*#__PURE__*/_jsx(StatTile, {
+      label: "Delta",
+      value: /*#__PURE__*/_jsx(Text, {
+        children: "+3.2%"
+      })
+    }));
+    expect(screen.getByText('+3.2%')).toBeTruthy();
+  });
+  it('fires onPress', () => {
+    const onPress = jest.fn();
+    wrap(/*#__PURE__*/_jsx(StatTile, {
+      label: "Sales",
+      value: "$10",
+      onPress: onPress
+    }));
+    fireEvent.press(screen.getByText('Sales'));
+    expect(onPress).toHaveBeenCalledTimes(1);
+  });
+});
+//# sourceMappingURL=StatTile.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["render","fireEvent","screen","Text","ThemeProvider","StatTile","jsx","_jsx","wrap","ui","children","describe","it","label","value","expect","getByText","toBeTruthy","onPress","jest","fn","press","toHaveBeenCalledTimes"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StatTile/StatTile.test.tsx"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,SAAS,EAAEC,MAAM,QAAQ,+BAA+B;AACzE,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,QAAQ,sBAAa;AAC3C,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtC,SAASC,IAAIA,CAACC,EAAsB,EAAE;EACpC,OAAOT,MAAM,cAACO,IAAA,CAACH,aAAa;IAAAM,QAAA,EAAED;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAE,QAAQ,CAAC,UAAU,EAAE,MAAM;EACzBC,EAAE,CAAC,yBAAyB,EAAE,MAAM;IAClCJ,IAAI,cAACD,IAAA,CAACF,QAAQ;MAACQ,KAAK,EAAC,eAAe;MAACC,KAAK,EAAC;IAAW,CAAE,CAAC,CAAC;IAC1DC,MAAM,CAACb,MAAM,CAACc,SAAS,CAAC,eAAe,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IACtDF,MAAM,CAACb,MAAM,CAACc,SAAS,CAAC,WAAW,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACpD,CAAC,CAAC;EAEFL,EAAE,CAAC,yBAAyB,EAAE,MAAM;IAClCJ,IAAI,cAACD,IAAA,CAACF,QAAQ;MAACQ,KAAK,EAAC,QAAQ;MAACC,KAAK,EAAE;IAAI,CAAE,CAAC,CAAC;IAC7CC,MAAM,CAACb,MAAM,CAACc,SAAS,CAAC,KAAK,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAC9C,CAAC,CAAC;EAEFL,EAAE,CAAC,6BAA6B,EAAE,MAAM;IACtCJ,IAAI,cAACD,IAAA,CAACF,QAAQ;MAACQ,KAAK,EAAC,OAAO;MAACC,KAAK,eAAEP,IAAA,CAACJ,IAAI;QAAAO,QAAA,EAAC;MAAK,CAAM;IAAE,CAAE,CAAC,CAAC;IAC3DK,MAAM,CAACb,MAAM,CAACc,SAAS,CAAC,OAAO,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAChD,CAAC,CAAC;EAEFL,EAAE,CAAC,eAAe,EAAE,MAAM;IACxB,MAAMM,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBZ,IAAI,cAACD,IAAA,CAACF,QAAQ;MAACQ,KAAK,EAAC,OAAO;MAACC,KAAK,EAAC,KAAK;MAACI,OAAO,EAAEA;IAAQ,CAAE,CAAC,CAAC;IAC9DjB,SAAS,CAACoB,KAAK,CAACnB,MAAM,CAACc,SAAS,CAAC,OAAO,CAAC,CAAC;IAC1CD,MAAM,CAACG,OAAO,CAAC,CAACI,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

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

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

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

package/lib/module/components/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+export * from "./Alert/index.js";
 export * from "./Avatar/index.js";
 export * from "./Badge/index.js";
 export * from "./brand/index.js";
@@ -25,6 +26,7 @@ export * from "./Radio/index.js";
 export * from "./Select/index.js";
 export * from "./Sidebar/index.js";
 export * from "./Spinner/index.js";
+export * from "./StatTile/index.js";
 export * from "./Surface/index.js";
 export * from "./Switch/index.js";
 export * from "./Table/index.js";

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,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,uBAAc;AAC5B,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,uBAAc;AAC5B,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,wBAAe;AAC7B,cAAc,4BAAmB;AACjC,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,kBAAS;AACvB,cAAc,qBAAY","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,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,uBAAc;AAC5B,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,uBAAc;AAC5B,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,wBAAe;AAC7B,cAAc,4BAAmB;AACjC,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,qBAAY;AAC1B,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,kBAAS;AACvB,cAAc,qBAAY","ignoreList":[]}

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

@@ -0,0 +1,41 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { IconName } from '../Icon/icons.generated';
+export type AlertStatus = 'info' | 'warning' | 'success' | 'destructive';
+export interface AlertProps {
+    /** Color/status. Defaults to `info`. */
+    status?: AlertStatus;
+    /** Optional bold title line above the message. */
+    title?: string;
+    /** Message text. Alternatively pass `children`. */
+    message?: string;
+    /** Message content (overrides `message`). */
+    children?: ReactNode;
+    /** Leading icon. Defaults to `info` (as in the design). */
+    icon?: IconName;
+    /** Hide the leading icon. */
+    showIcon?: boolean;
+    /** Vertical alignment of the icon vs the text. Defaults to `center`. */
+    iconAlign?: 'top' | 'center';
+    /** Trailing content (e.g. a link/button). */
+    action?: ReactNode;
+    /** Show a close (×) button and call this on press. */
+    onClose?: () => void;
+    /** Background override (for a custom status). */
+    backgroundColor?: string;
+    /** Foreground (text/icon) override. */
+    color?: string;
+    /** Fixed width. Omit to fill the parent. */
+    width?: number;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Alert — an inline banner in four statuses (info / warning / success /
+ * destructive), each a subtle tinted surface with a matching icon and text
+ * (Figma "Alert"). Fills its parent by default (text wraps to any width) or takes
+ * a fixed `width`. Supports an optional title, a trailing action and a close
+ * button; colors are overridable for custom statuses.
+ */
+export declare function Alert({ status, title, message, children, icon, showIcon, iconAlign, action, onClose, backgroundColor, color, width, style, }: AlertProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGxD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAEzE,MAAM,WAAW,UAAU;IACzB,wCAAwC;IACxC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,6CAA6C;IAC7C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAgBD;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,EACpB,MAAe,EACf,KAAK,EACL,OAAO,EACP,QAAQ,EACR,IAAa,EACb,QAAe,EACf,SAAoB,EACpB,MAAM,EACN,OAAO,EACP,eAAe,EACf,KAAK,EACL,KAAK,EACL,KAAK,GACN,EAAE,UAAU,2CAyDZ"}

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

@@ -0,0 +1,3 @@
+export { Alert } from './Alert';
+export type { AlertProps, AlertStatus } from './Alert';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,31 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { IconName } from '../Icon/icons.generated';
+export interface StatTileProps {
+    /** Small label above the value. */
+    label: string;
+    /** The value — a string/number, or a node for custom formatting/color. */
+    value: ReactNode;
+    /** Optional leading icon. */
+    icon?: IconName;
+    /** Fixed width. Omit to fill the parent (works in a flex/grid row of tiles). */
+    width?: number;
+    /** Make the tile pressable. */
+    onPress?: () => void;
+    /** Tile background. Defaults to `background.subtle`. */
+    backgroundColor?: string;
+    /** Label color. Defaults to `secondary`. */
+    labelColor?: string;
+    /** Value color (when `value` is text). Defaults to `primary`. */
+    valueColor?: string;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+    accessibilityLabel?: string;
+}
+/**
+ * StatTile — a compact KPI card: a small label over a prominent value (Figma
+ * "info card"). Fills its parent by default (so a row/grid of tiles sizes evenly)
+ * or takes a fixed `width`. `value` accepts a node for custom color/formatting.
+ */
+export declare function StatTile({ label, value, icon, width, onPress, backgroundColor, labelColor, valueColor, style, accessibilityLabel, }: StatTileProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatTile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatTile.d.ts","sourceRoot":"","sources":["../../../../../src/components/StatTile/StatTile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGxD,MAAM,WAAW,aAAa;IAC5B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,KAAK,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,eAAe,EACf,UAAU,EACV,UAAU,EACV,KAAK,EACL,kBAAkB,GACnB,EAAE,aAAa,2CAoDf"}

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

@@ -0,0 +1,3 @@
+export { StatTile } from './StatTile';
+export type { StatTileProps } from './StatTile';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,3 +1,4 @@
+export * from './Alert';
 export * from './Avatar';
 export * from './Badge';
 export * from './brand';
@@ -23,6 +24,7 @@ export * from './Radio';
 export * from './Select';
 export * from './Sidebar';
 export * from './Spinner';
+export * from './StatTile';
 export * from './Surface';
 export * from './Switch';
 export * from './Table';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAE3B,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAE3B,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/typescript/module/components/Alert/Alert.d.ts

@@ -0,0 +1,41 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { IconName } from '../Icon/icons.generated';
+export type AlertStatus = 'info' | 'warning' | 'success' | 'destructive';
+export interface AlertProps {
+    /** Color/status. Defaults to `info`. */
+    status?: AlertStatus;
+    /** Optional bold title line above the message. */
+    title?: string;
+    /** Message text. Alternatively pass `children`. */
+    message?: string;
+    /** Message content (overrides `message`). */
+    children?: ReactNode;
+    /** Leading icon. Defaults to `info` (as in the design). */
+    icon?: IconName;
+    /** Hide the leading icon. */
+    showIcon?: boolean;
+    /** Vertical alignment of the icon vs the text. Defaults to `center`. */
+    iconAlign?: 'top' | 'center';
+    /** Trailing content (e.g. a link/button). */
+    action?: ReactNode;
+    /** Show a close (×) button and call this on press. */
+    onClose?: () => void;
+    /** Background override (for a custom status). */
+    backgroundColor?: string;
+    /** Foreground (text/icon) override. */
+    color?: string;
+    /** Fixed width. Omit to fill the parent. */
+    width?: number;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Alert — an inline banner in four statuses (info / warning / success /
+ * destructive), each a subtle tinted surface with a matching icon and text
+ * (Figma "Alert"). Fills its parent by default (text wraps to any width) or takes
+ * a fixed `width`. Supports an optional title, a trailing action and a close
+ * button; colors are overridable for custom statuses.
+ */
+export declare function Alert({ status, title, message, children, icon, showIcon, iconAlign, action, onClose, backgroundColor, color, width, style, }: AlertProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Alert.d.ts.map

package/lib/typescript/module/components/Alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGxD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAEzE,MAAM,WAAW,UAAU;IACzB,wCAAwC;IACxC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,6CAA6C;IAC7C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAgBD;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,EACpB,MAAe,EACf,KAAK,EACL,OAAO,EACP,QAAQ,EACR,IAAa,EACb,QAAe,EACf,SAAoB,EACpB,MAAM,EACN,OAAO,EACP,eAAe,EACf,KAAK,EACL,KAAK,EACL,KAAK,GACN,EAAE,UAAU,2CAyDZ"}

package/lib/typescript/module/components/Alert/index.d.ts

@@ -0,0 +1,3 @@
+export { Alert } from './Alert';
+export type { AlertProps, AlertStatus } from './Alert';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/module/components/StatTile/StatTile.d.ts

@@ -0,0 +1,31 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { IconName } from '../Icon/icons.generated';
+export interface StatTileProps {
+    /** Small label above the value. */
+    label: string;
+    /** The value — a string/number, or a node for custom formatting/color. */
+    value: ReactNode;
+    /** Optional leading icon. */
+    icon?: IconName;
+    /** Fixed width. Omit to fill the parent (works in a flex/grid row of tiles). */
+    width?: number;
+    /** Make the tile pressable. */
+    onPress?: () => void;
+    /** Tile background. Defaults to `background.subtle`. */
+    backgroundColor?: string;
+    /** Label color. Defaults to `secondary`. */
+    labelColor?: string;
+    /** Value color (when `value` is text). Defaults to `primary`. */
+    valueColor?: string;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+    accessibilityLabel?: string;
+}
+/**
+ * StatTile — a compact KPI card: a small label over a prominent value (Figma
+ * "info card"). Fills its parent by default (so a row/grid of tiles sizes evenly)
+ * or takes a fixed `width`. `value` accepts a node for custom color/formatting.
+ */
+export declare function StatTile({ label, value, icon, width, onPress, backgroundColor, labelColor, valueColor, style, accessibilityLabel, }: StatTileProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatTile.d.ts.map

package/lib/typescript/module/components/StatTile/StatTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatTile.d.ts","sourceRoot":"","sources":["../../../../../src/components/StatTile/StatTile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGxD,MAAM,WAAW,aAAa;IAC5B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,KAAK,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,eAAe,EACf,UAAU,EACV,UAAU,EACV,KAAK,EACL,kBAAkB,GACnB,EAAE,aAAa,2CAoDf"}

package/lib/typescript/module/components/StatTile/index.d.ts

@@ -0,0 +1,3 @@
+export { StatTile } from './StatTile';
+export type { StatTileProps } from './StatTile';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/StatTile/index.d.ts.map

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

package/lib/typescript/module/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './Alert';
 export * from './Avatar';
 export * from './Badge';
 export * from './brand';
@@ -23,6 +24,7 @@ export * from './Radio';
 export * from './Select';
 export * from './Sidebar';
 export * from './Spinner';
+export * from './StatTile';
 export * from './Surface';
 export * from './Switch';
 export * from './Table';

package/lib/typescript/module/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAE3B,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAE3B,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bacon-pos/ui",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Bacon POS design system — React Native component library",
   "main": "./lib/commonjs/index.js",
   "module": "./lib/module/index.js",