@powerhousedao/design-system 5.0.0-staging.9 → 5.0.1-staging.10

package/dist/src/rwa/components/number-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../../src/rwa/components/number-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EACV,OAAO,EACP,eAAe,EACf,WAAW,EACX,IAAI,EACL,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,KAAK,KAAK,CAAC,aAAa,SAAS,WAAW,IAAI,qBAAqB,CACnE,OAAO,iBAAiB,CACzB,GAAG;IACF,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACnC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACzC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAC1B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,qBAAqB,CAAC,OAAO,aAAa,CAAC,CAAC;IAC1E,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC;IACzD,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,qBAAqB,CAAC,EAAE,MAAM,CAAC;CACzC,CAAC;AAEF,wBAAgB,cAAc,CAAC,aAAa,SAAS,WAAW,EAC9D,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,2CAyD5B"}

package/dist/src/rwa/components/number-input.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+import { NumericFormat } from "react-number-format";
+import { twMerge } from "tailwind-merge";
+import { RWATableTextInput } from "./text-input.js";
+export function RWANumberInput(props) {
+    const { name, control, currency, rules, errorMessage, errorMessageClassName, numericFormatProps, value: _, onChange: __, ...inputProps } = props;
+    const { allowNegative = false, decimalScale = 2, thousandSeparator = ",", fixedDecimalScale = true, } = numericFormatProps ?? {};
+    const prefix = currency === "USD" ? "$" : undefined;
+    const invalid = props["aria-invalid"] === "true";
+    return (_jsx(Controller, { control: control, name: name, render: ({ field: { onChange, value, ref } }) => (_jsxs(_Fragment, { children: [_jsx(NumericFormat, { ...inputProps, allowNegative: allowNegative, customInput: RWATableTextInput, decimalScale: decimalScale, fixedDecimalScale: fixedDecimalScale, getInputRef: ref, onValueChange: ({ floatValue }) => onChange(floatValue), prefix: prefix, thousandSeparator: thousandSeparator, value: value }), invalid && !!errorMessage ? (_jsx("p", { className: twMerge("text-sm text-red-900", errorMessageClassName), role: "alert", children: errorMessage })) : null] })), rules: rules }));
+}
+//# sourceMappingURL=number-input.js.map

package/dist/src/rwa/components/number-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../../src/rwa/components/number-input.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAepD,MAAM,UAAU,cAAc,CAC5B,KAA2B;IAE3B,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,qBAAqB,EACrB,kBAAkB,EAClB,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,EAAE,EACZ,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,EACJ,aAAa,GAAG,KAAK,EACrB,YAAY,GAAG,CAAC,EAChB,iBAAiB,GAAG,GAAG,EACvB,iBAAiB,GAAG,IAAI,GACzB,GAAG,kBAAkB,IAAI,EAAE,CAAC;IAE7B,MAAM,MAAM,GAAG,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;IAEpD,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,MAAM,CAAC;IAEjD,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAC/C,8BACE,KAAC,aAAa,OACR,UAAU,EACd,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,iBAAiB,EAC9B,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,GAAG,EAChB,aAAa,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,EACvD,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,GACZ,EACD,OAAO,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAC3B,YACE,SAAS,EAAE,OAAO,CAAC,sBAAsB,EAAE,qBAAqB,CAAC,EACjE,IAAI,EAAC,OAAO,YAEX,YAAY,GACX,CACL,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC"}

package/dist/src/rwa/components/other-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"other-tab.d.ts","sourceRoot":"","sources":["../../../../src/rwa/components/other-tab.tsx"],"names":[],"mappings":"AAIA,wBAAgB,QAAQ,4CAkCvB"}

