@powerhousedao/design-system 1.9.2 → 1.11.0

package/dist/index.js

@@ -6,16 +6,16 @@ import { Combobox as x } from "./connect/components/combobox/combobox.js";
 import { CookieBanner as d } from "./connect/components/cookie-banner/cookie-banner.js";
 import { DefaultEditorLoader as u } from "./connect/components/default-editor-loader/default-editor-loader.js";
 import { Disclosure as D } from "./connect/components/disclosure/disclosure.js";
-import { Divider as A } from "./connect/components/divider/divider.js";
-import { DriveView as b } from "./connect/components/drive-view/drive-view.js";
+import { Divider as S } from "./connect/components/divider/divider.js";
+import { DriveView as A } from "./connect/components/drive-view/drive-view.js";
 import { ConnectDropdownMenu as R } from "./connect/components/dropdown-menu/dropdown-menu.js";
 import { EditorActionButtons as g } from "./connect/components/editor-action-buttons/editor-action-buttons.js";
 import { EditorUndoRedoButtons as F } from "./connect/components/editor-undo-redo-buttons/editor-undo-redo-buttons.js";
 import { ENSAvatar as L } from "./connect/components/ens-avatar/ens-avatar.js";
 import { FileItem as O } from "./connect/components/file-item/file-item.js";
 import { FolderItem as v } from "./connect/components/folder-item/folder-item.js";
-import { Footer as B } from "./connect/components/footer/footer.js";
-import { FooterLink as h } from "./connect/components/footer/footer-link.js";
+import { Footer as W } from "./connect/components/footer/footer.js";
+import { FooterLink as U } from "./connect/components/footer/footer-link.js";
 import { AddLocalDriveForm as w } from "./connect/components/form/add-local-drive-form.js";
 import { AddRemoteDriveForm as k } from "./connect/components/form/add-remote-drive-form.js";
 import { DriveSettingsForm as V } from "./connect/components/form/drive-settings-form.js";
@@ -33,16 +33,16 @@ import { AddRemoteDriveModal as xe } from "./connect/components/modal/add-remote
 import { ConnectConfirmationModal as de } from "./connect/components/modal/confirmation-modal.js";
 import { CreateDocumentModal as ue } from "./connect/components/modal/create-document-modal.js";
 import { ConnectDeleteDriveModal as De } from "./connect/components/modal/delete-drive-modal.js";
-import { ConnectDeleteItemModal as Ae } from "./connect/components/modal/delete-item-modal.js";
-import { DriveSettingsModal as be } from "./connect/components/modal/drive-settings-modal.js";
+import { ConnectDeleteItemModal as Se } from "./connect/components/modal/delete-item-modal.js";
+import { DriveSettingsModal as Ae } from "./connect/components/modal/drive-settings-modal.js";
 import { ReadRequiredModal as Re } from "./connect/components/modal/read-required-modal.js";
 import { ClearStorageSettingsRow as ge } from "./connect/components/modal/settings-modal/clear-storage-row.js";
 import { DependencyVersions as Fe, verifyPackageJsonFields as Me } from "./connect/components/modal/settings-modal/dependency-versions/dependency-versions.js";
 import { DocumentSelectSettingsRow as ye } from "./connect/components/modal/settings-modal/document-select-row.js";
 import { SettingsRow as Pe } from "./connect/components/modal/settings-modal/row.js";
-import { SettingsModal as We } from "./connect/components/modal/settings-modal/settings-modal.js";
-import { ConnectUpgradeDriveModal as _e } from "./connect/components/modal/upgrade-drive-modal.js";
-import { NodeInput as Ue } from "./connect/components/node-input/node-input.js";
+import { SettingsModal as Be } from "./connect/components/modal/settings-modal/settings-modal.js";
+import { ConnectUpgradeDriveModal as he } from "./connect/components/modal/upgrade-drive-modal.js";
+import { NodeInput as _e } from "./connect/components/node-input/node-input.js";
 import { RevisionHistory as Ge } from "./connect/components/revision-history/revision-history.js";
 import { ConnectSearchBar as He } from "./connect/components/search-bar/search-bar.js";
 import { Select as Ye } from "./connect/components/select/select.js";
@@ -56,22 +56,22 @@ import { Toggle as no } from "./connect/components/toggle/toggle.js";
 import { Tooltip as io, TooltipProvider as so } from "./connect/components/tooltip/tooltip.js";
 import { ConnectTreeView as xo } from "./connect/components/tree-view/tree-view.js";
 import { DocumentToolbar as To } from "./connect/components/document-toolbar/document-toolbar.js";
-import { BUDGET as co, DEFAULT as Do, MAKERDAO_RWA_PORTFOLIO as Io, documentTypes as Ao } from "./connect/constants/documents.js";
-import { CLOUD as bo, LOCAL as Co, PUBLIC as Ro, SWITCHBOARD as Eo, driveLocations as go, sharingTypes as No } from "./connect/constants/drives.js";
+import { BUDGET as co, DEFAULT as Do, MAKERDAO_RWA_PORTFOLIO as Io, documentTypes as So } from "./connect/constants/documents.js";
+import { CLOUD as Ao, LOCAL as Co, PUBLIC as Ro, SWITCHBOARD as Eo, driveLocations as go, sharingTypes as No } from "./connect/constants/drives.js";
 import { iconMap as Mo } from "./connect/constants/icons.js";
-import { CREATE as yo, DRIVE as Oo, FILE as Po, FOLDER as vo, READ as Wo, UI_NODE as Bo, WRITE as _o } from "./connect/constants/nodes.js";
-import { ADD_INVALID_TRIGGER as Uo, ADD_TRIGGER as wo, DELETE as Go, DUPLICATE as ko, NEW as Ho, NEW_FOLDER as Vo, REMOVE_TRIGGER as Yo, RENAME as Ko, SETTINGS as qo, debugNodeOptions as Jo, debugNodeOptionsMap as Qo, defaultDriveOptions as Zo, defaultFileOptions as jo, defaultFolderOptions as zo, locationInfoByLocation as Xo, nodeOptions as $o, nodeOptionsMap as er, normalNodeOptions as or, normalNodeOptionsMap as rr, sharingTypeOptions as tr } from "./connect/constants/options.js";
+import { CREATE as yo, DRIVE as Oo, FILE as Po, FOLDER as vo, READ as Bo, UI_NODE as Wo, WRITE as ho } from "./connect/constants/nodes.js";
+import { ADD_INVALID_TRIGGER as _o, ADD_TRIGGER as wo, DELETE as Go, DUPLICATE as ko, NEW as Ho, NEW_FOLDER as Vo, REMOVE_TRIGGER as Yo, RENAME as Ko, SETTINGS as qo, debugNodeOptions as Jo, debugNodeOptionsMap as Qo, defaultDriveOptions as Zo, defaultFileOptions as jo, defaultFolderOptions as zo, locationInfoByLocation as Xo, nodeOptions as $o, nodeOptionsMap as er, normalNodeOptions as or, normalNodeOptionsMap as rr, sharingTypeOptions as tr } from "./connect/constants/options.js";
 import { CONFLICT as mr, ERROR as nr, INITIAL_SYNC as pr, MISSING as ir, SUCCESS as sr, SYNCING as fr, syncStatuses as xr } from "./connect/constants/syncing.js";
 import { UiNodesContext as dr, UiNodesContextProvider as Tr, useUiNodesContext as ur } from "./connect/context/UiNodesContext.js";
 import { WagmiContext as Dr } from "./connect/context/WagmiContext.js";
-import { useDrag as Ar } from "./connect/hooks/drag-and-drop/use-drag.js";
-import { useDrop as br } from "./connect/hooks/drag-and-drop/use-drop.js";
+import { useDrag as Sr } from "./connect/hooks/drag-and-drop/use-drag.js";
+import { useDrop as Ar } from "./connect/hooks/drag-and-drop/use-drop.js";
 import { formatEthAddress as Rr } from "./connect/utils/address.js";
 import { getDocumentIconSrc as gr } from "./connect/utils/get-document-icon-src.js";
 import { getFolderStatus as Fr, removeSuccessFiles as Mr, sortFilesByStatus as Lr } from "./connect/utils/get-folder-status.js";
 import * as o from "./powerhouse/components/legacy/index.js";
 import { Button as Or } from "./powerhouse/components/button/button.js";
-import { DropdownMenu as vr, DropdownMenuContent as Wr, DropdownMenuItem as Br, DropdownMenuLabel as _r, DropdownMenuTrigger as hr } from "./powerhouse/components/dropdown-menu/dropdown-menu.js";
+import { DropdownMenu as vr, DropdownMenuContent as Br, DropdownMenuItem as Wr, DropdownMenuLabel as hr, DropdownMenuTrigger as Ur } from "./powerhouse/components/dropdown-menu/dropdown-menu.js";
 import { iconNames as wr } from "./assets/icon-components/types.js";
 import { Icon as kr, preloadIcon as Hr } from "./powerhouse/components/icon/icon.js";
 import { Modal as Yr } from "./powerhouse/components/modal/modal.js";
@@ -86,88 +86,88 @@ import { getDimensions as lt } from "./powerhouse/utils/getDimensions.js";
 import { mergeClassNameProps as Tt } from "./powerhouse/utils/mergeClassNameProps.js";
 import { RWAButton as ct } from "./rwa/components/button/button.js";
 import { RWAEditor as It } from "./rwa/components/editor/editor.js";
-import { FormInputs as St } from "./rwa/components/inputs/form-inputs.js";
+import { FormInputs as bt } from "./rwa/components/inputs/form-inputs.js";
 import { RWAFormRow as Ct } from "./rwa/components/inputs/form-row.js";
 import { RWANumberInput as Et } from "./rwa/components/inputs/number-input.js";
 import { RWATableSelect as Nt } from "./rwa/components/inputs/select.js";
 import { RWATableTextInput as Mt } from "./rwa/components/inputs/text-input.js";
