@tesouro/embedded-components-react 0.2.1

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index3.js

@@ -0,0 +1,258 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useId as O } from "react";
+import { Sheet as D, SheetContent as A, SheetHeader as B, SheetTitle as M, SheetDescription as f, Typography as d, Label as c, RadioGroup as V, RadioGroupItem as R, Input as b, Select as x, SelectTrigger as y, SelectValue as N, SelectContent as S, SelectItem as w, Textarea as j, SheetFooter as G, Button as _ } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { twMerge as H } from "tailwind-merge";
+import { PRODUCT_FORM_SHEET_LABELS_EN as k } from "./index2.js";
+const C = "__manage_measure_units__", h = "__no_unit__";
+function s({ message: p }) {
+  return p ? /* @__PURE__ */ e("p", { className: "ttw:text-sm ttw:text-destructive", children: p }) : null;
+}
+function K({
+  open: p,
+  onOpenChange: P,
+  mode: m,
+  values: i,
+  errors: n,
+  unitOptions: L,
+  currencyOptions: U,
+  inProgress: v,
+  onChange: o,
+  onManageUnits: $,
+  onSubmit: I,
+  onCancel: T,
+  labels: E
+}) {
+  const a = { ...k, ...E }, l = O(), u = i.type === "service" ? a.typeService.toLowerCase() : a.typeProduct.toLowerCase(), g = m === "edit" ? a.editTitle.replace("{type}", u) : a.createTitle, F = a.createButton.replace("{type}", u);
+  return /* @__PURE__ */ e(D, { open: p, onOpenChange: P, children: /* @__PURE__ */ r(A, { className: "ttw:w-150 ttw:sm:max-w-150 ttw:gap-0", children: [
+    /* @__PURE__ */ r(B, { className: "ttw:border-b ttw:border-border", children: [
+      /* @__PURE__ */ e(M, { className: "ttw:text-2xl", children: g }),
+      m === "create" ? /* @__PURE__ */ e(f, { className: "ttw:max-w-130", children: a.headerDescription }) : /* @__PURE__ */ e(f, { className: "ttw:sr-only", children: g })
+    ] }),
+    /* @__PURE__ */ e(
+      "form",
+      {
+        id: l,
+        onSubmit: (t) => {
+          t.preventDefault(), t.stopPropagation(), I();
+        },
+        children: /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-6 ttw:py-8 ttw:overflow-auto", children: [
+          n?.form && /* @__PURE__ */ e(
+            "p",
+            {
+              role: "alert",
+              className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
+              children: n.form
+            }
+          ),
+          m === "edit" && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: /* @__PURE__ */ e(d, { variant: "body1", className: "ttw:font-medium", children: a.editingBanner.replace("{type}", u) }) }),
+          /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(c, { children: a.typeLabel }),
+            /* @__PURE__ */ e(
+              V,
+              {
+                className: "ttw:flex ttw:flex-row ttw:gap-3",
+                value: i.type,
+                onValueChange: (t) => o({ type: t }),
+                children: [
+                  {
+                    value: "product",
+                    label: a.typeProduct,
+                    description: a.typeProductDescription,
+                    id: `${l}-type-product`
+                  },
+                  {
+                    value: "service",
+                    label: a.typeService,
+                    description: a.typeServiceDescription,
+                    id: `${l}-type-service`
+                  }
+                ].map((t) => /* @__PURE__ */ r(
+                  c,
+                  {
+                    htmlFor: t.id,
+                    className: H(
+                      "ttw:flex ttw:flex-1 ttw:gap-2 ttw:p-4 ttw:border ttw:rounded-xl ttw:border-border ttw:cursor-pointer ttw:hover:bg-primary/10 ttw:hover:border-primary/30",
+                      i.type === t.value && "ttw:bg-primary/10 ttw:border-primary/30"
+                    ),
+                    children: [
+                      /* @__PURE__ */ e(
+                        R,
+                        {
+                          value: t.value,
+                          id: t.id,
+                          className: "ttw:mt-0.5"
+                        }
+                      ),
+                      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-1", children: [
+                        /* @__PURE__ */ e(d, { variant: "body2", className: "ttw:leading-3.5", children: t.label }),
+                        /* @__PURE__ */ e(d, { variant: "caption", color: "muted", children: t.description })
+                      ] })
+                    ]
+                  },
+                  t.value
+                ))
+              }
+            ),
+            /* @__PURE__ */ e(s, { message: n?.type })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(c, { htmlFor: `${l}-name`, children: a.nameLabel }),
+            /* @__PURE__ */ e(
+              b,
+              {
+                id: `${l}-name`,
+                autoFocus: !0,
+                placeholder: a.namePlaceholder,
+                value: i.name,
+                "aria-invalid": !!n?.name,
+                onChange: (t) => o({ name: t.target.value })
+              }
+            ),
+            /* @__PURE__ */ e(s, { message: n?.name })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
+            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+              /* @__PURE__ */ e(c, { htmlFor: `${l}-price`, children: a.priceLabel }),
+              /* @__PURE__ */ e(
+                b,
+                {
+                  id: `${l}-price`,
+                  inputMode: "decimal",
+                  value: i.pricePerUnit,
+                  "aria-invalid": !!n?.pricePerUnit,
+                  onChange: (t) => o({ pricePerUnit: t.target.value })
+                }
+              ),
+              /* @__PURE__ */ e(s, { message: n?.pricePerUnit })
+            ] }),
+            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+              /* @__PURE__ */ e(c, { htmlFor: `${l}-currency`, children: a.currencyLabel }),
+              /* @__PURE__ */ r(
+                x,
+                {
+                  value: i.currency === "" ? void 0 : i.currency,
+                  onValueChange: (t) => o({ currency: t }),
+                  children: [
+                    /* @__PURE__ */ e(
+                      y,
+                      {
+                        id: `${l}-currency`,
+                        className: "ttw:w-full",
+                        children: /* @__PURE__ */ e(N, { placeholder: a.currencyPlaceholder })
+                      }
+                    ),
+                    /* @__PURE__ */ e(S, { children: U.map((t) => /* @__PURE__ */ e(w, { value: t.value, children: t.label }, t.value)) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e(s, { message: n?.currency })
+            ] })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(c, { htmlFor: `${l}-unit`, children: a.unitLabel }),
+            /* @__PURE__ */ r(
+              x,
+              {
+                value: i.unitId === "" ? h : i.unitId,
+                onValueChange: (t) => {
+                  t === C ? $() : o(t === h ? { unitId: "" } : { unitId: t });
+                },
+                children: [
+                  /* @__PURE__ */ e(y, { id: `${l}-unit`, className: "ttw:w-full", children: /* @__PURE__ */ e(N, { placeholder: a.unitPlaceholder }) }),
+                  /* @__PURE__ */ r(S, { children: [
+                    /* @__PURE__ */ e(
+                      w,
+                      {
+                        value: C,
+                        className: "ttw:font-medium ttw:text-primary",
+                        children: a.manageUnits
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      w,
+                      {
+                        value: h,
+                        className: "ttw:text-muted-foreground",
+                        children: a.noUnit
+                      }
+                    ),
+                    L.map((t) => /* @__PURE__ */ e(w, { value: t.value, children: t.label }, t.value))
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(s, { message: n?.unitId })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ r(
+              c,
+              {
+                htmlFor: `${l}-description`,
+                className: "ttw:flex ttw:items-center ttw:gap-1",
+                children: [
+                  a.descriptionLabel,
+                  /* @__PURE__ */ e(d, { variant: "caption", color: "muted", children: a.descriptionOptional })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(
+              j,
+              {
+                id: `${l}-description`,
+                rows: 4,
+                placeholder: a.descriptionPlaceholder,
+                value: i.description,
+                maxLength: 255,
+                "aria-invalid": !!n?.description,
+                onChange: (t) => o({ description: t.target.value })
+              }
+            ),
+            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:justify-between ttw:items-start", children: [
+              /* @__PURE__ */ e(s, { message: n?.description }),
+              /* @__PURE__ */ e(
+                d,
+                {
+                  variant: "caption",
+                  color: "muted",
+                  className: "ttw:ml-auto ttw:leading-none",
+                  children: a.descriptionCount.replace(
+                    "{count}",
+                    String(i.description.length)
+                  )
+                }
+              )
+            ] })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ r(G, { className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end", children: [
+      /* @__PURE__ */ e(
+        _,
+        {
+          type: "button",
+          variant: "outline",
+          className: "ttw:flex-1 ttw:border-border",
+          onClick: T,
+          children: a.cancelButton
+        }
+      ),
+      /* @__PURE__ */ e(
+        _,
+        {
+          type: "submit",
+          form: l,
+          className: "ttw:flex-1",
+          disabled: v,
+          loading: v,
+          children: m === "edit" ? a.saveButton : F
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  C as MANAGE_MEASURE_UNITS_VALUE,
+  h as NO_UNIT_VALUE,
+  K as ProductFormSheet
+};

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index4.js

@@ -0,0 +1,189 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Search as U, PlusIcon as j, CheckIcon as B, XIcon as L, PencilIcon as P, Trash2Icon as G } from "lucide-react";
+import { Sheet as H, SheetContent as M, SheetHeader as _, SheetTitle as R, SheetDescription as V, InputGroup as F, InputGroupAddon as O, InputGroupInput as X, Table as K, TableHeader as W, TableRow as l, TableHead as m, TableBody as Y, TableCell as n, Input as d, Button as i, SheetFooter as Z } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { MEASURE_UNITS_MANAGER_LABELS_EN as q } from "./index2.js";
+const J = "—";
+function ae({
+  open: x,
+  onOpenChange: f,
+  units: u,
+  isLoading: p,
+  searchValue: C,
+  onSearchChange: S,
+  createValues: b,
+  createError: o,
+  onCreateChange: g,
+  onCreateSubmit: y,
+  isCreating: c,
+  editingUnitId: z,
+  editValues: N,
+  editError: h,
+  onEditStart: I,
+  onEditChange: v,
+  onEditSubmit: E,
+  onEditCancel: T,
+  isUpdating: s,
+  onDeleteClick: k,
+  onDone: A,
+  labels: D
+}) {
+  const a = { ...q, ...D };
+  return /* @__PURE__ */ e(H, { open: x, onOpenChange: f, children: /* @__PURE__ */ t(M, { className: "ttw:gap-0 ttw:p-0", children: [
+    /* @__PURE__ */ t(_, { className: "ttw:border-b ttw:border-border", children: [
+      /* @__PURE__ */ e(R, { children: a.title }),
+      /* @__PURE__ */ e(V, { className: "ttw:sr-only", children: a.hiddenDescription })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "ttw:flex-1 ttw:flex ttw:flex-col ttw:gap-4 ttw:overflow-y-auto ttw:px-6 ttw:py-4", children: [
+      /* @__PURE__ */ t(F, { children: [
+        /* @__PURE__ */ e(O, { align: "inline-start", children: /* @__PURE__ */ e(U, {}) }),
+        /* @__PURE__ */ e(
+          X,
+          {
+            "data-has-start-addon": !0,
+            placeholder: a.searchPlaceholder,
+            value: C,
+            onChange: (r) => S(r.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t(K, { className: "ttw:table-fixed ttw:border ttw:border-border ttw:rounded-md", children: [
+        /* @__PURE__ */ e(W, { children: /* @__PURE__ */ t(l, { className: "ttw:hover:bg-transparent ttw:border-border", children: [
+          /* @__PURE__ */ e(m, { className: "ttw:w-[35%]", children: a.columnLabel }),
+          /* @__PURE__ */ e(m, { className: "ttw:w-[55%]", children: a.columnDescription }),
+          /* @__PURE__ */ e(m, { className: "ttw:w-[10%]" })
+        ] }) }),
+        /* @__PURE__ */ t(Y, { children: [
+          /* @__PURE__ */ t(l, { className: "ttw:border-border", children: [
+            /* @__PURE__ */ t(n, { children: [
+              /* @__PURE__ */ e(
+                d,
+                {
+                  placeholder: a.namePlaceholder,
+                  value: b.name,
+                  "aria-invalid": !!o,
+                  disabled: c,
+                  className: "ttw:h-8",
+                  onChange: (r) => g({ name: r.target.value })
+                }
+              ),
+              o && /* @__PURE__ */ e("p", { className: "ttw:mt-1 ttw:text-sm ttw:text-destructive", children: o })
+            ] }),
+            /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+              d,
+              {
+                placeholder: a.descriptionPlaceholder,
+                value: b.description,
+                disabled: c,
+                className: "ttw:h-8",
+                onChange: (r) => g({ description: r.target.value })
+              }
+            ) }),
+            /* @__PURE__ */ e(n, { className: "ttw:text-right", children: /* @__PURE__ */ t(
+              i,
+              {
+                variant: "outline",
+                size: "sm",
+                onClick: y,
+                disabled: c,
+                className: "ttw:h-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0",
+                children: [
+                  /* @__PURE__ */ e(j, { className: "ttw:size-4" }),
+                  a.addButton
+                ]
+              }
+            ) })
+          ] }),
+          p ? null : u.map(
+            (r) => z === r.id ? /* @__PURE__ */ t(l, { className: "ttw:border-border", children: [
+              /* @__PURE__ */ t(n, { children: [
+                /* @__PURE__ */ e(
+                  d,
+                  {
+                    value: N.name,
+                    "aria-invalid": !!h,
+                    disabled: s,
+                    className: "ttw:h-8",
+                    onChange: (w) => v({ name: w.target.value })
+                  }
+                ),
+                h && /* @__PURE__ */ e("p", { className: "ttw:mt-1 ttw:text-sm ttw:text-destructive", children: h })
+              ] }),
+              /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+                d,
+                {
+                  value: N.description,
+                  disabled: s,
+                  className: "ttw:h-8",
+                  onChange: (w) => v({ description: w.target.value })
+                }
+              ) }),
+              /* @__PURE__ */ e(n, { children: /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-end ttw:gap-1", children: [
+                /* @__PURE__ */ e(
+                  i,
+                  {
+                    variant: "outline",
+                    size: "icon",
+                    "aria-label": a.saveAction,
+                    onClick: E,
+                    disabled: s,
+                    className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0",
+                    children: /* @__PURE__ */ e(B, { className: "ttw:size-4" })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  i,
+                  {
+                    variant: "outline",
+                    size: "icon",
+                    "aria-label": a.cancelAction,
+                    onClick: T,
+                    disabled: s,
+                    className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0",
+                    children: /* @__PURE__ */ e(L, { className: "ttw:size-4" })
+                  }
+                )
+              ] }) })
+            ] }, r.id) : /* @__PURE__ */ t(l, { className: "ttw:border-border", children: [
+              /* @__PURE__ */ e(n, { className: "ttw:text-sm ttw:truncate", children: r.name }),
+              /* @__PURE__ */ e(n, { className: "ttw:text-sm ttw:text-muted-foreground ttw:truncate", children: r.description || J }),
+              /* @__PURE__ */ e(n, { children: /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-end ttw:gap-1", children: [
+                /* @__PURE__ */ e(
+                  i,
+                  {
+                    variant: "ghost",
+                    size: "icon-sm",
+                    "aria-label": a.editAction,
+                    onClick: () => I(r),
+                    children: /* @__PURE__ */ e(P, { className: "ttw:size-4" })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  i,
+                  {
+                    variant: "ghost",
+                    size: "icon-sm",
+                    "aria-label": a.deleteAction,
+                    onClick: () => k(r),
+                    children: /* @__PURE__ */ e(G, { className: "ttw:size-4 ttw:text-destructive" })
+                  }
+                )
+              ] }) })
+            ] }, r.id)
+          ),
+          !p && u.length === 0 && /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(
+            n,
+            {
+              colSpan: 3,
+              className: "ttw:text-center ttw:text-muted-foreground",
+              children: a.emptyText
+            }
+          ) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(Z, { className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end", children: /* @__PURE__ */ e(i, { onClick: A, children: a.doneButton }) })
+  ] }) });
+}
+export {
+  ae as MeasureUnitsManager
+};

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index5.js

@@ -0,0 +1,50 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { AlertDialog as u, AlertDialogContent as f, AlertDialogHeader as b, AlertDialogTitle as x, AlertDialogDescription as D, Spinner as N, Table as A, TableBody as C, TableRow as I, TableCell as o, AlertDialogFooter as R, Button as d } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { MEASURE_UNIT_DELETE_DIALOG_LABELS_EN as v } from "./index2.js";
+function B({
+  open: c,
+  onOpenChange: m,
+  unitName: h,
+  affectedProducts: i,
+  isLoadingProducts: s,
+  isDeleting: n,
+  onConfirm: w,
+  onCancel: g,
+  labels: p
+}) {
+  const t = { ...v, ...p }, a = i.length > 0;
+  return /* @__PURE__ */ e(u, { open: c, onOpenChange: m, children: /* @__PURE__ */ l(f, { children: [
+    /* @__PURE__ */ l(b, { children: [
+      /* @__PURE__ */ e(x, { children: (a ? t.titleWithItems : t.titleNoItems).replace("{name}", h) }),
+      /* @__PURE__ */ e(D, { children: a ? t.messageWithItems : t.messageNoItems })
+    ] }),
+    /* @__PURE__ */ e("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: a ? t.messageWithItemsHint : t.messageNoItemsHint }),
+    s ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:justify-center ttw:py-4", children: /* @__PURE__ */ e(N, {}) }) : a ? /* @__PURE__ */ e("div", { className: "ttw:max-h-60 ttw:overflow-auto ttw:rounded-md ttw:border", children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(C, { children: i.map((r) => /* @__PURE__ */ l(
+      I,
+      {
+        className: "ttw:border-border ttw:hover:bg-transparent",
+        children: [
+          /* @__PURE__ */ e(o, { className: "ttw:pl-0 ttw:whitespace-normal ttw:text-text ttw:font-medium", children: r.name }),
+          /* @__PURE__ */ e(o, { className: "ttw:pr-0 ttw:text-right ttw:text-text ttw:font-medium", children: r.priceLabel })
+        ]
+      },
+      r.id
+    )) }) }) }) : null,
+    /* @__PURE__ */ l(R, { children: [
+      /* @__PURE__ */ e(d, { variant: "ghost", onClick: g, disabled: n, children: t.cancelButton }),
+      /* @__PURE__ */ e(
+        d,
+        {
+          variant: "destructive",
+          onClick: w,
+          disabled: n || s,
+          loading: n,
+          children: t.confirmButton
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  B as MeasureUnitDeleteDialog
+};

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index6.js

@@ -0,0 +1,76 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { PlusIcon as f, SearchIcon as g, RotateCwIcon as v } from "lucide-react";
+import { Label as N, Button as m, Input as b, Select as C, SelectTrigger as S, SelectValue as y, SelectContent as E, SelectItem as L } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { PRODUCT_SELECTOR_LABELS_EN as T } from "./index2.js";
+function j({
+  value: u,
+  options: n,
+  searchValue: w,
+  isLoading: r,
+  isError: o,
+  disabled: s,
+  onSearchChange: p,
+  onValueChange: h,
+  onRetry: c,
+  onCreateClick: i,
+  labels: x
+}) {
+  const l = { ...T, ...x }, d = n.length > 0;
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2", children: [
+      /* @__PURE__ */ t(N, { children: l.fieldLabel }),
+      i ? /* @__PURE__ */ a(
+        m,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          onClick: i,
+          disabled: s,
+          children: [
+            /* @__PURE__ */ t(f, { className: "ttw:size-4" }),
+            l.createButton
+          ]
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ a("div", { className: "ttw:relative", children: [
+      /* @__PURE__ */ t(g, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }),
+      /* @__PURE__ */ t(
+        b,
+        {
+          className: "ttw:pl-9",
+          value: w,
+          placeholder: l.searchPlaceholder,
+          disabled: s,
+          onChange: (e) => p(e.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(
+      C,
+      {
+        value: u || void 0,
+        onValueChange: h,
+        disabled: s || r || o || !d,
+        children: [
+          /* @__PURE__ */ t(S, { className: "ttw:w-full", children: /* @__PURE__ */ t(y, { placeholder: l.selectPlaceholder }) }),
+          /* @__PURE__ */ t(E, { children: n.map((e) => /* @__PURE__ */ t(L, { value: e.value, children: /* @__PURE__ */ a("span", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
+            /* @__PURE__ */ t("span", { children: e.label }),
+            e.description || e.meta ? /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:text-muted-foreground", children: [e.description, e.meta].filter(Boolean).join(" · ") }) : null
+          ] }) }, e.value)) })
+        ]
+      }
+    ),
+    r ? /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: l.loadingText }) : o ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+      /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-destructive", children: l.errorText }),
+      c ? /* @__PURE__ */ a(m, { type: "button", variant: "outline", size: "sm", onClick: c, children: [
+        /* @__PURE__ */ t(v, { className: "ttw:size-4" }),
+        l.retryButton
+      ] }) : null
+    ] }) : d ? null : /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: l.emptyText })
+  ] });
+}
+export {
+  j as ProductSelector
+};

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/EmbeddedToaster.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as c } from "react/jsx-runtime";
+import { useState as a, useEffect as u, useSyncExternalStore as d } from "react";
+import { Toaster as f } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+const o = /* @__PURE__ */ Symbol.for("tesouro.embedded-toaster.registry.v1");
+function n() {
+  const t = globalThis;
+  let e = t[o];
+  return e || (e = { nextId: 1, active: /* @__PURE__ */ new Set(), listeners: /* @__PURE__ */ new Set() }, t[o] = e), e;
+}
+function l(t) {
+  const e = n();
+  return e.listeners.add(t), () => {
+    e.listeners.delete(t);
+  };
+}
+function s() {
+  n().listeners.forEach((t) => t());
+}
+function i() {
+  const t = n();
+  if (t.active.size === 0) return 0;
+  let e = 1 / 0;
+  return t.active.forEach((r) => {
+    r < e && (e = r);
+  }), e;
+}
+function x(t = {}) {
+  const [e] = a(() => n().nextId++);
+  return u(() => {
+    const r = n();
+    return r.active.add(e), s(), () => {
+      r.active.delete(e), s();
+    };
+  }, [e]), d(l, i, i) !== e ? null : /* @__PURE__ */ c(f, { ...t });
+}
+export {
+  x as EmbeddedToaster
+};

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/EmptyState/EmptyState.js

@@ -0,0 +1,27 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { Button as i } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { InboxIcon as m } from "lucide-react";
+function x({
+  icon: r,
+  title: c,
+  description: e,
+  actionLabel: w,
+  onAction: n,
+  className: o
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center" + (o ? ` ${o}` : ""),
+      children: [
+        /* @__PURE__ */ t("div", { className: "ttw:mb-4 ttw:flex ttw:h-14 ttw:w-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-muted", children: r ?? /* @__PURE__ */ t(m, { className: "ttw:h-6 ttw:w-6 ttw:text-muted-foreground" }) }),
+        /* @__PURE__ */ t("h3", { className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground", children: c }),
+        e && /* @__PURE__ */ t("p", { className: "ttw:mb-6 ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: e }),
+        w && n && /* @__PURE__ */ t(i, { onClick: n, children: w })
+      ]
+    }
+  );
+}
+export {
+  x as EmptyState
+};

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/ErrorState/ErrorState.js

@@ -0,0 +1,27 @@
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { Button as l } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { AlertCircleIcon as o } from "lucide-react";
+function x({
+  icon: s,
+  title: n,
+  description: e,
+  retryLabel: r,
+  onRetry: w,
+  className: i
+}) {
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center" + (i ? ` ${i}` : ""),
+      children: [
+        /* @__PURE__ */ t("div", { className: "ttw:mb-4 ttw:flex ttw:h-14 ttw:w-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-destructive/10", children: s ?? /* @__PURE__ */ t(o, { className: "ttw:h-6 ttw:w-6 ttw:text-destructive" }) }),
+        /* @__PURE__ */ t("h3", { className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground", children: n }),
+        e && /* @__PURE__ */ t("p", { className: "ttw:mb-6 ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: e }),
+        r && w && /* @__PURE__ */ t(l, { variant: "outline", onClick: w, children: r })
+      ]
+    }
+  );
+}
+export {
+  x as ErrorState
+};