package/dist/src/rwa/components/other-tab.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { tableNames } from "../constants/names.js";
+import { AccountsTable } from "./accounts-table.js";
+import { TableWithForm } from "./table-with-form.js";
+export function OtherTab() {
+    return (_jsxs("div", { className: "grid grid-rows-4 gap-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "mb-2 text-lg font-bold", children: "Accounts" }), _jsx("p", { className: "mb-4 text-xs text-gray-600", children: "Add and manage accounts that can be associated with transactions and fees." }), _jsx(AccountsTable, {})] }), _jsxs("div", { children: [_jsx("h2", { className: "mb-2 text-lg font-bold", children: "Fixed Income Types" }), _jsx("p", { className: "mb-4 text-xs text-gray-600", children: "Add and manage fixed income asset types." }), _jsx(TableWithForm, { tableName: tableNames.FIXED_INCOME_TYPE })] }), _jsxs("div", { children: [_jsx("h2", { className: "mb-2 text-lg font-bold", children: "SPVs" }), _jsx("p", { className: "mb-4 text-xs text-gray-600", children: "Add and manage special purpose vehicles (SPVs)." }), _jsx(TableWithForm, { tableName: tableNames.SPV })] }), _jsxs("div", { children: [_jsx("h2", { className: "mb-2 text-lg font-bold", children: "Service Provider Fee Types" }), _jsx("p", { className: "mb-4 text-xs text-gray-600", children: "Add and manage service providers and their associated fee types." }), _jsx(TableWithForm, { tableName: tableNames.SERVICE_PROVIDER_FEE_TYPE })] })] }));
+}
+//# sourceMappingURL=other-tab.js.map

package/dist/src/rwa/components/other-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"other-tab.js","sourceRoot":"","sources":["../../../../src/rwa/components/other-tab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,UAAU,QAAQ;IACtB,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACrC,0BACE,aAAI,SAAS,EAAC,wBAAwB,yBAAc,EACpD,YAAG,SAAS,EAAC,4BAA4B,2FAGrC,EACJ,KAAC,aAAa,KAAG,IACb,EACN,0BACE,aAAI,SAAS,EAAC,wBAAwB,mCAAwB,EAC9D,YAAG,SAAS,EAAC,4BAA4B,yDAErC,EACJ,KAAC,aAAa,IAAC,SAAS,EAAE,UAAU,CAAC,iBAAiB,GAAI,IACtD,EACN,0BACE,aAAI,SAAS,EAAC,wBAAwB,qBAAU,EAChD,YAAG,SAAS,EAAC,4BAA4B,gEAErC,EACJ,KAAC,aAAa,IAAC,SAAS,EAAE,UAAU,CAAC,GAAG,GAAI,IACxC,EACN,0BACE,aAAI,SAAS,EAAC,wBAAwB,2CAAgC,EACtE,YAAG,SAAS,EAAC,4BAA4B,iFAErC,EACJ,KAAC,aAAa,IAAC,SAAS,EAAE,UAAU,CAAC,yBAAyB,GAAI,IAC9D,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/src/rwa/components/portfolio-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portfolio-tab.d.ts","sourceRoot":"","sources":["../../../../src/rwa/components/portfolio-tab.tsx"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,4CAS3B"}

package/dist/src/rwa/components/portfolio-tab.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AssetsTable } from "./assets-table.js";
+import { RwaTabContent } from "./rwa-tab-content.js";
+export function PortfolioTab() {
+    return (_jsx(RwaTabContent, { description: "Details on the distribution of assets among different financial institutions or investment vehicles.", label: "Portfolio", children: _jsx(AssetsTable, {}) }));
+}
+//# sourceMappingURL=portfolio-tab.js.map

package/dist/src/rwa/components/portfolio-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portfolio-tab.js","sourceRoot":"","sources":["../../../../src/rwa/components/portfolio-tab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,UAAU,YAAY;IAC1B,OAAO,CACL,KAAC,aAAa,IACZ,WAAW,EAAC,sGAAsG,EAClH,KAAK,EAAC,WAAW,YAEjB,KAAC,WAAW,KAAG,GACD,CACjB,CAAC;AACJ,CAAC"}

package/dist/src/rwa/components/rwa-tab-content.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+type Props = {
+    readonly label: ReactNode;
+    readonly description: ReactNode;
+    readonly children: ReactNode;
+};
+export declare function RwaTabContent(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=rwa-tab-content.d.ts.map

package/dist/src/rwa/components/rwa-tab-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rwa-tab-content.d.ts","sourceRoot":"","sources":["../../../../src/rwa/components/rwa-tab-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,WAAW,EAAE,SAAS,CAAC;IAChC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B,CAAC;AACF,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,2CAUzC"}

package/dist/src/rwa/components/rwa-tab-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rwa-tab-content.js","sourceRoot":"","sources":["../../../../src/rwa/components/rwa-tab-content.tsx"],"names":[],"mappings":";AAOA,MAAM,UAAU,aAAa,CAAC,KAAY;IACxC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE/C,OAAO,CACL,0BACE,aAAI,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAM,EACnD,YAAG,SAAS,EAAC,4BAA4B,YAAE,WAAW,GAAK,EAC1D,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/src/rwa/components/select.d.ts

@@ -0,0 +1,17 @@
+import { Combobox } from "@powerhousedao/design-system/connect";
+import type { ComponentPropsWithoutRef } from "react";
+import type { Control, ControllerProps, FieldValues, Path } from "react-hook-form";
+export type RWATableSelectProps<ControlInputs extends FieldValues> = Omit<ComponentPropsWithoutRef<typeof Combobox>, "options" | "required"> & {
+    readonly options: {
+        label: string;
+        value: string;
+    }[];
+    readonly disabled?: boolean;
+    readonly name: Path<ControlInputs>;
+    readonly control: Control<ControlInputs>;
+    readonly rules?: ControllerProps<ControlInputs>["rules"];
+    readonly errorMessage?: string;
+    readonly errorMessageClassName?: string;
+};
+export declare function RWATableSelect<ControlInputs extends FieldValues>(props: RWATableSelectProps<ControlInputs>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=select.d.ts.map

package/dist/src/rwa/components/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/rwa/components/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAChE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EACV,OAAO,EACP,eAAe,EACf,WAAW,EACX,IAAI,EACL,MAAM,iBAAiB,CAAC;AAIzB,MAAM,MAAM,mBAAmB,CAAC,aAAa,SAAS,WAAW,IAAI,IAAI,CACvE,wBAAwB,CAAC,OAAO,QAAQ,CAAC,EACzC,SAAS,GAAG,UAAU,CACvB,GAAG;IACF,QAAQ,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACnC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACzC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC;IACzD,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,qBAAqB,CAAC,EAAE,MAAM,CAAC;CACzC,CAAC;AAEF,wBAAgB,cAAc,CAAC,aAAa,SAAS,WAAW,EAC9D,KAAK,EAAE,mBAAmB,CAAC,aAAa,CAAC,2CAsD1C"}

package/dist/src/rwa/components/select.js

@@ -0,0 +1,13 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Combobox } from "@powerhousedao/design-system/connect";
+import { Controller } from "react-hook-form";
+import { twMerge } from "tailwind-merge";
+export function RWATableSelect(props) {
+    const { options, name, control, rules, errorMessage, errorMessageClassName, disabled = false, ...restProps } = props;
+    const invalid = props["aria-invalid"] === "true";
+    return (_jsx(Controller, { control: control, name: name, render: ({ field: { onChange, onBlur, value } }) => disabled ? (_jsx(_Fragment, { children: options.find((option) => option.value === value)?.label })) : (_jsxs(_Fragment, { children: [_jsx(Combobox, { isDisabled: disabled, onBlur: onBlur, onChange: (option) => !!option &&
+                        typeof option === "object" &&
+                        "value" in option &&
+                        onChange(option.value), options: options, value: options.find((option) => option.value === value) ?? null, ...restProps }), invalid && !!errorMessage ? (_jsx("p", { className: twMerge("text-sm text-red-900", errorMessageClassName), role: "alert", children: errorMessage })) : null] })), rules: rules }));
+}
+//# sourceMappingURL=select.js.map

package/dist/src/rwa/components/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/rwa/components/select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAQhE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAezC,MAAM,UAAU,cAAc,CAC5B,KAAyC;IAEzC,MAAM,EACJ,OAAO,EACP,IAAI,EACJ,OAAO,EACP,KAAK,EACL,YAAY,EACZ,qBAAqB,EACrB,QAAQ,GAAG,KAAK,EAChB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,MAAM,CAAC;IAEjD,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CACjD,QAAQ,CAAC,CAAC,CAAC,CACT,4BAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,KAAK,GAAI,CAC/D,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,QAAQ,IACP,UAAU,EAAE,QAAQ,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CACnB,CAAC,CAAC,MAAM;wBACR,OAAO,MAAM,KAAK,QAAQ;wBAC1B,OAAO,IAAI,MAAM;wBACjB,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAExB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,IAAI,KAC3D,SAAS,GACb,EACD,OAAO,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAC3B,YACE,SAAS,EAAE,OAAO,CAChB,sBAAsB,EACtB,qBAAqB,CACtB,EACD,IAAI,EAAC,OAAO,YAEX,YAAY,GACX,CACL,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,EAEH,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC"}

package/dist/src/rwa/components/table-base.d.ts

@@ -0,0 +1,17 @@
+import type { TableBaseProps } from "../types.js";
+/**
+ * Base table component
+ *
+ * @type TItem - Table item type, any record with an "id" field and any string keys
+ * @type TableColumn - Specifies how to render a column. Must have a `key` which is a key of TItem, and a `label` which is the column header
+ * @param tableData - Array of data to display, data must satisfy TItem
+ * @param columns - Array of columns to display, column must satisfy TableColumn. The columns will be displayed in the order they are provided. Use the `useColumnPriority` hook to handle dropping columns for smaller screens.
+ * @param children - Content to render above the table rows
+ * @param footer - Content to render below the table rows
+ * @param renderRow - Function to render a row, must return a React element
+ * @param onClickSort - Function to handle sorting, called with key and direction
+ * @param hasExpandedRow - Whether the table has an expanded row
+ * @param specialFirstRow - Function to render a special first row (like the cash asset for instance), must return a React element
+ */
+export declare function TableBase(props: TableBaseProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table-base.d.ts.map

package/dist/src/rwa/components/table-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-base.d.ts","sourceRoot":"","sources":["../../../../src/rwa/components/table-base.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,aAAa,CAAC;AAEjE;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CA4F9C"}

package/dist/src/rwa/components/table-base.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import { useState } from "react";
+import { twJoin, twMerge } from "tailwind-merge";
+/**
+ * Base table component
+ *
+ * @type TItem - Table item type, any record with an "id" field and any string keys
+ * @type TableColumn - Specifies how to render a column. Must have a `key` which is a key of TItem, and a `label` which is the column header
+ * @param tableData - Array of data to display, data must satisfy TItem
+ * @param columns - Array of columns to display, column must satisfy TableColumn. The columns will be displayed in the order they are provided. Use the `useColumnPriority` hook to handle dropping columns for smaller screens.
+ * @param children - Content to render above the table rows
+ * @param footer - Content to render below the table rows
+ * @param renderRow - Function to render a row, must return a React element
+ * @param onClickSort - Function to handle sorting, called with key and direction
+ * @param hasExpandedRow - Whether the table has an expanded row
+ * @param specialFirstRow - Function to render a special first row (like the cash asset for instance), must return a React element
+ */
+export function TableBase(props) {
+    const { children, ref, tableData, columns, footer, renderRow, onClickSort, specialFirstRow, specialLastRow, maxHeight, headerRef, hasSelectedItem, } = props;
+    const [sortDirection, setSortDirection] = useState(null);
+    const [sortKey, setSortKey] = useState(null);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: twJoin("relative rounded-lg border border-gray-300 bg-white", hasSelectedItem ? "overflow-hidden" : "overflow-scroll"), ref: ref, style: { maxHeight }, children: _jsxs("table", { className: "w-full", children: [_jsx("thead", { className: "sticky top-0 isolate select-none text-nowrap border-b border-gray-300 bg-gray-100", ref: headerRef, children: _jsx("tr", { children: columns.map((column) => (_jsx("th", { className: twMerge("group border-l border-gray-300 py-3 pl-3 text-start text-xs font-medium text-gray-600 first:border-l-0", column.allowSorting && "cursor-pointer hover:text-gray-900"), onClick: () => {
+                                        if (!column.allowSorting)
+                                            return;
+                                        let sortDir = "asc";
+                                        if (sortKey === column.key && sortDirection === "asc") {
+                                            sortDir = "desc";
+                                        }
+                                        setSortDirection(sortDir);
+                                        setSortKey(column.key);
+                                        onClickSort(column.key, sortDir);
+                                    }, children: _jsxs("div", { className: twMerge("group flex items-center", column.isNumberColumn && "justify-end"), children: [column.label, column.allowSorting ? (_jsx(Icon, { className: twMerge("invisible ml-1 rotate-90", sortKey === column.key && "group-hover:visible", sortDirection === "asc" && "rotate-[270deg]"), name: "ArrowFilledRight", size: 6 })) : null] }) }, column.key))) }) }), _jsxs("tbody", { children: [children, specialFirstRow?.(columns), tableData?.map((item, index) => renderRow(item, columns, index)), specialLastRow?.(columns)] })] }) }), footer] }));
+}
+//# sourceMappingURL=table-base.js.map