-import { RWACreateItemModal as yt, _RWACreateItemModal as Ot } from "./rwa/components/modal/create-item-modal.js";
-import { RWADeleteItemModal as vt, _RWADeleteItemModal as Wt } from "./rwa/components/modal/delete-item-modal.js";
-import { ModalFormInputs as _t } from "./rwa/components/modal/modal-form-inputs.js";
-import { ModalContext as Ut, ModalManager as wt, useModal as Gt } from "./rwa/components/modal/modal-manager.js";
-import { modals as Ht } from "./rwa/components/modal/modals.js";
-import { AccountsTable as Yt } from "./rwa/components/table/accounts/accounts-table.js";
-import { AssetsTable as qt } from "./rwa/components/table/assets/assets-table.js";
-import { FormattedNumber as Qt } from "./rwa/components/table/base/formatted-number.js";
-import { RWATableHeaderLabel as jt } from "./rwa/components/table/base/header-label.js";
-import { ItemDetails as Xt } from "./rwa/components/table/base/item-details.js";
-import { Table as ea } from "./rwa/components/table/base/table.js";
-import { TableBase as ra } from "./rwa/components/table/base/table-base.js";
-import { ItemNumberCell as aa, MoreDetailsCell as ma, RWATableCell as na } from "./rwa/components/table/base/table-cell.js";
-import { RWATableRow as ia } from "./rwa/components/table/base/table-row.js";
-import { TableWithForm as fa } from "./rwa/components/table/base/table-with-form.js";
-import { FeeTransactionsTable as la } from "./rwa/components/table/transactions/fee-transactions-table.js";
-import { GroupTransactionsTable as Ta } from "./rwa/components/table/transactions/group-transactions-table.js";
-import { TransactionReference as ca } from "./rwa/components/table/transactions/transaction-reference.js";
-import { UnitPrice as Ia } from "./rwa/components/table/transactions/unit-price.js";
-import { OtherTab as Sa } from "./rwa/components/tabs/other-tab.js";
-import { PortfolioTab as Ca } from "./rwa/components/tabs/portfolio-tab.js";
-import { TabContent as Ea } from "./rwa/components/tabs/tab-content.js";
-import { RWATabs as Na } from "./rwa/components/tabs/tabs.js";
-import { TransactionsTab as Ma } from "./rwa/components/tabs/transactions-tab.js";
-import { columnsByTableName as ya } from "./rwa/constants/columns.js";
-import { makeDependentAssetsList as Pa, makeDependentServiceProviderFeeTypesList as va, makeDependentTransactionsList as Wa, useDependentItemProps as Ba } from "./rwa/constants/dependent-items.js";
-import { deleteEditorActionInputsByTableName as ha, editorStateKeysByTableName as Ua, tableLabels as wa, tableNames as Ga } from "./rwa/constants/names.js";
-import { assetTransactionSignByTransactionType as Ha, cashTransactionSignByTransactionType as Va, defaultColumnCountByTableWidth as Ya, getActionOperationType as Ka, getStateKeyForTableName as qa, getTableNameFor as Ja } from "./rwa/constants/table.js";
-import { ASSET_PURCHASE as Za, ASSET_SALE as ja, FEES_INCOME as za, FEES_PAYMENT as Xa, INTEREST_INCOME as $a, INTEREST_PAYMENT as em, PRINCIPAL_DRAW as om, PRINCIPAL_RETURN as rm, allGroupTransactionTypes as tm, assetGroupTransactions as am, feesTransactions as mm, groupTransactionTypeLabels as nm, interestTransactions as pm, principalGroupTransactions as im } from "./rwa/constants/transactions.js";
-import { RWAEditorContextProvider as fm, useEditorContext as xm } from "./rwa/context/editor-context.js";
-import { getColumnCount as dm, useColumnPriority as Tm } from "./rwa/hooks/useColumnPriority.js";
-import { useFormInputs as cm } from "./rwa/hooks/useFormInputs.js";
-import { useSortTableItems as Im } from "./rwa/hooks/useSortTableItems.js";
-import { useSubmit as Sm } from "./rwa/hooks/useSubmit.js";
-import { useTableData as Cm } from "./rwa/hooks/useTableData.js";
-import { useTableForm as Em } from "./rwa/hooks/useTableForm.js";
-import { useTableHeight as Nm } from "./rwa/hooks/useTableHeight.js";
-import { calculateCurrentValue as Mm, calculateSumQuantity as Lm, math as ym, sumTotalForProperty as Om } from "./rwa/utils/calculations.js";
-import { formatDateForDisplay as vm, getTimeZone as Wm, isISODate as Bm, isoDateStringToDateInput as _m } from "./rwa/utils/date.js";
-import { makeFixedIncomeOptionLabel as Um } from "./rwa/utils/form.js";
-import { calculateCashBalanceChange as Gm, calculateUnitPrice as km, handleDateInTable as Hm, handleTableDatum as Vm, makeTableData as Ym, tableDataMakersByTableName as Km } from "./rwa/utils/table.js";
-import { getCashAsset as Jm, getFixedIncomeAssets as Qm, isAssetGroupTransactionType as Zm, isCashAsset as jm, isFixedIncomeAsset as zm } from "./rwa/utils/validators.js";
-import { getIsTransaction as $m, isHexString as en } from "./services/viem.js";
-import { wagmiConfig as rn } from "./services/wagmi.js";
-import { EthereumAddress as an } from "./scalars/EthereumAddress/EthereumAddress.js";
+import { RWACreateItemModal as yt } from "./rwa/components/modal/create-item-modal.js";
+import { RWADeleteItemModal as Pt } from "./rwa/components/modal/delete-item-modal.js";
+import { ModalFormInputs as Bt } from "./rwa/components/modal/modal-form-inputs.js";
+import { ModalContext as ht, ModalManager as Ut, useModal as _t } from "./rwa/components/modal/modal-manager.js";
+import { modals as Gt } from "./rwa/components/modal/modals.js";
+import { AccountsTable as Ht } from "./rwa/components/table/accounts/accounts-table.js";
+import { AssetsTable as Yt } from "./rwa/components/table/assets/assets-table.js";
+import { FormattedNumber as qt } from "./rwa/components/table/base/formatted-number.js";
+import { RWATableHeaderLabel as Qt } from "./rwa/components/table/base/header-label.js";
+import { ItemDetails as jt } from "./rwa/components/table/base/item-details.js";
+import { Table as Xt } from "./rwa/components/table/base/table.js";
+import { TableBase as ea } from "./rwa/components/table/base/table-base.js";
+import { ItemNumberCell as ra, MoreDetailsCell as ta, RWATableCell as aa } from "./rwa/components/table/base/table-cell.js";
+import { RWATableRow as na } from "./rwa/components/table/base/table-row.js";
+import { TableWithForm as ia } from "./rwa/components/table/base/table-with-form.js";
+import { FeeTransactionsTable as fa } from "./rwa/components/table/transactions/fee-transactions-table.js";
+import { GroupTransactionsTable as la } from "./rwa/components/table/transactions/group-transactions-table.js";
+import { TransactionReference as Ta } from "./rwa/components/table/transactions/transaction-reference.js";
+import { UnitPrice as ca } from "./rwa/components/table/transactions/unit-price.js";
+import { OtherTab as Ia } from "./rwa/components/tabs/other-tab.js";
+import { PortfolioTab as ba } from "./rwa/components/tabs/portfolio-tab.js";
+import { TabContent as Ca } from "./rwa/components/tabs/tab-content.js";
+import { RWATabs as Ea } from "./rwa/components/tabs/tabs.js";
+import { TransactionsTab as Na } from "./rwa/components/tabs/transactions-tab.js";
+import { columnsByTableName as Ma } from "./rwa/constants/columns.js";
+import { makeDependentAssetsList as ya, makeDependentServiceProviderFeeTypesList as Oa, makeDependentTransactionsList as Pa, useDependentItemProps as va } from "./rwa/constants/dependent-items.js";
+import { deleteEditorActionInputsByTableName as Wa, editorStateKeysByTableName as ha, tableLabels as Ua, tableNames as _a } from "./rwa/constants/names.js";
+import { assetTransactionSignByTransactionType as Ga, cashTransactionSignByTransactionType as ka, defaultColumnCountByTableWidth as Ha, getActionOperationType as Va, getStateKeyForTableName as Ya, getTableNameFor as Ka } from "./rwa/constants/table.js";
+import { ASSET_PURCHASE as Ja, ASSET_SALE as Qa, FEES_INCOME as Za, FEES_PAYMENT as ja, INTEREST_INCOME as za, INTEREST_PAYMENT as Xa, PRINCIPAL_DRAW as $a, PRINCIPAL_RETURN as em, allGroupTransactionTypes as om, assetGroupTransactions as rm, feesTransactions as tm, groupTransactionTypeLabels as am, interestTransactions as mm, principalGroupTransactions as nm } from "./rwa/constants/transactions.js";
+import { RWAEditorContextProvider as im, useEditorContext as sm } from "./rwa/context/editor-context.js";
+import { getColumnCount as xm, useColumnPriority as lm } from "./rwa/hooks/useColumnPriority.js";
+import { useFormInputs as Tm } from "./rwa/hooks/useFormInputs.js";
+import { useSortTableItems as cm } from "./rwa/hooks/useSortTableItems.js";
+import { useSubmit as Im } from "./rwa/hooks/useSubmit.js";
+import { useTableData as bm } from "./rwa/hooks/useTableData.js";
+import { useTableForm as Cm } from "./rwa/hooks/useTableForm.js";
+import { useTableHeight as Em } from "./rwa/hooks/useTableHeight.js";
+import { calculateCurrentValue as Nm, calculateSumQuantity as Fm, math as Mm, sumTotalForProperty as Lm } from "./rwa/utils/calculations.js";
+import { formatDateForDisplay as Om, getTimeZone as Pm, isISODate as vm, isoDateStringToDateInput as Bm } from "./rwa/utils/date.js";
+import { makeFixedIncomeOptionLabel as hm } from "./rwa/utils/form.js";
+import { calculateCashBalanceChange as _m, calculateUnitPrice as wm, handleDateInTable as Gm, handleTableDatum as km, makeTableData as Hm, tableDataMakersByTableName as Vm } from "./rwa/utils/table.js";
+import { getCashAsset as Km, getFixedIncomeAssets as qm, isAssetGroupTransactionType as Jm, isCashAsset as Qm, isFixedIncomeAsset as Zm } from "./rwa/utils/validators.js";
+import { getIsTransaction as zm, isHexString as Xm } from "./services/viem.js";
+import { wagmiConfig as en } from "./services/wagmi.js";
+import { EthereumAddress as rn } from "./scalars/EthereumAddress/EthereumAddress.js";
 export {
-  Uo as ADD_INVALID_TRIGGER,
+  _o as ADD_INVALID_TRIGGER,
   wo as ADD_TRIGGER,
-  Za as ASSET_PURCHASE,
-  ja as ASSET_SALE,
-  Yt as AccountsTable,
+  Ja as ASSET_PURCHASE,
+  Qa as ASSET_SALE,
+  Ht as AccountsTable,
   w as AddLocalDriveForm,
   se as AddLocalDriveModal,
   k as AddRemoteDriveForm,
   xe as AddRemoteDriveModal,
   n as AnimatedLoader,
-  qt as AssetsTable,
+  Yt as AssetsTable,
   K as AvailableOfflineToggle,
   co as BUDGET,
   i as Breadcrumb,
   s as Breadcrumbs,
   Or as Button,
-  bo as CLOUD,
+  Ao as CLOUD,
   mr as CONFLICT,
   yo as CREATE,
   ge as ClearStorageSettingsRow,
   x as Combobox,
   de as ConnectConfirmationModal,
   De as ConnectDeleteDriveModal,
-  Ae as ConnectDeleteItemModal,
+  Se as ConnectDeleteItemModal,
   R as ConnectDropdownMenu,
   He as ConnectSearchBar,
   qe as ConnectSidebar,
   Qe as ConnectSidebarFooter,
   je as ConnectSidebarHeader,
   xo as ConnectTreeView,
-  _e as ConnectUpgradeDriveModal,
+  he as ConnectUpgradeDriveModal,
   d as CookieBanner,
   ue as CreateDocumentModal,
   Do as DEFAULT,
@@ -178,43 +178,43 @@ export {
   J as DeleteDrive,
   Fe as DependencyVersions,
   D as Disclosure,
-  A as Divider,
+  S as Divider,
   ye as DocumentSelectSettingsRow,
   To as DocumentToolbar,
   Z as DriveName,
   z as DriveNameInput,
   V as DriveSettingsForm,
-  be as DriveSettingsModal,
-  b as DriveView,
+  Ae as DriveSettingsModal,
+  A as DriveView,
   vr as DropdownMenu,
-  Wr as DropdownMenuContent,
-  Br as DropdownMenuItem,
-  _r as DropdownMenuLabel,
-  hr as DropdownMenuTrigger,
+  Br as DropdownMenuContent,
+  Wr as DropdownMenuItem,
+  hr as DropdownMenuLabel,
+  Ur as DropdownMenuTrigger,
   L as ENSAvatar,
   nr as ERROR,
   g as EditorActionButtons,
   F as EditorUndoRedoButtons,
-  an as EthereumAddress,
-  za as FEES_INCOME,
-  Xa as FEES_PAYMENT,
+  rn as EthereumAddress,
+  Za as FEES_INCOME,
+  ja as FEES_PAYMENT,
   Po as FILE,
   vo as FOLDER,
-  la as FeeTransactionsTable,
+  fa as FeeTransactionsTable,
   O as FileItem,
   v as FolderItem,
-  B as Footer,
-  h as FooterLink,
+  W as Footer,
+  U as FooterLink,
   me as FormInput,
-  St as FormInputs,
-  Qt as FormattedNumber,
-  Ta as GroupTransactionsTable,
+  bt as FormInputs,
+  qt as FormattedNumber,
+  la as GroupTransactionsTable,
   pr as INITIAL_SYNC,
-  $a as INTEREST_INCOME,
-  em as INTEREST_PAYMENT,
+  za as INTEREST_INCOME,
+  Xa as INTEREST_PAYMENT,
   kr as Icon,
-  Xt as ItemDetails,
-  aa as ItemNumberCell,
+  jt as ItemDetails,
+  ra as ItemNumberCell,
   Co as LOCAL,
   $ as Label,
   pe as LoadingScreen,
@@ -222,35 +222,35 @@ export {
   Io as MAKERDAO_RWA_PORTFOLIO,
   ir as MISSING,
   Yr as Modal,
-  Ut as ModalContext,
-  _t as ModalFormInputs,
-  wt as ModalManager,
-  ma as MoreDetailsCell,
+  ht as ModalContext,
+  Bt as ModalFormInputs,
+  Ut as ModalManager,
+  ta as MoreDetailsCell,
   Ho as NEW,
   Vo as NEW_FOLDER,
-  Ue as NodeInput,
-  Sa as OtherTab,
-  om as PRINCIPAL_DRAW,
-  rm as PRINCIPAL_RETURN,
+  _e as NodeInput,
+  Ia as OtherTab,
+  $a as PRINCIPAL_DRAW,
+  em as PRINCIPAL_RETURN,
   Ro as PUBLIC,
   qr as Pagination,
-  Ca as PortfolioTab,
-  Wo as READ,
+  ba as PortfolioTab,
+  Bo as READ,
   Yo as REMOVE_TRIGGER,
   Ko as RENAME,
   ct as RWAButton,
   yt as RWACreateItemModal,
-  vt as RWADeleteItemModal,
+  Pt as RWADeleteItemModal,
   It as RWAEditor,
-  fm as RWAEditorContextProvider,
+  im as RWAEditorContextProvider,
   Ct as RWAFormRow,
   Et as RWANumberInput,
-  na as RWATableCell,
-  jt as RWATableHeaderLabel,
-  ia as RWATableRow,
+  aa as RWATableCell,
+  Qt as RWATableHeaderLabel,
+  na as RWATableRow,
   Nt as RWATableSelect,
   Mt as RWATableTextInput,
-  Na as RWATabs,
+  Ea as RWATabs,
   Re as ReadRequiredModal,
   Ge as RevisionHistory,
   qo as SETTINGS,
@@ -258,7 +258,7 @@ export {
   Eo as SWITCHBOARD,
   fr as SYNCING,
   Ye as Select,
-  We as SettingsModal,
+  Be as SettingsModal,
   Pe as SettingsRow,
   te as SharingTypeFormInput,
   Qr as Sidebar,
@@ -267,119 +267,117 @@ export {
   Xr as SidebarPanel,
   Xe as SidebarUser,
   eo as SyncStatusIcon,
-  Ea as TabContent,
-  ea as Table,
-  ra as TableBase,
-  fa as TableWithForm,
+  Ca as TabContent,
+  Xt as Table,
+  ea as TableBase,
+  ia as TableWithForm,
   ro as ToastContainer,
   no as Toggle,
   io as Tooltip,
   so as TooltipProvider,
-  ca as TransactionReference,
-  Ma as TransactionsTab,
-  Bo as UI_NODE,
+  Ta as TransactionReference,
+  Na as TransactionsTab,
+  Wo as UI_NODE,
   dr as UiNodesContext,
   Tr as UiNodesContextProvider,
-  Ia as UnitPrice,
-  _o as WRITE,
+  ca as UnitPrice,
+  ho as WRITE,
   Dr as WagmiContext,
-  Ot as _RWACreateItemModal,
-  Wt as _RWADeleteItemModal,
-  tm as allGroupTransactionTypes,
-  am as assetGroupTransactions,
-  Ha as assetTransactionSignByTransactionType,
-  Gm as calculateCashBalanceChange,
-  Mm as calculateCurrentValue,
-  Lm as calculateSumQuantity,
-  km as calculateUnitPrice,
-  Va as cashTransactionSignByTransactionType,
-  ya as columnsByTableName,
+  om as allGroupTransactionTypes,
+  rm as assetGroupTransactions,
+  Ga as assetTransactionSignByTransactionType,
+  _m as calculateCashBalanceChange,
+  Nm as calculateCurrentValue,
+  Fm as calculateSumQuantity,
+  wm as calculateUnitPrice,
+  ka as cashTransactionSignByTransactionType,
+  Ma as columnsByTableName,
   at as createUseDocumentReducer,
   Jo as debugNodeOptions,
   Qo as debugNodeOptionsMap,
-  Ya as defaultColumnCountByTableWidth,
+  Ha as defaultColumnCountByTableWidth,
   Zo as defaultDriveOptions,
   jo as defaultFileOptions,
   zo as defaultFolderOptions,
-  ha as deleteEditorActionInputsByTableName,
+  Wa as deleteEditorActionInputsByTableName,
   a as designSystemPreset,
-  Ao as documentTypes,
+  So as documentTypes,
   go as driveLocations,
-  Ua as editorStateKeysByTableName,
-  mm as feesTransactions,
+  ha as editorStateKeysByTableName,
+  tm as feesTransactions,
   ft as fixedForwardRef,
-  vm as formatDateForDisplay,
+  Om as formatDateForDisplay,
   Rr as formatEthAddress,
-  Ka as getActionOperationType,
-  Jm as getCashAsset,
-  dm as getColumnCount,
+  Va as getActionOperationType,
+  Km as getCashAsset,
+  xm as getColumnCount,
   lt as getDimensions,
   gr as getDocumentIconSrc,
-  Qm as getFixedIncomeAssets,
+  qm as getFixedIncomeAssets,
   Fr as getFolderStatus,
-  $m as getIsTransaction,
-  qa as getStateKeyForTableName,
-  Ja as getTableNameFor,
-  Wm as getTimeZone,
-  nm as groupTransactionTypeLabels,
-  Hm as handleDateInTable,
-  Vm as handleTableDatum,
+  zm as getIsTransaction,
+  Ya as getStateKeyForTableName,
+  Ka as getTableNameFor,
+  Pm as getTimeZone,
+  am as groupTransactionTypeLabels,
+  Gm as handleDateInTable,
+  km as handleTableDatum,
   Mo as iconMap,
   wr as iconNames,
-  pm as interestTransactions,
-  Zm as isAssetGroupTransactionType,
-  jm as isCashAsset,
+  mm as interestTransactions,
+  Jm as isAssetGroupTransactionType,
+  Qm as isCashAsset,
   to as isConnectTypeOptions,
-  zm as isFixedIncomeAsset,
-  en as isHexString,
-  Bm as isISODate,
-  _m as isoDateStringToDateInput,
+  Zm as isFixedIncomeAsset,
+  Xm as isHexString,
+  vm as isISODate,
+  Bm as isoDateStringToDateInput,
   o as legacy,
   Xo as locationInfoByLocation,
-  Pa as makeDependentAssetsList,
-  va as makeDependentServiceProviderFeeTypesList,
-  Wa as makeDependentTransactionsList,
-  Um as makeFixedIncomeOptionLabel,
-  Ym as makeTableData,
-  ym as math,
+  ya as makeDependentAssetsList,
+  Oa as makeDependentServiceProviderFeeTypesList,
+  Pa as makeDependentTransactionsList,
+  hm as makeFixedIncomeOptionLabel,
+  Hm as makeTableData,
+  Mm as math,
   Tt as mergeClassNameProps,
-  Ht as modals,
+  Gt as modals,
   $o as nodeOptions,
   er as nodeOptionsMap,
   or as normalNodeOptions,
   rr as normalNodeOptionsMap,
   Hr as preloadIcon,
-  im as principalGroupTransactions,
+  nm as principalGroupTransactions,
   Mr as removeSuccessFiles,
   tr as sharingTypeOptions,
   No as sharingTypes,
   Lr as sortFilesByStatus,
-  Om as sumTotalForProperty,
+  Lm as sumTotalForProperty,
   xr as syncStatuses,
-  Km as tableDataMakersByTableName,
-  wa as tableLabels,
-  Ga as tableNames,
+  Vm as tableDataMakersByTableName,
+  Ua as tableLabels,
+  _a as tableNames,
   ao as toast,
   et as useAnimation,
-  Tm as useColumnPriority,
-  Ba as useDependentItemProps,
+  lm as useColumnPriority,
+  va as useDependentItemProps,
   mt as useDocumentReducer,
-  Ar as useDrag,
-  br as useDrop,
-  xm as useEditorContext,
+  Sr as useDrag,
+  Ar as useDrop,
+  sm as useEditorContext,
   ot as useEnterAnimation,
   rt as useExitAnimation,
-  cm as useFormInputs,
-  Gt as useModal,
+  Tm as useFormInputs,
+  _t as useModal,
   it as usePagination,
-  Im as useSortTableItems,
-  Sm as useSubmit,
-  Cm as useTableData,
-  Em as useTableForm,
-  Nm as useTableHeight,
+  cm as useSortTableItems,
+  Im as useSubmit,
+  bm as useTableData,
+  Cm as useTableForm,
+  Em as useTableHeight,
   ur as useUiNodesContext,
   Me as verifyPackageJsonFields,
-  rn as wagmiConfig,
+  en as wagmiConfig,
   nt as wrapReducer
 };
 //# sourceMappingURL=index.js.map

package/dist/powerhouse/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../../../src/powerhouse/components/icon/icon.tsx"],"sourcesContent":["import { type IconName, Props } from \"@/assets/icon-components/types\";\nimport { Color, getDimensions, Size } from \"@/powerhouse\";\nimport {\n  ComponentPropsWithoutRef,\n  ComponentType,\n  ElementType,\n  lazy,\n  Suspense,\n  useMemo,\n} from \"react\";\n\nexport { iconNames } from \"@/assets/icon-components/types\";\nexport type { IconName } from \"@/assets/icon-components/types\";\n\nexport type IconProps = ComponentPropsWithoutRef<\"svg\"> & {\n  readonly name: IconName;\n  readonly size?: Size;\n  readonly color?: Color;\n};\n\nfunction IconErrorFallback(props: Props) {\n  return <div style={{ width: props.width, height: props.height }} />;\n}\n\nfunction loadIcon(name: IconName): ElementType {\n  try {\n    return lazy<ComponentType<Props>>(\n      () => import(`@/assets/icon-components/${name}.tsx`),\n    );\n  } catch (e) {\n    console.error(e);\n    return IconErrorFallback;\n  }\n}\n\nexport function preloadIcon(name: IconName) {\n  return loadIcon(name);\n}\n\nexport function Icon({ name, size = 24, color, style, ...props }: IconProps) {\n  const dimensions = getDimensions(size);\n  const _style = {\n    color,\n    ...dimensions,\n    style,\n  };\n\n  const IconComponent = useMemo(() => loadIcon(name), [name]);\n\n  return (\n    // displays div with the same size while icon\n    // loads to avoid UI displacement\n    <Suspense\n      fallback={<div data-testid=\"icon-fallback\" style={dimensions} />}\n      name=\"icon-component\"\n    >\n      <IconComponent {...props} style={_style} />\n    </Suspense>\n  );\n}\n"],"names":["IconErrorFallback","props","jsx","loadIcon","name","lazy","__variableDynamicImportRuntimeHelper","e","preloadIcon","Icon","size","color","style","dimensions","getDimensions","_style","IconComponent","useMemo","Suspense"],"mappings":";;;;AAoBA,SAASA,EAAkBC,GAAc;AAChC,SAAA,gBAAAC,EAAC,OAAI,EAAA,OAAO,EAAE,OAAOD,EAAM,OAAO,QAAQA,EAAM,OAAU,EAAA,CAAA;AACnE;AAEA,SAASE,EAASC,GAA6B;AACzC,MAAA;AACK,WAAAC;AAAA,MACL,MAAMC,EAAuC,uBAAA,OAAA,EAAA,wDAAA,MAAA,OAAA,qDAAA,GAAA,iDAAA,MAAA,OAAA,8CAAA,GAAA,+CAAA,MAAA,OAAA,4CAAA,GAAA,gDAAA,MAAA,OAAA,6CAAA,GAAA,qDAAA,MAAA,OAAA,kDAAA,GAAA,sDAAA,MAAA,OAAA,mDAAA,GAAA,8CAAA,MAAA,OAAA,2CAAA,GAAA,8CAAA,MAAA,OAAA,2CAAA,GAAA,kDAAA,MAAA,OAAA,+CAAA,GAAA,iDAAA,MAAA,OAAA,8CAAA,GAAA,gDAAA,MAAA,OAAA,6CAAA,GAAA,6CAAA,MAAA,OAAA,0CAAA,GAAA,iDAAA,MAAA,OAAA,8CAAA,GAAA,6CAAA,MAAA,OAAA,0CAAA,GAAA,mDAAA,MAAA,OAAA,gDAAA,GAAA,uDAAA,MAAA,OAAA,oDAAA,GAAA,mDAAA,MAAA,OAAA,gDAAA,GAAA,8CAAA,MAAA,OAAA,2CAAA,GAAA,iDAAA,MAAA,OAAA,8CAAA,GAAA,kDAAA,MAAA,OAAA,+CAAA,GAAA,gDAAA,MAAA,OAAA,6CAAA,GAAA,+CAAA,MAAA,OAAA,4CAAA,GAAA,6CAAA,MAAA,OAAA,0CAAA,GAAA,gDAAA,MAAA,OAAA,6CAAA,GAAA,6CAAA,MAAA,OAAA,0CAAA,GAAA,mDAAA,MAAA,OAAA,gDAAA,GAAA,oDAAA,MAAA,OAAA,iDAAA,GAAA,mDAAA,MAAA,OAAA,gDAAA,GAAA,kDAAA,MAAA,OAAA,+CAAA,GAAA,kDAAA,MAAA,OAAA,+CAAA,GAAA,4CAAA,MAAA,OAAA,yCAAA,GAAA,6CAAA,MAAA,OAAA,0CAAA,GAAA,2CAAA,MAAA,OAAA,wCAAA,GAAA,+CAAA,MAAA,OAAA,4CAAA,GAAA,kDAAA,MAAA,OAAA,+CAAA,GAAA,4CAAA,MAAA,OAAA,yCAAA,GAAA,4CAAA,MAAA,OAAA,yCAAA,GAAA,yCAAA,MAAA,OAAA,sCAAA,GAAA,8CAAA,MAAA,OAAA,2CAAA,GAAA,8CAAA,MAAA,OAAA,2CAAA,GAAA,8CAAA,MAAA,OAAA,2CAAA,GAAA,4CAAA,MAAA,OAAA,yCAAA,GAAA,kDAAA,MAAA,OAAA,+CAAA,GAAA,2DAAA,MAAA,OAAA,wDAAA,GAAA,+CAAA,MAAA,OAAA,4CAAA,GAAA,iDAAA,MAAA,OAAA,8CAAA,GAAA,8CAAA,MAAA,OAAA,2CAAA,GAAA,mDAAA,MAAA,OAAA,gDAAA,GAAA,4CAAA,MAAA,OAAA,yCAAA,GAAA,4CAAA,MAAA,OAAA,yCAAA,GAAA,8CAAA,MAAA,OAAA,2CAAA,GAAA,8CAAA,MAAA,OAAA,2CAAA,GAAA,gDAAA,MAAA,OAAA,6CAAA,GAAA,8CAAA,MAAA,OAAA,2CAAA,GAAA,+CAAA,MAAA,OAAA,4CAAA,GAAA,6CAAA,MAAA,OAAA,0CAAA,GAAA,iDAAA,MAAA,OAAA,8CAAA,GAAA,wDAAA,MAAA,OAAA,qDAAA,GAAA,oDAAA,MAAA,OAAA,iDAAA,GAAA,mDAAA,MAAA,OAAA,gDAAA,GAAA,6CAAA,MAAA,OAAA,0CAAA,GAAA,kDAAA,MAAA,OAAA,+CAAA,EAAA,CAAA,GAAA,mCAAAF,CAAA,QAAA,CAAA;AAAA,IAC/C;AAAA,WACOG,GAAG;AACV,mBAAQ,MAAMA,CAAC,GACRP;AAAA,EAAA;AAEX;AAEO,SAASQ,EAAYJ,GAAgB;AAC1C,SAAOD,EAASC,CAAI;AACtB;AAEgB,SAAAK,EAAK,EAAE,MAAAL,GAAM,MAAAM,IAAO,IAAI,OAAAC,GAAO,OAAAC,GAAO,GAAGX,KAAoB;AACrE,QAAAY,IAAaC,EAAcJ,CAAI,GAC/BK,IAAS;AAAA,IACb,OAAAJ;AAAA,IACA,GAAGE;AAAA,IACH,OAAAD;AAAA,EACF,GAEMI,IAAgBC,EAAQ,MAAMd,EAASC,CAAI,GAAG,CAACA,CAAI,CAAC;AAE1D;AAAA;AAAA;AAAA,IAGE,gBAAAF;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,UAAW,gBAAAhB,EAAA,OAAA,EAAI,eAAY,iBAAgB,OAAOW,GAAY;AAAA,QAC9D,MAAK;AAAA,QAEL,UAAC,gBAAAX,EAAAc,GAAA,EAAe,GAAGf,GAAO,OAAOc,EAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA;AAG/C;"}
+{"version":3,"file":"icon.js","sources":["../../../../src/powerhouse/components/icon/icon.tsx"],"sourcesContent":["import { type IconName, Props } from \"@/assets/icon-components/types\";\nimport { Color, getDimensions, Size } from \"@/powerhouse\";\nimport {\n  ComponentPropsWithoutRef,\n  ComponentType,\n  ElementType,\n  lazy,\n  Suspense,\n  useMemo,\n} from \"react\";\n\nexport { iconNames } from \"@/assets/icon-components/types\";\nexport type { IconName } from \"@/assets/icon-components/types\";\n\nexport type IconProps = ComponentPropsWithoutRef<\"svg\"> & {\n  readonly name: IconName;\n  readonly size?: Size;\n  readonly color?: Color;\n};\n\nfunction IconErrorFallback(props: Props) {\n  return <div style={{ width: props.width, height: props.height }} />;\n}\n\nfunction loadIcon(name: IconName): ElementType {\n  try {\n    return lazy<ComponentType<Props>>(\n      () => import(`@/assets/icon-components/${name}.tsx`),\n    );\n  } catch (e) {\n    console.error(e);\n    return IconErrorFallback;\n  }\n}\n\nexport function preloadIcon(name: IconName) {\n  return loadIcon(name);\n}\n\nexport function Icon({ name, size = 24, color, style, ...props }: IconProps) {\n  const dimensions = getDimensions(size);\n  const _style = {\n    color,\n    ...dimensions,\n    style,\n  };\n\n  const IconComponent = useMemo(() => loadIcon(name), [name]);\n\n  return (\n    // displays div with the same size while icon\n    // loads to avoid UI displacement\n    <Suspense\n      fallback={<div data-testid=\"icon-fallback\" style={dimensions} />}\n      name=\"icon-component\"\n    >\n      <IconComponent {...props} style={_style} />\n    </Suspense>\n  );\n}\n"],"names":["IconErrorFallback","props","jsx","loadIcon","name","lazy","__variableDynamicImportRuntimeHelper","e","preloadIcon","Icon","size","color","style","dimensions","getDimensions","_style","IconComponent","useMemo","Suspense"],"mappings":"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"}

package/dist/rwa/components/inputs/form-inputs.d.ts

@@ -1,8 +1,8 @@
-import { ComponentType } from 'react';
+import { ComponentType, ReactNode } from 'react';
 type Input = {
     label: string;
     Input: ComponentType;
-    inputLabel?: string | null;
+    inputLabel?: ReactNode;
 };
 type Props = {
     readonly inputs: Input[];

package/dist/rwa/components/inputs/form-inputs.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-inputs.js","sources":["../../../../src/rwa/components/inputs/form-inputs.tsx"],"sourcesContent":["import { ComponentType } from \"react\";\nimport { twJoin } from \"tailwind-merge\";\n\ntype Input = {\n  label: string;\n  Input: ComponentType;\n  inputLabel?: string | null;\n};\ntype Props = {\n  readonly inputs: Input[];\n};\nexport function FormInputs(props: Props) {\n  const { inputs } = props;\n  return (\n    <div className=\"rounded-md bg-white text-xs font-medium\">\n      {inputs.map(({ label, Input, inputLabel }, index) => (\n        <div\n          className={twJoin(\n            \"grid min-h-11 grid-cols-[208px,380px] items-center px-6 text-gray-600 last:rounded-b-md\",\n            index % 2 !== 0 && \"bg-gray-50\",\n          )}\n          key={label}\n        >\n          <div>{label}</div>\n          <div className=\"h-max py-2 text-gray-900\" key={index}>\n            <Input />\n            {inputLabel ? (\n              <div className=\"text-left text-gray-500\">{inputLabel}</div>\n            ) : null}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["FormInputs","props","inputs","jsx","label","Input","inputLabel","index","jsxs","twJoin"],"mappings":";;AAWO,SAASA,EAAWC,GAAc;AACjC,QAAA,EAAE,QAAAC,MAAWD;AACnB,SACG,gBAAAE,EAAA,OAAA,EAAI,WAAU,2CACZ,UAAOD,EAAA,IAAI,CAAC,EAAE,OAAAE,GAAO,OAAAC,GAAO,YAAAC,EAAW,GAAGC,MACzC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAF,IAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,MAGA,UAAA;AAAA,QAAA,gBAAAJ,EAAC,SAAK,UAAMC,EAAA,CAAA;AAAA,QACZ,gBAAAI,EAAC,OAAI,EAAA,WAAU,4BACb,UAAA;AAAA,UAAA,gBAAAL,EAACE,GAAM,EAAA;AAAA,UACNC,IACE,gBAAAH,EAAA,OAAA,EAAI,WAAU,2BAA2B,aAAW,IACnD;AAAA,QAAA,EAAA,GAJyCI,CAK/C;AAAA,MAAA;AAAA,IAAA;AAAA,IARKH;AAAA,EAUR,CAAA,GACH;AAEJ;"}
+{"version":3,"file":"form-inputs.js","sources":["../../../../src/rwa/components/inputs/form-inputs.tsx"],"sourcesContent":["import { ComponentType, ReactNode } from \"react\";\nimport { twJoin } from \"tailwind-merge\";\n\ntype Input = {\n  label: string;\n  Input: ComponentType;\n  inputLabel?: ReactNode;\n};\ntype Props = {\n  readonly inputs: Input[];\n};\nexport function FormInputs(props: Props) {\n  const { inputs } = props;\n  return (\n    <div className=\"rounded-md bg-white text-xs font-medium\">\n      {inputs.map(({ label, Input, inputLabel }, index) => (\n        <div\n          className={twJoin(\n            \"grid min-h-11 grid-cols-[208px,380px] items-center px-6 text-gray-600 last:rounded-b-md\",\n            index % 2 !== 0 && \"bg-gray-50\",\n          )}\n          key={label}\n        >\n          <div>{label}</div>\n          <div className=\"h-max py-2 text-gray-900\" key={index}>\n            <Input />\n            {inputLabel ? (\n              <div className=\"text-left text-gray-500\">{inputLabel}</div>\n            ) : null}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["FormInputs","props","inputs","jsx","label","Input","inputLabel","index","jsxs","twJoin"],"mappings":";;AAWO,SAASA,EAAWC,GAAc;AACjC,QAAA,EAAE,QAAAC,MAAWD;AACnB,SACG,gBAAAE,EAAA,OAAA,EAAI,WAAU,2CACZ,UAAOD,EAAA,IAAI,CAAC,EAAE,OAAAE,GAAO,OAAAC,GAAO,YAAAC,EAAW,GAAGC,MACzC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAF,IAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,MAGA,UAAA;AAAA,QAAA,gBAAAJ,EAAC,SAAK,UAAMC,EAAA,CAAA;AAAA,QACZ,gBAAAI,EAAC,OAAI,EAAA,WAAU,4BACb,UAAA;AAAA,UAAA,gBAAAL,EAACE,GAAM,EAAA;AAAA,UACNC,IACE,gBAAAH,EAAA,OAAA,EAAI,WAAU,2BAA2B,aAAW,IACnD;AAAA,QAAA,EAAA,GAJyCI,CAK/C;AAAA,MAAA;AAAA,IAAA;AAAA,IARKH;AAAA,EAUR,CAAA,GACH;AAEJ;"}

package/dist/rwa/components/modal/create-item-modal.d.ts

@@ -6,5 +6,4 @@ export type RWACreateItemModalProps = ComponentPropsWithoutRef<typeof Modal> & {
     readonly tableName: TableName;
     readonly onOpenChange: (open: boolean) => void;
 };
-export declare function _RWACreateItemModal(props: RWACreateItemModalProps): import("react/jsx-runtime").JSX.Element;
-export declare const RWACreateItemModal: import('react').MemoExoticComponent<typeof _RWACreateItemModal>;
+export declare const RWACreateItemModal: import('react').NamedExoticComponent<RWACreateItemModalProps>;

package/dist/rwa/components/modal/create-item-modal.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { useCallback as i, memo as h } from "react";
+import { memo as h, useCallback as i } from "react";
 import { twMerge as m } from "tailwind-merge";
 import { useTableForm as y } from "../../hooks/useTableForm.js";
 import { tableLabels as g } from "../../constants/names.js";
 import { ModalFormInputs as C } from "./modal-form-inputs.js";
 import { Modal as N } from "../../../powerhouse/components/modal/modal.js";
 import { Icon as v } from "../../../powerhouse/components/icon/icon.js";
-function I(c) {
+const F = h(function(c) {
   const { tableName: a, open: d, onOpenChange: t } = c, {
     reset: n,
     submit: r,
@@ -76,10 +76,8 @@ function I(c) {
       ] })
     }
   );
-}
-const F = h(I);
+});
 export {
-  F as RWACreateItemModal,
-  I as _RWACreateItemModal
+  F as RWACreateItemModal
 };
 //# sourceMappingURL=create-item-modal.js.map

package/dist/rwa/components/modal/create-item-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-item-modal.js","sources":["../../../../src/rwa/components/modal/create-item-modal.tsx"],"sourcesContent":["import { Icon, Modal } from \"@/powerhouse\";\nimport { ModalFormInputs, tableLabels, TableName, useTableForm } from \"@/rwa\";\nimport { ComponentPropsWithoutRef, memo, useCallback } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport type RWACreateItemModalProps = ComponentPropsWithoutRef<typeof Modal> & {\n  readonly open: boolean;\n  readonly tableName: TableName;\n  readonly onOpenChange: (open: boolean) => void;\n};\n\nexport function _RWACreateItemModal(props: RWACreateItemModalProps) {\n  const { tableName, open, onOpenChange } = props;\n\n  const {\n    reset,\n    submit,\n    formInputs: { inputs, additionalInputs },\n  } = useTableForm({\n    operation: \"create\",\n    tableName,\n  });\n\n  const tableLabel = tableLabels[tableName];\n\n  const handleCancel = useCallback(() => {\n    reset();\n    onOpenChange(false);\n  }, [onOpenChange, reset]);\n\n  const handleSubmit = useCallback(async () => {\n    try {\n      await submit();\n      onOpenChange(false);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [onOpenChange, submit]);\n\n  const buttonStyles =\n    \"min-h-[48px] min-w-[142px] text-base font-semibold py-3 px-6 rounded-xl outline-none active:opacity-75 hover:scale-105 transform transition-all\";\n\n  return (\n    <Modal\n      contentProps={{\n        className: \"rounded-3xl\",\n      }}\n      onOpenChange={onOpenChange}\n      open={open}\n      overlayProps={{\n        className: \"top-10\",\n      }}\n    >\n      <div className=\"w-[400px] p-6 text-slate-300\">\n        <div className=\"mb-6 flex justify-between\">\n          <h1 className=\"text-xl font-bold\">Create {tableLabel}</h1>\n          <button\n            className=\"flex size-8 items-center justify-center rounded-md bg-gray-100 text-gray-500 outline-none hover:text-gray-900\"\n            onClick={handleCancel}\n            tabIndex={-1}\n          >\n            <Icon name=\"XmarkLight\" size={24} />\n          </button>\n        </div>\n        <ModalFormInputs inputs={inputs} />\n        {additionalInputs}\n        <div className=\"mt-8 flex justify-between gap-3\">\n          <button\n            className={twMerge(\n              buttonStyles,\n              \"flex-1 bg-slate-50 text-slate-800\",\n            )}\n            onClick={handleCancel}\n          >\n            Cancel\n          </button>\n          <button\n            className={twMerge(buttonStyles, \"flex-1 bg-gray-800 text-gray-50\")}\n            onClick={handleSubmit}\n          >\n            Save\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n\nexport const RWACreateItemModal = memo(_RWACreateItemModal);\n"],"names":["_RWACreateItemModal","props","tableName","open","onOpenChange","reset","submit","inputs","additionalInputs","useTableForm","tableLabel","tableLabels","handleCancel","useCallback","handleSubmit","error","buttonStyles","jsx","Modal","jsxs","Icon","ModalFormInputs","twMerge","RWACreateItemModal","memo"],"mappings":";;;;;;;;AAWO,SAASA,EAAoBC,GAAgC;AAClE,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,cAAAC,EAAiB,IAAAH,GAEpC;AAAA,IACJ,OAAAI;AAAA,IACA,QAAAC;AAAA,IACA,YAAY,EAAE,QAAAC,GAAQ,kBAAAC,EAAiB;AAAA,MACrCC,EAAa;AAAA,IACf,WAAW;AAAA,IACX,WAAAP;AAAA,EAAA,CACD,GAEKQ,IAAaC,EAAYT,CAAS,GAElCU,IAAeC,EAAY,MAAM;AAC/B,IAAAR,EAAA,GACND,EAAa,EAAK;AAAA,EAAA,GACjB,CAACA,GAAcC,CAAK,CAAC,GAElBS,IAAeD,EAAY,YAAY;AACvC,QAAA;AACF,YAAMP,EAAO,GACbF,EAAa,EAAK;AAAA,aACXW,GAAO;AACd,cAAQ,MAAMA,CAAK;AAAA,IAAA;AAAA,EACrB,GACC,CAACX,GAAcE,CAAM,CAAC,GAEnBU,IACJ;AAGA,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAc;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MACA,cAAAd;AAAA,MACA,MAAAD;AAAA,MACA,cAAc;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MAEA,UAAA,gBAAAgB,EAAC,OAAI,EAAA,WAAU,gCACb,UAAA;AAAA,QAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,UAAC,gBAAAA,EAAA,MAAA,EAAG,WAAU,qBAAoB,UAAA;AAAA,YAAA;AAAA,YAAQT;AAAA,UAAA,GAAW;AAAA,UACrD,gBAAAO;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAASL;AAAA,cACT,UAAU;AAAA,cAEV,UAAC,gBAAAK,EAAAG,GAAA,EAAK,MAAK,cAAa,MAAM,GAAI,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACpC,GACF;AAAA,QACA,gBAAAH,EAACI,KAAgB,QAAAd,GAAgB;AAAA,QAChCC;AAAA,QACD,gBAAAW,EAAC,OAAI,EAAA,WAAU,mCACb,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWK;AAAA,gBACTN;AAAA,gBACA;AAAA,cACF;AAAA,cACA,SAASJ;AAAA,cACV,UAAA;AAAA,YAAA;AAAA,UAED;AAAA,UACA,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWK,EAAQN,GAAc,iCAAiC;AAAA,cAClE,SAASF;AAAA,cACV,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED,EACF,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;AAEa,MAAAS,IAAqBC,EAAKxB,CAAmB;"}
+{"version":3,"file":"create-item-modal.js","sources":["../../../../src/rwa/components/modal/create-item-modal.tsx"],"sourcesContent":["import { Icon, Modal } from \"@/powerhouse\";\nimport { ModalFormInputs, tableLabels, TableName, useTableForm } from \"@/rwa\";\nimport { ComponentPropsWithoutRef, memo, useCallback } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport type RWACreateItemModalProps = ComponentPropsWithoutRef<typeof Modal> & {\n  readonly open: boolean;\n  readonly tableName: TableName;\n  readonly onOpenChange: (open: boolean) => void;\n};\n\nexport const RWACreateItemModal = memo(function RWACreateItemModal(\n  props: RWACreateItemModalProps,\n) {\n  const { tableName, open, onOpenChange } = props;\n\n  const {\n    reset,\n    submit,\n    formInputs: { inputs, additionalInputs },\n  } = useTableForm({\n    operation: \"create\",\n    tableName,\n  });\n\n  const tableLabel = tableLabels[tableName];\n\n  const handleCancel = useCallback(() => {\n    reset();\n    onOpenChange(false);\n  }, [onOpenChange, reset]);\n\n  const handleSubmit = useCallback(async () => {\n    try {\n      await submit();\n      onOpenChange(false);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [onOpenChange, submit]);\n\n  const buttonStyles =\n    \"min-h-[48px] min-w-[142px] text-base font-semibold py-3 px-6 rounded-xl outline-none active:opacity-75 hover:scale-105 transform transition-all\";\n\n  return (\n    <Modal\n      contentProps={{\n        className: \"rounded-3xl\",\n      }}\n      onOpenChange={onOpenChange}\n      open={open}\n      overlayProps={{\n        className: \"top-10\",\n      }}\n    >\n      <div className=\"w-[400px] p-6 text-slate-300\">\n        <div className=\"mb-6 flex justify-between\">\n          <h1 className=\"text-xl font-bold\">Create {tableLabel}</h1>\n          <button\n            className=\"flex size-8 items-center justify-center rounded-md bg-gray-100 text-gray-500 outline-none hover:text-gray-900\"\n            onClick={handleCancel}\n            tabIndex={-1}\n          >\n            <Icon name=\"XmarkLight\" size={24} />\n          </button>\n        </div>\n        <ModalFormInputs inputs={inputs} />\n        {additionalInputs}\n        <div className=\"mt-8 flex justify-between gap-3\">\n          <button\n            className={twMerge(\n              buttonStyles,\n              \"flex-1 bg-slate-50 text-slate-800\",\n            )}\n            onClick={handleCancel}\n          >\n            Cancel\n          </button>\n          <button\n            className={twMerge(buttonStyles, \"flex-1 bg-gray-800 text-gray-50\")}\n            onClick={handleSubmit}\n          >\n            Save\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n});\n"],"names":["RWACreateItemModal","memo","props","tableName","open","onOpenChange","reset","submit","inputs","additionalInputs","useTableForm","tableLabel","tableLabels","handleCancel","useCallback","handleSubmit","error","buttonStyles","jsx","Modal","jsxs","Icon","ModalFormInputs","twMerge"],"mappings":";;;;;;;;AAWO,MAAMA,IAAqBC,EAAK,SACrCC,GACA;AACA,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,cAAAC,EAAiB,IAAAH,GAEpC;AAAA,IACJ,OAAAI;AAAA,IACA,QAAAC;AAAA,IACA,YAAY,EAAE,QAAAC,GAAQ,kBAAAC,EAAiB;AAAA,MACrCC,EAAa;AAAA,IACf,WAAW;AAAA,IACX,WAAAP;AAAA,EAAA,CACD,GAEKQ,IAAaC,EAAYT,CAAS,GAElCU,IAAeC,EAAY,MAAM;AAC/B,IAAAR,EAAA,GACND,EAAa,EAAK;AAAA,EAAA,GACjB,CAACA,GAAcC,CAAK,CAAC,GAElBS,IAAeD,EAAY,YAAY;AACvC,QAAA;AACF,YAAMP,EAAO,GACbF,EAAa,EAAK;AAAA,aACXW,GAAO;AACd,cAAQ,MAAMA,CAAK;AAAA,IAAA;AAAA,EACrB,GACC,CAACX,GAAcE,CAAM,CAAC,GAEnBU,IACJ;AAGA,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAc;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MACA,cAAAd;AAAA,MACA,MAAAD;AAAA,MACA,cAAc;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MAEA,UAAA,gBAAAgB,EAAC,OAAI,EAAA,WAAU,gCACb,UAAA;AAAA,QAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,UAAC,gBAAAA,EAAA,MAAA,EAAG,WAAU,qBAAoB,UAAA;AAAA,YAAA;AAAA,YAAQT;AAAA,UAAA,GAAW;AAAA,UACrD,gBAAAO;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAASL;AAAA,cACT,UAAU;AAAA,cAEV,UAAC,gBAAAK,EAAAG,GAAA,EAAK,MAAK,cAAa,MAAM,GAAI,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACpC,GACF;AAAA,QACA,gBAAAH,EAACI,KAAgB,QAAAd,GAAgB;AAAA,QAChCC;AAAA,QACD,gBAAAW,EAAC,OAAI,EAAA,WAAU,mCACb,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWK;AAAA,gBACTN;AAAA,gBACA;AAAA,cACF;AAAA,cACA,SAASJ;AAAA,cACV,UAAA;AAAA,YAAA;AAAA,UAED;AAAA,UACA,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWK,EAAQN,GAAc,iCAAiC;AAAA,cAClE,SAASF;AAAA,cACV,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED,EACF,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ,CAAC;"}

