@fayz-ai/plugin-forms 0.14.8 → 0.15.0

package/dist/{chunk-ANOY2YYX.js → chunk-JRR7A5HN.js}

@@ -1,6 +1,6 @@
 import React3, { createContext, useCallback, useContext } from 'react';
-import { Badge, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, Button, PickerList } from '@fayz-ai/ui';
-import { describeError, useTranslation } from '@fayz-ai/core';
+import { Checkbox, Badge, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, Textarea, Button, PickerList } from '@fayz-ai/ui';
+import { describeError, useTranslation, formatCurrency } from '@fayz-ai/core';
 import { X, SwitchCamera, RotateCcw, Check, ImageUp, Camera, SkipForward, ShoppingBag, Plus, Trash2, Receipt, Package, ImagePlus, Video, ScanFace, AlertTriangle, Minus } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
@@ -246,7 +246,7 @@ function MediaImage({ value, alt, className, style }) {
   if (!url) return /* @__PURE__ */ jsx("div", { className: `animate-pulse bg-muted ${className ?? ""}`, style, "aria-busy": "true" });
   return /* @__PURE__ */ jsx("img", { src: url, alt, className, style });
 }
-var brl = (n) => n.toLocaleString("pt-BR", { style: "currency", currency: "BRL" });
+var brl = (n) => formatCurrency(n);
 var stencilOf = (f) => f.config?.stencil ?? {};
 var galleryOf = (f) => f.config?.gallery ?? {};
 var alertOf = (f) => {
@@ -275,8 +275,10 @@ function AnswerAlertNote({ alert }) {
 }
 function YesNoButtons({ id, value, onChange, disabled }) {
   return /* @__PURE__ */ jsx("div", { role: "radiogroup", className: "inline-flex rounded-lg border bg-muted/40 p-0.5", children: ["sim", "nao"].map((opt) => /* @__PURE__ */ jsx(
-    "button",
+    Button,
     {
+      variant: "bare",
+      size: "bare",
       id: `${id}-${opt}`,
       type: "button",
       role: "radio",
@@ -349,11 +351,13 @@ function StencilPhotoField({ field, value, onChange, onOpenCamera, uploading })
     ] });
   }
   return /* @__PURE__ */ jsxs(
-    "button",
+    Button,
     {
+      variant: "bare",
+      size: "bare",
       type: "button",
       onClick: onOpenCamera,
-      className: "flex w-full max-w-[320px] flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed border-input bg-muted/20 p-3 text-muted-foreground transition-colors hover:border-primary hover:bg-muted/40 hover:text-primary",
+      className: "font-normal whitespace-normal flex w-full max-w-[320px] flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed border-input bg-muted/20 p-3 text-muted-foreground transition-colors hover:border-primary hover:bg-muted/40 hover:text-primary",
       style: { aspectRatio: String(ratio) },
       children: [
         overlay ? /* @__PURE__ */ jsx("img", { src: overlay, alt: "", className: "max-h-[70%] max-w-[70%] object-contain opacity-70" }) : /* @__PURE__ */ jsx(ScanFace, { className: "h-8 w-8" }),
@@ -367,12 +371,14 @@ function GalleryThumb({ item, onRemove }) {
   return /* @__PURE__ */ jsxs("div", { className: "group relative aspect-square overflow-hidden rounded-lg border bg-muted", children: [
     !url ? /* @__PURE__ */ jsx("div", { className: "h-full w-full animate-pulse bg-muted" }) : item.type === "video" ? /* @__PURE__ */ jsx("video", { src: url, className: "h-full w-full object-cover", controls: true, preload: "metadata" }) : /* @__PURE__ */ jsx("a", { href: url, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsx("img", { src: url, alt: item.name ?? "", className: "h-full w-full object-cover" }) }),
     onRemove && /* @__PURE__ */ jsx(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         type: "button",
         onClick: onRemove,
         "aria-label": "Remover",
-        className: "absolute right-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-background/90 text-muted-foreground shadow hover:text-destructive",
+        className: "font-normal absolute right-1 top-1 flex h-6 w-6 items-center justify-center rounded-full bg-background/90 text-muted-foreground shadow hover:text-destructive",
         children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
       }
     )
@@ -481,24 +487,28 @@ function GalleryField({ field, value, onChange }) {
 function Stepper({ value, onChange }) {
   return /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center rounded-lg border", children: [
     /* @__PURE__ */ jsx(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         type: "button",
         "aria-label": "Diminuir",
         disabled: value <= 1,
         onClick: () => onChange(value - 1),
-        className: "flex h-7 w-7 items-center justify-center text-muted-foreground hover:text-foreground disabled:opacity-30",
+        className: "font-normal flex h-7 w-7 items-center justify-center text-muted-foreground hover:text-foreground disabled:opacity-30",
         children: /* @__PURE__ */ jsx(Minus, { className: "h-3 w-3" })
       }
     ),
     /* @__PURE__ */ jsx("span", { className: "w-7 text-center text-sm tabular-nums", children: value }),
     /* @__PURE__ */ jsx(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         type: "button",
         "aria-label": "Aumentar",
         onClick: () => onChange(value + 1),
-        className: "flex h-7 w-7 items-center justify-center text-muted-foreground hover:text-foreground",
+        className: "font-normal flex h-7 w-7 items-center justify-center text-muted-foreground hover:text-foreground",
         children: /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" })
       }
     )
@@ -572,11 +582,13 @@ function RecommendationField({ value, onChange, shortcuts = [] }) {
         /* @__PURE__ */ jsx("span", { className: "text-[11px] font-normal opacity-80", children: "\xB7 toque para indicar o que vai executar" })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: freeShortcuts.map((s) => /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: () => onChange([...items, { serviceId: s.serviceId, name: s.name, unitPrice: s.unitPrice, quantity: 1 }]),
-          className: "inline-flex items-center gap-1.5 rounded-full border bg-background px-2.5 py-1 text-xs hover:bg-muted",
+          className: "font-normal inline-flex items-center gap-1.5 rounded-full border bg-background px-2.5 py-1 text-xs hover:bg-muted",
           children: [
             /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }),
             /* @__PURE__ */ jsx("span", { className: "font-medium", children: s.name }),
@@ -602,12 +614,14 @@ function RecommendationField({ value, onChange, shortcuts = [] }) {
         ] }),
         /* @__PURE__ */ jsx(Stepper, { value: it.quantity, onChange: (q) => onChange(items.map((x, i) => i === idx ? { ...x, quantity: q } : x)) }),
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             "aria-label": `Remover ${it.name}`,
             onClick: () => onChange(items.filter((_, i) => i !== idx)),
-            className: "flex h-6 w-6 items-center justify-center text-muted-foreground hover:text-destructive",
+            className: "font-normal flex h-6 w-6 items-center justify-center text-muted-foreground hover:text-destructive",
             children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
           }
         )
@@ -620,12 +634,14 @@ function RecommendationField({ value, onChange, shortcuts = [] }) {
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b px-3 py-2", children: [
         /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold", children: picking === "package" ? "Indicar pacote" : "Adicionar servi\xE7os" }),
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: () => setPicking(null),
             "aria-label": "Fechar lista",
-            className: "text-muted-foreground hover:text-foreground",
+            className: "font-normal text-muted-foreground hover:text-foreground",
             children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
           }
         )
@@ -879,23 +895,27 @@ function StencilCamera({
     /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[2147483647] flex select-none flex-col bg-black text-white", role: "dialog", "aria-label": title, children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3", children: [
         /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: onClose,
             "aria-label": "Fechar",
-            className: "flex h-10 w-10 items-center justify-center rounded-full bg-white/10 hover:bg-white/20",
+            className: "font-normal flex h-10 w-10 items-center justify-center rounded-full bg-white/10 hover:bg-white/20",
             children: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" })
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "truncate px-2 text-sm font-medium", children: title }),
         !preview && !noCamera ? /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: () => setFacing((f) => f === "user" ? "environment" : "user"),
             "aria-label": "Trocar c\xE2mera",
-            className: "flex h-10 w-10 items-center justify-center rounded-full bg-white/10 hover:bg-white/20",
+            className: "font-normal flex h-10 w-10 items-center justify-center rounded-full bg-white/10 hover:bg-white/20",
             children: /* @__PURE__ */ jsx(SwitchCamera, { className: "h-5 w-5" })
           }
         ) : /* @__PURE__ */ jsx("div", { className: "w-10" })
@@ -955,34 +975,40 @@ function StencilCamera({
           " Escolher foto"
         ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               disabled: starting,
               onClick: capture,
               "aria-label": "Capturar",
-              className: "flex h-16 w-16 items-center justify-center rounded-full border-4 border-white/40 bg-white transition-transform active:scale-95 disabled:opacity-60",
+              className: "font-normal flex h-16 w-16 items-center justify-center rounded-full border-4 border-white/40 bg-white transition-transform active:scale-95 disabled:opacity-60",
               children: /* @__PURE__ */ jsx(Camera, { className: "h-6 w-6 text-black" })
             }
           ),
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               type: "button",
               onClick: () => fileRef.current?.click(),
               "aria-label": "Escolher do arquivo",
-              className: "absolute left-6 flex h-12 w-12 items-center justify-center rounded-full bg-white/10 hover:bg-white/20",
+              className: "font-normal absolute left-6 flex h-12 w-12 items-center justify-center rounded-full bg-white/10 hover:bg-white/20",
               children: /* @__PURE__ */ jsx(ImageUp, { className: "h-5 w-5" })
             }
           )
         ] }),
         !preview && onSkip && /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: onSkip,
             "aria-label": "Pular esta foto",