package/dist/src/rwa/components/table-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-base.js","sourceRoot":"","sources":["../../../../src/rwa/components/table-base.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGjD;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,EACJ,QAAQ,EACR,GAAG,EACH,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,WAAW,EACX,eAAe,EACf,cAAc,EACd,SAAS,EACT,SAAS,EACT,eAAe,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,IAAI,CACL,CAAC;IACF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5D,OAAO,CACL,8BACE,cACE,SAAS,EAAE,MAAM,CACf,qDAAqD,EACrD,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CACxD,EACD,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,SAAS,EAAE,YAEpB,iBAAO,SAAS,EAAC,QAAQ,aACvB,gBACE,SAAS,EAAC,mFAAmF,EAC7F,GAAG,EAAE,SAAS,YAEd,uBACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,aACE,SAAS,EAAE,OAAO,CAChB,wGAAwG,EACxG,MAAM,CAAC,YAAY,IAAI,oCAAoC,CAC5D,EAED,OAAO,EAAE,GAAG,EAAE;wCACZ,IAAI,CAAC,MAAM,CAAC,YAAY;4CAAE,OAAO;wCACjC,IAAI,OAAO,GAAU,KAAK,CAAC;wCAE3B,IAAI,OAAO,KAAK,MAAM,CAAC,GAAG,IAAI,aAAa,KAAK,KAAK,EAAE,CAAC;4CACtD,OAAO,GAAG,MAAM,CAAC;wCACnB,CAAC;wCAED,gBAAgB,CAAC,OAAO,CAAC,CAAC;wCAC1B,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;wCAEvB,WAAW,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;oCACnC,CAAC,YAED,eACE,SAAS,EAAE,OAAO,CAChB,yBAAyB,EACzB,MAAM,CAAC,cAAc,IAAI,aAAa,CACvC,aAEA,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CACrB,KAAC,IAAI,IACH,SAAS,EAAE,OAAO,CAChB,0BAA0B,EAC1B,OAAO,KAAK,MAAM,CAAC,GAAG,IAAI,qBAAqB,EAC/C,aAAa,KAAK,KAAK,IAAI,iBAAiB,CAC7C,EACD,IAAI,EAAC,kBAAkB,EACvB,IAAI,EAAE,CAAC,GACP,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,IAjCD,MAAM,CAAC,GAAG,CAkCZ,CACN,CAAC,GACC,GACC,EACR,4BACG,QAAQ,EACR,eAAe,EAAE,CAAC,OAAO,CAAC,EAC1B,SAAS,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,EAChE,cAAc,EAAE,CAAC,OAAO,CAAC,IACpB,IACF,GACJ,EACL,MAAM,IACN,CACJ,CAAC;AACJ,CAAC"}