package/dist/rwa/components/modal/delete-item-modal.d.ts

@@ -5,5 +5,4 @@ export type RWADeleteItemModalProps = ComponentPropsWithoutRef<typeof Modal> & {
     readonly tableName: TableName;
     readonly dependentItemProps: DependentItemProps;
 };
-export declare function _RWADeleteItemModal(props: RWADeleteItemModalProps): import("react/jsx-runtime").JSX.Element;
-export declare const RWADeleteItemModal: import('react').MemoExoticComponent<typeof _RWADeleteItemModal>;
+export declare const RWADeleteItemModal: import('react').NamedExoticComponent<RWADeleteItemModalProps>;

package/dist/rwa/components/modal/delete-item-modal.js

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { useCallback as h, memo as x } from "react";
+import { memo as h, useCallback as x } from "react";
 import { tableLabels as r } from "../../constants/names.js";
 import { Modal as f } from "../../../powerhouse/components/modal/modal.js";
 import { Icon as v } from "../../../powerhouse/components/icon/icon.js";
-function g(n) {
-  const { tableName: l, dependentItemProps: s, onOpenChange: t, open: d } = n, i = r[l].toLowerCase(), m = h(() => {
+const I = h(function(n) {
+  const { tableName: l, dependentItemProps: s, onOpenChange: t, open: d } = n, i = r[l].toLowerCase(), m = x(() => {
     t == null || t(!1);
   }, [t]);
   return /* @__PURE__ */ e(
@@ -46,10 +46,8 @@ function g(n) {
       ] })
     }
   );
-}
-const I = x(g);
+});
 export {
-  I as RWADeleteItemModal,
-  g as _RWADeleteItemModal
+  I as RWADeleteItemModal
 };
 //# sourceMappingURL=delete-item-modal.js.map

