@tesouro/embedded-components-react 0.2.27 → 0.2.28

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

@@ -1,79 +1,99 @@
-import { jsx as m } from "@emotion/react/jsx-runtime";
-import * as a from "react";
-import { FormProvider as f, Controller as u, useFormContext as F, useFormState as I } from "react-hook-form";
-import { Label as p } from "./index379.js";
-import { cn as i } from "./index102.js";
-import { Slot as g } from "@radix-ui/react-slot";
-const b = f, l = a.createContext({}), C = ({
-  ...r
-}) => /* @__PURE__ */ m(l.Provider, { value: {
-  name: r.name
-}, children: /* @__PURE__ */ m(u, { ...r }) }), d = () => {
-  const r = a.useContext(l), e = a.useContext(c), {
-    getFieldState: t
-  } = F(), o = I({
-    name: r.name
-  }), s = t(r.name, o);
-  if (!r)
-    throw new Error("useFormField should be used within <FormField>");
+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 b, PopoverTrigger as F, FilterMenuButton as f, PopoverContent as P, DateRangePicker as D, MultiSelectFilter as N, AmountFilter as M, Input as y, RadioGroup as I, RadioGroupItem as S, SearchInput as _ } from "../../../../packages/shared-ui-shadcn/dist/index.js";
+const k = {
+  date: "ttw:w-auto",
+  status: "ttw:w-56",
+  amount: "ttw:w-64",
+  vendor: "ttw:w-64",
+  attachment: "ttw:w-56"
+}, A = {
+  due_date: "Due date",
+  created_at: "Created on",
+  issued_at: "Issue date"
+}, L = [{
+  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 {
-    id: n
-  } = e;
-  return {
-    id: n,
-    name: r.name,
-    formItemId: `${n}-form-item`,
-    formDescriptionId: `${n}-form-item-description`,
-    formMessageId: `${n}-form-item-message`,
-    ...s
+    i18n: i
+  } = v(), n = g(), s = n.isMenuOpen || !!n.activePanelId, r = n.activePanelId && k[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);
   };
-}, c = a.createContext({});
-function N({
-  className: r,
-  ...e
-}) {
-  const t = a.useId();
-  return /* @__PURE__ */ m(c.Provider, { value: {
-    id: t
-  }, children: /* @__PURE__ */ m("div", { "data-slot": "form-item", className: i("ttw:grid ttw:gap-2", r), ...e }) });
-}
-function M({
-  className: r,
-  ...e
-}) {
-  const {
-    error: t,
-    formItemId: o
-  } = d();
-  return /* @__PURE__ */ m(p, { "data-slot": "form-label", "data-error": !!t, className: i("ttw:data-[error=true]:text-destructive", r), htmlFor: o, ...e });
-}
-function S({
-  ...r
-}) {
-  const {
-    error: e,
-    formItemId: t,
-    formDescriptionId: o,
-    formMessageId: s
-  } = d();
-  return /* @__PURE__ */ m(g, { "data-slot": "form-control", id: t, "aria-describedby": e ? `${o} ${s}` : `${o}`, "aria-invalid": !!e, ...r });
-}
-function P({
-  className: r,
-  ...e
-}) {
-  const {
-    error: t,
-    formMessageId: o
-  } = d(), s = t ? String(t?.message ?? "") : e.children;
-  return s ? /* @__PURE__ */ m("p", { "data-slot": "form-message", id: o, className: i("ttw:text-destructive ttw:text-sm", r), ...e, children: s }) : null;
+  return /* @__PURE__ */ a(C, { className: "ttw:pl-4", searchSlot: /* @__PURE__ */ a(_, { value: e.searchValue, onChange: (t) => e.onSearchChange(t.target.value), placeholder: "Search by number or vendor..." }), menuSlot: /* @__PURE__ */ o(b, { open: s, onOpenChange: c, children: [
+    /* @__PURE__ */ a(F, { asChild: !0, children: /* @__PURE__ */ a(f, { activeCount: e.activeFilterCount, onClick: n.toggleMenu }) }),
+    /* @__PURE__ */ o(P, { align: "start", className: `ttw:p-0 ${r}`, children: [
+      n.isMenuOpen && /* @__PURE__ */ a("div", { className: "ttw:p-1", children: L.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: A[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(y, { 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(I, { 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(S, { 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" })
+  ] }) });
 }
 export {
-  b as Form,
-  S as FormControl,
-  C as FormField,
-  N as FormItem,
-  M as FormLabel,
-  P as FormMessage,
-  d as useFormField
+  O as PayablesFilterBar
 };

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

@@ -1,46 +1,194 @@
-import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
-import * as w from "react";
-import { Badge as d } from "./index252.js";
-import { Button as m } from "./index86.js";
-import { cn as p } from "./index102.js";
-import { XIcon as h } from "lucide-react";
-const g = ({
-  className: i,
-  value: e,
-  onChange: a,
-  ref: c,
-  ...f
-}) => {
-  const [r, n] = w.useState("");
-  w.useEffect(() => {
-    if (r.includes(",")) {
-      const t = /* @__PURE__ */ new Set([...e, ...r.split(",").map((s) => s.trim())]);
-      a(Array.from(t)), n("");
+import { formatDateRangeFilterChip as T, formatFilterChipMultiSelectValueSegment as N } from "./index99.js";
+import { useMoniteContext as D } from "./index59.js";
+import { useCurrencies as k } from "./index60.js";
+import { toMinorUnits as $ } from "./index126.js";
+import { useState as C, useMemo as l, useCallback as d } from "react";
+import { formatISO as m } from "date-fns";
+import { DATE_PRESETS as p, resolveDatePreset as A } from "./index399.js";
+const _ = [{
+  value: "draft",
+  label: "New"
+}, {
+  value: "pending_approval",
+  label: "Pending approval"
+}, {
+  value: "ready_to_pay",
+  label: "Ready to pay"
+}, {
+  value: "paid",
+  label: "Paid"
+}, {
+  value: "cancelled",
+  label: "Cancelled"
+}, {
+  value: "rejected",
+  label: "Rejected"
+}], w = {
+  draft: ["draft", "new"],
+  pending_approval: ["approve_in_progress"],
+  ready_to_pay: ["waiting_to_be_paid", "partially_paid"],
+  paid: ["paid"],
+  cancelled: ["canceled"],
+  rejected: ["rejected"]
+}, x = ["draft", "new", "approve_in_progress", "rejected", "waiting_to_be_paid", "partially_paid", "paid"];
+function v() {
+  return {
+    search: "",
+    activeDateField: "due_date",
+    datePreset: void 0,
+    dateFrom: void 0,
+    dateTo: void 0,
+    status: [],
+    amountMode: "any",
+    amountMin: "",
+    amountMax: "",
+    vendorName: "",
+    hasFile: void 0
+  };
+}
+function V() {
+  const [e, s] = C(v), {
+    formatToMinorUnits: u
+  } = k(), {
+    componentSettings: h
+  } = D(), c = h.onboarding.allowedCurrencies?.[0] ?? "USD", F = l(() => {
+    const a = {}, t = e.activeDateField;
+    if (e.dateFrom && (a[`${t}__gte`] = m(e.dateFrom, {
+      representation: "date"
+    })), e.dateTo && (a[`${t}__lte`] = m(e.dateTo, {
+      representation: "date"
+    })), e.status.length ? a.status__in = e.status.flatMap((o) => w[o] ?? [o]) : a.status__in = x, e.vendorName && (a.counterpart_name__icontains = e.vendorName), e.hasFile !== void 0 && (a.has_file = e.hasFile), e.search && (a.search_text = e.search), e.amountMode !== "any") {
+      const o = parseFloat(e.amountMin), r = parseFloat(e.amountMax), i = (n) => u(n, c) ?? $(n, 2);
+      if (e.amountMode === "exact") {
+        if (!isNaN(o)) {
+          const n = i(o);
+          a.total_amount__gte = n, a.total_amount__lte = n;
+        }
+      } else
+        isNaN(o) || (a.total_amount__gte = i(o)), isNaN(r) || (a.total_amount__lte = i(r));
+    }
+    return a;
+  }, [e, c, u]), f = l(() => {
+    let a = 0;
+    return e.status.length && a++, e.vendorName && a++, e.hasFile !== void 0 && a++, e.amountMode !== "any" && a++, e.search && a++, a;
+  }, [e]), b = l(() => {
+    const a = [];
+    if (e.dateFrom || e.dateTo) {
+      const t = (e.datePreset ? p.find((r) => r.value === e.datePreset)?.label : void 0) ?? T(e.dateFrom, e.dateTo), o = e.activeDateField === "due_date" ? "Due date" : e.activeDateField === "created_at" ? "Created on" : "Issue date";
+      a.push({
+        key: "date",
+        label: `${o}: ${t}`
+      });
     }
-  }, [r, a, e]);
-  const u = () => {
-    if (r) {
-      const t = /* @__PURE__ */ new Set([...e, r]);
-      a(Array.from(t)), n("");
+    if (e.status.length) {
+      const t = e.status.map((o) => _.find((r) => r.value === o)?.label ?? o);
+      a.push({
+        key: "status",
+        label: `Status: ${N(t)}`
+      });
     }
+    return e.vendorName && a.push({
+      key: "vendor",
+      label: `Vendor: ${e.vendorName}`
+    }), e.hasFile === !0 && a.push({
+      key: "attachment",
+      label: "Has attachment"
+    }), e.hasFile === !1 && a.push({
+      key: "attachment",
+      label: "No attachment"
+    }), e.amountMode !== "any" && a.push({
+      key: "amount",
+      label: "Amount"
+    }), e.search && a.push({
+      key: "search",
+      label: `Search: ${e.search}`
+    }), a;
+  }, [e]), y = d((a) => {
+    const {
+      from: t,
+      to: o
+    } = A(a);
+    s((r) => ({
+      ...r,
+      datePreset: a,
+      dateFrom: t,
+      dateTo: o
+    }));
+  }, []), g = d((a, t) => {
+    s((o) => ({
+      ...o,
+      datePreset: void 0,
+      dateFrom: a,
+      dateTo: t
+    }));
+  }, []), M = d((a) => {
+    s((t) => ({
+      ...t,
+      activeDateField: a
+    }));
+  }, []), P = d((a) => {
+    switch (a) {
+      case "date": {
+        s((t) => ({
+          ...t,
+          datePreset: void 0,
+          dateFrom: void 0,
+          dateTo: void 0,
+          activeDateField: "due_date"
+        }));
+        break;
+      }
+      case "status":
+        s((t) => ({
+          ...t,
+          status: []
+        }));
+        break;
+      case "vendor":
+        s((t) => ({
+          ...t,
+          vendorName: ""
+        }));
+        break;
+      case "attachment":
+        s((t) => ({
+          ...t,
+          hasFile: void 0
+        }));
+        break;
+      case "amount":
+        s((t) => ({
+          ...t,
+          amountMode: "any",
+          amountMin: "",
+          amountMax: ""
+        }));
+        break;
+      case "search":
+        s((t) => ({
+          ...t,
+          search: ""
+        }));
+        break;
+    }
+  }, []), S = d(() => s(v()), []);
+  return {
+    state: e,
+    setState: s,
+    queryParams: F,
+    activeFilterCount: f,
+    activeChips: b,
+    datePresets: p,
+    statusOptions: _,
+    setDatePreset: y,
+    setDateRange: g,
+    setActiveDateField: M,
+    clearFilter: P,
+    clearAll: S
   };
-  return /* @__PURE__ */ l("div", { className: p(
-    // caveat: :has() variant requires tailwind v3.4 or above: https://tailwindcss.com/blog/tailwindcss-v3-4#new-has-variant
-    "ttw:has-[:focus-visible]:ttw:outline-none ttw:has-[:focus-visible]:ttw:ring-2 ttw:has-[:focus-visible]:ttw:ring-neutral-950 ttw:has-[:focus-visible]:ttw:ring-offset-2 dark:ttw:has-[:focus-visible]:ttw:ring-neutral-300 ttw:min-h-10 ttw:flex ttw:w-full ttw:flex-wrap ttw:gap-2 ttw:rounded-md ttw:border ttw:border-neutral-200 ttw:bg-white ttw:px-3 ttw:py-2 ttw:text-sm ttw:ring-offset-white ttw:disabled:ttw:cursor-not-allowed ttw:disabled:ttw:opacity-50 dark:ttw:border-neutral-800 dark:ttw:bg-neutral-950 dark:ttw:ring-offset-neutral-950",
-    i
-  ), children: [
-    e.map((t) => /* @__PURE__ */ l(d, { variant: "secondary", children: [
-      t,
-      /* @__PURE__ */ o(m, { variant: "ghost", size: "icon", className: "ttw:ml-2 ttw:h-3 ttw:w-3", onClick: () => {
-        a(e.filter((s) => s !== t));
-      }, children: /* @__PURE__ */ o(h, { className: "ttw:w-3" }) })
-    ] }, t)),
-    /* @__PURE__ */ o("input", { className: "ttw:flex-1 ttw:outline-none ttw:placeholder:ttw:text-neutral-500 dark:ttw:placeholder:ttw:text-neutral-400", value: r, onChange: (t) => n(t.target.value), onKeyDown: (t) => {
-      t.key === "Enter" || t.key === "," ? (t.preventDefault(), u()) : t.key === "Backspace" && r.length === 0 && e.length > 0 && (t.preventDefault(), a(e.slice(0, -1)));
-    }, ...f, ref: c })
-  ] });
-};
-g.displayName = "InputTags";
+}
 export {
-  g as InputTags
+  x as AP_DEFAULT_STATUSES,
+  _ as AP_STATUS_OPTIONS,
+  V as usePayablesFilter
 };

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

@@ -1,75 +1,43 @@
-import { jsx as t, jsxs as l } from "@emotion/react/jsx-runtime";
-import { cn as n } from "./index102.js";
-import * as a from "@radix-ui/react-select";
-import { ChevronDownIcon as i, CheckIcon as w, ChevronUpIcon as d } from "lucide-react";
-function g({
-  ...e
-}) {
-  return /* @__PURE__ */ t(a.Root, { "data-slot": "select", ...e });
-}
-function h({
-  ...e
-}) {
-  return /* @__PURE__ */ t(a.Value, { "data-slot": "select-value", ...e });
-}
-function v({
-  className: e,
-  size: s = "default",
-  children: o,
-  ...r
-}) {
-  return /* @__PURE__ */ l(a.Trigger, { "data-slot": "select-trigger", "data-size": s, className: n("ttw:border-input ttw:data-[placeholder]:text-muted-foreground ttw:[&_svg:not([class*=text-])]:text-muted-foreground 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:dark:hover:bg-input/50 ttw:flex ttw:w-fit ttw:items-center ttw:justify-between ttw:gap-2 ttw:rounded-md ttw:border ttw:bg-transparent ttw:px-3 ttw:py-2 ttw:text-sm ttw:whitespace-nowrap 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 ttw:data-[size=default]:h-9 ttw:data-[size=sm]:h-8 ttw:*:data-[slot=select-value]:line-clamp-1 ttw:*:data-[slot=select-value]:flex ttw:*:data-[slot=select-value]:min-w-0 ttw:*:data-[slot=select-value]:flex-1 ttw:*:data-[slot=select-value]:items-center ttw:*:data-[slot=select-value]:gap-2 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4", e), ...r, children: [
-    o,
-    /* @__PURE__ */ t(a.Icon, { asChild: !0, children: /* @__PURE__ */ t(i, { className: "ttw:size-4 ttw:opacity-50" }) })
+import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
+import { useLingui as s } from "@lingui/react";
+import { Dialog as d, DialogTitle as h, Typography as n, DialogContent as x, DialogActions as g, Button as l } from "@mui/material";
+const v = ({
+  open: a,
+  type: p,
+  onClose: i,
+  onConfirm: c
+}) => {
+  const {
+    i18n: o
+  } = s(), r = p === "approve";
+  return /* @__PURE__ */ t(d, { open: a, onClose: i, maxWidth: "sm", fullWidth: !0, container: () => document.body, PaperProps: {
+    sx: {
+      borderRadius: 3,
+      padding: 2
+    }
+  }, children: [
+    /* @__PURE__ */ e(h, { sx: {
+      p: "16px !important"
+    }, children: /* @__PURE__ */ e(n, { variant: "h5", fontWeight: 600, children: r ? o._("Force Approve bill?") : o._("Force Reject bill?") }) }),
+    /* @__PURE__ */ e(x, { sx: {
+      px: 2,
+      pb: 3
+    }, children: /* @__PURE__ */ e(n, { variant: "body1", color: "text.secondary", children: r ? o._("The bill status will change to Approved, skipping the approval flow.") : o._("The bill status will change to Rejected, skipping the approval flow.") }) }),
+    /* @__PURE__ */ t(g, { sx: {
+      px: 0,
+      pt: 2,
+      gap: 2
+    }, children: [
+      /* @__PURE__ */ e(l, { onClick: i, variant: "text", sx: {
+        color: "primary.main",
+        fontWeight: 500,
+        textTransform: "none",
+        fontSize: "16px"
+      }, children: o._("Cancel") }),
+      /* @__PURE__ */ e(l, { onClick: c, variant: "contained", color: r ? "primary" : "error", children: r ? o._("Force Approve") : o._("Force Reject") })
+    ] })
   ] });
-}
-function x({
-  className: e,
-  children: s,
-  position: o = "popper",
-  ...r
-}) {
-  return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ l(a.Content, { "data-slot": "select-content", className: n("ttw:bg-popover ttw:text-popover-foreground ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[state=open]:zoom-in-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:relative ttw:z-1300 ttw:max-h-(--radix-select-content-available-height) ttw:min-w-[8rem] ttw:origin-(--radix-select-content-transform-origin) ttw:overflow-x-hidden ttw:overflow-y-auto ttw:rounded-md ttw:border-none ttw:shadow-md", o === "popper" && "ttw:data-[side=bottom]:translate-y-1 ttw:data-[side=left]:-translate-x-1 ttw:data-[side=right]:translate-x-1 ttw:data-[side=top]:-translate-y-1", e), position: o, ...r, children: [
-    /* @__PURE__ */ t(c, {}),
-    /* @__PURE__ */ t(a.Viewport, { className: n("ttw:p-1", o === "popper" && "ttw:h-[var(--radix-select-trigger-height)] ttw:w-full ttw:min-w-[var(--radix-select-trigger-width)] ttw:scroll-my-1"), children: s }),
-    /* @__PURE__ */ t(u, {})
-  ] }) });
-}
-function b({
-  className: e,
-  children: s,
-  ...o
-}) {
-  return /* @__PURE__ */ l(a.Item, { "data-slot": "select-item", className: n("ttw:focus:bg-accent ttw:focus:text-accent-foreground ttw:[&_svg:not([class*=text-])]:text-muted-foreground ttw:relative ttw:flex ttw:w-full ttw:cursor-default ttw:items-center ttw:gap-2 ttw:rounded-sm ttw:py-1.5 ttw:pr-8 ttw:pl-2 ttw:text-sm ttw:outline-hidden ttw:select-none ttw:data-[disabled]:pointer-events-none ttw:data-[disabled]:opacity-50 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4 ttw:*:[span]:last:flex ttw:*:[span]:last:min-w-0 ttw:*:[span]:last:flex-1 ttw:*:[span]:last:items-center ttw:*:[span]:last:gap-2", e), ...o, children: [
-    /* @__PURE__ */ t("span", { className: "ttw:absolute ttw:right-2 ttw:flex ttw:size-3.5 ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(a.ItemIndicator, { children: /* @__PURE__ */ t(w, { className: "ttw:size-4" }) }) }),
-    /* @__PURE__ */ t(a.ItemText, { children: s })
-  ] });
-}
-function N({
-  className: e,
-  ...s
-}) {
-  return /* @__PURE__ */ t(a.Separator, { "data-slot": "select-separator", className: n("ttw:bg-border ttw:pointer-events-none ttw:-mx-1 ttw:my-1 ttw:h-px", e), ...s });
-}
-function c({
-  className: e,
-  ...s
-}) {
-  return /* @__PURE__ */ t(a.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: n("ttw:flex ttw:cursor-default ttw:items-center ttw:justify-center ttw:py-1", e), ...s, children: /* @__PURE__ */ t(d, { className: "ttw:size-4" }) });
-}
-function u({
-  className: e,
-  ...s
-}) {
-  return /* @__PURE__ */ t(a.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: n("ttw:flex ttw:cursor-default ttw:items-center ttw:justify-center ttw:py-1", e), ...s, children: /* @__PURE__ */ t(i, { className: "ttw:size-4" }) });
-}
+};
 export {
-  g as Select,
-  x as SelectContent,
-  b as SelectItem,
-  u as SelectScrollDownButton,
-  c as SelectScrollUpButton,
-  N as SelectSeparator,
-  v as SelectTrigger,
-  h as SelectValue
+  v as PayableDetailsForceActionDialog
 };