package/dist/src/rwa/components/table-cell.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentPropsWithoutRef } from "react";
+import type { TableItemType, TableName } from "../types.js";
+export declare const RWATableCell: React.FC<ComponentPropsWithoutRef<"td">>;
+export declare function ItemNumberCell(props: {
+    readonly itemNumber: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MoreDetailsCell(props: {
+    readonly isSelected: boolean;
+    readonly tableName: TableName;
+    readonly tableItem: TableItemType<TableName>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table-cell.d.ts.map

package/dist/src/rwa/components/table-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell.d.ts","sourceRoot":"","sources":["../../../../src/rwa/components/table-cell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE5D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAUjE,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAAE,2CAEpE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACrC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CAC9C,2CA0BA"}

package/dist/src/rwa/components/table-cell.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import { useCallback } from "react";
+import { twMerge } from "tailwind-merge";
+import { useEditorContext } from "../context/editor-context.js";
+export const RWATableCell = (props) => (_jsx("td", { ...props, className: twMerge("truncate border-l border-gray-300 px-3 py-2 text-xs font-medium text-gray-900 first:border-l-0", props.className) }));
+export function ItemNumberCell(props) {
+    return _jsx(RWATableCell, { className: "w-4", children: props.itemNumber });
+}
+export function MoreDetailsCell(props) {
+    const { isSelected, tableName, tableItem } = props;
+    const { viewItem, clearSelected } = useEditorContext();
+    const onClick = useCallback(() => {
+        if (isSelected) {
+            clearSelected();
+            return;
+        }
+        viewItem(tableItem, tableName);
+    }, [clearSelected, isSelected, tableItem, tableName, viewItem]);
+    return (_jsx(RWATableCell, { className: "w-4", children: _jsx("button", { className: "flex size-full items-center justify-center", onClick: onClick, children: _jsx(Icon, { className: twMerge("text-gray-600", isSelected && "rotate-180"), name: "CaretDown", size: 16 }) }) }));
+}
+//# sourceMappingURL=table-cell.js.map

package/dist/src/rwa/components/table-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell.js","sourceRoot":"","sources":["../../../../src/rwa/components/table-cell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,MAAM,YAAY,GAA6C,CACpE,KAAK,EACL,EAAE,CAAC,CACH,gBACM,KAAK,EACT,SAAS,EAAE,OAAO,CAChB,gGAAgG,EAChG,KAAK,CAAC,SAAS,CAChB,GACD,CACH,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,KAAsC;IACnE,OAAO,KAAC,YAAY,IAAC,SAAS,EAAC,KAAK,YAAE,KAAK,CAAC,UAAU,GAAgB,CAAC;AACzE,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAI/B;IACC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACnD,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEvD,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,IAAI,UAAU,EAAE,CAAC;YACf,aAAa,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QACD,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhE,OAAO,CACL,KAAC,YAAY,IAAC,SAAS,EAAC,KAAK,YAC3B,iBACE,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAE,OAAO,YAEhB,KAAC,IAAI,IACH,SAAS,EAAE,OAAO,CAAC,eAAe,EAAE,UAAU,IAAI,YAAY,CAAC,EAC/D,IAAI,EAAC,WAAW,EAChB,IAAI,EAAE,EAAE,GACR,GACK,GACI,CAChB,CAAC;AACJ,CAAC"}

package/dist/src/rwa/components/table-row.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentPropsWithRef } from "react";
+export type RWATableRowProps = ComponentPropsWithRef<"tr">;
+export declare const RWATableRow: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & import("react").RefAttributes<HTMLTableRowElement>>;
+//# sourceMappingURL=table-row.d.ts.map

package/dist/src/rwa/components/table-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../../src/rwa/components/table-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAInD,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;AAE3D,eAAO,MAAM,WAAW,0NAetB,CAAC"}

package/dist/src/rwa/components/table-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row.js","sourceRoot":"","sources":["../../../../src/rwa/components/table-row.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAIzC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC,SAAS,WAAW,CACxD,KAAuB,EACvB,GAAmC;IAEnC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpD,OAAO,CACL,gBACM,SAAS,EACb,SAAS,EAAE,OAAO,CAAC,8BAA8B,EAAE,SAAS,CAAC,EAC7D,GAAG,EAAE,GAAG,YAEP,QAAQ,GACN,CACN,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/src/rwa/components/table-with-form.d.ts

@@ -0,0 +1,9 @@
+import type { TableColumn, TableName } from "../types.js";
+type Props = {
+    readonly tableName: TableName;
+    readonly specialFirstRow?: (columns: TableColumn[]) => React.JSX.Element;
+    readonly specialLastRow?: (columns: TableColumn[]) => React.JSX.Element;
+};
+export declare function TableWithForm(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=table-with-form.d.ts.map

package/dist/src/rwa/components/table-with-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-with-form.d.ts","sourceRoot":"","sources":["../../../../src/rwa/components/table-with-form.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI1D,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACzE,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CACzE,CAAC;AACF,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,2CAoDzC"}

package/dist/src/rwa/components/table-with-form.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pagination, usePagination } from "@powerhousedao/design-system";
+import { useEditorContext } from "../context/editor-context.js";
+import { useTableData } from "../hooks/useTableData.js";
+import { ItemDetails } from "./item-details.js";
+import { Table } from "./table.js";
+export function TableWithForm(props) {
+    const { tableName, specialFirstRow, specialLastRow } = props;
+    const { getIsFormOpen } = useEditorContext();
+    const showForm = getIsFormOpen(tableName);
+    const { tableData, sortHandler } = useTableData(tableName);
+    const shouldPaginate = tableData.length > 20;
+    const { pageItems, pages, goToPage, goToNextPage, goToPreviousPage, goToFirstPage, goToLastPage, hiddenNextPages, isNextPageAvailable, isPreviousPageAvailable, } = usePagination(tableData);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "mb-2 flex w-full justify-end", children: shouldPaginate ? (_jsx(Pagination, { goToFirstPage: goToFirstPage, goToLastPage: goToLastPage, goToNextPage: goToNextPage, goToPage: goToPage, goToPreviousPage: goToPreviousPage, hiddenNextPages: hiddenNextPages, isNextPageAvailable: isNextPageAvailable, isPreviousPageAvailable: isPreviousPageAvailable, nextPageLabel: "Next", pages: pages, previousPageLabel: "Previous" })) : null }), _jsx(Table, { sortHandler: sortHandler, specialFirstRow: specialFirstRow, specialLastRow: specialLastRow, tableData: pageItems, tableName: tableName }), showForm ? (_jsx("div", { className: "mt-4 rounded-md bg-white", children: _jsx(ItemDetails, { tableName: tableName }) })) : null] }));
+}
+//# sourceMappingURL=table-with-form.js.map

