@bacon-pos/ui 0.9.0 → 0.10.0

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

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

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

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

package/lib/module/components/brand/BaconLogo.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import { SvgXml } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+const VIEWBOX_W = 90.029;
+const VIEWBOX_H = 75.2663;
+const ASPECT = VIEWBOX_W / VIEWBOX_H;
+const PATH = 'M79.6034 46.0332C84.1787 43.6264 87.0741 39.2894 87.0741 33.6655C87.0741 24.914 79.8477 19.0519 65.794 19.0519H51.2579H41.8987C40.594 19.0519 39.3728 18.7481 38.2826 18.2119C37.1626 17.6638 36.1975 16.8715 35.4409 15.9004C34.3923 14.5421 33.7609 12.8443 33.7609 11.0034V8.05447C33.7609 3.60426 30.1149 0 25.6289 0C21.143 0 17.497 3.60426 17.497 8.05447V11.0034C17.497 12.8443 16.8715 14.5421 15.817 15.9004C15.0604 16.8715 14.0953 17.6698 12.9753 18.2119C11.8851 18.7481 10.6638 19.0519 9.35915 19.0519H0V28.846H9.35915C13.857 28.846 17.4911 25.2357 17.4911 20.7915V16.4306C17.4911 11.9804 21.137 8.37617 25.623 8.37617C30.1089 8.37617 33.7549 11.9804 33.7549 16.4306V20.7915C33.7549 25.2357 37.3949 28.846 41.8868 28.846H64.1736C70.5183 28.846 73.9677 31.0145 73.9677 35.4289C73.9677 39.8434 70.5123 42.0953 64.1736 42.0953H51.9728H41.7617C40.5047 42.0775 39.3251 41.7796 38.2706 41.2553C37.1506 40.7132 36.1855 39.9149 35.4289 38.9438C34.3804 37.5855 33.7489 35.8877 33.7489 34.0468V31.0979C33.7489 26.6477 30.103 23.0494 25.6111 23.0494C21.1192 23.0494 17.4732 26.6536 17.4732 31.0979V34.0468C17.4732 35.8877 16.8477 37.5855 15.7932 38.9438C15.0366 39.9149 14.0715 40.7132 12.9515 41.2553C11.897 41.7796 10.7174 42.0775 9.46043 42.0953H0V51.5736H12.7251C12.7251 51.5736 12.737 51.5736 12.743 51.5736C15.3583 51.5736 17.4792 49.4528 17.4792 46.8375V44.24C17.4851 44.1089 17.4911 43.9779 17.4911 43.8468V39.486C17.4911 35.0357 21.137 31.4315 25.6289 31.4315C30.1209 31.4315 33.7668 35.0357 33.7668 39.486V43.8468C33.7668 43.9779 33.7728 44.1089 33.7787 44.24V46.8375C33.7787 49.4528 35.8996 51.5736 38.5149 51.5736C38.5149 51.5736 38.5268 51.5736 38.5328 51.5736H51.2579H66.4315C73.1753 51.5736 76.7915 53.8196 76.7915 58.5617C76.7915 63.3038 73.1753 65.4664 66.4315 65.4664H41.8928C40.5881 65.4664 39.3668 65.1626 38.2766 64.6264C37.1566 64.0783 36.1915 63.286 35.4349 62.3149C34.3864 60.9566 33.7549 59.2587 33.7549 57.4179V54.4689C33.7549 50.0187 30.1089 46.4145 25.623 46.4145C21.137 46.4145 17.4911 50.0187 17.4911 54.4689V57.4179C17.4911 59.2587 16.8655 60.9566 15.8111 62.3149C15.0545 63.286 14.0894 64.0843 12.9694 64.6264C11.8792 65.1626 10.6579 65.4664 9.35319 65.4664H0V75.2604H9.35915C13.857 75.2604 17.4911 71.6502 17.4911 67.206V62.8451C17.4911 58.3949 21.137 54.7906 25.623 54.7906C30.1089 54.7906 33.7549 58.3949 33.7549 62.8451V67.206C33.7549 71.6502 37.3949 75.2604 41.8868 75.2604H67.3906C82.1651 75.2604 89.8741 69.6366 89.8741 59.926C89.8741 52.8604 85.8587 48.0409 79.5975 46.0332H79.6034Z';
+/**
+ * The Bacon POS brand mark (the red "B"). Rendered at its natural aspect ratio
+ * and not tinted by default — the brand color is preserved. Used as the default
+ * logo in `Sidebar`.
+ */
+export function BaconLogo({
+  height = 40,
+  color = '#FF003A'
+}) {
+  const xml = `<svg viewBox="0 0 ${VIEWBOX_W} ${VIEWBOX_H}" xmlns="http://www.w3.org/2000/svg"><path d="${PATH}" fill="${color}"/></svg>`;
+  return /*#__PURE__*/_jsx(SvgXml, {
+    xml: xml,
+    width: height * ASPECT,
+    height: height
+  });
+}
+//# sourceMappingURL=BaconLogo.js.map