package/dist/rwa/components/modal/delete-item-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"delete-item-modal.js","sources":["../../../../src/rwa/components/modal/delete-item-modal.tsx"],"sourcesContent":["import { Icon, Modal } from \"@/powerhouse\";\nimport { DependentItemProps, tableLabels, TableName } from \"@/rwa\";\nimport { ComponentPropsWithoutRef, memo, useCallback } from \"react\";\n\nexport type RWADeleteItemModalProps = ComponentPropsWithoutRef<typeof Modal> & {\n  readonly tableName: TableName;\n  readonly dependentItemProps: DependentItemProps;\n};\n\nexport function _RWADeleteItemModal(props: RWADeleteItemModalProps) {\n  const { tableName, dependentItemProps, onOpenChange, open } = props;\n\n  const tableLabel = tableLabels[tableName].toLowerCase();\n\n  const handleCancel = useCallback(() => {\n    onOpenChange?.(false);\n  }, [onOpenChange]);\n  return (\n    <Modal\n      contentProps={{\n        className: \"rounded-3xl\",\n      }}\n      onOpenChange={onOpenChange}\n      open={open}\n      overlayProps={{\n        className: \"top-10\",\n      }}\n    >\n      <div className=\"w-[400px] p-6 text-slate-300\">\n        <div className=\"border-b border-slate-50 pb-2 text-2xl font-bold text-gray-800\">\n          Cannot delete {tableName}\n        </div>\n        <div className=\"my-6 flex gap-2 rounded-md bg-orange-100 p-4 text-orange-800\">\n          <div>\n            <Icon className=\"mt-1 text-orange-800\" name=\"Error\" />\n          </div>\n          <div>\n            Warning! Cannot delete this {tableLabel} because there are items\n            that depend on it. Please change or delete those first.\n          </div>\n        </div>\n        <div className=\"my-6 rounded-md bg-slate-50 p-4 text-slate-200\">\n          {dependentItemProps.map(({ dependentTableName, dependentItems }) => (\n            <div key={dependentTableName}>\n              <div className=\"mb-0.5 font-semibold\" key={1}>\n                {`${tableLabels[dependentTableName]}s: `}\n              </div>\n              {dependentItems.map(({ id, label }) => (\n                <div key={id}>{label}</div>\n              ))}\n            </div>\n          ))}\n        </div>\n        <div className=\"mt-8 flex justify-between gap-3\">\n          <button\n            className=\"min-h-12 min-w-36 flex-1 rounded-xl bg-gray-800 px-6 py-3 text-base font-semibold text-gray-50 outline-none transition-all hover:scale-105 active:opacity-75\"\n            onClick={handleCancel}\n          >\n            Back\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n\nexport const RWADeleteItemModal = memo(_RWADeleteItemModal);\n"],"names":["_RWADeleteItemModal","props","tableName","dependentItemProps","onOpenChange","open","tableLabel","tableLabels","handleCancel","useCallback","jsx","Modal","jsxs","Icon","dependentTableName","dependentItems","id","label","RWADeleteItemModal","memo"],"mappings":";;;;;AASO,SAASA,EAAoBC,GAAgC;AAClE,QAAM,EAAE,WAAAC,GAAW,oBAAAC,GAAoB,cAAAC,GAAc,MAAAC,EAAS,IAAAJ,GAExDK,IAAaC,EAAYL,CAAS,EAAE,YAAY,GAEhDM,IAAeC,EAAY,MAAM;AACrC,IAAAL,KAAA,QAAAA,EAAe;AAAA,EAAK,GACnB,CAACA,CAAY,CAAC;AAEf,SAAA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAc;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MACA,cAAAP;AAAA,MACA,MAAAC;AAAA,MACA,cAAc;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MAEA,UAAA,gBAAAO,EAAC,OAAI,EAAA,WAAU,gCACb,UAAA;AAAA,QAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,kEAAiE,UAAA;AAAA,UAAA;AAAA,UAC/DV;AAAA,QAAA,GACjB;AAAA,QACA,gBAAAU,EAAC,OAAI,EAAA,WAAU,gEACb,UAAA;AAAA,UAAA,gBAAAF,EAAC,SACC,UAAC,gBAAAA,EAAAG,GAAA,EAAK,WAAU,wBAAuB,MAAK,SAAQ,EACtD,CAAA;AAAA,4BACC,OAAI,EAAA,UAAA;AAAA,YAAA;AAAA,YAC0BP;AAAA,YAAW;AAAA,UAAA,EAE1C,CAAA;AAAA,QAAA,GACF;AAAA,QACC,gBAAAI,EAAA,OAAA,EAAI,WAAU,kDACZ,UAAmBP,EAAA,IAAI,CAAC,EAAE,oBAAAW,GAAoB,gBAAAC,EAC7C,MAAA,gBAAAH,EAAC,OACC,EAAA,UAAA;AAAA,UAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,wBACZ,UAAA,GAAGH,EAAYO,CAAkB,CAAC,SADM,CAE3C;AAAA,UACCC,EAAe,IAAI,CAAC,EAAE,IAAAC,GAAI,OAAAC,EAAM,MAC9B,gBAAAP,EAAA,OAAA,EAAc,UAALO,EAAA,GAAAD,CAAW,CACtB;AAAA,QAAA,KANOF,CAOV,CACD,GACH;AAAA,QACA,gBAAAJ,EAAC,OAAI,EAAA,WAAU,mCACb,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAASF;AAAA,YACV,UAAA;AAAA,UAAA;AAAA,QAAA,EAGH,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;AAEa,MAAAU,IAAqBC,EAAKnB,CAAmB;"}
+{"version":3,"file":"delete-item-modal.js","sources":["../../../../src/rwa/components/modal/delete-item-modal.tsx"],"sourcesContent":["import { Icon, Modal } from \"@/powerhouse\";\nimport { DependentItemProps, tableLabels, TableName } from \"@/rwa\";\nimport { ComponentPropsWithoutRef, memo, useCallback } from \"react\";\n\nexport type RWADeleteItemModalProps = ComponentPropsWithoutRef<typeof Modal> & {\n  readonly tableName: TableName;\n  readonly dependentItemProps: DependentItemProps;\n};\n\nexport const RWADeleteItemModal = memo(function RWADeleteItemModal(\n  props: RWADeleteItemModalProps,\n) {\n  const { tableName, dependentItemProps, onOpenChange, open } = props;\n\n  const tableLabel = tableLabels[tableName].toLowerCase();\n\n  const handleCancel = useCallback(() => {\n    onOpenChange?.(false);\n  }, [onOpenChange]);\n  return (\n    <Modal\n      contentProps={{\n        className: \"rounded-3xl\",\n      }}\n      onOpenChange={onOpenChange}\n      open={open}\n      overlayProps={{\n        className: \"top-10\",\n      }}\n    >\n      <div className=\"w-[400px] p-6 text-slate-300\">\n        <div className=\"border-b border-slate-50 pb-2 text-2xl font-bold text-gray-800\">\n          Cannot delete {tableName}\n        </div>\n        <div className=\"my-6 flex gap-2 rounded-md bg-orange-100 p-4 text-orange-800\">\n          <div>\n            <Icon className=\"mt-1 text-orange-800\" name=\"Error\" />\n          </div>\n          <div>\n            Warning! Cannot delete this {tableLabel} because there are items\n            that depend on it. Please change or delete those first.\n          </div>\n        </div>\n        <div className=\"my-6 rounded-md bg-slate-50 p-4 text-slate-200\">\n          {dependentItemProps.map(({ dependentTableName, dependentItems }) => (\n            <div key={dependentTableName}>\n              <div className=\"mb-0.5 font-semibold\" key={1}>\n                {`${tableLabels[dependentTableName]}s: `}\n              </div>\n              {dependentItems.map(({ id, label }) => (\n                <div key={id}>{label}</div>\n              ))}\n            </div>\n          ))}\n        </div>\n        <div className=\"mt-8 flex justify-between gap-3\">\n          <button\n            className=\"min-h-12 min-w-36 flex-1 rounded-xl bg-gray-800 px-6 py-3 text-base font-semibold text-gray-50 outline-none transition-all hover:scale-105 active:opacity-75\"\n            onClick={handleCancel}\n          >\n            Back\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n});\n"],"names":["RWADeleteItemModal","memo","props","tableName","dependentItemProps","onOpenChange","open","tableLabel","tableLabels","handleCancel","useCallback","jsx","Modal","jsxs","Icon","dependentTableName","dependentItems","id","label"],"mappings":";;;;;AASO,MAAMA,IAAqBC,EAAK,SACrCC,GACA;AACA,QAAM,EAAE,WAAAC,GAAW,oBAAAC,GAAoB,cAAAC,GAAc,MAAAC,EAAS,IAAAJ,GAExDK,IAAaC,EAAYL,CAAS,EAAE,YAAY,GAEhDM,IAAeC,EAAY,MAAM;AACrC,IAAAL,KAAA,QAAAA,EAAe;AAAA,EAAK,GACnB,CAACA,CAAY,CAAC;AAEf,SAAA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAc;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MACA,cAAAP;AAAA,MACA,MAAAC;AAAA,MACA,cAAc;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MAEA,UAAA,gBAAAO,EAAC,OAAI,EAAA,WAAU,gCACb,UAAA;AAAA,QAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,kEAAiE,UAAA;AAAA,UAAA;AAAA,UAC/DV;AAAA,QAAA,GACjB;AAAA,QACA,gBAAAU,EAAC,OAAI,EAAA,WAAU,gEACb,UAAA;AAAA,UAAA,gBAAAF,EAAC,SACC,UAAC,gBAAAA,EAAAG,GAAA,EAAK,WAAU,wBAAuB,MAAK,SAAQ,EACtD,CAAA;AAAA,4BACC,OAAI,EAAA,UAAA;AAAA,YAAA;AAAA,YAC0BP;AAAA,YAAW;AAAA,UAAA,EAE1C,CAAA;AAAA,QAAA,GACF;AAAA,QACC,gBAAAI,EAAA,OAAA,EAAI,WAAU,kDACZ,UAAmBP,EAAA,IAAI,CAAC,EAAE,oBAAAW,GAAoB,gBAAAC,EAC7C,MAAA,gBAAAH,EAAC,OACC,EAAA,UAAA;AAAA,UAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,wBACZ,UAAA,GAAGH,EAAYO,CAAkB,CAAC,SADM,CAE3C;AAAA,UACCC,EAAe,IAAI,CAAC,EAAE,IAAAC,GAAI,OAAAC,EAAM,MAC9B,gBAAAP,EAAA,OAAA,EAAc,UAALO,EAAA,GAAAD,CAAW,CACtB;AAAA,QAAA,KANOF,CAOV,CACD,GACH;AAAA,QACA,gBAAAJ,EAAC,OAAI,EAAA,WAAU,mCACb,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAASF;AAAA,YACV,UAAA;AAAA,UAAA;AAAA,QAAA,EAGH,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ,CAAC;"}

package/dist/rwa/components/modal/modals.d.ts

@@ -1,6 +1,6 @@
 export declare const modals: {
-    createItem: import('react').MemoExoticComponent<typeof import('../..')._RWACreateItemModal>;
-    deleteItem: import('react').MemoExoticComponent<typeof import('../..')._RWADeleteItemModal>;
+    createItem: import('react').NamedExoticComponent<import('../..').RWACreateItemModalProps>;
+    deleteItem: import('react').NamedExoticComponent<import('../..').RWADeleteItemModalProps>;
 };
 export type Modals = typeof modals;
 export type ModalType = keyof Modals;