package/dist/src/rwa/components/table-with-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-with-form.js","sourceRoot":"","sources":["../../../../src/rwa/components/table-with-form.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAOnC,MAAM,UAAU,aAAa,CAAC,KAAY;IACxC,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAC7D,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC7C,MAAM,QAAQ,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC3D,MAAM,cAAc,GAAG,SAAS,CAAC,MAAM,GAAG,EAAE,CAAC;IAE7C,MAAM,EACJ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,uBAAuB,GACxB,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,8BAA8B,YAC1C,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,UAAU,IACT,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,mBAAmB,EAAE,mBAAmB,EACxC,uBAAuB,EAAE,uBAAuB,EAChD,aAAa,EAAC,MAAM,EACpB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAC,UAAU,GAC5B,CACH,CAAC,CAAC,CAAC,IAAI,GACJ,EACN,KAAC,KAAK,IACJ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,GACpB,EACD,QAAQ,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,WAAW,IAAC,SAAS,EAAE,SAAS,GAAI,GACjC,CACP,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;AACJ,CAAC"}

package/dist/src/rwa/components/table.d.ts

@@ -0,0 +1,3 @@
+import type { TableProps } from "../types.js";
+export declare function Table(props: TableProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table.d.ts.map

package/dist/src/rwa/components/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/rwa/components/table.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAKV,UAAU,EACX,MAAM,aAAa,CAAC;AAMrB,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,2CAoHtC"}

package/dist/src/rwa/components/table.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import { useCallback, useRef } from "react";
+import { Fragment } from "react/jsx-runtime";
+import { columnsByTableName } from "../constants/columns.js";
+import { tableLabels } from "../constants/names.js";
+import { defaultColumnCountByTableWidth } from "../constants/table.js";
+import { useEditorContext } from "../context/editor-context.js";
+import { useColumnPriority } from "../hooks/useColumnPriority.js";
+import { useTableHeight } from "../hooks/useTableHeight.js";
+import { handleTableDatum } from "../utils/table.js";
+import { TableBase } from "./table-base.js";
+import { ItemNumberCell, MoreDetailsCell, RWATableCell } from "./table-cell.js";
+import { RWATableRow } from "./table-row.js";
+export function Table(props) {
+    const { tableName, tableData, columnCountByTableWidth = defaultColumnCountByTableWidth, sortHandler, specialFirstRow, specialLastRow, } = props;
+    const columns = columnsByTableName[tableName];
+    const { operation, selectedTableItem, isAllowedToCreateDocuments, createItem, } = useEditorContext();
+    const tableContainerRef = useRef(null);
+    const rowRefs = useRef([]);
+    const headerRef = useRef(null);
+    const columnsToShow = useColumnPriority({
+        columns,
+        columnCountByTableWidth,
+        tableContainerRef,
+    });
+    const maxHeight = useTableHeight({
+        tableContainerRef,
+        rowRefs,
+        headerRef,
+        selectedItemNumber: selectedTableItem?.itemNumber,
+        hasSpecialLastRow: !!specialLastRow,
+    });
+    const tableLabel = tableLabels[tableName];
+    const onCreateItemClick = useCallback(() => {
+        createItem(tableName);
+    }, [createItem, tableName]);
+    const renderRow = useCallback((tableItem, columns, index) => {
+        const isSelected = selectedTableItem?.id === tableItem.id;
+        return (_jsx(RWATableRow, { 
+            /* @ts-expect-error - Ref is not typed */
+            ref: (el) => (rowRefs.current[index] = el), children: columns.map((column) => (_jsxs(Fragment, { children: [column.key === "itemNumber" && (_jsx(ItemNumberCell, { itemNumber: tableItem.itemNumber })), column.key !== "itemNumber" && column.key !== "moreDetails" && (_jsx(RWATableCell, { className: column.isNumberColumn ? "text-right" : "", children: handleTableDatum(tableItem[column.key], column.decimalScale, column.displayTime) }, column.key)), column.key === "moreDetails" && (_jsx(MoreDetailsCell, { isSelected: isSelected, tableItem: tableItem, tableName: tableName }))] }, column.key))) }, tableItem.id));
+    }, [selectedTableItem?.id, tableName]);
+    return (_jsxs(_Fragment, { children: [_jsx(TableBase, { columns: columnsToShow, hasSelectedItem: !!selectedTableItem, headerRef: headerRef, maxHeight: maxHeight, onClickSort: sortHandler, ref: tableContainerRef, renderRow: renderRow, specialFirstRow: specialFirstRow, specialLastRow: specialLastRow, tableData: tableData }), isAllowedToCreateDocuments && !operation ? (_jsxs("button", { className: "mt-4 flex h-11 w-full items-center justify-center gap-x-2 rounded-lg border border-gray-300 bg-white text-sm font-semibold text-gray-900", onClick: onCreateItemClick, children: [_jsxs("span", { children: ["Create ", tableLabel] }), _jsx(Icon, { name: "Plus", size: 14 })] })) : null] }));
+}
+//# sourceMappingURL=table.js.map

package/dist/src/rwa/components/table.js.map

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

package/dist/src/rwa/components/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/rwa/components/tabs.tsx"],"names":[],"mappings":"AAOA,wBAAgB,OAAO,4CAiDtB"}

package/dist/src/rwa/components/tabs.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Content, List, Root, Trigger } from "@radix-ui/react-tabs";
+import { useCallback } from "react";
+import { EditorActionButtons } from "@powerhousedao/design-system/connect";
+import { useEditorContext } from "../context/editor-context.js";
+import { OtherTab } from "./other-tab.js";
+import { PortfolioTab } from "./portfolio-tab.js";
+import { TransactionsTab } from "./transactions-tab.js";
+export function RWATabs() {
+    const tabs = ["Portfolio", "Transactions", "Other"];
+    const { onSwitchboardLinkClick, onExport, onClose, onShowRevisionHistory, clearSelected, } = useEditorContext();
+    const handleTabChange = useCallback(() => {
+        clearSelected();
+    }, [clearSelected]);
+    return (_jsxs(Root, { defaultValue: "Portfolio", onValueChange: handleTabChange, children: [_jsxs("div", { className: "flex justify-between", children: [_jsx(List, { className: "flex gap-x-2 rounded-xl bg-slate-50 p-1 text-sm font-semibold text-gray-600 outline-none", children: tabs.map((tab) => (_jsx(Trigger, { className: "data-[state='active']:tab-shadow data-disabled:cursor-not-allowed data-disabled:text-gray-400 h-7 w-32 rounded-lg transition duration-300 data-[state='active']:bg-gray-50 data-[state='active']:text-gray-900", value: tab, children: tab }, tab))) }), _jsx(EditorActionButtons, { onClose: onClose, onExport: onExport, onShowRevisionHistory: onShowRevisionHistory, onSwitchboardLinkClick: onSwitchboardLinkClick })] }), _jsxs("div", { className: "mt-3 rounded-md bg-slate-50 p-8", children: [_jsx(Content, { value: "Portfolio", children: _jsx(PortfolioTab, {}) }), _jsx(Content, { value: "Transactions", children: _jsx(TransactionsTab, {}) }), _jsx(Content, { value: "Other", children: _jsx(OtherTab, {}) })] })] }));
+}
+//# sourceMappingURL=tabs.js.map