package/lib/module/components/brand/BaconLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SvgXml","jsx","_jsx","VIEWBOX_W","VIEWBOX_H","ASPECT","PATH","BaconLogo","height","color","xml","width"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/brand/BaconLogo.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1C,MAAMC,SAAS,GAAG,MAAM;AACxB,MAAMC,SAAS,GAAG,OAAO;AACzB,MAAMC,MAAM,GAAGF,SAAS,GAAGC,SAAS;AAEpC,MAAME,IAAI,GACR,k9EAAk9E;AASp9E;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAAC;EAAEC,MAAM,GAAG,EAAE;EAAEC,KAAK,GAAG;AAA0B,CAAC,EAAE;EAC5E,MAAMC,GAAG,GAAG,qBAAqBP,SAAS,IAAIC,SAAS,iDAAiDE,IAAI,WAAWG,KAAK,WAAW;EACvI,oBAAOP,IAAA,CAACF,MAAM;IAACU,GAAG,EAAEA,GAAI;IAACC,KAAK,EAAEH,MAAM,GAAGH,MAAO;IAACG,MAAM,EAAEA;EAAO,CAAE,CAAC;AACrE","ignoreList":[]}

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

@@ -1,6 +1,7 @@
 "use strict";
 
 export { Logo } from "./Logo.js";
+export { BaconLogo } from "./BaconLogo.js";
 export { Flag } from "./Flag.js";
 export { graphics } from "./registry.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Logo","Flag","graphics"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/brand/index.ts"],"mappings":";;AAAA,SAASA,IAAI,QAAuC,WAAQ;AAC5D,SAASC,IAAI,QAA0C,WAAQ;AAC/D,SAASC,QAAQ,QAAwC,eAAY","ignoreList":[]}
