@tesouro/embedded-components-react 0.2.1 → 0.2.6

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index249.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as n } from "@emotion/react/jsx-runtime";
-import { LoadingSpinner as f } from "./index164.js";
+import { LoadingSpinner as f } from "./index147.js";
 import { Button as t } from "./index86.js";
-import { Dialog as C, DialogContent as u, DialogHeader as D, DialogTitle as b, DialogDescription as w, DialogFooter as L } from "./index161.js";
+import { Dialog as C, DialogContent as u, DialogHeader as D, DialogTitle as b, DialogDescription as w, DialogFooter as L } from "./index178.js";
 import { useLingui as x } from "@lingui/react";
 const N = ({
   open: e,

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index25.js

@@ -1,5 +1,5 @@
 import { useMoniteContext as r } from "./index59.js";
-import { getAPIErrorMessage as s } from "./index122.js";
+import { getAPIErrorMessage as s } from "./index121.js";
 import { useLingui as o } from "@lingui/react";
 import { toast as n } from "react-hot-toast";
 const m = () => {

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index250.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
 import { useFormContext as m, Controller as w } from "react-hook-form";
 import { Typography as n } from "./index87.js";
 import { useLingui as u } from "@lingui/react";
-import { Switch as i } from "./index304.js";
+import { Switch as i } from "./index341.js";
 import { twMerge as h } from "tailwind-merge";
 const x = ({
   control: l,

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index253.js

@@ -2,9 +2,9 @@ import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
 import { useFormContext as $, Controller as c } from "react-hook-form";
 import { useLingui as F } from "@lingui/react";
 import { Typography as d } from "./index87.js";
-import { Field as m, FieldContent as s, FieldLabel as w, FieldError as u } from "./index227.js";
-import { Input as g } from "./index128.js";
-import { Checkbox as S } from "./index404.js";
+import { Field as m, FieldContent as s, FieldLabel as w, FieldError as u } from "./index222.js";
+import { Input as g } from "./index123.js";
+import { Checkbox as S } from "./index388.js";
 const E = ({
   control: o
 }) => {

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index257.js

@@ -12,10 +12,10 @@ import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as ke } from "../../shared/data-access/dist/lib/scopes.js";
 import { useLingui as Ne } from "@lingui/react";
 import "react-hot-toast";
-import { PayableLineItemsForm as Ve } from "./index461.js";
-import { prepareDefaultValues as H, calculateTotalsForPayable as Re, findDefaultBankAccount as Me, isFieldRequired as p, prepareSubmit as qe } from "./index330.js";
-import { usePayableDetailsForm as Ge } from "./index462.js";
-import { getPayableDetailsFormSchema as We, isFieldRequiredByValidations as I } from "./index463.js";
+import { PayableLineItemsForm as Ve } from "./index463.js";
+import { prepareDefaultValues as H, calculateTotalsForPayable as Re, findDefaultBankAccount as Me, isFieldRequired as p, prepareSubmit as qe } from "./index280.js";
+import { usePayableDetailsForm as Ge } from "./index464.js";
+import { getPayableDetailsFormSchema as We, isFieldRequiredByValidations as I } from "./index465.js";
 import { ScopedCssBaselineContainerClassName as Oe } from "./index106.js";
 import { CounterpartDetails as je } from "./index2.js";
 import { CounterpartAutocomplete as Le } from "./index4.js";
@@ -24,14 +24,14 @@ import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-dialog";
 import "lucide-react";
-import "./index227.js";
+import "./index222.js";
 import "@radix-ui/react-label";
 import "@radix-ui/react-radio-group";
 import "./index87.js";
 import { useForm as Ue, useFormState as Ee, FormProvider as Qe, Controller as x } from "react-hook-form";
 import "@hookform/resolvers/zod";
 import "zod";
-import "./index318.js";
+import "./index264.js";
 import "date-fns";
 import "@radix-ui/react-checkbox";
 import "@radix-ui/react-select";
@@ -48,16 +48,16 @@ import "@radix-ui/react-dropdown-menu";
 import "@tanstack/react-table";
 import { useRootElements as at } from "./index94.js";
 import { useOptionalFields as ot } from "./index61.js";
-import { useProductCurrencyGroups as it } from "./index423.js";
-import { getBankAccountName as nt } from "./index464.js";
+import { useProductCurrencyGroups as it } from "./index442.js";
+import { getBankAccountName as nt } from "./index466.js";
 import { safeZodResolver as st } from "./index252.js";
-import { MoniteCurrency as lt } from "./index465.js";
+import { MoniteCurrency as lt } from "./index467.js";
 import "react-dom";
 import "@mui/x-data-grid";
 import "./index103.js";
-import "./index466.js";
-import { TagsAutocompleteInput as dt } from "./index467.js";
-import { classNames as ct } from "./index150.js";
+import "./index468.js";
+import { TagsAutocompleteInput as dt } from "./index469.js";
+import { classNames as ct } from "./index168.js";
 import Z from "@mui/icons-material/Add";
 import ut from "@mui/icons-material/DeleteForever";
 import { DatePicker as X } from "@mui/x-date-pickers";

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index258.js

@@ -1,6 +1,6 @@
 import { useGetPayableCounterpart as Ge } from "./index16.js";
-import { prepareLineItemSubmit as B } from "./index330.js";
-import { usePaymentHandler as Te } from "./index393.js";
+import { prepareLineItemSubmit as B } from "./index280.js";
+import { usePaymentHandler as Te } from "./index385.js";
 import { usePayButtonVisibility as Fe } from "./index19.js";
 import { useGetPayableById as ke } from "./index21.js";
 import { useGetPayableLineItems as xe } from "./index22.js";
@@ -16,9 +16,9 @@ import { useForceRejectPayable as Ze } from "./index31.js";
 import { useForceApprovePayable as $e } from "./index32.js";
 import { useReopenPayable as ea } from "./index33.js";
 import { useDeletePayable as aa } from "./index34.js";
-import { useRejectApprovalRequest as ta } from "./index394.js";
-import { useApproveApprovalRequest as ia } from "./index395.js";
-import { isPayableInOCRProcessing as ra } from "./index264.js";
+import { useRejectApprovalRequest as ta } from "./index386.js";
+import { useApproveApprovalRequest as ia } from "./index387.js";
+import { isPayableInOCRProcessing as ra } from "./index302.js";
 import { useMoniteContext as sa } from "./index59.js";
 import { useCurrencies as oa } from "./index60.js";
 import { useState as na, useEffect as da, useCallback as X, useMemo as pa } from "react";

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index259.js

@@ -2,13 +2,13 @@ import { jsx as r, jsxs as f, Fragment as h } from "@emotion/react/jsx-runtime";
 import { useState as _, useMemo as A } from "react";
 import { toast as s } from "react-hot-toast";
 import { useMoniteContext as I } from "./index59.js";
-import { getAPIErrorMessage as B } from "./index122.js";
+import { getAPIErrorMessage as B } from "./index121.js";
 import { useLingui as S } from "@lingui/react";
 import "./index94.js";
 import { useFileInput as E } from "./index63.js";
 import "react-dom";
 import "@mui/x-data-grid";
-import { CenteredContentBox as M } from "./index210.js";
+import { CenteredContentBox as M } from "./index246.js";
 import T from "@mui/icons-material/AttachFile";
 import j from "@mui/icons-material/CloudUploadOutlined";
 import { useTheme as k, alpha as $, CircularProgress as z, Box as g, Typography as a, Button as L } from "@mui/material";

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index26.js

@@ -1,5 +1,5 @@
 import { useMoniteContext as a } from "./index59.js";
-import { getAPIErrorMessage as i } from "./index122.js";
+import { getAPIErrorMessage as i } from "./index121.js";
 import { useLingui as n } from "@lingui/react";
 import { toast as m } from "react-hot-toast";
 const l = (r) => {

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index260.js

@@ -1,19 +1,19 @@
 import { jsxs as s, jsx as r, Fragment as z } from "@emotion/react/jsx-runtime";
 import { useState as L } from "react";
 import { getCounterpartName as T } from "./index7.js";
-import { PayableStatusChip as h } from "./index221.js";
+import { PayableStatusChip as h } from "./index216.js";
 import { useCounterpartById as W } from "./index72.js";
 import "@tanstack/react-query";
 import "./index59.js";
 import "react-hot-toast";
 import { useLingui as q } from "@lingui/react";
-import { DropdownMenu as G } from "./index475.js";
-import { FullScreenModalHeader as J } from "./index476.js";
+import { DropdownMenu as G } from "./index470.js";
+import { FullScreenModalHeader as J } from "./index471.js";
 import { Box as K, Button as C } from "@mui/material";
 import { Wallet as Q } from "lucide-react";
-import { isPayableInOCRProcessing as U } from "./index264.js";
-import { PayableDetailsCancelModal as V } from "./index477.js";
-import { isBillOverdue as X } from "./index225.js";
+import { isPayableInOCRProcessing as U } from "./index302.js";
+import { PayableDetailsCancelModal as V } from "./index472.js";
+import { isBillOverdue as X } from "./index220.js";
 const fe = ({
   payable: o,
   permissions: a,

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index261.js

@@ -11,13 +11,13 @@ import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { useLedgerAccounts as de } from "./index20.js";
 import { useLingui as Q } from "@lingui/react";
 import "react-hot-toast";
-import { isPayableInOCRProcessing as ce } from "./index264.js";
-import { usePayableDetailsInfo as se } from "./index478.js";
+import { isPayableInOCRProcessing as ce } from "./index302.js";
+import { usePayableDetailsInfo as se } from "./index473.js";
 import { ScopedCssBaselineContainerClassName as M } from "./index106.js";
-import { UserDisplayCell as ue } from "./index479.js";
+import { UserDisplayCell as ue } from "./index474.js";
 import { getCounterpartName as he } from "./index7.js";
-import { PayableApprovalFlowSection as me } from "./index480.js";
-import { isFieldRequired as c } from "./index330.js";
+import { PayableApprovalFlowSection as me } from "./index475.js";
+import { isFieldRequired as c } from "./index280.js";
 import { MoniteScopedProviders as pe } from "./index85.js";
 import { useCurrencies as _e } from "./index60.js";
 import { useOptionalFields as ye } from "./index61.js";
@@ -25,10 +25,10 @@ import { useCounterpartContactList as fe } from "./index76.js";
 import { useEntityUserById as ge } from "./index77.js";
 import { useApprovalPolicyById as be } from "./index78.js";
 import { dateStringToLocalDate as k } from "./index98.js";
-import { StyledLabelTableCell as s } from "./index468.js";
-import { CenteredContentBox as ve } from "./index210.js";
-import { TagsModal as xe } from "./index481.js";
-import { classNames as O } from "./index150.js";
+import { StyledLabelTableCell as s } from "./index476.js";
+import { CenteredContentBox as ve } from "./index246.js";
+import { TagsModal as xe } from "./index477.js";
+import { classNames as O } from "./index168.js";
 import Ce from "@mui/icons-material/CachedOutlined";
 import Te from "@mui/icons-material/Edit";
 import we from "@mui/icons-material/WarningAmberRounded";

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index263.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "@emotion/react/jsx-runtime";
 import { lazy as r, useState as i, useEffect as a, Suspense as u } from "react";
-const m = r(() => import("./index472.js")), C = ({
+const m = r(() => import("./index462.js")), C = ({
   url: o,
   mimetype: l,
   name: t,

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index264.js

@@ -1,4 +1,151 @@
-const s = (o) => o.source_of_payable_data === "ocr" && o.ocr_status === "processing";
+import { z as D } from "zod";
+const S = {
+  AED: "AED",
+  AFN: "AFN",
+  ALL: "ALL",
+  AMD: "AMD",
+  ANG: "ANG",
+  AOA: "AOA",
+  ARS: "ARS",
+  AUD: "AUD",
+  AWG: "AWG",
+  AZN: "AZN",
+  BAM: "BAM",
+  BBD: "BBD",
+  BDT: "BDT",
+  BGN: "BGN",
+  BHD: "BHD",
+  BIF: "BIF",
+  BMD: "BMD",
+  BND: "BND",
+  BOB: "BOB",
+  BRL: "BRL",
+  BSD: "BSD",
+  BTN: "BTN",
+  BWP: "BWP",
+  BYN: "BYN",
+  BZD: "BZD",
+  CAD: "CAD",
+  CDF: "CDF",
+  CHF: "CHF",
+  CLP: "CLP",
+  CNY: "CNY",
+  COP: "COP",
+  CRC: "CRC",
+  CVE: "CVE",
+  CZK: "CZK",
+  DJF: "DJF",
+  DKK: "DKK",
+  DOP: "DOP",
+  DZD: "DZD",
+  EGP: "EGP",
+  ETB: "ETB",
+  EUR: "EUR",
+  FJD: "FJD",
+  FKP: "FKP",
+  GBP: "GBP",
+  GEL: "GEL",
+  GHS: "GHS",
+  GIP: "GIP",
+  GMD: "GMD",
+  GNF: "GNF",
+  GTQ: "GTQ",
+  GYD: "GYD",
+  HKD: "HKD",
+  HNL: "HNL",
+  HTG: "HTG",
+  HUF: "HUF",
+  IDR: "IDR",
+  ILS: "ILS",
+  INR: "INR",
+  IQD: "IQD",
+  ISK: "ISK",
+  JMD: "JMD",
+  JOD: "JOD",
+  JPY: "JPY",
+  KES: "KES",
+  KGS: "KGS",
+  KHR: "KHR",
+  KMF: "KMF",
+  KRW: "KRW",
+  KWD: "KWD",
+  KYD: "KYD",
+  KZT: "KZT",
+  LAK: "LAK",
+  LBP: "LBP",
+  LKR: "LKR",
+  LRD: "LRD",
+  LSL: "LSL",
+  LYD: "LYD",
+  MAD: "MAD",
+  MDL: "MDL",
+  MGA: "MGA",
+  MKD: "MKD",
+  MMK: "MMK",
+  MNT: "MNT",
+  MOP: "MOP",
+  MUR: "MUR",
+  MVR: "MVR",
+  MWK: "MWK",
+  MXN: "MXN",
+  MYR: "MYR",
+  MZN: "MZN",
+  NAD: "NAD",
+  NGN: "NGN",
+  NIO: "NIO",
+  NOK: "NOK",
+  NPR: "NPR",
+  NZD: "NZD",
+  OMR: "OMR",
+  PAB: "PAB",
+  PEN: "PEN",
+  PGK: "PGK",
+  PHP: "PHP",
+  PKR: "PKR",
+  PLN: "PLN",
+  PYG: "PYG",
+  QAR: "QAR",
+  RON: "RON",
+  RSD: "RSD",
+  RUB: "RUB",
+  RWF: "RWF",
+  SAR: "SAR",
+  SBD: "SBD",
+  SCR: "SCR",
+  SEK: "SEK",
+  SGD: "SGD",
+  SHP: "SHP",
+  SLE: "SLE",
+  SOS: "SOS",
+  SRD: "SRD",
+  SSP: "SSP",
+  SVC: "SVC",
+  SZL: "SZL",
+  THB: "THB",
+  TJS: "TJS",
+  TMT: "TMT",
+  TND: "TND",
+  TOP: "TOP",
+  TRY: "TRY",
+  TTD: "TTD",
+  TWD: "TWD",
+  TZS: "TZS",
+  UAH: "UAH",
+  UGX: "UGX",
+  USD: "USD",
+  UYU: "UYU",
+  UZS: "UZS",
+  VND: "VND",
+  VUV: "VUV",
+  WST: "WST",
+  XAF: "XAF",
+  XCD: "XCD",
+  XOF: "XOF",
+  XPF: "XPF",
+  YER: "YER",
+  ZAR: "ZAR",
+  ZMW: "ZMW"
+}, N = D.enum(Object.keys(S));
 export {
-  s as isPayableInOCRProcessing
+  N as CurrencyEnumSchema
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index265.js

@@ -1,98 +1,12 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { useDragScroll as b } from "./index396.js";
-import { PayableStatusChip as C } from "./index221.js";
-import { useMoniteContext as M } from "./index59.js";
-import { useCurrencies as x } from "./index60.js";
-import { Skeleton as A } from "./index146.js";
-import { StatusCard as D } from "./index365.js";
-import { useLingui as j } from "@lingui/react";
-import { useRef as L, useEffect as P } from "react";
-import { getPayablesAnalyticsSnapshot as U } from "./index397.js";
-const c = [{
-  groupStatus: "all",
-  apiStatuses: [],
-  representativeStatus: null
-}, {
-  groupStatus: "draft",
-  apiStatuses: ["draft", "new"],
-  representativeStatus: "draft"
-}, {
-  groupStatus: "pending_approval",
-  apiStatuses: ["approve_in_progress"],
-  representativeStatus: "approve_in_progress"
-}, {
-  groupStatus: "rejected",
-  apiStatuses: ["rejected"],
-  representativeStatus: "rejected"
-}, {
-  groupStatus: "ready_to_pay",
-  apiStatuses: ["waiting_to_be_paid", "partially_paid"],
-  representativeStatus: "waiting_to_be_paid"
-}, {
-  groupStatus: "paid",
-  apiStatuses: ["paid"],
-  representativeStatus: "paid"
-}, {
-  groupStatus: "cancelled",
-  apiStatuses: ["canceled"],
-  representativeStatus: "canceled"
-}], O = ({
-  onChangeFilter: o,
-  selectedStatus: s
-}) => {
-  const {
-    i18n: l
-  } = j(), {
-    data: r,
-    isLoading: n
-  } = k(), {
-    formatCurrencyToDisplay: m
-  } = x(), {
-    containerRef: S,
-    handleMouseDown: f,
-    handleMouseLeave: v,
-    handleMouseUp: _,
-    handleMouseMove: g
-  } = b();
-  if (n)
-    return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:gap-2", children: Array.from({
-      length: 6
-    }).map((t, u) => /* @__PURE__ */ i(A, { className: "ttw:h-16.5 ttw:w-42 ttw:rounded-xl ttw:animate-pulse" }, u)) });
-  const d = r?.data ?? [], w = c.map(({
-    groupStatus: t,
-    apiStatuses: u
-  }) => {
-    if (t === "all")
-      return {
-        status: "all",
-        count: d.reduce((e, a) => e + a.count, 0),
-        sum_total_amount: d.reduce((e, a) => e + (a.sum_total_amount ?? 0), 0)
-      };
-    const p = d.filter((e) => u.includes(e.status));
-    return {
-      status: t,
-      count: p.reduce((e, a) => e + a.count, 0),
-      sum_total_amount: p.reduce((e, a) => e + (a.sum_total_amount ?? 0), 0)
-    };
-  }).filter((t) => t.status === "all" || t.count > 0), h = (t) => {
-    o("status", t === "all" ? null : t);
-  }, y = (t) => m(t, "USD") ?? "—";
-  return /* @__PURE__ */ i("div", { ref: S, className: "ttw:flex ttw:gap-2 ttw:mb-6 ttw:overflow-x-auto ttw:[scrollbar-width:none] ttw:[&::-webkit-scrollbar]:hidden ttw:cursor-grab ttw:select-none", onMouseDown: f, onMouseLeave: v, onMouseUp: _, onMouseMove: g, children: w.map((t) => {
-    const u = c.find((p) => p.groupStatus === t.status);
-    return /* @__PURE__ */ i(D, { allItemsText: l._("All bills"), isAllStatus: t.status === "all", data: t.status === "all" ? t.count ?? 0 : t.sum_total_amount ?? 0, amountOfItems: t.status !== "all" ? t.count ?? 0 : void 0, selected: s === t.status, onClick: () => h(t.status), formatAmount: y, statusChip: u?.representativeStatus ? /* @__PURE__ */ i(C, { status: u.representativeStatus }) : void 0 }, t.status);
-  }) });
-}, k = () => {
-  const {
-    api: o,
-    queryClient: s
-  } = M(), l = o.finops.getPayablesAnalytics.useQuery({}, {
-    enabled: !!s,
-    refetchInterval: 3e3
-  }), r = U(l.data?.data), n = L(void 0);
-  return P(() => {
-    r !== void 0 && n.current !== void 0 && r !== n.current && s && o.finops.getPayables.invalidateQueries(s), n.current = r;
-  }, [r, o, s]), l;
-};
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { cn as o } from "./index102.js";
+import * as r from "@radix-ui/react-label";
+function l({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(r.Root, { "data-slot": "label", className: o("ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:leading-none ttw:font-medium ttw:select-none ttw:group-data-[disabled=true]:pointer-events-none ttw:group-data-[disabled=true]:opacity-50 ttw:peer-disabled:cursor-not-allowed ttw:peer-disabled:opacity-50", t), ...e });
+}
 export {
-  O as SummaryCardsFilters
+  l as Label
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index266.js

@@ -1,99 +1,21 @@
-import { jsx as a, jsxs as o, Fragment as w } from "@emotion/react/jsx-runtime";
-import { useLingui as v } from "@lingui/react";
-import { ListFilter as p } from "lucide-react";
-import { useFilterPanel as g, FilterBar as C, FilterTag as x, Popover as P, PopoverTrigger as b, FilterMenuButton as F, PopoverContent as f, DateRangePicker as D, MultiSelectFilter as N, AmountFilter as M, Input as S, RadioGroup as y, RadioGroupItem as I, SearchInput as k } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-const A = {
-  date: "ttw:w-auto",
-  status: "ttw:w-56",
-  amount: "ttw:w-64",
-  vendor: "ttw:w-64",
-  attachment: "ttw:w-56"
-}, _ = {
-  due_date: "Due date",
-  created_at: "Created on",
-  issued_at: "Issue date"
-}, H = [{
-  id: "date",
-  label: "Due date",
-  activeDateField: "due_date"
-}, {
-  id: "date",
-  label: "Created on",
-  activeDateField: "created_at"
-}, {
-  id: "date",
-  label: "Issue date",
-  activeDateField: "issued_at"
-}, {
-  id: "status",
-  label: "Status",
-  activeDateField: void 0
-}, {
-  id: "amount",
-  label: "Amount",
-  activeDateField: void 0
-}, {
-  id: "vendor",
-  label: "Vendor",
-  activeDateField: void 0
-}, {
-  id: "attachment",
-  label: "Attachment",
-  activeDateField: void 0
-}];
-function O(e) {
-  const {
-    i18n: i
-  } = v(), n = g(), s = n.isMenuOpen || !!n.activePanelId, r = n.activePanelId && A[n.activePanelId] || "ttw:w-52", d = e.allPresets.map((t) => ({
-    value: t.value,
-    label: t.label,
-    group: t.group
-  })), c = (t) => {
-    t || (n.closeMenu(), n.closePanel());
-  }, u = (t, l) => {
-    l && e.onActiveDateFieldChange(l), n.openPanel(t);
-  }, m = e.hasFile === !0 ? "has" : e.hasFile === !1 ? "no" : "any", h = (t) => {
-    t === "any" ? e.onHasFileChange(void 0) : t === "has" ? e.onHasFileChange(!0) : e.onHasFileChange(!1);
-  };
-  return /* @__PURE__ */ a(C, { className: "ttw:pl-4", searchSlot: /* @__PURE__ */ a(k, { value: e.searchValue, onChange: (t) => e.onSearchChange(t.target.value), placeholder: "Search by number or vendor..." }), menuSlot: /* @__PURE__ */ o(P, { open: s, onOpenChange: c, children: [
-    /* @__PURE__ */ a(b, { asChild: !0, children: /* @__PURE__ */ a(F, { activeCount: e.activeFilterCount, onClick: n.toggleMenu }) }),
-    /* @__PURE__ */ o(f, { align: "start", className: `ttw:p-0 ${r}`, children: [
-      n.isMenuOpen && /* @__PURE__ */ a("div", { className: "ttw:p-1", children: H.map((t, l) => /* @__PURE__ */ o("button", { type: "button", className: "ttw:flex ttw:items-center ttw:gap-2 ttw:w-full ttw:px-2 ttw:py-1.5 ttw:rounded-md ttw:text-xs ttw:font-medium ttw:hover:bg-accent ttw:transition-colors ttw:cursor-pointer", onClick: () => u(t.id, t.activeDateField), children: [
-        /* @__PURE__ */ a(p, { className: "ttw:size-4 ttw:text-muted-foreground ttw:shrink-0" }),
-        t.label
-      ] }, `${t.id}-${l}`)) }),
-      n.activePanelId === "date" && /* @__PURE__ */ a(D, { from: e.dateFrom, to: e.dateTo, onRangeChange: e.onDateRangeChange, selectedPreset: e.selectedDatePreset, onPresetChange: e.onDatePresetChange, presets: d, fieldLabel: _[e.activeDateField] }),
-      n.activePanelId === "status" && /* @__PURE__ */ a(N, { options: e.statusOptions, selectedValues: e.selectedStatus, onSelectionChange: e.onStatusChange }),
-      n.activePanelId === "amount" && /* @__PURE__ */ a(M, { mode: e.amountMode, onModeChange: e.onAmountModeChange, min: e.amountMin, max: e.amountMax, onMinChange: e.onAmountMinChange, onMaxChange: e.onAmountMaxChange, showFlowDirection: !1, minLabel: "No less than", maxLabel: "No more than" }),
-      n.activePanelId === "vendor" && /* @__PURE__ */ o("div", { className: "ttw:p-3 ttw:flex ttw:flex-col ttw:gap-2", children: [
-        /* @__PURE__ */ a("p", { className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground", children: "Vendor name" }),
-        /* @__PURE__ */ a(S, { type: "text", value: e.vendorName, onChange: (t) => e.onVendorNameChange(t.target.value), placeholder: "Search vendors...", className: "ttw:h-8 ttw:text-xs" }),
-        /* @__PURE__ */ a("p", { className: "ttw:text-xs ttw:text-muted-foreground", children: i._("Matches names containing your search") })
-      ] }),
-      n.activePanelId === "attachment" && /* @__PURE__ */ a("div", { className: "ttw:p-3", children: /* @__PURE__ */ a(y, { value: m, onValueChange: h, className: "ttw:flex ttw:flex-col ttw:gap-1", children: [{
-        value: "any",
-        label: "Any"
-      }, {
-        value: "has",
-        label: "Has attachment"
-      }, {
-        value: "no",
-        label: "No attachment"
-      }].map(({
-        value: t,
-        label: l
-      }) => /* @__PURE__ */ o("label", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:cursor-pointer", children: [
-        /* @__PURE__ */ a(I, { value: t }),
-        /* @__PURE__ */ a("span", { className: "ttw:text-xs ttw:font-medium", children: l })
-      ] }, t)) }) })
-    ] })
-  ] }), activeChipsSlot: /* @__PURE__ */ o(w, { children: [
-    e.activeChips.map((t) => /* @__PURE__ */ a(x, { label: t.label, count: t.count, variant: "default", onLabelClick: t.key === "date" ? () => {
-      n.openPanel("date");
-    } : void 0, onDismiss: () => e.onDismissChip(t.key) }, t.key)),
-    e.activeFilterCount > 0 && /* @__PURE__ */ a("button", { type: "button", className: "ttw:text-xs ttw:text-muted-foreground ttw:hover:text-foreground ttw:transition-colors ttw:cursor-pointer ttw:whitespace-nowrap", onClick: e.onClearAll, children: "Clear all" })
-  ] }) });
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { cn as i } from "./index102.js";
+import * as e from "@radix-ui/react-radio-group";
+import { CircleIcon as s } from "lucide-react";
+function w({
+  className: r,
+  ...a
+}) {
+  return /* @__PURE__ */ t(e.Root, { "data-slot": "radio-group", className: i("ttw:grid ttw:gap-3", r), ...a });
+}
+function c({
+  className: r,
+  dotClassName: a,
+  ...o
+}) {
+  return /* @__PURE__ */ t(e.Item, { "data-slot": "radio-group-item", className: i("ttw:border-input ttw:text-primary ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:dark:bg-input/30 ttw:aspect-square ttw:size-4 ttw:shrink-0 ttw:rounded-full ttw:border ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", r), ...o, children: /* @__PURE__ */ t(e.Indicator, { "data-slot": "radio-group-indicator", className: "ttw:relative ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(s, { className: i("ttw:fill-primary ttw:absolute ttw:top-1/2 ttw:left-1/2 ttw:size-2 ttw:-translate-x-1/2 ttw:-translate-y-1/2", a) }) }) });
 }
 export {
-  O as PayablesFilterBar
+  w as RadioGroup,
+  c as RadioGroupItem
 };