package/dist/src/rwa/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/rwa/components/tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,MAAM,UAAU,OAAO;IACrB,MAAM,IAAI,GAAG,CAAC,WAAW,EAAE,cAAc,EAAE,OAAO,CAAU,CAAC;IAC7D,MAAM,EACJ,sBAAsB,EACtB,QAAQ,EACR,OAAO,EACP,qBAAqB,EACrB,aAAa,GACd,GAAG,gBAAgB,EAAE,CAAC;IAEvB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,MAAC,IAAI,IAAC,YAAY,EAAC,WAAW,EAAC,aAAa,EAAE,eAAe,aAC3D,eAAK,SAAS,EAAC,sBAAsB,aAEnC,KAAC,IAAI,IAAC,SAAS,EAAC,0FAA0F,YACvG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,KAAC,OAAO,IACN,SAAS,EAAC,gNAAgN,EAE1N,KAAK,EAAE,GAAG,YAET,GAAG,IAHC,GAAG,CAIA,CACX,CAAC,GACG,EACP,KAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,GAC9C,IACE,EACN,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,OAAO,IAAC,KAAK,EAAC,WAAW,YACxB,KAAC,YAAY,KAAG,GACR,EACV,KAAC,OAAO,IAAC,KAAK,EAAC,cAAc,YAC3B,KAAC,eAAe,KAAG,GACX,EACV,KAAC,OAAO,IAAC,KAAK,EAAC,OAAO,YACpB,KAAC,QAAQ,KAAG,GACJ,IACN,IACD,CACR,CAAC;AACJ,CAAC"}