-            className: "absolute right-6 flex h-12 w-12 items-center justify-center rounded-full bg-white/10 hover:bg-white/20",
+            className: "font-normal absolute right-6 flex h-12 w-12 items-center justify-center rounded-full bg-white/10 hover:bg-white/20",
             children: /* @__PURE__ */ jsx(SkipForward, { className: "h-5 w-5" })
           }
         )
@@ -1137,12 +1163,12 @@ function FieldRenderer({
           field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
         ] }),
         /* @__PURE__ */ jsx(
-          "textarea",
+          Textarea,
           {
             value: value ?? "",
             onChange: (e) => onChange(e.target.value),
             placeholder: htmlToPlainText2(field.placeholder),
-            className: "flex w-full rounded-input border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 min-h-[100px]",
+            className: "min-h-[100px] bg-background shadow-none",
             readOnly
           }
         )
@@ -1226,16 +1252,7 @@ function FieldRenderer({
     }
     case "checkbox":
       return /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer py-1", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "checkbox",
-            checked: !!value,
-            onChange: (e) => onChange(e.target.checked),
-            disabled: readOnly,
-            className: "rounded border-input"
-          }
-        ),
+        /* @__PURE__ */ jsx(Checkbox, { checked: !!value, onChange, disabled: readOnly }),
         /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium", children: [
           field.label,
           field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
@@ -1657,5 +1674,5 @@ function prefillFromPerson(schema, person, existing = {}) {
 }
 
 export { CustomFormsProvider, FORM_BUILDER_INSTRUCTIONS, FormRenderer, MediaImage, PERSON_FIELD_OPTIONS, alertOf, answerAlerts, buildPrintHtml, createOrUpdateFormTool, htmlToPlainText2 as htmlToPlainText, isFieldEmpty, isMedia, prefillFromPerson, printDocument, sanitizeHtml, useMediaUpload, yesNoAnswer };
-//# sourceMappingURL=chunk-ANOY2YYX.js.map
-//# sourceMappingURL=chunk-ANOY2YYX.js.map
+//# sourceMappingURL=chunk-JRR7A5HN.js.map
+//# sourceMappingURL=chunk-JRR7A5HN.js.map