package/dist/rwa/components/table/base/item-details.d.ts

@@ -2,6 +2,5 @@ import { TableName } from '../../..';
 type Props = {
     readonly tableName: TableName;
 };
-declare function _ItemDetails(props: Props): import("react/jsx-runtime").JSX.Element;
-export declare const ItemDetails: import('react').MemoExoticComponent<typeof _ItemDetails>;
+export declare const ItemDetails: import('react').NamedExoticComponent<Props>;
 export {};

package/dist/rwa/components/table/base/item-details.js

@@ -8,7 +8,7 @@ import { useEditorContext as Q } from "../../../context/editor-context.js";
 import { tableLabels as X } from "../../../constants/names.js";
 import { useTableForm as Y } from "../../../hooks/useTableForm.js";
 import { Icon as C } from "../../../../powerhouse/components/icon/icon.js";
-function Z(E) {
+const mt = G(function(E) {
   const { tableName: e } = E, { showModal: b, closeModal: w } = H(), {
     selectedTableItem: t,
     operation: n,
@@ -70,9 +70,9 @@ function Z(E) {
     s,
     w,
     A
-  ]), _ = i(() => {
+  ]), R = i(() => {
     t && g(t, e);
-  }, [t, g, e]), R = /* @__PURE__ */ o(a, { className: "text-gray-600", onClick: h, children: "Close" }), U = /* @__PURE__ */ o(a, { className: "text-gray-600", onClick: z, children: "Cancel" }), V = /* @__PURE__ */ o(
+  }, [t, g, e]), U = /* @__PURE__ */ o(a, { className: "text-gray-600", onClick: h, children: "Close" }), V = /* @__PURE__ */ o(a, { className: "text-gray-600", onClick: z, children: "Cancel" }), W = /* @__PURE__ */ o(
     a,
     {
       icon: /* @__PURE__ */ o(C, { name: "Save", size: 16 }),
@@ -80,12 +80,12 @@ function Z(E) {
       onClick: T,
       children: k ? "Save" : "Save Edits"
     }
-  ), W = /* @__PURE__ */ o("button", { onClick: F, children: /* @__PURE__ */ o(C, { className: "ml-3 text-red-800", name: "Trash", size: 22 }) }), q = /* @__PURE__ */ c(
+  ), _ = /* @__PURE__ */ o("button", { onClick: F, children: /* @__PURE__ */ o(C, { className: "ml-3 text-red-800", name: "Trash", size: 22 }) }), q = /* @__PURE__ */ c(
     a,
     {
       icon: /* @__PURE__ */ o(C, { name: "Pencil", size: 16 }),
       iconPosition: "right",
-      onClick: _,
+      onClick: R,
       children: [
         "Edit ",
         p
@@ -96,18 +96,17 @@ function Z(E) {
     /* @__PURE__ */ c("div", { className: "flex justify-between rounded-t-md border-b border-gray-300 bg-gray-100 p-3 font-semibold text-gray-800", children: [
       /* @__PURE__ */ o("div", { className: "flex items-center", children: t != null && t.itemNumber ? `${p} #${t.itemNumber}` : `New ${p}` }),
       /* @__PURE__ */ c("div", { className: "flex gap-x-2", children: [
-        P ? U : null,
-        M ? R : null,
-        L ? V : null,
-        O ? W : null,
+        P ? V : null,
+        M ? U : null,
+        L ? W : null,
+        O ? _ : null,
         S ? q : null
       ] })
     ] }),
     /* @__PURE__ */ o(K, { inputs: $ }),
     j
   ] });
-}
-const mt = G(Z);
+});
 export {
   mt as ItemDetails
 };

package/dist/rwa/components/table/base/item-details.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-details.js","sources":["../../../../../src/rwa/components/table/base/item-details.tsx"],"sourcesContent":["import { Icon } from \"@/powerhouse\";\nimport {\n  FormInputs,\n  RWAButton,\n  tableLabels,\n  TableName,\n  useDependentItemProps,\n  useEditorContext,\n  useModal,\n  useTableForm,\n} from \"@/rwa\";\nimport { memo, useCallback } from \"react\";\n\ntype Props = {\n  readonly tableName: TableName;\n};\nfunction _ItemDetails(props: Props) {\n  const { tableName } = props;\n  const { showModal, closeModal } = useModal();\n\n  const {\n    selectedTableItem,\n    operation,\n    viewItem,\n    editItem,\n    clearSelected,\n    handleAction,\n    isAllowedToCreateDocuments,\n    isAllowedToEditDocuments,\n    principalLenderAccountId,\n  } = useEditorContext();\n\n  const dependentItemProps = useDependentItemProps(\n    tableName,\n    selectedTableItem?.id,\n  );\n  const hasDependentItems = dependentItemProps.some(\n    (p) => p.dependentItems.length > 0,\n  );\n\n  const isEditOperation = operation === \"edit\";\n  const isCreateOperation = operation === \"create\";\n  const isViewOperation = operation === \"view\";\n  const isAllowedToCreateOrEdit =\n    isAllowedToCreateDocuments || isAllowedToEditDocuments;\n  const isPrincipalLenderAccount =\n    tableName === \"ACCOUNT\" &&\n    selectedTableItem?.id === principalLenderAccountId;\n  const isAllowedToDeleteItem = !isPrincipalLenderAccount;\n  const showCancelButton = !isViewOperation && isAllowedToCreateOrEdit;\n  const showSubmitButton = !isViewOperation && isAllowedToCreateOrEdit;\n  const showDeleteButton =\n    isEditOperation && isAllowedToEditDocuments && isAllowedToDeleteItem;\n  const showEditButton = isViewOperation && isAllowedToEditDocuments;\n  const showCloseButton = isViewOperation;\n\n  const tableLabel = tableLabels[tableName];\n\n  const {\n    submit,\n    reset,\n    formInputs: { inputs, additionalInputs },\n  } = useTableForm({\n    tableName,\n    tableItem: selectedTableItem,\n    operation,\n  });\n\n  const handleClose = useCallback(() => {\n    reset();\n    clearSelected();\n  }, [clearSelected, reset]);\n\n  const handleCancel = useCallback(() => {\n    if (operation === \"edit\" && !!selectedTableItem) {\n      viewItem(selectedTableItem, tableName);\n      return;\n    }\n    handleClose();\n  }, [handleClose, operation, selectedTableItem, tableName, viewItem]);\n\n  const showDeleteModal = useCallback(() => {\n    if (!isAllowedToDeleteItem || !hasDependentItems) return;\n\n    showModal(\"deleteItem\", {\n      tableName,\n      dependentItemProps,\n    });\n  }, [\n    isAllowedToDeleteItem,\n    hasDependentItems,\n    showModal,\n    tableName,\n    dependentItemProps,\n  ]);\n\n  const handleDelete = useCallback(() => {\n    if (!selectedTableItem) return;\n\n    if (hasDependentItems) {\n      showDeleteModal();\n      return;\n    }\n\n    const editorDeleteActionType = `DELETE_${tableName}` as const;\n    handleAction({\n      type: editorDeleteActionType,\n      payload: selectedTableItem,\n    });\n    clearSelected();\n    closeModal();\n  }, [\n    selectedTableItem,\n    hasDependentItems,\n    tableName,\n    handleAction,\n    clearSelected,\n    closeModal,\n    showDeleteModal,\n  ]);\n\n  const onEditButtonClick = useCallback(() => {\n    if (!selectedTableItem) return;\n    editItem(selectedTableItem, tableName);\n  }, [selectedTableItem, editItem, tableName]);\n\n  const closeButton = (\n    <RWAButton className=\"text-gray-600\" onClick={handleClose}>\n      Close\n    </RWAButton>\n  );\n\n  const cancelButton = (\n    <RWAButton className=\"text-gray-600\" onClick={handleCancel}>\n      Cancel\n    </RWAButton>\n  );\n\n  const submitButton = (\n    <RWAButton\n      icon={<Icon name=\"Save\" size={16} />}\n      iconPosition=\"right\"\n      onClick={submit}\n    >\n      {isCreateOperation ? \"Save\" : \"Save Edits\"}\n    </RWAButton>\n  );\n\n  const deleteButton = (\n    <button onClick={handleDelete}>\n      <Icon className=\"ml-3 text-red-800\" name=\"Trash\" size={22} />\n    </button>\n  );\n\n  const editButton = (\n    <RWAButton\n      icon={<Icon name=\"Pencil\" size={16} />}\n      iconPosition=\"right\"\n      onClick={onEditButtonClick}\n    >\n      Edit {tableLabel}\n    </RWAButton>\n  );\n\n  return (\n    <div className=\"flex flex-col rounded-md border border-gray-300 bg-white\">\n      <div className=\"flex justify-between rounded-t-md border-b border-gray-300 bg-gray-100 p-3 font-semibold text-gray-800\">\n        <div className=\"flex items-center\">\n          {selectedTableItem?.itemNumber\n            ? `${tableLabel} #${selectedTableItem.itemNumber}`\n            : `New ${tableLabel}`}\n        </div>\n        <div className=\"flex gap-x-2\">\n          {showCancelButton ? cancelButton : null}\n          {showCloseButton ? closeButton : null}\n          {showSubmitButton ? submitButton : null}\n          {showDeleteButton ? deleteButton : null}\n          {showEditButton ? editButton : null}\n        </div>\n      </div>\n      <FormInputs inputs={inputs} />\n      {additionalInputs}\n    </div>\n  );\n}\n\nexport const ItemDetails = memo(_ItemDetails);\n"],"names":["_ItemDetails","props","tableName","showModal","closeModal","useModal","selectedTableItem","operation","viewItem","editItem","clearSelected","handleAction","isAllowedToCreateDocuments","isAllowedToEditDocuments","principalLenderAccountId","useEditorContext","dependentItemProps","useDependentItemProps","hasDependentItems","p","isEditOperation","isCreateOperation","isViewOperation","isAllowedToCreateOrEdit","isAllowedToDeleteItem","showCancelButton","showSubmitButton","showDeleteButton","showEditButton","showCloseButton","tableLabel","tableLabels","submit","reset","inputs","additionalInputs","useTableForm","handleClose","useCallback","handleCancel","showDeleteModal","handleDelete","editorDeleteActionType","onEditButtonClick","closeButton","jsx","RWAButton","cancelButton","submitButton","Icon","deleteButton","editButton","jsxs","FormInputs","ItemDetails","memo"],"mappings":"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"}
+{"version":3,"file":"item-details.js","sources":["../../../../../src/rwa/components/table/base/item-details.tsx"],"sourcesContent":["import { Icon } from \"@/powerhouse\";\nimport {\n  FormInputs,\n  RWAButton,\n  tableLabels,\n  TableName,\n  useDependentItemProps,\n  useEditorContext,\n  useModal,\n  useTableForm,\n} from \"@/rwa\";\nimport { memo, useCallback } from \"react\";\n\ntype Props = {\n  readonly tableName: TableName;\n};\nexport const ItemDetails = memo(function ItemDetails(props: Props) {\n  const { tableName } = props;\n  const { showModal, closeModal } = useModal();\n\n  const {\n    selectedTableItem,\n    operation,\n    viewItem,\n    editItem,\n    clearSelected,\n    handleAction,\n    isAllowedToCreateDocuments,\n    isAllowedToEditDocuments,\n    principalLenderAccountId,\n  } = useEditorContext();\n\n  const dependentItemProps = useDependentItemProps(\n    tableName,\n    selectedTableItem?.id,\n  );\n  const hasDependentItems = dependentItemProps.some(\n    (p) => p.dependentItems.length > 0,\n  );\n\n  const isEditOperation = operation === \"edit\";\n  const isCreateOperation = operation === \"create\";\n  const isViewOperation = operation === \"view\";\n  const isAllowedToCreateOrEdit =\n    isAllowedToCreateDocuments || isAllowedToEditDocuments;\n  const isPrincipalLenderAccount =\n    tableName === \"ACCOUNT\" &&\n    selectedTableItem?.id === principalLenderAccountId;\n  const isAllowedToDeleteItem = !isPrincipalLenderAccount;\n  const showCancelButton = !isViewOperation && isAllowedToCreateOrEdit;\n  const showSubmitButton = !isViewOperation && isAllowedToCreateOrEdit;\n  const showDeleteButton =\n    isEditOperation && isAllowedToEditDocuments && isAllowedToDeleteItem;\n  const showEditButton = isViewOperation && isAllowedToEditDocuments;\n  const showCloseButton = isViewOperation;\n\n  const tableLabel = tableLabels[tableName];\n\n  const {\n    submit,\n    reset,\n    formInputs: { inputs, additionalInputs },\n  } = useTableForm({\n    tableName,\n    tableItem: selectedTableItem,\n    operation,\n  });\n\n  const handleClose = useCallback(() => {\n    reset();\n    clearSelected();\n  }, [clearSelected, reset]);\n\n  const handleCancel = useCallback(() => {\n    if (operation === \"edit\" && !!selectedTableItem) {\n      viewItem(selectedTableItem, tableName);\n      return;\n    }\n    handleClose();\n  }, [handleClose, operation, selectedTableItem, tableName, viewItem]);\n\n  const showDeleteModal = useCallback(() => {\n    if (!isAllowedToDeleteItem || !hasDependentItems) return;\n\n    showModal(\"deleteItem\", {\n      tableName,\n      dependentItemProps,\n    });\n  }, [\n    isAllowedToDeleteItem,\n    hasDependentItems,\n    showModal,\n    tableName,\n    dependentItemProps,\n  ]);\n\n  const handleDelete = useCallback(() => {\n    if (!selectedTableItem) return;\n\n    if (hasDependentItems) {\n      showDeleteModal();\n      return;\n    }\n\n    const editorDeleteActionType = `DELETE_${tableName}` as const;\n    handleAction({\n      type: editorDeleteActionType,\n      payload: selectedTableItem,\n    });\n    clearSelected();\n    closeModal();\n  }, [\n    selectedTableItem,\n    hasDependentItems,\n    tableName,\n    handleAction,\n    clearSelected,\n    closeModal,\n    showDeleteModal,\n  ]);\n\n  const onEditButtonClick = useCallback(() => {\n    if (!selectedTableItem) return;\n    editItem(selectedTableItem, tableName);\n  }, [selectedTableItem, editItem, tableName]);\n\n  const closeButton = (\n    <RWAButton className=\"text-gray-600\" onClick={handleClose}>\n      Close\n    </RWAButton>\n  );\n\n  const cancelButton = (\n    <RWAButton className=\"text-gray-600\" onClick={handleCancel}>\n      Cancel\n    </RWAButton>\n  );\n\n  const submitButton = (\n    <RWAButton\n      icon={<Icon name=\"Save\" size={16} />}\n      iconPosition=\"right\"\n      onClick={submit}\n    >\n      {isCreateOperation ? \"Save\" : \"Save Edits\"}\n    </RWAButton>\n  );\n\n  const deleteButton = (\n    <button onClick={handleDelete}>\n      <Icon className=\"ml-3 text-red-800\" name=\"Trash\" size={22} />\n    </button>\n  );\n\n  const editButton = (\n    <RWAButton\n      icon={<Icon name=\"Pencil\" size={16} />}\n      iconPosition=\"right\"\n      onClick={onEditButtonClick}\n    >\n      Edit {tableLabel}\n    </RWAButton>\n  );\n\n  return (\n    <div className=\"flex flex-col rounded-md border border-gray-300 bg-white\">\n      <div className=\"flex justify-between rounded-t-md border-b border-gray-300 bg-gray-100 p-3 font-semibold text-gray-800\">\n        <div className=\"flex items-center\">\n          {selectedTableItem?.itemNumber\n            ? `${tableLabel} #${selectedTableItem.itemNumber}`\n            : `New ${tableLabel}`}\n        </div>\n        <div className=\"flex gap-x-2\">\n          {showCancelButton ? cancelButton : null}\n          {showCloseButton ? closeButton : null}\n          {showSubmitButton ? submitButton : null}\n          {showDeleteButton ? deleteButton : null}\n          {showEditButton ? editButton : null}\n        </div>\n      </div>\n      <FormInputs inputs={inputs} />\n      {additionalInputs}\n    </div>\n  );\n});\n"],"names":["ItemDetails","memo","props","tableName","showModal","closeModal","useModal","selectedTableItem","operation","viewItem","editItem","clearSelected","handleAction","isAllowedToCreateDocuments","isAllowedToEditDocuments","principalLenderAccountId","useEditorContext","dependentItemProps","useDependentItemProps","hasDependentItems","p","isEditOperation","isCreateOperation","isViewOperation","isAllowedToCreateOrEdit","isAllowedToDeleteItem","showCancelButton","showSubmitButton","showDeleteButton","showEditButton","showCloseButton","tableLabel","tableLabels","submit","reset","inputs","additionalInputs","useTableForm","handleClose","useCallback","handleCancel","showDeleteModal","handleDelete","editorDeleteActionType","onEditButtonClick","closeButton","jsx","RWAButton","cancelButton","submitButton","Icon","deleteButton","editButton","jsxs","FormInputs"],"mappings":"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"}