package/dist/src/rwa/components/text-input.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentPropsWithRef } from "react";
+type Props = Omit<ComponentPropsWithRef<"input">, "type"> & {
+    readonly defaultValue?: string | number | null | undefined;
+    readonly errorMessage?: string;
+    readonly labelClassName?: string;
+    readonly inputClassName?: string;
+    readonly errorMessageClassName?: string;
+};
+export declare const RWATableTextInput: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=text-input.d.ts.map

package/dist/src/rwa/components/text-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../../src/rwa/components/text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAgB,MAAM,OAAO,CAAC;AAIjE,KAAK,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,GAAG;IAC1D,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3D,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,MAAM,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,iBAAiB,iHAmC5B,CAAC"}

package/dist/src/rwa/components/text-input.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { twMerge } from "tailwind-merge";
+export const RWATableTextInput = forwardRef(function RWATableTextInput(props, ref) {
+    const invalid = props["aria-invalid"] === "true";
+    const { errorMessage, labelClassName, inputClassName, errorMessageClassName, ...inputProps } = props;
+    return (_jsxs("label", { className: labelClassName, children: [_jsx("input", { ...inputProps, className: twMerge("h-8 w-full rounded-md border border-transparent bg-gray-100 p-3 text-right placeholder:text-gray-500 disabled:bg-transparent disabled:p-0 disabled:text-left", invalid && "border-red-900 outline-red-900 placeholder:text-red-800", inputClassName), ref: ref, type: "text" }), invalid && !!errorMessage ? (_jsx("p", { className: twMerge("text-sm text-red-900", errorMessageClassName), role: "alert", children: errorMessage })) : null] }));
+});
+//# sourceMappingURL=text-input.js.map

package/dist/src/rwa/components/text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../../src/rwa/components/text-input.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAUzC,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAAC,SAAS,iBAAiB,CACpE,KAAY,EACZ,GAAmC;IAEnC,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,MAAM,CAAC;IACjD,MAAM,EACJ,YAAY,EACZ,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,iBAAO,SAAS,EAAE,cAAc,aAC9B,mBACM,UAAU,EACd,SAAS,EAAE,OAAO,CAChB,8JAA8J,EAC9J,OAAO,IAAI,yDAAyD,EACpE,cAAc,CACf,EACD,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,MAAM,GACX,EACD,OAAO,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAC3B,YACE,SAAS,EAAE,OAAO,CAAC,sBAAsB,EAAE,qBAAqB,CAAC,EACjE,IAAI,EAAC,OAAO,YAEX,YAAY,GACX,CACL,CAAC,CAAC,CAAC,IAAI,IACF,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/src/rwa/components/transaction-reference.d.ts

@@ -0,0 +1,12 @@
+import type { Control } from "react-hook-form";
+import type { GroupTransactionFormInputs } from "../types.js";
+export declare const TransactionReference: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type"> & {
+    readonly defaultValue?: string | number | null | undefined;
+    readonly errorMessage?: string;
+    readonly labelClassName?: string;
+    readonly inputClassName?: string;
+    readonly errorMessageClassName?: string;
+}, "ref"> & import("react").RefAttributes<HTMLInputElement> & {
+    readonly control: Control<GroupTransactionFormInputs>;
+}, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=transaction-reference.d.ts.map

package/dist/src/rwa/components/transaction-reference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transaction-reference.d.ts","sourceRoot":"","sources":["../../../../src/rwa/components/transaction-reference.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAM/C,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAI9D,eAAO,MAAM,oBAAoB;;;;;;;sBAEX,OAAO,CAAC,0BAA0B,CAAC;4DAwCvD,CAAC"}

package/dist/src/rwa/components/transaction-reference.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useWatch } from "react-hook-form";
+import { ConnectTooltip, ConnectTooltipProvider, } from "@powerhousedao/design-system/connect";
+import { RWATableTextInput } from "./text-input.js";
+import { getIsTransaction } from "../../services/viem.js";
+export const TransactionReference = forwardRef(function TransactionReference(props, ref) {
+    const { control, disabled } = props;
+    const value = useWatch({ control, name: "txRef" });
+    const maxLength = 46;
+    const shouldShortenValue = typeof value === "string" && value.length >= maxLength;
+    const maybeShortenedValue = shouldShortenValue
+        ? `${value.slice(0, maxLength)}...`
+        : value;
+    const isTransaction = getIsTransaction(value);
+    const tooltipContent = (_jsxs("div", { children: [_jsx("p", { children: value }), isTransaction ? (_jsx("p", { className: "mt-2 text-center", children: _jsx("a", { className: "text-blue-900 underline", href: `https://etherscan.io/tx/${value}`, children: "View on Etherscan" }) })) : null] }));
+    if (disabled)
+        return (_jsx(ConnectTooltipProvider, { children: _jsx(ConnectTooltip, { content: tooltipContent, children: _jsx("span", { children: maybeShortenedValue }) }) }));
+    return _jsx(RWATableTextInput, { ...props, ref: ref });
+});
+//# sourceMappingURL=transaction-reference.js.map

package/dist/src/rwa/components/transaction-reference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transaction-reference.js","sourceRoot":"","sources":["../../../../src/rwa/components/transaction-reference.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EACL,cAAc,EACd,sBAAsB,GACvB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,CAAC,MAAM,oBAAoB,GAAG,UAAU,CAAC,SAAS,oBAAoB,CAC1E,KAEC,EACD,GAAmC;IAEnC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,EAAE,CAAC;IACrB,MAAM,kBAAkB,GACtB,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC;IACzD,MAAM,mBAAmB,GAAG,kBAAkB;QAC5C,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,KAAK;QACnC,CAAC,CAAC,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,cAAc,GAAG,CACrB,0BACE,sBAAI,KAAK,GAAK,EACb,aAAa,CAAC,CAAC,CAAC,CACf,YAAG,SAAS,EAAC,kBAAkB,YAC7B,YACE,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAE,2BAA2B,KAAK,EAAE,kCAGtC,GACF,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;IAEF,IAAI,QAAQ;QACV,OAAO,CACL,KAAC,sBAAsB,cACrB,KAAC,cAAc,IAAC,OAAO,EAAE,cAAc,YACrC,yBAAO,mBAAmB,GAAQ,GACnB,GACM,CAC1B,CAAC;IAEJ,OAAO,KAAC,iBAAiB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACpD,CAAC,CAAC,CAAC"}