+{"version":3,"names":["Logo","BaconLogo","Flag","graphics"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/brand/index.ts"],"mappings":";;AAAA,SAASA,IAAI,QAAuC,WAAQ;AAC5D,SAASC,SAAS,QAA6B,gBAAa;AAC5D,SAASC,IAAI,QAA0C,WAAQ;AAC/D,SAASC,QAAQ,QAAwC,eAAY","ignoreList":[]}

package/lib/module/components/index.js

@@ -11,6 +11,7 @@ export * from "./CodeField/index.js";
 export * from "./CodeInput/index.js";
 export * from "./Dialog/index.js";
 export * from "./Dropdown/index.js";
+export * from "./EmptyState/index.js";
 export * from "./Icon/index.js";
 export * from "./IconButton/index.js";
 export * from "./Input/index.js";
@@ -22,9 +23,11 @@ export * from "./ProgressBar/index.js";
 export * from "./QuantityStepper/index.js";
 export * from "./Radio/index.js";
 export * from "./Select/index.js";
+export * from "./Sidebar/index.js";
 export * from "./Spinner/index.js";
 export * from "./Surface/index.js";
 export * from "./Switch/index.js";
+export * from "./Table/index.js";
 export * from "./Text/index.js";
 export * from "./Toast/index.js";
 export * from "./UserChip/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,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,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,kBAAS;AACvB,cAAc,qBAAY","ignoreList":[]}
+{"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":[]}

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

@@ -0,0 +1,30 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type ButtonVariant } from '../Button/Button';
+import type { IconName } from '../Icon/icons.generated';
+export interface EmptyStateAction {
+    label: string;
+    onPress: () => void;
+    icon?: IconName;
+    variant?: ButtonVariant;
+}
+export interface EmptyStateProps {
+    /** Icon shown in the badge above the title. */
+    icon?: IconName;
+    /** Title line. */
+    title: string;
+    /** Supporting description below the title. */
+    description?: string;
+    /** Optional call-to-action button. */
+    action?: EmptyStateAction;
+    /** Vertical padding around the block. Defaults to 32. */
+    paddingVertical?: number;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Empty state — a centered icon, title, description and optional action button.
+ * Used by `Table`/`DataTable` when there's no data, and reusable anywhere a
+ * "nothing here yet" message is needed.
+ */
+export declare function EmptyState({ icon, title, description, action, paddingVertical, style, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGxD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,yDAAyD;IACzD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAiB,EACjB,KAAK,EACL,WAAW,EACX,MAAM,EACN,eAAoB,EACpB,KAAK,GACN,EAAE,eAAe,2CAiDjB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/EmptyState/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,57 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { IconName } from '../Icon/icons.generated';
+export interface SidebarItem {
+    /** Stable key; also the active identifier. */
+    key: string;
+    /** Button text (hidden when collapsed). */
+    label: string;
+    /** Leading icon. When omitted, expanded reserves the icon space and collapsed shows the label's initial. */
+    icon?: IconName;
+    /** Optional icon shown when the item is active (e.g. a filled variant). */
+    activeIcon?: IconName;
+    /** Press handler. */
+    onPress?: () => void;
+    /** Dim and block the item. */
+    disabled?: boolean;
+}
+export interface SidebarProps {
+    /** Navigation items — rendered top-to-bottom. Defaults to none. */
+    items?: SidebarItem[];
+    /** Active item key (controlled). */
+    activeKey?: string;
+    /** Active item key for the uncontrolled case. */
+    defaultActiveKey?: string;
+    /** Called with the pressed item's key. */
+    onChange?: (key: string) => void;
+    /** Collapsed (icons only) state — controlled. */
+    collapsed?: boolean;
+    /** Initial collapsed state (uncontrolled). Defaults to false. */
+    defaultCollapsed?: boolean;
+    /** Called when the collapse state changes. */
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /** Show the built-in expand/collapse toggle. Defaults to true. */
+    showToggle?: boolean;
+    /** Logo shown at the top. Defaults to the Bacon mark. */
+    logo?: ReactNode;
+    /** Bottom supporting text (e.g. a version). Defaults to none. */
+    footer?: string;
+    /** Expanded width. Defaults to 284 (Figma). */
+    expandedWidth?: number;
+    /** Collapsed width. Defaults to 122 (Figma). */
+    collapsedWidth?: number;
+    /** Scroll indicator color. Defaults to a subtle neutral. */
+    scrollbarColor?: string;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Sidebar — the app's main navigation drawer (Figma "Sidebar"). Expands/collapses
+ * between a labelled and an icon-only rail (animated width). The logo defaults to
+ * the Bacon mark (override via `logo`); an optional `footer` shows supporting text
+ * at the bottom. Items are dynamic buttons (icon + label via props); the list
+ * scrolls with an elegant auto-hiding indicator when it overflows, leaving the
+ * footer pinned. Buttons have hover and active states to mark the current section.
+ */
+export declare function Sidebar({ items, activeKey, defaultActiveKey, onChange, collapsed: collapsedProp, defaultCollapsed, onCollapsedChange, showToggle, logo, footer, expandedWidth, collapsedWidth, scrollbarColor, style, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAKxD,MAAM,WAAW,WAAW;IAC1B,8CAA8C;IAC9C,GAAG,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,4GAA4G;IAC5G,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,mEAAmE;IACnE,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,kEAAkE;IAClE,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,yDAAyD;IACzD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAgGD;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAU,EACV,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,gBAAwB,EACxB,iBAAiB,EACjB,UAAiB,EACjB,IAAI,EACJ,MAAM,EACN,aAAmB,EACnB,cAAoB,EACpB,cAAc,EACd,KAAK,GACN,EAAE,YAAY,2CAwId"}

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

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

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

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

package/lib/typescript/commonjs/components/Table/DataTable.d.ts

@@ -0,0 +1,53 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type EmptyStateProps } from '../EmptyState/EmptyState';
+import type { IconName } from '../Icon/icons.generated';
+import { type TableProps } from './Table';
+export interface DataTableTab {
+    value: string;
+    label: string;
+    icon?: IconName;
+}
+export interface DataTablePagination {
+    /** 1-based current page. */
+    page: number;
+    pageSize: number;
+    /** Total row count (across pages). */
+    total: number;
+    onPageChange: (page: number) => void;
+    /** Customize the range label. Defaults to `${from}–${to} of ${total}`. */
+    formatRange?: (from: number, to: number, total: number) => string;
+}
+export interface DataTableProps<T> extends Omit<TableProps<T>, 'empty'> {
+    /** Tabs above the toolbar (reuses `ChipGroup`). */
+    tabs?: DataTableTab[];
+    /** Active tab (controlled). */
+    activeTab?: string;
+    defaultTab?: string;
+    onTabChange?: (value: string) => void;
+    /** Show the search field. */
+    searchable?: boolean;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    /** Show a create button on the right of the toolbar. */
+    createLabel?: string;
+    onCreate?: () => void;
+    createIcon?: IconName;
+    /** Structured empty state (alternative to Table's `empty` node). */
+    emptyState?: EmptyStateProps;
+    /** Raw empty node (wins over `emptyState`). */
+    empty?: React.ReactNode;
+    /** Pagination controls below the table. */
+    pagination?: DataTablePagination;
+    /** Gap between toolbar sections. Defaults to 16. */
+    gap?: number;
+    containerStyle?: StyleProp<ViewStyle>;
+}
+/**
+ * DataTable — the turnkey management table (Figma): optional tabs (`ChipGroup`),
+ * a search + create toolbar, the `Table` body, a structured `EmptyState`, and
+ * optional pagination — assembled with consistent spacing. For bespoke layouts,
+ * compose `Table` + `EmptyState` yourself.
+ */
+export declare function DataTable<T>({ tabs, activeTab, defaultTab, onTabChange, searchable, searchValue, onSearchChange, searchPlaceholder, createLabel, onCreate, createIcon, emptyState, empty, pagination, gap, containerStyle, ...tableProps }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTable.d.ts.map

package/lib/typescript/commonjs/components/Table/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAIxD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,0EAA0E;IAC1E,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACnE;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC;IACrE,mDAAmD;IACnD,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IACtB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IAEtB,oEAAoE;IACpE,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,+CAA+C;IAC/C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,mBAAmB,CAAC;IAEjC,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,IAAI,EACJ,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAkB,EAClB,WAAW,EACX,cAAc,EACd,iBAA6B,EAC7B,WAAW,EACX,QAAQ,EACR,UAAmB,EACnB,UAAU,EACV,KAAK,EACL,UAAU,EACV,GAAQ,EACR,cAAc,EACd,GAAG,UAAU,EACd,EAAE,cAAc,CAAC,CAAC,CAAC,2CAwDnB"}

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

@@ -0,0 +1,85 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type ColumnAlign = 'left' | 'center' | 'right';
+export type SortDirection = 'asc' | 'desc';
+export interface TableSort {
+    key: string;
+    direction: SortDirection;
+}
+export interface TableColumn<T> {
+    /** Unique column id. */
+    key: string;
+    /** Header content (string or node). */
+    header: ReactNode;
+    /** Cell renderer. Defaults to `String(row[key])`. Return a string/number or any node (e.g. a `Badge`). */
+    render?: (row: T, index: number) => ReactNode;
+    /** Flex grow. Defaults to 1. Ignored when `width` is set. */
+    flex?: number;
+    /** Fixed column width in px. */
+    width?: number;
+    /** Text/content alignment. Defaults to `left`. */
+    align?: ColumnAlign;
+    /** Enable sorting on this column (needs `sortAccessor`). */
+    sortable?: boolean;
+    /** Value used to sort this column when sorting internally. */
+    sortAccessor?: (row: T) => string | number;
+}
+export interface TableProps<T> {
+    columns: TableColumn<T>[];
+    data: T[];
+    /** Stable key per row. */
+    keyExtractor: (row: T, index: number) => string;
+    /** Row press (non-expandable tables). Expandable rows toggle on press instead. */
+    onRowPress?: (row: T, index: number) => void;
+    /** Expandable (accordion) rows — mutually exclusive with `renderActions`. */
+    expandable?: boolean;
+    /** Content shown when a row is expanded. */
+    renderExpanded?: (row: T, index: number) => ReactNode;
+    /** One open row at a time (`single`) or many (`multiple`). Defaults to `single`. */
+    expansionMode?: 'single' | 'multiple';
+    /** Controlled expanded row keys. */
+    expandedKeys?: string[];
+    defaultExpandedKeys?: string[];
+    onExpandedChange?: (keys: string[]) => void;
+    /** Trailing per-row actions (e.g. edit/delete) — mutually exclusive with `expandable`. */
+    renderActions?: (row: T, index: number) => ReactNode;
+    /** Width reserved for the actions column. Defaults to 96. */
+    actionsWidth?: number;
+    /** Row selection via checkboxes. */
+    selectable?: boolean;
+    selectedKeys?: string[];
+    defaultSelectedKeys?: string[];
+    onSelectionChange?: (keys: string[]) => void;
+    /** Controlled sort. Omit for internal sorting via each column's `sortAccessor`. */
+    sort?: TableSort;
+    defaultSort?: TableSort;
+    onSortChange?: (sort: TableSort) => void;
+    /** Rounded, clipped container. Defaults to true. */
+    rounded?: boolean;
+    /** Cap the body height; rows scroll with the elegant indicator, header stays. */
+    maxHeight?: number;
+    scrollbarColor?: string;
+    /** Show a loading placeholder instead of rows. */
+    loading?: boolean;
+    /** Loading style: a centered `spinner` (default) or shimmering `skeleton` rows. */
+    loadingVariant?: 'spinner' | 'skeleton';
+    /** Text under the spinner. Defaults to "Loading data"; pass `null` to hide it. */
+    loadingText?: string | null;
+    /** Number of skeleton rows. Defaults to 5. */
+    skeletonRows?: number;
+    /** Shown when there is no data (and not loading). */
+    empty?: ReactNode;
+    /** Below this width the table renders each row as a card. Defaults to 640. */
+    mobileBreakpoint?: number;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Table — a flexible, token-driven data table (Figma "Table"). Columns define
+ * width/flex, alignment and cell renderers (text, `Badge`, anything). Supports
+ * sortable headers, checkbox selection, and accordion rows (expand on row press)
+ * OR a trailing actions column (the two are mutually exclusive). A sticky header
+ * with an elegant scrolling body (`maxHeight`), loading and empty states, and a
+ * card fallback below `mobileBreakpoint`.
+ */
+export declare function Table<T>({ columns, data, keyExtractor, onRowPress, expandable, renderExpanded, expansionMode, expandedKeys, defaultExpandedKeys, onExpandedChange, renderActions, actionsWidth, selectable, selectedKeys, defaultSelectedKeys, onSelectionChange, sort, defaultSort, onSortChange, rounded, maxHeight, scrollbarColor, loading, loadingVariant, loadingText, skeletonRows, empty, mobileBreakpoint, style, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Table.d.ts.map

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

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

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

@@ -0,0 +1,5 @@
+export { Table } from './Table';
+export type { TableProps, TableColumn, TableSort, ColumnAlign, SortDirection, } from './Table';
+export { DataTable } from './DataTable';
+export type { DataTableProps, DataTableTab, DataTablePagination } from './DataTable';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACX,aAAa,GACd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC"}

package/lib/typescript/commonjs/components/brand/BaconLogo.d.ts

@@ -0,0 +1,13 @@
+export interface BaconLogoProps {
+    /** Rendered height in px; width follows the mark's aspect ratio. Defaults to 40. */
+    height?: number;
+    /** Mark color. Defaults to the Bacon red. */
+    color?: string;
+}
+/**
+ * The Bacon POS brand mark (the red "B"). Rendered at its natural aspect ratio
+ * and not tinted by default — the brand color is preserved. Used as the default
+ * logo in `Sidebar`.
+ */
+export declare function BaconLogo({ height, color }: BaconLogoProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BaconLogo.d.ts.map

package/lib/typescript/commonjs/components/brand/BaconLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaconLogo.d.ts","sourceRoot":"","sources":["../../../../../src/components/brand/BaconLogo.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,cAAc;IAC7B,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,MAAW,EAAE,KAAiB,EAAE,EAAE,cAAc,2CAG3E"}

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

@@ -1,4 +1,5 @@
 export { Logo, type LogoProps, type LogoName } from './Logo';
+export { BaconLogo, type BaconLogoProps } from './BaconLogo';
 export { Flag, type FlagProps, type FlagCountry } from './Flag';
 export { graphics, type GraphicName, type Graphic } from './registry';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/brand/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,KAAK,WAAW,EAAE,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/brand/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,KAAK,WAAW,EAAE,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC"}

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

@@ -9,6 +9,7 @@ export * from './CodeField';
 export * from './CodeInput';
 export * from './Dialog';
 export * from './Dropdown';
+export * from './EmptyState';
 export * from './Icon';
 export * from './IconButton';
 export * from './Input';
@@ -20,9 +21,11 @@ export * from './ProgressBar';
 export * from './QuantityStepper';
 export * from './Radio';
 export * from './Select';
+export * from './Sidebar';
 export * from './Spinner';
 export * from './Surface';
 export * from './Switch';
+export * from './Table';
 export * from './Text';
 export * from './Toast';
 export * from './UserChip';

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,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,UAAU,CAAC;AACzB,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,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"}

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

@@ -0,0 +1,30 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type ButtonVariant } from '../Button/Button';
+import type { IconName } from '../Icon/icons.generated';
+export interface EmptyStateAction {
+    label: string;
+    onPress: () => void;
+    icon?: IconName;
+    variant?: ButtonVariant;
+}
+export interface EmptyStateProps {
+    /** Icon shown in the badge above the title. */
+    icon?: IconName;
+    /** Title line. */
+    title: string;
+    /** Supporting description below the title. */
+    description?: string;
+    /** Optional call-to-action button. */
+    action?: EmptyStateAction;
+    /** Vertical padding around the block. Defaults to 32. */
+    paddingVertical?: number;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Empty state — a centered icon, title, description and optional action button.
+ * Used by `Table`/`DataTable` when there's no data, and reusable anywhere a
+ * "nothing here yet" message is needed.
+ */
+export declare function EmptyState({ icon, title, description, action, paddingVertical, style, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGxD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,yDAAyD;IACzD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAiB,EACjB,KAAK,EACL,WAAW,EACX,MAAM,EACN,eAAoB,EACpB,KAAK,GACN,EAAE,eAAe,2CAiDjB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/EmptyState/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,57 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { IconName } from '../Icon/icons.generated';
+export interface SidebarItem {
+    /** Stable key; also the active identifier. */
+    key: string;
+    /** Button text (hidden when collapsed). */
+    label: string;
+    /** Leading icon. When omitted, expanded reserves the icon space and collapsed shows the label's initial. */
+    icon?: IconName;
+    /** Optional icon shown when the item is active (e.g. a filled variant). */
+    activeIcon?: IconName;
+    /** Press handler. */
+    onPress?: () => void;
+    /** Dim and block the item. */
+    disabled?: boolean;
+}
+export interface SidebarProps {
+    /** Navigation items — rendered top-to-bottom. Defaults to none. */
+    items?: SidebarItem[];
+    /** Active item key (controlled). */
+    activeKey?: string;
+    /** Active item key for the uncontrolled case. */
+    defaultActiveKey?: string;
+    /** Called with the pressed item's key. */
+    onChange?: (key: string) => void;
+    /** Collapsed (icons only) state — controlled. */
+    collapsed?: boolean;
+    /** Initial collapsed state (uncontrolled). Defaults to false. */
+    defaultCollapsed?: boolean;
+    /** Called when the collapse state changes. */
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /** Show the built-in expand/collapse toggle. Defaults to true. */
+    showToggle?: boolean;
+    /** Logo shown at the top. Defaults to the Bacon mark. */
+    logo?: ReactNode;
+    /** Bottom supporting text (e.g. a version). Defaults to none. */
+    footer?: string;
+    /** Expanded width. Defaults to 284 (Figma). */
+    expandedWidth?: number;
+    /** Collapsed width. Defaults to 122 (Figma). */
+    collapsedWidth?: number;
+    /** Scroll indicator color. Defaults to a subtle neutral. */
+    scrollbarColor?: string;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Sidebar — the app's main navigation drawer (Figma "Sidebar"). Expands/collapses
+ * between a labelled and an icon-only rail (animated width). The logo defaults to
+ * the Bacon mark (override via `logo`); an optional `footer` shows supporting text
+ * at the bottom. Items are dynamic buttons (icon + label via props); the list
+ * scrolls with an elegant auto-hiding indicator when it overflows, leaving the
+ * footer pinned. Buttons have hover and active states to mark the current section.
+ */
+export declare function Sidebar({ items, activeKey, defaultActiveKey, onChange, collapsed: collapsedProp, defaultCollapsed, onCollapsedChange, showToggle, logo, footer, expandedWidth, collapsedWidth, scrollbarColor, style, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAKxD,MAAM,WAAW,WAAW;IAC1B,8CAA8C;IAC9C,GAAG,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,4GAA4G;IAC5G,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,mEAAmE;IACnE,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,kEAAkE;IAClE,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,yDAAyD;IACzD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAgGD;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAU,EACV,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,gBAAwB,EACxB,iBAAiB,EACjB,UAAiB,EACjB,IAAI,EACJ,MAAM,EACN,aAAmB,EACnB,cAAoB,EACpB,cAAc,EACd,KAAK,GACN,EAAE,YAAY,2CAwId"}

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

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

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

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

package/lib/typescript/module/components/Table/DataTable.d.ts

@@ -0,0 +1,53 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type EmptyStateProps } from '../EmptyState/EmptyState';
+import type { IconName } from '../Icon/icons.generated';
+import { type TableProps } from './Table';
+export interface DataTableTab {
+    value: string;
+    label: string;
+    icon?: IconName;
+}
+export interface DataTablePagination {
+    /** 1-based current page. */
+    page: number;
+    pageSize: number;
+    /** Total row count (across pages). */
+    total: number;
+    onPageChange: (page: number) => void;
+    /** Customize the range label. Defaults to `${from}–${to} of ${total}`. */
+    formatRange?: (from: number, to: number, total: number) => string;
+}
+export interface DataTableProps<T> extends Omit<TableProps<T>, 'empty'> {
+    /** Tabs above the toolbar (reuses `ChipGroup`). */
+    tabs?: DataTableTab[];
+    /** Active tab (controlled). */
+    activeTab?: string;
+    defaultTab?: string;
+    onTabChange?: (value: string) => void;
+    /** Show the search field. */
+    searchable?: boolean;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    /** Show a create button on the right of the toolbar. */
+    createLabel?: string;
+    onCreate?: () => void;
+    createIcon?: IconName;
+    /** Structured empty state (alternative to Table's `empty` node). */
+    emptyState?: EmptyStateProps;
+    /** Raw empty node (wins over `emptyState`). */
+    empty?: React.ReactNode;
+    /** Pagination controls below the table. */
+    pagination?: DataTablePagination;
+    /** Gap between toolbar sections. Defaults to 16. */
+    gap?: number;
+    containerStyle?: StyleProp<ViewStyle>;
+}
+/**
+ * DataTable — the turnkey management table (Figma): optional tabs (`ChipGroup`),
+ * a search + create toolbar, the `Table` body, a structured `EmptyState`, and
+ * optional pagination — assembled with consistent spacing. For bespoke layouts,
+ * compose `Table` + `EmptyState` yourself.
+ */
+export declare function DataTable<T>({ tabs, activeTab, defaultTab, onTabChange, searchable, searchValue, onSearchChange, searchPlaceholder, createLabel, onCreate, createIcon, emptyState, empty, pagination, gap, containerStyle, ...tableProps }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTable.d.ts.map

package/lib/typescript/module/components/Table/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAIxD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,0EAA0E;IAC1E,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACnE;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC;IACrE,mDAAmD;IACnD,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IACtB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IAEtB,oEAAoE;IACpE,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,+CAA+C;IAC/C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,mBAAmB,CAAC;IAEjC,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,IAAI,EACJ,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAkB,EAClB,WAAW,EACX,cAAc,EACd,iBAA6B,EAC7B,WAAW,EACX,QAAQ,EACR,UAAmB,EACnB,UAAU,EACV,KAAK,EACL,UAAU,EACV,GAAQ,EACR,cAAc,EACd,GAAG,UAAU,EACd,EAAE,cAAc,CAAC,CAAC,CAAC,2CAwDnB"}