package/dist/style.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;flex:1}.Toastify__toast-icon{margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.bottom-\[-2px\]{bottom:-2px}.bottom-\[-3px\]{bottom:-3px}.left-0{left:0}.left-\[-2px\]{left:-2px}.right-0{right:0}.right-\[-2px\]{right:-2px}.top-0{top:0}.top-10{top:2.5rem}.top-\[-2px\]{top:-2px}.isolate{isolation:isolate}.z-10{z-index:10}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-40{margin-top:10rem;margin-bottom:10rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-ml-6{margin-left:-1.5rem}.-mt-12{margin-top:-3rem}.-mt-20{margin-top:-5rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-\[234px\]{margin-left:234px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-6{margin-right:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-full{width:100%;height:100%}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-3{height:.75rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[117px\]{height:117px}.h-\[244px\]{height:244px}.h-\[300px\]{height:300px}.h-\[420px\]{height:420px}.h-\[52px\]{height:52px}.h-auto{height:auto}.h-full{height:100%}.h-max{height:-moz-max-content;height:max-content}.h-px{height:1px}.h-screen{height:100vh}.max-h-0{max-height:0px}.max-h-6{max-height:1.5rem}.max-h-\[245px\]{max-height:245px}.max-h-screen{max-height:100vh}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-4{min-height:1rem}.min-h-9{min-height:2.25rem}.min-h-\[48px\]{min-height:48px}.min-h-\[50px\]{min-height:50px}.w-11{width:2.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-5{width:1.25rem}.w-52{width:13rem}.w-64{width:16rem}.w-8{width:2rem}.w-96{width:24rem}.w-\[200px\]{width:200px}.w-\[30\%\]{width:30%}.w-\[320px\]{width:320px}.w-\[400px\]{width:400px}.w-\[408px\]{width:408px}.w-\[420px\]{width:420px}.w-\[432px\]{width:432px}.w-\[450px\]{width:450px}.w-\[500px\]{width:500px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-36{min-width:9rem}.min-w-64{min-width:16rem}.min-w-72{min-width:18rem}.min-w-8{min-width:2rem}.min-w-\[142px\]{min-width:142px}.min-w-\[360px\]{min-width:360px}.min-w-\[408px\]{min-width:408px}.max-w-36{max-width:9rem}.max-w-96{max-width:24rem}.max-w-\[200px\]{max-width:200px}.max-w-\[408px\]{max-width:408px}.max-w-\[650px\]{max-width:650px}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink-0{flex-shrink:0}.border-separate{border-collapse:separate}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[270deg\]{--tw-rotate: 270deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-scale-x-100{--tw-scale-x: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-\[1fr\,auto\,1fr\]{grid-template-columns:1fr auto 1fr}.grid-cols-\[1fr\,auto\]{grid-template-columns:1fr auto}.grid-cols-\[208px\,380px\]{grid-template-columns:208px 380px}.grid-cols-\[auto\,auto\]{grid-template-columns:auto auto}.grid-cols-\[minmax\(min-content\,1018px\)\]{grid-template-columns:minmax(min-content,1018px)}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-12{-moz-column-gap:3rem;column-gap:3rem}.gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-4{row-gap:1rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-blue-600{--tw-border-opacity: 1;border-color:hsl(var(--color-blue-600) / var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity: 1;border-color:hsl(var(--color-gray-100) / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:hsl(var(--color-gray-200) / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:hsl(var(--color-gray-300) / var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity: 1;border-color:hsl(var(--color-gray-400) / var(--tw-border-opacity))}.border-gray-900{--tw-border-opacity: 1;border-color:hsl(var(--color-gray-900) / var(--tw-border-opacity))}.border-red-900{--tw-border-opacity: 1;border-color:hsl(var(--color-red-900) / var(--tw-border-opacity))}.border-slate-100{--tw-border-opacity: 1;border-color:hsl(var(--color-slate-100) / var(--tw-border-opacity))}.border-slate-50{--tw-border-opacity: 1;border-color:hsl(var(--color-slate-50) / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.bg-blue-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-100) / var(--tw-bg-opacity))}.bg-blue-800{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-800) / var(--tw-bg-opacity))}.bg-blue-900{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-900) / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-100) / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-200) / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-300) / var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-400) / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-50) / var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-500) / var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-800) / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-green-100) / var(--tw-bg-opacity))}.bg-inherit{background-color:inherit}.bg-orange-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-orange-100) / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:hsl(var(--color-red-500) / var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity: 1;background-color:hsl(var(--color-red-600) / var(--tw-bg-opacity))}.bg-red-900{--tw-bg-opacity: 1;background-color:hsl(var(--color-red-900) / var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-slate-100) / var(--tw-bg-opacity))}.bg-slate-50{--tw-bg-opacity: 1;background-color:hsl(var(--color-slate-50) / var(--tw-bg-opacity))}.bg-slate-900\/50{background-color:hsl(var(--color-slate-900) / .5)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:hsl(var(--color-white) / var(--tw-bg-opacity))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-2{padding-bottom:.5rem}.pb-6{padding-bottom:1.5rem}.pl-1{padding-left:.25rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-11{padding-top:2.75rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.text-2xl{font-size:1.5rem;line-height:2.25rem}.text-3xl{font-size:2rem;line-height:3rem}.text-4xl{font-size:2.5rem;line-height:4rem}.text-5xl{font-size:4rem;line-height:5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.875rem}.text-xs{font-size:.75rem;line-height:1.125rem}.font-bold{font-weight:700}.font-extralight{font-weight:200}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-10{line-height:2.5rem}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.tracking-wide{letter-spacing:.025em}.text-\[\#9DA6B9\]{--tw-text-opacity: 1;color:rgb(157 166 185 / var(--tw-text-opacity))}.text-blue-900{--tw-text-opacity: 1;color:hsl(var(--color-blue-900) / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:hsl(var(--color-gray-300) / var(--tw-text-opacity))}.text-gray-50{--tw-text-opacity: 1;color:hsl(var(--color-gray-50) / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:hsl(var(--color-gray-500) / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:hsl(var(--color-gray-600) / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:hsl(var(--color-gray-800) / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:hsl(var(--color-gray-900) / var(--tw-text-opacity))}.text-green-700{--tw-text-opacity: 1;color:hsl(var(--color-green-700) / var(--tw-text-opacity))}.text-green-800{--tw-text-opacity: 1;color:hsl(var(--color-green-800) / var(--tw-text-opacity))}.text-green-900{--tw-text-opacity: 1;color:hsl(var(--color-green-900) / var(--tw-text-opacity))}.text-inherit{color:inherit}.text-orange-700{--tw-text-opacity: 1;color:hsl(var(--color-orange-700) / var(--tw-text-opacity))}.text-orange-800{--tw-text-opacity: 1;color:hsl(var(--color-orange-800) / var(--tw-text-opacity))}.text-orange-900{--tw-text-opacity: 1;color:hsl(var(--color-orange-900) / var(--tw-text-opacity))}.text-purple-900{--tw-text-opacity: 1;color:hsl(var(--color-purple-900) / var(--tw-text-opacity))}.text-red-700{--tw-text-opacity: 1;color:hsl(var(--color-red-700) / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:hsl(var(--color-red-800) / var(--tw-text-opacity))}.text-red-900{--tw-text-opacity: 1;color:hsl(var(--color-red-900) / var(--tw-text-opacity))}.text-slate-100{--tw-text-opacity: 1;color:hsl(var(--color-slate-100) / var(--tw-text-opacity))}.text-slate-200{--tw-text-opacity: 1;color:hsl(var(--color-slate-200) / var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity: 1;color:hsl(var(--color-slate-300) / var(--tw-text-opacity))}.text-slate-50{--tw-text-opacity: 1;color:hsl(var(--color-slate-50) / var(--tw-text-opacity))}.text-slate-800{--tw-text-opacity: 1;color:hsl(var(--color-slate-800) / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:hsl(var(--color-white) / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.accent-gray-900{accent-color:hsl(var(--color-gray-900) / 1)}.shadow{--tw-shadow: 0px 4px 8px -4px rgba(0, 0, 0, .02), 0px -1px 1px 0px rgba(0, 0, 0, .04) inset;--tw-shadow-colored: 0px 4px 8px -4px var(--tw-shadow-color), inset 0px -1px 1px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-button{--tw-shadow: var(--shadow-button);--tw-shadow-colored: var(--shadow-button);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sidebar{--tw-shadow: var(--shadow-sidebar);--tw-shadow-colored: var(--shadow-sidebar);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-tooltip{--tw-shadow: var(--shadow-tooltip);--tw-shadow-colored: var(--shadow-tooltip);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-red-900{outline-color:hsl(var(--color-red-900) / 1)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[border-radius\]{transition-property:border-radius;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[max-height\]{transition-property:max-height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-none{transition-property:none}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-75{transition-delay:75ms}.duration-1000{transition-duration:1s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.animate-out{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.fade-in{--tw-enter-opacity: 0}.fade-out{--tw-exit-opacity: 0}.zoom-in{--tw-enter-scale: 0}.zoom-out{--tw-exit-scale: 0}.duration-1000{animation-duration:1s}.duration-300{animation-duration:.3s}.delay-75{animation-delay:75ms}.ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.modal-shadow{box-shadow:0 0 24px 4px #0000000d,0 44px 48px -12px #00000026,0 2px 8px #0000000d}.tab-shadow{box-shadow:0 16px 16px -4px #0000001a}:root{--color-white: 0 0% 100%;--color-black: 0 0% 0%;--color-gray-50: 0 0% 99%;--color-gray-100: 0 0% 96%;--color-gray-200: 0 0% 94%;--color-gray-300: 210 3% 85%;--color-gray-400: 180 2% 78%;--color-gray-500: 200 2% 63%;--color-gray-600: 200 4% 44%;--color-gray-700: 189 5% 29%;--color-gray-800: 200 4% 26%;--color-gray-900: 192 5% 21%;--color-slate-50: 210 20% 96%;--color-slate-100: 210 9% 74%;--color-slate-200: 210 9% 48%;--color-slate-300: 210 9% 39%;--color-slate-400: 210 9% 30%;--color-slate-500: 207 8% 21%;--color-slate-600: 210 9% 13%;--color-slate-700: 204 9% 11%;--color-slate-800: 195 9% 9%;--color-slate-900: 195 6% 6%;--color-slate-950: 0 0% 0%;--color-blue-100: 209 100% 90%;--color-blue-200: 209 97% 85%;--color-blue-300: 209 100% 80%;--color-blue-400: 209 100% 75%;--color-blue-500: 209 100% 70%;--color-blue-600: 209 100% 65%;--color-blue-700: 209 100% 60%;--color-blue-800: 209 100% 55%;--color-blue-900: 209 100% 50%;--color-green-100: 134 51% 89%;--color-green-200: 135 52% 83%;--color-green-300: 136 52% 77%;--color-green-400: 136 53% 72%;--color-green-500: 136 53% 66%;--color-green-600: 136 53% 60%;--color-green-700: 136 52% 55%;--color-green-800: 136 53% 49%;--color-green-900: 136 53% 43%;--color-purple-100: 262 79% 93%;--color-purple-200: 263 79% 89%;--color-purple-300: 263 79% 85%;--color-purple-400: 264 77% 81%;--color-purple-500: 264 77% 77%;--color-purple-600: 263 76% 74%;--color-purple-700: 263 78% 70%;--color-purple-800: 263 78% 66%;--color-purple-900: 263 78% 63%;--color-red-100: 3 82% 96%;--color-red-200: 3 82% 91%;--color-red-300: 6 82% 87%;--color-red-400: 5 82% 83%;--color-red-500: 5 80% 78%;--color-red-600: 4 81% 74%;--color-red-700: 4 81% 69%;--color-red-800: 5 81% 61%;--color-red-900: 5 81% 56%;--color-orange-100: 33 100% 90%;--color-orange-200: 32 100% 85%;--color-orange-300: 32 100% 80%;--color-orange-400: 32 100% 75%;--color-orange-500: 33 99% 70%;--color-orange-600: 32 100% 65%;--color-orange-700: 32 100% 60%;--color-orange-800: 33 100% 55%;--color-orange-900: 32 100% 50%;--transparent: transparent;--white: hsl(var(--color-white));--black: hsl(var(--color-black));--gray-50: hsl(var(--color-gray-50));--gray-100: hsl(var(--color-gray-100));--gray-200: hsl(var(--color-gray-200));--gray-300: hsl(var(--color-gray-300));--gray-400: hsl(var(--color-gray-400));--gray-500: hsl(var(--color-gray-500));--gray-600: hsl(var(--color-gray-600));--gray-700: hsl(var(--color-gray-700));--gray-800: hsl(var(--color-gray-800));--gray-900: hsl(var(--color-gray-900));--slate-50: hsl(var(--color-slate-50));--slate-100: hsl(var(--color-slate-100));--slate-200: hsl(var(--color-slate-200));--slate-300: hsl(var(--color-slate-300));--slate-400: hsl(var(--color-slate-400));--slate-500: hsl(var(--color-slate-500));--slate-600: hsl(var(--color-slate-600));--slate-700: hsl(var(--color-slate-700));--slate-800: hsl(var(--color-slate-800));--slate-900: hsl(var(--color-slate-900));--slate-950: hsl(var(--color-slate-950));--blue-100: hsl(var(--color-blue-100));--blue-200: hsl(var(--color-blue-200));--blue-300: hsl(var(--color-blue-300));--blue-400: hsl(var(--color-blue-400));--blue-500: hsl(var(--color-blue-500));--blue-600: hsl(var(--color-blue-600));--blue-700: hsl(var(--color-blue-700));--blue-800: hsl(var(--color-blue-800));--blue-900: hsl(var(--color-blue-900));--green-100: hsl(var(--color-green-100));--green-200: hsl(var(--color-green-200));--green-300: hsl(var(--color-green-300));--green-400: hsl(var(--color-green-400));--green-500: hsl(var(--color-green-500));--green-600: hsl(var(--color-green-600));--green-700: hsl(var(--color-green-700));--green-800: hsl(var(--color-green-800));--green-900: hsl(var(--color-green-900));--purple-100: hsl(var(--color-purple-100));--purple-200: hsl(var(--color-purple-200));--purple-300: hsl(var(--color-purple-300));--purple-400: hsl(var(--color-purple-400));--purple-500: hsl(var(--color-purple-500));--purple-600: hsl(var(--color-purple-600));--purple-700: hsl(var(--color-purple-700));--purple-800: hsl(var(--color-purple-800));--purple-900: hsl(var(--color-purple-900));--red-100: hsl(var(--color-red-100));--red-200: hsl(var(--color-red-200));--red-300: hsl(var(--color-red-300));--red-400: hsl(var(--color-red-400));--red-500: hsl(var(--color-red-500));--red-600: hsl(var(--color-red-600));--red-700: hsl(var(--color-red-700));--red-800: hsl(var(--color-red-800));--red-900: hsl(var(--color-red-900));--orange-100: hsl(var(--color-orange-100));--orange-200: hsl(var(--color-orange-200));--orange-300: hsl(var(--color-orange-300));--orange-400: hsl(var(--color-orange-400));--orange-500: hsl(var(--color-orange-500));--orange-600: hsl(var(--color-orange-600));--orange-700: hsl(var(--color-orange-700));--orange-800: hsl(var(--color-orange-800));--orange-900: hsl(var(--color-orange-900));--shadow-sidebar: 0px 33px 32px -16px rgba(0, 0, 0, .1), 0px 0px 16px 4px rgba(0, 0, 0, .04);--shadow-tooltip: 0px 2px 8px 0px rgba(0, 0, 0, .05), 0px 44px 48px -12px rgba(0, 0, 0, .15), 0px 0px 24px 4px rgba(0, 0, 0, .05);--shadow-button: 0px -1px 1px 0px rgba(0, 0, 0, .04) inset, 0px 2px 0px 0px rgba(255, 255, 255, .25) inset, 0px 4px 8px -4px rgba(0, 0, 0, .1);--toastify-toast-min-height: 48px;--toastify-toast-bd-radius: 8px;--toastify-text-color-light: var(--gray-800);--toastify-color-progress-info: var(--gray-300);--toastify-color-progress-success: var(--gray-300);--toastify-color-progress-warning: var(--gray-300);--toastify-color-progress-error: var(--gray-300);--toastify-color-progress-light: var(--gray-300)}html:has(dialog[open]){overflow:hidden}.checkbox-container input[type=checkbox]{accent-color:var(--gray-900)}.rmsc{--rmsc-main: var(--gray-300) !important;--rmsc-hover: var(--gray-100) !important;--rmsc-selected: var(--gray-300) !important}.Toastify__toast-body{padding:0;margin:0;font-size:14px;font-weight:600}.Toastify__toast{box-shadow:0 8px 32px #00000052;padding:12px 16px}.Toastify__progress-bar--wrp{height:2px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}h1,h2,h3,h4,h5,h6,p{color:var(--gray-900)}.placeholder\:text-gray-500::-moz-placeholder{--tw-text-opacity: 1;color:hsl(var(--color-gray-500) / var(--tw-text-opacity))}.placeholder\:text-gray-500::placeholder{--tw-text-opacity: 1;color:hsl(var(--color-gray-500) / var(--tw-text-opacity))}.placeholder\:text-red-800::-moz-placeholder{--tw-text-opacity: 1;color:hsl(var(--color-red-800) / var(--tw-text-opacity))}.placeholder\:text-red-800::placeholder{--tw-text-opacity: 1;color:hsl(var(--color-red-800) / var(--tw-text-opacity))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-0\.5:after{content:var(--tw-content);inset-inline-start:.125rem}.after\:top-0\.5:after{content:var(--tw-content);top:.125rem}.after\:size-5:after{content:var(--tw-content);width:1.25rem;height:1.25rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:border:after{content:var(--tw-content);border-width:1px}.after\:border-none:after{content:var(--tw-content);border-style:none}.after\:bg-gray-50:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-50) / var(--tw-bg-opacity))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.first\:border-l-0:first-child{border-left-width:0px}.last\:mb-0:last-child{margin-bottom:0}.last\:rounded-b-md:last-child{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.odd\:bg-white:nth-child(odd){--tw-bg-opacity: 1;background-color:hsl(var(--color-white) / var(--tw-bg-opacity))}.even\:bg-gray-50:nth-child(2n){--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-50) / var(--tw-bg-opacity))}.first-of-type\:rounded-t-2xl:first-of-type{border-top-left-radius:1rem;border-top-right-radius:1rem}.first-of-type\:border-b-0:first-of-type{border-bottom-width:0px}.first-of-type\:pt-3:first-of-type{padding-top:.75rem}.last-of-type\:rounded-b-2xl:last-of-type{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.last-of-type\:border-t-0:last-of-type{border-top-width:0px}.last-of-type\:pb-3:last-of-type{padding-bottom:.75rem}.last-of-type\:text-gray-800:last-of-type{--tw-text-opacity: 1;color:hsl(var(--color-gray-800) / var(--tw-text-opacity))}.placeholder-shown\:bg-transparent:-moz-placeholder-shown{background-color:transparent}.placeholder-shown\:bg-transparent:placeholder-shown{background-color:transparent}.hover\:scale-100:hover{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:hsl(var(--color-gray-300) / var(--tw-border-opacity))}.hover\:border-gray-500:hover{--tw-border-opacity: 1;border-color:hsl(var(--color-gray-500) / var(--tw-border-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-100) / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-200) / var(--tw-bg-opacity))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-300) / var(--tw-bg-opacity))}.hover\:bg-gray-900:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-900) / var(--tw-bg-opacity))}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-slate-50) / var(--tw-bg-opacity))}.hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-slate-800) / var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-white) / var(--tw-bg-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:hsl(var(--color-gray-600) / var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:hsl(var(--color-gray-700) / var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:hsl(var(--color-gray-800) / var(--tw-text-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:hsl(var(--color-gray-900) / var(--tw-text-opacity))}.hover\:text-red-900:hover{--tw-text-opacity: 1;color:hsl(var(--color-red-900) / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:brightness-125:hover{--tw-brightness: brightness(1.25);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:border-blue-800:active{--tw-border-opacity: 1;border-color:hsl(var(--color-blue-800) / var(--tw-border-opacity))}.active\:border-red-800:active{--tw-border-opacity: 1;border-color:hsl(var(--color-red-800) / var(--tw-border-opacity))}.active\:border-slate-100:active{--tw-border-opacity: 1;border-color:hsl(var(--color-slate-100) / var(--tw-border-opacity))}.active\:border-slate-700:active{--tw-border-opacity: 1;border-color:hsl(var(--color-slate-700) / var(--tw-border-opacity))}.active\:text-gray-600:active{--tw-text-opacity: 1;color:hsl(var(--color-gray-600) / var(--tw-text-opacity))}.active\:opacity-100:active{opacity:1}.active\:opacity-50:active{opacity:.5}.active\:opacity-75:active{opacity:.75}.active\:opacity-80:active{opacity:.8}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-300:disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-300) / var(--tw-bg-opacity))}.disabled\:bg-transparent:disabled{background-color:transparent}.disabled\:p-0:disabled{padding:0}.disabled\:text-left:disabled{text-align:left}.disabled\:text-blue-400:disabled{--tw-text-opacity: 1;color:hsl(var(--color-blue-400) / var(--tw-text-opacity))}.disabled\:text-gray-400:disabled{--tw-text-opacity: 1;color:hsl(var(--color-gray-400) / var(--tw-text-opacity))}.disabled\:text-red-400:disabled{--tw-text-opacity: 1;color:hsl(var(--color-red-400) / var(--tw-text-opacity))}.disabled\:text-slate-100:disabled{--tw-text-opacity: 1;color:hsl(var(--color-slate-100) / var(--tw-text-opacity))}.disabled\:opacity-100:disabled{opacity:1}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:mr-0{margin-right:0}.group\/node:hover .group-hover\/node\:block,.group\/sidebar-footer:hover .group-hover\/sidebar-footer\:block,.group:hover .group-hover\:block{display:block}.group\/sidebar-footer:hover .group-hover\/sidebar-footer\:hidden{display:none}.group\/node:hover .group-hover\/node\:text-gray-900{--tw-text-opacity: 1;color:hsl(var(--color-gray-900) / var(--tw-text-opacity))}.group:hover .group-hover\:text-gray-800{--tw-text-opacity: 1;color:hsl(var(--color-gray-800) / var(--tw-text-opacity))}.peer:checked~.peer-checked\:bg-blue-900{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-900) / var(--tw-bg-opacity))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}@keyframes fade-out{0%{opacity:100%}to{opacity:0%}}.data-\[state\=closed\]\:animate-fade-out[data-state=closed]{animation:fade-out .2s ease-out}@keyframes zoom-out{0%{transform:scale(1)}to{transform:scale(.95)}}.data-\[state\=closed\]\:animate-zoom-out[data-state=closed]{animation:zoom-out .2s ease-out}@keyframes fade-in{0%{opacity:0%}to{opacity:100%}}.data-\[state\=open\]\:animate-fade-in[data-state=open]{animation:fade-in .3s ease-in}@keyframes zoom-in{0%{transform:scale(.95)}to{transform:scale(1)}}.data-\[state\=open\]\:animate-zoom-in[data-state=open]{animation:zoom-in .3s ease-in}.data-\[state\=\'active\'\]\:bg-gray-50[data-state=active]{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-50) / var(--tw-bg-opacity))}.data-\[state\=\'active\'\]\:text-gray-900[data-state=active]{--tw-text-opacity: 1;color:hsl(var(--color-gray-900) / var(--tw-text-opacity))}.data-\[state\=\'active\'\]\:tab-shadow[data-state=active]{box-shadow:0 16px 16px -4px #0000001a}.group.collapsed .collapsed\:grid{display:grid}.group.collapsed .collapsed\:hidden{display:none}.group.collapsed .collapsed\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group.collapsed .collapsed\:justify-center{justify-content:center}.group.collapsed .collapsed\:border-gray-100\/10{border-color:hsl(var(--color-gray-100) / .1)}.group.collapsed .collapsed\:bg-gray-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-100) / var(--tw-bg-opacity))}.group.collapsed .collapsed\:bg-transparent{background-color:transparent}.group.collapsed .collapsed\:px-1{padding-left:.25rem;padding-right:.25rem}.group.collapsed .collapsed\:px-3{padding-left:.75rem;padding-right:.75rem}.group.collapsed .collapsed\:shadow-sidebar{--tw-shadow: var(--shadow-sidebar);--tw-shadow-colored: var(--shadow-sidebar);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group.collapsed .collapsed\:hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-slate-50) / var(--tw-bg-opacity))}.group.collapsing .collapsing\:bg-transparent{background-color:transparent}.group.expanded .expanded\:block{display:block}.group.expanded .expanded\:flex{display:flex}.group.expanding .expanding\:hidden{display:none}.group.expanding .expanding\:justify-center{justify-content:center}.group.expanding .expanding\:bg-transparent{background-color:transparent}.group.expanding .expanding\:px-1{padding-left:.25rem;padding-right:.25rem}.group.expanding .expanding\:px-3{padding-left:.75rem;padding-right:.75rem}.document-editor{position:absolute;display:block;box-sizing:border-box;width:100%;height:100%;overflow:hidden;background-color:#aaa;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:11pt}.dark-mode.document-editor{background-color:#1a1d1f}.editor-toolbar{width:100%;height:36px;overflow:hidden;margin:0;padding:0;background-color:#fff;box-shadow:0 0 5px 1px #00000080;border-bottom:1px solid #aaa}.dark-mode .editor-toolbar{background-color:#141718;border-bottom:1px solid #0a0a0a;color:#6c7275}.editor-toolbar--column{width:25%;height:100%;box-sizing:border-box;display:inline-block;vertical-align:top;overflow:hidden;padding:4px;margin:0}.editor-toolbar--left{text-align:left}.editor-toolbar--center{width:50%;text-align:center}.editor-toolbar--right{text-align:right}.toolbar-button{display:inline-block;height:100%;border-radius:5px;border:1px solid transparent;box-sizing:border-box;margin:0 4px 0 0;padding:2px 6px;cursor:pointer}.toolbar-button:hover{background-color:#f6f6f6}.dark-mode .toolbar-button:hover{background-color:#323337;color:#d6d6d6}.editor-worksheet{display:block;height:calc(100% - 36px);overflow-y:auto;padding:1em;box-sizing:border-box}.editor-worksheet--header-left{box-sizing:border-box;display:inline-block;width:85%}.editor-worksheet--header-right{box-sizing:border-box;display:inline-block;width:15%;vertical-align:top}.editor-worksheet--page{max-width:60em;min-height:27em;height:100%;box-sizing:content-box;border:1px solid #eee;background-color:#fff;padding:6em;margin:0 auto;box-shadow:3px 3px 3px #0006}.editor-worksheet--page h1{font-weight:400;font-size:28pt;margin:0;padding:0}.editor-worksheet--page p{font-style:italic;margin:.25em 0 5em;padding:0}.dark-mode .editor-worksheet--page{background-color:#0a0a0a;border:1px solid #141718;color:#d6d6d6}
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;flex:1}.Toastify__toast-icon{margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.bottom-\[-2px\]{bottom:-2px}.bottom-\[-3px\]{bottom:-3px}.left-0{left:0}.left-\[-2px\]{left:-2px}.right-0{right:0}.right-\[-2px\]{right:-2px}.top-0{top:0}.top-10{top:2.5rem}.top-\[-2px\]{top:-2px}.isolate{isolation:isolate}.z-10{z-index:10}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-40{margin-top:10rem;margin-bottom:10rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-ml-6{margin-left:-1.5rem}.-mt-12{margin-top:-3rem}.-mt-20{margin-top:-5rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-\[234px\]{margin-left:234px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-6{margin-right:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-full{width:100%;height:100%}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-3{height:.75rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[117px\]{height:117px}.h-\[244px\]{height:244px}.h-\[300px\]{height:300px}.h-\[420px\]{height:420px}.h-\[52px\]{height:52px}.h-auto{height:auto}.h-full{height:100%}.h-max{height:-moz-max-content;height:max-content}.h-px{height:1px}.h-screen{height:100vh}.max-h-0{max-height:0px}.max-h-6{max-height:1.5rem}.max-h-\[245px\]{max-height:245px}.max-h-screen{max-height:100vh}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-4{min-height:1rem}.min-h-9{min-height:2.25rem}.min-h-\[48px\]{min-height:48px}.min-h-\[50px\]{min-height:50px}.w-11{width:2.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-5{width:1.25rem}.w-52{width:13rem}.w-64{width:16rem}.w-8{width:2rem}.w-96{width:24rem}.w-\[200px\]{width:200px}.w-\[30\%\]{width:30%}.w-\[320px\]{width:320px}.w-\[400px\]{width:400px}.w-\[408px\]{width:408px}.w-\[420px\]{width:420px}.w-\[432px\]{width:432px}.w-\[450px\]{width:450px}.w-\[500px\]{width:500px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-36{min-width:9rem}.min-w-64{min-width:16rem}.min-w-72{min-width:18rem}.min-w-8{min-width:2rem}.min-w-\[142px\]{min-width:142px}.min-w-\[360px\]{min-width:360px}.min-w-\[408px\]{min-width:408px}.max-w-36{max-width:9rem}.max-w-96{max-width:24rem}.max-w-\[200px\]{max-width:200px}.max-w-\[408px\]{max-width:408px}.max-w-\[650px\]{max-width:650px}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink-0{flex-shrink:0}.border-separate{border-collapse:separate}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[270deg\]{--tw-rotate: 270deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-scale-x-100{--tw-scale-x: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-\[1fr\,auto\,1fr\]{grid-template-columns:1fr auto 1fr}.grid-cols-\[1fr\,auto\]{grid-template-columns:1fr auto}.grid-cols-\[208px\,380px\]{grid-template-columns:208px 380px}.grid-cols-\[auto\,auto\]{grid-template-columns:auto auto}.grid-cols-\[minmax\(min-content\,1018px\)\]{grid-template-columns:minmax(min-content,1018px)}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-12{-moz-column-gap:3rem;column-gap:3rem}.gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-4{row-gap:1rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-blue-600{--tw-border-opacity: 1;border-color:hsl(var(--color-blue-600) / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:hsl(var(--color-gray-100) / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:hsl(var(--color-gray-200) / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:hsl(var(--color-gray-300) / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color:hsl(var(--color-gray-400) / var(--tw-border-opacity, 1))}.border-gray-900{--tw-border-opacity: 1;border-color:hsl(var(--color-gray-900) / var(--tw-border-opacity, 1))}.border-red-900{--tw-border-opacity: 1;border-color:hsl(var(--color-red-900) / var(--tw-border-opacity, 1))}.border-slate-100{--tw-border-opacity: 1;border-color:hsl(var(--color-slate-100) / var(--tw-border-opacity, 1))}.border-slate-50{--tw-border-opacity: 1;border-color:hsl(var(--color-slate-50) / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.bg-blue-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-100) / var(--tw-bg-opacity, 1))}.bg-blue-800{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-800) / var(--tw-bg-opacity, 1))}.bg-blue-900{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-900) / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-100) / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-200) / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-300) / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-400) / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-50) / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-500) / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-800) / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-green-100) / var(--tw-bg-opacity, 1))}.bg-inherit{background-color:inherit}.bg-orange-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-orange-100) / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:hsl(var(--color-red-500) / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:hsl(var(--color-red-600) / var(--tw-bg-opacity, 1))}.bg-red-900{--tw-bg-opacity: 1;background-color:hsl(var(--color-red-900) / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-slate-100) / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:hsl(var(--color-slate-50) / var(--tw-bg-opacity, 1))}.bg-slate-900\/50{background-color:hsl(var(--color-slate-900) / .5)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:hsl(var(--color-white) / var(--tw-bg-opacity, 1))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-2{padding-bottom:.5rem}.pb-6{padding-bottom:1.5rem}.pl-1{padding-left:.25rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-11{padding-top:2.75rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.text-2xl{font-size:1.5rem;line-height:2.25rem}.text-3xl{font-size:2rem;line-height:3rem}.text-4xl{font-size:2.5rem;line-height:4rem}.text-5xl{font-size:4rem;line-height:5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.875rem}.text-xs{font-size:.75rem;line-height:1.125rem}.font-bold{font-weight:700}.font-extralight{font-weight:200}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-10{line-height:2.5rem}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.tracking-wide{letter-spacing:.025em}.text-\[\#9DA6B9\]{--tw-text-opacity: 1;color:rgb(157 166 185 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:hsl(var(--color-blue-900) / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:hsl(var(--color-gray-300) / var(--tw-text-opacity, 1))}.text-gray-50{--tw-text-opacity: 1;color:hsl(var(--color-gray-50) / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:hsl(var(--color-gray-500) / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:hsl(var(--color-gray-600) / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:hsl(var(--color-gray-800) / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:hsl(var(--color-gray-900) / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:hsl(var(--color-green-700) / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:hsl(var(--color-green-800) / var(--tw-text-opacity, 1))}.text-green-900{--tw-text-opacity: 1;color:hsl(var(--color-green-900) / var(--tw-text-opacity, 1))}.text-inherit{color:inherit}.text-orange-700{--tw-text-opacity: 1;color:hsl(var(--color-orange-700) / var(--tw-text-opacity, 1))}.text-orange-800{--tw-text-opacity: 1;color:hsl(var(--color-orange-800) / var(--tw-text-opacity, 1))}.text-orange-900{--tw-text-opacity: 1;color:hsl(var(--color-orange-900) / var(--tw-text-opacity, 1))}.text-purple-900{--tw-text-opacity: 1;color:hsl(var(--color-purple-900) / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:hsl(var(--color-red-700) / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:hsl(var(--color-red-800) / var(--tw-text-opacity, 1))}.text-red-900{--tw-text-opacity: 1;color:hsl(var(--color-red-900) / var(--tw-text-opacity, 1))}.text-slate-100{--tw-text-opacity: 1;color:hsl(var(--color-slate-100) / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:hsl(var(--color-slate-200) / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:hsl(var(--color-slate-300) / var(--tw-text-opacity, 1))}.text-slate-50{--tw-text-opacity: 1;color:hsl(var(--color-slate-50) / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:hsl(var(--color-slate-800) / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:hsl(var(--color-white) / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.accent-gray-900{accent-color:hsl(var(--color-gray-900) / 1)}.shadow{--tw-shadow: 0px 4px 8px -4px rgba(0, 0, 0, .02), 0px -1px 1px 0px rgba(0, 0, 0, .04) inset;--tw-shadow-colored: 0px 4px 8px -4px var(--tw-shadow-color), inset 0px -1px 1px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-button{--tw-shadow: var(--shadow-button);--tw-shadow-colored: var(--shadow-button);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sidebar{--tw-shadow: var(--shadow-sidebar);--tw-shadow-colored: var(--shadow-sidebar);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-tooltip{--tw-shadow: var(--shadow-tooltip);--tw-shadow-colored: var(--shadow-tooltip);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-red-900{outline-color:hsl(var(--color-red-900) / 1)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[border-radius\]{transition-property:border-radius;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[max-height\]{transition-property:max-height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-none{transition-property:none}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-75{transition-delay:75ms}.duration-1000{transition-duration:1s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.animate-out{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.fade-in{--tw-enter-opacity: 0}.fade-out{--tw-exit-opacity: 0}.zoom-in{--tw-enter-scale: 0}.zoom-out{--tw-exit-scale: 0}.duration-1000{animation-duration:1s}.duration-300{animation-duration:.3s}.delay-75{animation-delay:75ms}.ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.modal-shadow{box-shadow:0 0 24px 4px #0000000d,0 44px 48px -12px #00000026,0 2px 8px #0000000d}.tab-shadow{box-shadow:0 16px 16px -4px #0000001a}:root{--color-white: 0 0% 100%;--color-black: 0 0% 0%;--color-gray-50: 0 0% 99%;--color-gray-100: 0 0% 96%;--color-gray-200: 0 0% 94%;--color-gray-300: 210 3% 85%;--color-gray-400: 180 2% 78%;--color-gray-500: 200 2% 63%;--color-gray-600: 200 4% 44%;--color-gray-700: 189 5% 29%;--color-gray-800: 200 4% 26%;--color-gray-900: 192 5% 21%;--color-slate-50: 210 20% 96%;--color-slate-100: 210 9% 74%;--color-slate-200: 210 9% 48%;--color-slate-300: 210 9% 39%;--color-slate-400: 210 9% 30%;--color-slate-500: 207 8% 21%;--color-slate-600: 210 9% 13%;--color-slate-700: 204 9% 11%;--color-slate-800: 195 9% 9%;--color-slate-900: 195 6% 6%;--color-slate-950: 0 0% 0%;--color-blue-100: 209 100% 90%;--color-blue-200: 209 97% 85%;--color-blue-300: 209 100% 80%;--color-blue-400: 209 100% 75%;--color-blue-500: 209 100% 70%;--color-blue-600: 209 100% 65%;--color-blue-700: 209 100% 60%;--color-blue-800: 209 100% 55%;--color-blue-900: 209 100% 50%;--color-green-100: 134 51% 89%;--color-green-200: 135 52% 83%;--color-green-300: 136 52% 77%;--color-green-400: 136 53% 72%;--color-green-500: 136 53% 66%;--color-green-600: 136 53% 60%;--color-green-700: 136 52% 55%;--color-green-800: 136 53% 49%;--color-green-900: 136 53% 43%;--color-purple-100: 262 79% 93%;--color-purple-200: 263 79% 89%;--color-purple-300: 263 79% 85%;--color-purple-400: 264 77% 81%;--color-purple-500: 264 77% 77%;--color-purple-600: 263 76% 74%;--color-purple-700: 263 78% 70%;--color-purple-800: 263 78% 66%;--color-purple-900: 263 78% 63%;--color-red-100: 3 82% 96%;--color-red-200: 3 82% 91%;--color-red-300: 6 82% 87%;--color-red-400: 5 82% 83%;--color-red-500: 5 80% 78%;--color-red-600: 4 81% 74%;--color-red-700: 4 81% 69%;--color-red-800: 5 81% 61%;--color-red-900: 5 81% 56%;--color-orange-100: 33 100% 90%;--color-orange-200: 32 100% 85%;--color-orange-300: 32 100% 80%;--color-orange-400: 32 100% 75%;--color-orange-500: 33 99% 70%;--color-orange-600: 32 100% 65%;--color-orange-700: 32 100% 60%;--color-orange-800: 33 100% 55%;--color-orange-900: 32 100% 50%;--transparent: transparent;--white: hsl(var(--color-white));--black: hsl(var(--color-black));--gray-50: hsl(var(--color-gray-50));--gray-100: hsl(var(--color-gray-100));--gray-200: hsl(var(--color-gray-200));--gray-300: hsl(var(--color-gray-300));--gray-400: hsl(var(--color-gray-400));--gray-500: hsl(var(--color-gray-500));--gray-600: hsl(var(--color-gray-600));--gray-700: hsl(var(--color-gray-700));--gray-800: hsl(var(--color-gray-800));--gray-900: hsl(var(--color-gray-900));--slate-50: hsl(var(--color-slate-50));--slate-100: hsl(var(--color-slate-100));--slate-200: hsl(var(--color-slate-200));--slate-300: hsl(var(--color-slate-300));--slate-400: hsl(var(--color-slate-400));--slate-500: hsl(var(--color-slate-500));--slate-600: hsl(var(--color-slate-600));--slate-700: hsl(var(--color-slate-700));--slate-800: hsl(var(--color-slate-800));--slate-900: hsl(var(--color-slate-900));--slate-950: hsl(var(--color-slate-950));--blue-100: hsl(var(--color-blue-100));--blue-200: hsl(var(--color-blue-200));--blue-300: hsl(var(--color-blue-300));--blue-400: hsl(var(--color-blue-400));--blue-500: hsl(var(--color-blue-500));--blue-600: hsl(var(--color-blue-600));--blue-700: hsl(var(--color-blue-700));--blue-800: hsl(var(--color-blue-800));--blue-900: hsl(var(--color-blue-900));--green-100: hsl(var(--color-green-100));--green-200: hsl(var(--color-green-200));--green-300: hsl(var(--color-green-300));--green-400: hsl(var(--color-green-400));--green-500: hsl(var(--color-green-500));--green-600: hsl(var(--color-green-600));--green-700: hsl(var(--color-green-700));--green-800: hsl(var(--color-green-800));--green-900: hsl(var(--color-green-900));--purple-100: hsl(var(--color-purple-100));--purple-200: hsl(var(--color-purple-200));--purple-300: hsl(var(--color-purple-300));--purple-400: hsl(var(--color-purple-400));--purple-500: hsl(var(--color-purple-500));--purple-600: hsl(var(--color-purple-600));--purple-700: hsl(var(--color-purple-700));--purple-800: hsl(var(--color-purple-800));--purple-900: hsl(var(--color-purple-900));--red-100: hsl(var(--color-red-100));--red-200: hsl(var(--color-red-200));--red-300: hsl(var(--color-red-300));--red-400: hsl(var(--color-red-400));--red-500: hsl(var(--color-red-500));--red-600: hsl(var(--color-red-600));--red-700: hsl(var(--color-red-700));--red-800: hsl(var(--color-red-800));--red-900: hsl(var(--color-red-900));--orange-100: hsl(var(--color-orange-100));--orange-200: hsl(var(--color-orange-200));--orange-300: hsl(var(--color-orange-300));--orange-400: hsl(var(--color-orange-400));--orange-500: hsl(var(--color-orange-500));--orange-600: hsl(var(--color-orange-600));--orange-700: hsl(var(--color-orange-700));--orange-800: hsl(var(--color-orange-800));--orange-900: hsl(var(--color-orange-900));--shadow-sidebar: 0px 33px 32px -16px rgba(0, 0, 0, .1), 0px 0px 16px 4px rgba(0, 0, 0, .04);--shadow-tooltip: 0px 2px 8px 0px rgba(0, 0, 0, .05), 0px 44px 48px -12px rgba(0, 0, 0, .15), 0px 0px 24px 4px rgba(0, 0, 0, .05);--shadow-button: 0px -1px 1px 0px rgba(0, 0, 0, .04) inset, 0px 2px 0px 0px rgba(255, 255, 255, .25) inset, 0px 4px 8px -4px rgba(0, 0, 0, .1);--toastify-toast-min-height: 48px;--toastify-toast-bd-radius: 8px;--toastify-text-color-light: var(--gray-800);--toastify-color-progress-info: var(--gray-300);--toastify-color-progress-success: var(--gray-300);--toastify-color-progress-warning: var(--gray-300);--toastify-color-progress-error: var(--gray-300);--toastify-color-progress-light: var(--gray-300)}html:has(dialog[open]){overflow:hidden}.checkbox-container input[type=checkbox]{accent-color:var(--gray-900)}.rmsc{--rmsc-main: var(--gray-300) !important;--rmsc-hover: var(--gray-100) !important;--rmsc-selected: var(--gray-300) !important}.Toastify__toast-body{padding:0;margin:0;font-size:14px;font-weight:600}.Toastify__toast{box-shadow:0 8px 32px #00000052;padding:12px 16px}.Toastify__progress-bar--wrp{height:2px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}h1,h2,h3,h4,h5,h6,p{color:var(--gray-900)}.placeholder\:text-gray-500::-moz-placeholder{--tw-text-opacity: 1;color:hsl(var(--color-gray-500) / var(--tw-text-opacity, 1))}.placeholder\:text-gray-500::placeholder{--tw-text-opacity: 1;color:hsl(var(--color-gray-500) / var(--tw-text-opacity, 1))}.placeholder\:text-red-800::-moz-placeholder{--tw-text-opacity: 1;color:hsl(var(--color-red-800) / var(--tw-text-opacity, 1))}.placeholder\:text-red-800::placeholder{--tw-text-opacity: 1;color:hsl(var(--color-red-800) / var(--tw-text-opacity, 1))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-0\.5:after{content:var(--tw-content);inset-inline-start:.125rem}.after\:top-0\.5:after{content:var(--tw-content);top:.125rem}.after\:size-5:after{content:var(--tw-content);width:1.25rem;height:1.25rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:border:after{content:var(--tw-content);border-width:1px}.after\:border-none:after{content:var(--tw-content);border-style:none}.after\:bg-gray-50:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-50) / var(--tw-bg-opacity, 1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.first\:border-l-0:first-child{border-left-width:0px}.last\:mb-0:last-child{margin-bottom:0}.last\:rounded-b-md:last-child{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.odd\:bg-white:nth-child(odd){--tw-bg-opacity: 1;background-color:hsl(var(--color-white) / var(--tw-bg-opacity, 1))}.even\:bg-gray-50:nth-child(2n){--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-50) / var(--tw-bg-opacity, 1))}.first-of-type\:rounded-t-2xl:first-of-type{border-top-left-radius:1rem;border-top-right-radius:1rem}.first-of-type\:border-b-0:first-of-type{border-bottom-width:0px}.first-of-type\:pt-3:first-of-type{padding-top:.75rem}.last-of-type\:rounded-b-2xl:last-of-type{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.last-of-type\:border-t-0:last-of-type{border-top-width:0px}.last-of-type\:pb-3:last-of-type{padding-bottom:.75rem}.last-of-type\:text-gray-800:last-of-type{--tw-text-opacity: 1;color:hsl(var(--color-gray-800) / var(--tw-text-opacity, 1))}.placeholder-shown\:bg-transparent:-moz-placeholder-shown{background-color:transparent}.placeholder-shown\:bg-transparent:placeholder-shown{background-color:transparent}.hover\:scale-100:hover{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:hsl(var(--color-gray-300) / var(--tw-border-opacity, 1))}.hover\:border-gray-500:hover{--tw-border-opacity: 1;border-color:hsl(var(--color-gray-500) / var(--tw-border-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-100) / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-200) / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-300) / var(--tw-bg-opacity, 1))}.hover\:bg-gray-900:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-900) / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-slate-50) / var(--tw-bg-opacity, 1))}.hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-slate-800) / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-white) / var(--tw-bg-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:hsl(var(--color-gray-600) / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:hsl(var(--color-gray-700) / var(--tw-text-opacity, 1))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:hsl(var(--color-gray-800) / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:hsl(var(--color-gray-900) / var(--tw-text-opacity, 1))}.hover\:text-red-900:hover{--tw-text-opacity: 1;color:hsl(var(--color-red-900) / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:brightness-125:hover{--tw-brightness: brightness(1.25);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:border-blue-800:active{--tw-border-opacity: 1;border-color:hsl(var(--color-blue-800) / var(--tw-border-opacity, 1))}.active\:border-red-800:active{--tw-border-opacity: 1;border-color:hsl(var(--color-red-800) / var(--tw-border-opacity, 1))}.active\:border-slate-100:active{--tw-border-opacity: 1;border-color:hsl(var(--color-slate-100) / var(--tw-border-opacity, 1))}.active\:border-slate-700:active{--tw-border-opacity: 1;border-color:hsl(var(--color-slate-700) / var(--tw-border-opacity, 1))}.active\:text-gray-600:active{--tw-text-opacity: 1;color:hsl(var(--color-gray-600) / var(--tw-text-opacity, 1))}.active\:opacity-100:active{opacity:1}.active\:opacity-50:active{opacity:.5}.active\:opacity-75:active{opacity:.75}.active\:opacity-80:active{opacity:.8}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-300:disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-300) / var(--tw-bg-opacity, 1))}.disabled\:bg-transparent:disabled{background-color:transparent}.disabled\:p-0:disabled{padding:0}.disabled\:text-left:disabled{text-align:left}.disabled\:text-blue-400:disabled{--tw-text-opacity: 1;color:hsl(var(--color-blue-400) / var(--tw-text-opacity, 1))}.disabled\:text-gray-400:disabled{--tw-text-opacity: 1;color:hsl(var(--color-gray-400) / var(--tw-text-opacity, 1))}.disabled\:text-red-400:disabled{--tw-text-opacity: 1;color:hsl(var(--color-red-400) / var(--tw-text-opacity, 1))}.disabled\:text-slate-100:disabled{--tw-text-opacity: 1;color:hsl(var(--color-slate-100) / var(--tw-text-opacity, 1))}.disabled\:opacity-100:disabled{opacity:1}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:mr-0{margin-right:0}.group\/node:hover .group-hover\/node\:block,.group\/sidebar-footer:hover .group-hover\/sidebar-footer\:block,.group:hover .group-hover\:block{display:block}.group\/sidebar-footer:hover .group-hover\/sidebar-footer\:hidden{display:none}.group\/node:hover .group-hover\/node\:text-gray-900{--tw-text-opacity: 1;color:hsl(var(--color-gray-900) / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-gray-800{--tw-text-opacity: 1;color:hsl(var(--color-gray-800) / var(--tw-text-opacity, 1))}.peer:checked~.peer-checked\:bg-blue-900{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-900) / var(--tw-bg-opacity, 1))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}@keyframes fade-out{0%{opacity:100%}to{opacity:0%}}.data-\[state\=closed\]\:animate-fade-out[data-state=closed]{animation:fade-out .2s ease-out}@keyframes zoom-out{0%{transform:scale(1)}to{transform:scale(.95)}}.data-\[state\=closed\]\:animate-zoom-out[data-state=closed]{animation:zoom-out .2s ease-out}@keyframes fade-in{0%{opacity:0%}to{opacity:100%}}.data-\[state\=open\]\:animate-fade-in[data-state=open]{animation:fade-in .3s ease-in}@keyframes zoom-in{0%{transform:scale(.95)}to{transform:scale(1)}}.data-\[state\=open\]\:animate-zoom-in[data-state=open]{animation:zoom-in .3s ease-in}.data-\[state\=\'active\'\]\:bg-gray-50[data-state=active]{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-50) / var(--tw-bg-opacity, 1))}.data-\[state\=\'active\'\]\:text-gray-900[data-state=active]{--tw-text-opacity: 1;color:hsl(var(--color-gray-900) / var(--tw-text-opacity, 1))}.data-\[state\=\'active\'\]\:tab-shadow[data-state=active]{box-shadow:0 16px 16px -4px #0000001a}.group.collapsed .collapsed\:grid{display:grid}.group.collapsed .collapsed\:hidden{display:none}.group.collapsed .collapsed\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group.collapsed .collapsed\:justify-center{justify-content:center}.group.collapsed .collapsed\:border-gray-100\/10{border-color:hsl(var(--color-gray-100) / .1)}.group.collapsed .collapsed\:bg-gray-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-100) / var(--tw-bg-opacity, 1))}.group.collapsed .collapsed\:bg-transparent{background-color:transparent}.group.collapsed .collapsed\:px-1{padding-left:.25rem;padding-right:.25rem}.group.collapsed .collapsed\:px-3{padding-left:.75rem;padding-right:.75rem}.group.collapsed .collapsed\:shadow-sidebar{--tw-shadow: var(--shadow-sidebar);--tw-shadow-colored: var(--shadow-sidebar);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group.collapsed .collapsed\:hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-slate-50) / var(--tw-bg-opacity, 1))}.group.collapsing .collapsing\:bg-transparent{background-color:transparent}.group.expanded .expanded\:block{display:block}.group.expanded .expanded\:flex{display:flex}.group.expanding .expanding\:hidden{display:none}.group.expanding .expanding\:justify-center{justify-content:center}.group.expanding .expanding\:bg-transparent{background-color:transparent}.group.expanding .expanding\:px-1{padding-left:.25rem;padding-right:.25rem}.group.expanding .expanding\:px-3{padding-left:.75rem;padding-right:.75rem}.document-editor{position:absolute;display:block;box-sizing:border-box;width:100%;height:100%;overflow:hidden;background-color:#aaa;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:11pt}.dark-mode.document-editor{background-color:#1a1d1f}.editor-toolbar{width:100%;height:36px;overflow:hidden;margin:0;padding:0;background-color:#fff;box-shadow:0 0 5px 1px #00000080;border-bottom:1px solid #aaa}.dark-mode .editor-toolbar{background-color:#141718;border-bottom:1px solid #0a0a0a;color:#6c7275}.editor-toolbar--column{width:25%;height:100%;box-sizing:border-box;display:inline-block;vertical-align:top;overflow:hidden;padding:4px;margin:0}.editor-toolbar--left{text-align:left}.editor-toolbar--center{width:50%;text-align:center}.editor-toolbar--right{text-align:right}.toolbar-button{display:inline-block;height:100%;border-radius:5px;border:1px solid transparent;box-sizing:border-box;margin:0 4px 0 0;padding:2px 6px;cursor:pointer}.toolbar-button:hover{background-color:#f6f6f6}.dark-mode .toolbar-button:hover{background-color:#323337;color:#d6d6d6}.editor-worksheet{display:block;height:calc(100% - 36px);overflow-y:auto;padding:1em;box-sizing:border-box}.editor-worksheet--header-left{box-sizing:border-box;display:inline-block;width:85%}.editor-worksheet--header-right{box-sizing:border-box;display:inline-block;width:15%;vertical-align:top}.editor-worksheet--page{max-width:60em;min-height:27em;height:100%;box-sizing:content-box;border:1px solid #eee;background-color:#fff;padding:6em;margin:0 auto;box-shadow:3px 3px 3px #0006}.editor-worksheet--page h1{font-weight:400;font-size:28pt;margin:0;padding:0}.editor-worksheet--page p{font-style:italic;margin:.25em 0 5em;padding:0}.dark-mode .editor-worksheet--page{background-color:#0a0a0a;border:1px solid #141718;color:#d6d6d6}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@powerhousedao/design-system",
-  "version": "1.9.2",
+  "version": "1.11.0",
   "description": "",
   "files": [
     "/dist"
@@ -33,29 +33,29 @@
   "homepage": "https://github.com/powerhouse-inc/design-system#readme",
   "devDependencies": {
     "@hookform/devtools": "^4.3.1",
-    "@storybook/addon-actions": "^8.3.4",
-    "@storybook/addon-essentials": "^8.3.4",
-    "@storybook/addon-interactions": "^8.3.4",
-    "@storybook/addon-links": "^8.3.4",
-    "@storybook/addon-themes": "^8.3.4",
-    "@storybook/blocks": "^8.3.4",
-    "@storybook/preview-api": "^8.3.4",
-    "@storybook/react": "^8.3.4",
-    "@storybook/react-vite": "^8.3.4",
+    "@prettier/sync": "^0.5.2",
+    "@storybook/addon-actions": "^8.4.6",
+    "@storybook/addon-essentials": "^8.4.6",
+    "@storybook/addon-interactions": "^8.4.6",
+    "@storybook/addon-links": "^8.4.6",
+    "@storybook/addon-themes": "^8.4.6",
+    "@storybook/blocks": "^8.4.6",
+    "@storybook/preview-api": "^8.4.6",
+    "@storybook/react": "^8.4.6",
+    "@storybook/react-vite": "^8.4.6",
     "@storybook/testing-library": "^0.2.2",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.5.0",
-    "@testing-library/react": "^14.3.1",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.0.1",
     "@total-typescript/ts-reset": "^0.6.1",
-    "@types/jest": "^29.5.13",
-    "@types/react": "^18.3.10",
-    "@types/react-dom": "^18.2.19",
-    "@vitejs/plugin-react": "^4.3.2",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.4",
     "autoprefixer": "^10.4.20",
     "camelcase": "^8.0.0",
     "chromatic": "^11.11.0",
     "cross-env": "^7.0.3",
-    "document-model": "2.7.1",
     "fast-xml-parser": "^4.3.4",
     "jsdom": "^24.0.0",
     "lightningcss": "^1.27.0",
@@ -63,16 +63,17 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rollup-plugin-visualizer": "^5.12.0",
-    "storybook": "^8.3.4",
+    "storybook": "^8.4.6",
     "storybook-addon-pseudo-states": "^4.0.2",
     "tsx": "^4.19.1",
-    "@powerhousedao/scalars": "1.9.0"
+    "document-model": "2.8.0",
+    "@powerhousedao/scalars": "1.10.0"
   },
   "peerDependencies": {
-    "document-model": "^2.3.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "@powerhousedao/scalars": "1.8.0"
+    "@powerhousedao/scalars": "1.10.0",
+    "document-model": "2.8.0"
   },
   "dependencies": {
     "@internationalized/date": "^3.5.6",
@@ -105,7 +106,7 @@
     "check-types": "tsc --noEmit",
     "postlint": "npm run check-types",
     "lint": "eslint",
-    "create-icon-components": "tsx scripts/create-icon-components.ts && eslint src/assets/icon-components --no-ignore --fix",
+    "create-icon-components": "tsx scripts/create-icon-components.ts",
     "prepublish": "npm run create-icon-components",
     "build": "vite build",
     "build:watch": "vite build --watch",