package/dist/src/rwa/components/transactions-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transactions-tab.d.ts","sourceRoot":"","sources":["../../../../src/rwa/components/transactions-tab.tsx"],"names":[],"mappings":"AAGA,wBAAgB,eAAe,4CAS9B"}

package/dist/src/rwa/components/transactions-tab.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GroupTransactionsTable } from "./group-transactions-table.js";
+import { RwaTabContent } from "./rwa-tab-content.js";
+export function TransactionsTab() {
+    return (_jsx(RwaTabContent, { description: "Details on the distribution of assets among different financial institutions or investment vehicles.", label: "Transactions", children: _jsx(GroupTransactionsTable, {}) }));
+}
+//# sourceMappingURL=transactions-tab.js.map

package/dist/src/rwa/components/transactions-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transactions-tab.js","sourceRoot":"","sources":["../../../../src/rwa/components/transactions-tab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,UAAU,eAAe;IAC7B,OAAO,CACL,KAAC,aAAa,IACZ,WAAW,EAAC,sGAAsG,EAClH,KAAK,EAAC,cAAc,YAEpB,KAAC,sBAAsB,KAAG,GACZ,CACjB,CAAC;AACJ,CAAC"}

package/dist/src/rwa/components/types.d.ts

@@ -0,0 +1,15 @@
+import type { modals } from "./modal-components.js";
+export type Modals = typeof modals;
+export type ModalType = keyof Modals;
+export type ModalPropsMapping = {
+    [K in ModalType]: React.ComponentProps<Modals[K]>;
+};
+export type MapModalProps<T> = {
+    [K in keyof T]: Omit<T[K], "open" | "onOpenChange">;
+};
+export type ModalProps = MapModalProps<ModalPropsMapping>;
+export type ModalContextValue = {
+    showModal: <T extends ModalType>(modalType: T, props?: ModalProps[T]) => void;
+    closeModal: () => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/src/rwa/components/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/rwa/components/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC;AAEnC,MAAM,MAAM,SAAS,GAAG,MAAM,MAAM,CAAC;AAErC,MAAM,MAAM,iBAAiB,GAAG;KAC7B,CAAC,IAAI,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;KAC5B,CAAC,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAE1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,CAAC,CAAC,SAAS,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC9E,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC"}

package/dist/src/rwa/components/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/rwa/components/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/rwa/components/types.ts"],"names":[],"mappings":""}

package/dist/src/rwa/components/unit-price.d.ts

@@ -0,0 +1,7 @@
+import type { Control } from "react-hook-form";
+import type { GroupTransactionFormInputs } from "../types.js";
+export declare function UnitPrice(props: {
+    readonly control: Control<GroupTransactionFormInputs>;
+    readonly isViewOnly: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=unit-price.d.ts.map

package/dist/src/rwa/components/unit-price.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unit-price.d.ts","sourceRoot":"","sources":["../../../../src/rwa/components/unit-price.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAG/C,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAI9D,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAC/B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAC;IACtD,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;CAC9B,2CAgBA"}

package/dist/src/rwa/components/unit-price.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useWatch } from "react-hook-form";
+import { twMerge } from "tailwind-merge";
+import { calculateUnitPrice } from "../utils/table.js";
+import { FormattedNumber } from "./formatted-number.js";
+export function UnitPrice(props) {
+    const { control } = props;
+    const cashAmount = useWatch({ control, name: "cashAmount" });
+    const fixedIncomeAmount = useWatch({ control, name: "fixedIncomeAmount" });
+    const unitPrice = calculateUnitPrice(cashAmount, fixedIncomeAmount);
+    return (_jsxs("div", { className: twMerge("mt-1 w-fit", !props.isViewOnly && "ml-auto"), children: [_jsx("span", { className: "text-gray-600", children: "Unit Price" }), " ", _jsx("span", { className: "text-gray-900", children: _jsx(FormattedNumber, { decimalScale: 6, value: unitPrice }) })] }));
+}
+//# sourceMappingURL=unit-price.js.map

package/dist/src/rwa/components/unit-price.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unit-price.js","sourceRoot":"","sources":["../../../../src/rwa/components/unit-price.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,UAAU,SAAS,CAAC,KAGzB;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,MAAM,UAAU,GAAG,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;IAC7D,MAAM,iBAAiB,GAAG,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,kBAAkB,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC;IAEpE,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,UAAU,IAAI,SAAS,CAAC,aACnE,eAAM,SAAS,EAAC,eAAe,2BAAkB,EAAC,GAAG,EACrD,eAAM,SAAS,EAAC,eAAe,YAC7B,KAAC,eAAe,IAAC,YAAY,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,GAAI,GACjD,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/src/rwa/components/use-modal.d.ts

@@ -0,0 +1,2 @@
+export declare const useModal: () => import("./types.js").ModalContextValue;
+//# sourceMappingURL=use-modal.d.ts.map

package/dist/src/rwa/components/use-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-modal.d.ts","sourceRoot":"","sources":["../../../../src/rwa/components/use-modal.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,8CAGpB,CAAC"}

package/dist/src/rwa/components/use-modal.js

@@ -0,0 +1,7 @@
+import { useContext } from "react";
+import { ModalContext } from "./modal-context.js";
+export const useModal = () => {
+    const context = useContext(ModalContext);
+    return context;
+};
+//# sourceMappingURL=use-modal.js.map

package/dist/src/rwa/components/use-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-modal.js","sourceRoot":"","sources":["../../../../src/rwa/components/use-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/dist/src/rwa/constants/columns.d.ts

@@ -1,4 +1,4 @@
-import { type TableColumn, type TableName } from "#rwa";
+import type { TableColumn, TableName } from "../types.js";
 export type ColumnsByTableName = {
     [K in TableName]: TableColumn[];
 };