@takeshape/purchase-order-chat 1.58.0 → 1.59.0

package/dist/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as e } from "react/jsx-runtime";
-import { r as o } from "./purchase-order-chat-wrapper-Cna4k42U.js";
+import { r as o } from "./purchase-order-chat-wrapper-s-B-vEE8.js";
 import { PurchaseOrderChat as c } from "./shadow.js";
 function n(r) {
   return /* @__PURE__ */ e(

package/dist/{purchase-order-chat-wrapper-Cna4k42U.js → purchase-order-chat-wrapper-s-B-vEE8.js}

@@ -22,7 +22,7 @@ function Bi(t, e) {
     return i != null ? String(i) : "";
   });
 }
-const Gr = "__vite_c_css_pos_initial_cc63ba75a59c4c15afcc544cd1521f87", bt = "__vite_c_css_pos_update_cc63ba75a59c4c15afcc544cd1521f87", vt = () => typeof window < "u" ? window[Gr] : void 0, Mi = (t) => {
+const Gr = "__vite_c_css_pos_initial_f439532678134e5d8e15eb785e1fe208", bt = "__vite_c_css_pos_update_f439532678134e5d8e15eb785e1fe208", vt = () => typeof window < "u" ? window[Gr] : void 0, Mi = (t) => {
   const [e, r] = L(() => vt() || /* @__PURE__ */ new Map()), [n, i] = L(0);
   return F(() => {
     const s = (o) => {
@@ -1866,16 +1866,16 @@ function wt(t) {
       className: `p-2 px-2.5 rounded border border-solid ${m ? "bg-warning-bg border-warning" : "bg-surface-secondary border-border"}`,
       children: [
         /* @__PURE__ */ p("div", { className: "flex justify-between items-center mb-0.5", children: [
-          /* @__PURE__ */ a("span", { className: "text-[0.625rem] text-text-tertiary uppercase tracking-[0.05em]", children: e }),
-          i === "updating" && /* @__PURE__ */ p("span", { className: "flex items-center gap-1 text-[0.625rem] font-medium text-text-tertiary uppercase tracking-[0.025em]", children: [
+          /* @__PURE__ */ a("span", { className: "text-2xs text-text-tertiary uppercase tracking-[0.05em]", children: e }),
+          i === "updating" && /* @__PURE__ */ p("span", { className: "flex items-center gap-1 text-2xs font-medium text-text-tertiary uppercase tracking-[0.025em]", children: [
             /* @__PURE__ */ a(Be, { size: 10 }),
             "Updating..."
           ] }),
-          i === "success" && /* @__PURE__ */ p("span", { className: "flex items-center gap-0.5 text-[0.625rem] font-semibold text-success-text uppercase tracking-[0.025em]", children: [
+          i === "success" && /* @__PURE__ */ p("span", { className: "flex items-center gap-0.5 text-2xs font-semibold text-success-text uppercase tracking-[0.025em]", children: [
             /* @__PURE__ */ a(Ue, { size: 10, title: "Updated" }),
             "Updated"
           ] }),
-          i === "error" && /* @__PURE__ */ p("span", { className: "flex items-center gap-0.5 text-[0.625rem] font-semibold text-error-text uppercase tracking-[0.025em]", children: [
+          i === "error" && /* @__PURE__ */ p("span", { className: "flex items-center gap-0.5 text-2xs font-semibold text-error-text uppercase tracking-[0.025em]", children: [
             /* @__PURE__ */ a(Mn, { size: 12, title: "Failed" }),
             "Failed to update"
           ] })
@@ -1886,7 +1886,7 @@ function wt(t) {
             value: n ?? "",
             onChange: (b) => s?.(b.target.value),
             disabled: i === "updating",
-            className: "w-full px-2 py-1.5 text-[0.8125rem] font-medium rounded cursor-pointer transition-colors focus:outline-none focus:border-border-focus disabled:opacity-50 disabled:cursor-not-allowed border border-solid font-[inherit] appearance-auto text-text bg-transparent border-border-strong",
+            className: "w-full px-2 py-1.5 text-sm font-medium rounded cursor-pointer transition-colors focus:outline-none focus:border-border-focus disabled:opacity-50 disabled:cursor-not-allowed border border-solid font-[inherit] appearance-auto text-text bg-transparent border-border-strong",
             children: [
               o && /* @__PURE__ */ p(ve, { children: [
                 /* @__PURE__ */ a("option", { value: o.id, children: /* @__PURE__ */ a(St, { address: o }) }, o.id),
@@ -1905,7 +1905,7 @@ function wt(t) {
           }
         ),
         o && /* @__PURE__ */ a(Ln, { address: o }),
-        m && /* @__PURE__ */ a("p", { className: "mt-1.5 pt-1.5 m-0 text-[0.6875rem] leading-[1.4]", children: "Your company has a default address set. Verify your address on the checkout page as it may not populate automatically." })
+        m && /* @__PURE__ */ a("p", { className: "mt-1.5 pt-1.5 m-0 text-xs leading-[1.4]", children: "Your company has a default address set. Verify your address on the checkout page as it may not populate automatically." })
       ]
     }
   );
@@ -1952,7 +1952,7 @@ function Ln({ address: t }) {
       type: "button",
       "aria-label": "Copy PO address to clipboard",
       onClick: s,
-      className: "mt-1.5 pt-1.5 m-0 text-[0.6875rem] leading-[1.4] cursor-pointer flex justify-between items-start gap-1 w-full bg-transparent text-left border-0 border-t border-solid p-0 font-[inherit] border-border-strong text-text-tertiary",
+      className: "mt-1.5 pt-1.5 m-0 text-xs leading-[1.4] cursor-pointer flex justify-between items-start gap-1 w-full bg-transparent text-left border-0 border-t border-solid p-0 font-[inherit] border-border-strong text-text-tertiary",
       children: [
         /* @__PURE__ */ p("span", { children: [
           /* @__PURE__ */ a("span", { className: "text-text-tertiary", children: "PO address:" }),
@@ -1970,8 +1970,8 @@ const Te = (t, e = "USD") => new Intl.NumberFormat("en-US", {
 }).format(t);
 function Ze({ label: t, value: e }) {
   return /* @__PURE__ */ p("div", { className: "flex justify-between py-0.5", children: [
-    /* @__PURE__ */ a("span", { className: "text-[0.8125rem] text-text-tertiary", children: t }),
-    /* @__PURE__ */ a("span", { className: "text-[0.8125rem] text-text", children: e })
+    /* @__PURE__ */ a("span", { className: "text-sm text-text-tertiary", children: t }),
+    /* @__PURE__ */ a("span", { className: "text-sm text-text", children: e })
   ] });
 }
 function et(t, e) {
@@ -2006,8 +2006,8 @@ function Rn({
       }
     ),
     /* @__PURE__ */ p("div", { className: "flex justify-between mt-1 pt-1.5 border-t border-border", children: [
-      /* @__PURE__ */ a("span", { className: "text-[0.875rem] font-semibold text-text", children: "Total" }),
-      /* @__PURE__ */ a("span", { className: "text-[0.875rem] font-semibold text-text", children: et(n, i) })
+      /* @__PURE__ */ a("span", { className: "text-sm font-semibold text-text", children: "Total" }),
+      /* @__PURE__ */ a("span", { className: "text-sm font-semibold text-text", children: et(n, i) })
     ] }),
     /* @__PURE__ */ a(
       "button",
@@ -2015,7 +2015,7 @@ function Rn({
         type: "button",
         onClick: l,
         disabled: o === 0 || c || !d,
-        className: "bg-surface-invert shadow-button transition-all duration-200 ease-in-out enabled:hover:bg-surface-invert-hover enabled:hover:shadow-button-hover enabled:hover:-translate-y-px relative w-full mt-2.5 px-4 py-2.5 min-h-11 text-text-invert rounded-full text-[0.875rem] font-semibold flex items-center justify-center gap-1.5 cursor-pointer overflow-hidden disabled:opacity-50 disabled:cursor-not-allowed",
+        className: "bg-surface-invert shadow-button transition-all duration-200 ease-in-out enabled:hover:bg-surface-invert-hover enabled:hover:shadow-button-hover enabled:hover:-translate-y-px relative w-full mt-2.5 px-4 py-2.5 min-h-11 text-text-invert rounded-full text-sm font-semibold flex items-center justify-center gap-1.5 cursor-pointer overflow-hidden disabled:opacity-50 disabled:cursor-not-allowed",
         "aria-label": `Checkout with ${s} items`,
         children: c ? "Loading..." : /* @__PURE__ */ p(ve, { children: [
           "Checkout with ",
@@ -2210,7 +2210,7 @@ function ir({
     ),
     I && /* @__PURE__ */ a("span", { className: "text-text-tertiary ml-0.5", children: /* @__PURE__ */ a(Be, {}) }),
     d === "success" && /* @__PURE__ */ a("span", { className: "text-success ml-0.5", children: /* @__PURE__ */ a(Ue, {}) }),
-    d === "error" && /* @__PURE__ */ a("span", { className: "text-error text-[0.6875rem] ml-0.5", children: "Failed" })
+    d === "error" && /* @__PURE__ */ a("span", { className: "text-error text-xs ml-0.5", children: "Failed" })
   ] });
 }
 function Dn(t) {
@@ -2273,7 +2273,7 @@ function Dn(t) {
       l && !c && /* @__PURE__ */ a(
         "div",
         {
-          className: `flex items-center gap-1.5 text-[0.6875rem] px-1.5 py-0.5 rounded mt-1 ${d ? "bg-success-bg text-success-text" : "bg-warning-bg text-warning-text"}`,
+          className: `flex items-center gap-1.5 text-xs px-1.5 py-0.5 rounded mt-1 ${d ? "bg-success-bg text-success-text" : "bg-warning-bg text-warning-text"}`,
           children: /* @__PURE__ */ p("span", { children: [
             d ? "Catalog price lower" : "Catalog price higher",
             " · ",
@@ -2285,8 +2285,8 @@ function Dn(t) {
           ] })
         }
       ),
-      e.status === "unavailable" && /* @__PURE__ */ a("span", { className: "inline-block text-[0.6875rem] font-medium px-1.5 py-0.5 rounded mt-1 bg-error/20 text-error-text", children: "Unavailable" }),
-      e.status === "pending" && /* @__PURE__ */ a("span", { className: "inline-block text-[0.6875rem] font-medium px-1.5 py-0.5 rounded mt-1 bg-warning/20 text-warning-text", children: "Pending" }),
+      e.status === "unavailable" && /* @__PURE__ */ a("span", { className: "inline-block text-xs font-medium px-1.5 py-0.5 rounded mt-1 bg-error/20 text-error-text", children: "Unavailable" }),
+      e.status === "pending" && /* @__PURE__ */ a("span", { className: "inline-block text-xs font-medium px-1.5 py-0.5 rounded mt-1 bg-warning/20 text-warning-text", children: "Pending" }),
       /* @__PURE__ */ p("div", { className: "flex items-center justify-between mt-2", children: [
         /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5", children: /* @__PURE__ */ a(
           _n,
@@ -2313,7 +2313,7 @@ function _n(t) {
     }
   );
 }
-const Et = "flex items-center gap-1 min-h-11 px-3 py-1 text-[0.6875rem] font-medium text-text bg-surface-secondary border border-border-focus/20 rounded-md hover:bg-surface-tertiary hover:border-border-focus/35 transition-all whitespace-nowrap";
+const Et = "flex items-center gap-1 min-h-11 px-3 py-1 text-xs font-medium text-text bg-surface-secondary border border-border-focus/20 rounded-md hover:bg-surface-tertiary hover:border-border-focus/35 transition-all whitespace-nowrap";
 function De({
   children: t,
   className: e,
@@ -2341,14 +2341,14 @@ function or({ onNewOrder: t }) {
   };
   return F(() => () => {
     n.current && clearTimeout(n.current);
-  }, []), e ? /* @__PURE__ */ p("span", { className: "flex items-center gap-1.5 text-[0.6875rem] animate-[fadeIn_0.15s_ease]", children: [
+  }, []), e ? /* @__PURE__ */ p("span", { className: "flex items-center gap-1.5 text-xs animate-[fadeIn_0.15s_ease]", children: [
     /* @__PURE__ */ a("span", { className: "text-text-tertiary font-medium", children: "Reset?" }),
     /* @__PURE__ */ a(
       "button",
       {
         type: "button",
         onClick: s,
-        className: "min-h-11 min-w-11 px-3 py-1 text-[0.6875rem] font-semibold text-error-text bg-error-bg border border-error/30 rounded hover:bg-error/20 transition-all",
+        className: "min-h-11 min-w-11 px-3 py-1 text-xs font-semibold text-error-text bg-error-bg border border-error/30 rounded hover:bg-error/20 transition-all",
         children: "Yes"
       }
     ),
@@ -2357,7 +2357,7 @@ function or({ onNewOrder: t }) {
       {
         type: "button",
         onClick: o,
-        className: "min-h-11 min-w-11 px-3 py-1 text-[0.6875rem] font-semibold text-text-tertiary bg-surface-secondary border border-border rounded hover:bg-surface-tertiary transition-all",
+        className: "min-h-11 min-w-11 px-3 py-1 text-xs font-semibold text-text-tertiary bg-surface-secondary border border-border rounded hover:bg-surface-tertiary transition-all",
         children: "No"
       }
     )
@@ -2427,7 +2427,7 @@ function qn({
           ] })
         ] }),
         /* @__PURE__ */ p("div", { className: "flex flex-col flex-1 items-center justify-center gap-4 py-3 px-8", children: [
-          /* @__PURE__ */ a("div", { className: "flex items-center justify-center w-16 h-16 rounded-[14px] p-1 text-text", children: /* @__PURE__ */ a(Un, {}) }),
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-center w-16 h-16 rounded-2xl p-1 text-text", children: /* @__PURE__ */ a(Un, {}) }),
           /* @__PURE__ */ a("h3", { className: "m-0 text-base font-semibold text-text", children: "Your cart will appear here" }),
           /* @__PURE__ */ a("div", { className: "h-[50px]", "aria-hidden": "true" })
         ] }),
@@ -3144,7 +3144,7 @@ function rs({
       /* @__PURE__ */ p("div", { className: "flex items-start justify-between gap-2", children: [
         /* @__PURE__ */ p("div", { className: "flex-1 min-w-0", children: [
           (t.productName || t.productSku) && /* @__PURE__ */ a("p", { className: "text-sm font-medium text-text-secondary m-0 truncate", children: tt(t) }),
-          /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 mt-1", children: /* @__PURE__ */ p("span", { className: "inline-flex items-center gap-1 text-[0.625rem] font-medium px-1.5 py-0.5 rounded bg-surface-tertiary text-text-secondary", children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 mt-1", children: /* @__PURE__ */ p("span", { className: "inline-flex items-center gap-1 text-2xs font-medium px-1.5 py-0.5 rounded bg-surface-tertiary text-text-secondary", children: [
             /* @__PURE__ */ a("span", { className: "w-1.5 h-1.5 bg-text-secondary rounded-full animate-pulse" }),
             t.status
           ] }) })
@@ -3229,7 +3229,7 @@ function ns({
       children: [
         /* @__PURE__ */ p("div", { className: "px-4 py-3 shrink-0", children: [
           /* @__PURE__ */ p("div", { className: "flex items-center justify-between mb-2", children: [
-            /* @__PURE__ */ a("h2", { className: "text-[1.125rem] font-normal text-text m-0", children: "Cart" }),
+            /* @__PURE__ */ a("h2", { className: "text-lg font-normal text-text m-0", children: "Cart" }),
             /* @__PURE__ */ p("div", { className: "flex items-center gap-2", children: [
               $ && /* @__PURE__ */ a(or, { onNewOrder: $ }),
               O && /* @__PURE__ */ p(De, { onClick: O, "aria-label": "Expand", children: [
@@ -3244,13 +3244,13 @@ function ns({
           ] }),
           d && /* @__PURE__ */ p("div", { className: "flex gap-5 mb-2", children: [
             /* @__PURE__ */ p("div", { className: "flex flex-col gap-0", children: [
-              /* @__PURE__ */ a("span", { className: "text-[0.625rem] text-text-tertiary uppercase tracking-[0.05em]", children: "PO Number" }),
+              /* @__PURE__ */ a("span", { className: "text-2xs text-text-tertiary uppercase tracking-[0.05em]", children: "PO Number" }),
               /* @__PURE__ */ p(
                 "button",
                 {
                   type: "button",
                   onClick: ee,
-                  className: "flex items-center gap-1 text-[0.8125rem] font-semibold text-text bg-transparent border-none cursor-pointer p-0 hover:opacity-70 transition-opacity",
+                  className: "flex items-center gap-1 text-sm font-semibold text-text bg-transparent border-none cursor-pointer p-0 hover:opacity-70 transition-opacity",
                   title: G ? "Copied!" : "Copy PO Number",
                   children: [
                     d,
@@ -3260,8 +3260,8 @@ function ns({
               )
             ] }),
             /* @__PURE__ */ p("div", { className: "flex flex-col gap-0", children: [
-              /* @__PURE__ */ a("span", { className: "text-[0.625rem] text-text-tertiary uppercase tracking-[0.05em]", children: "Items" }),
-              /* @__PURE__ */ a("span", { className: "text-[0.8125rem] font-semibold text-text", children: t.length })
+              /* @__PURE__ */ a("span", { className: "text-2xs text-text-tertiary uppercase tracking-[0.05em]", children: "Items" }),
+              /* @__PURE__ */ a("span", { className: "text-sm font-semibold text-text", children: t.length })
             ] })
           ] }),
           /* @__PURE__ */ a(
@@ -3392,7 +3392,7 @@ function ls({
           "textarea",
           {
             placeholder: "Describe what you need...",
-            className: "flex-1 resize-none border-none rounded-xl px-4 py-3 text-[0.9375rem] font-inherit bg-transparent min-h-[44px] max-h-[120px] leading-normal focus:outline-none placeholder:text-text-quaternary disabled:cursor-not-allowed",
+            className: "flex-1 resize-none border-none rounded-xl px-4 py-3 text-sm font-inherit bg-transparent min-h-[44px] max-h-[120px] leading-normal focus:outline-none placeholder:text-text-quaternary disabled:cursor-not-allowed",
             rows: 1,
             value: t,
             onChange: e,
@@ -3705,7 +3705,7 @@ function Bt({
   return /* @__PURE__ */ p(
     "div",
     {
-      className: `bg-surface rounded-[10px] border overflow-hidden transition-[border-color,box-shadow] duration-150 flex ${x ? "flex-row border-border hover:shadow-md" : `w-[180px] max-w-full shrink-0 flex-col border-border hover:border-border-strong hover:shadow-[0_2px_8px_rgba(0,0,0,0.06)]${G ? " opacity-70" : ""}`} ${n}`,
+      className: `bg-surface rounded-xl border overflow-hidden transition-[border-color,box-shadow] duration-150 flex ${x ? "flex-row border-border hover:shadow-md" : `w-[180px] max-w-full shrink-0 flex-col border-border hover:border-border-strong hover:shadow-[0_2px_8px_rgba(0,0,0,0.06)]${G ? " opacity-70" : ""}`} ${n}`,
       children: [
         /* @__PURE__ */ p(
           "div",
@@ -3720,7 +3720,7 @@ function Bt({
                   className: "w-full h-full object-cover"
                 }
               ) : /* @__PURE__ */ a(xs, {}),
-              !x && G && /* @__PURE__ */ a("div", { className: "absolute top-2 right-2 bg-error text-text-invert text-[0.6875rem] font-semibold px-2 py-0.5 rounded", children: "Out of stock" })
+              !x && G && /* @__PURE__ */ a("div", { className: "absolute top-2 right-2 bg-error text-text-invert text-xs font-semibold px-2 py-0.5 rounded", children: "Out of stock" })
             ]
           }
         ),
@@ -3750,7 +3750,7 @@ function Bt({
                 /* @__PURE__ */ a("p", { className: "text-xs text-text-quaternary m-0 mt-0.5", children: g }),
                 A !== void 0 && /* @__PURE__ */ a("p", { className: "text-sm font-semibold text-text m-0 mt-1", children: Te(A) }),
                 G && /* @__PURE__ */ a("p", { className: "text-xs text-error m-0 mt-1 font-medium", children: "Out of Stock" }),
-                !x && !G && $ !== void 0 && $ > 0 && /* @__PURE__ */ p("p", { className: "text-[0.625rem] text-success font-medium m-0 mt-0.5", children: [
+                !x && !G && $ !== void 0 && $ > 0 && /* @__PURE__ */ p("p", { className: "text-2xs text-success font-medium m-0 mt-0.5", children: [
                   $,
                   " in stock"
                 ] }),
@@ -4691,7 +4691,7 @@ function Os({
             className: "flex items-center gap-2 px-3 py-2 bg-surface hover:bg-surface-secondary rounded-lg transition-colors border border-border text-left w-full",
             children: [
               /* @__PURE__ */ a(At, {}),
-              /* @__PURE__ */ a("span", { className: "text-[0.9375rem] text-text font-medium truncate min-w-0", children: s || "Uploaded Document" }),
+              /* @__PURE__ */ a("span", { className: "text-sm text-text font-medium truncate min-w-0", children: s || "Uploaded Document" }),
               /* @__PURE__ */ p(
                 "svg",
                 {
@@ -4714,7 +4714,7 @@ function Os({
         n && /* @__PURE__ */ a("div", { className: "mt-2 p-3 bg-surface border border-border rounded-lg max-h-96 overflow-y-auto", children: f.map((u, m) => u.type === "text" ? /* @__PURE__ */ a(
           ze,
           {
-            className: "text-[0.875rem] leading-normal text-text",
+            className: "text-sm leading-normal text-text",
             plugins: {},
             children: u.text
           },
@@ -4747,7 +4747,7 @@ function Os({
             children: /* @__PURE__ */ a(
               ze,
               {
-                className: "text-[0.9375rem] leading-relaxed text-text",
+                className: "text-sm leading-relaxed text-text",
                 plugins: {},
                 children: u.text
               }
@@ -4882,14 +4882,14 @@ function Rs({
             "div",
             {
               className: ke(
-                "flex items-center justify-center w-16 h-16 rounded-[14px] p-1 border-2 border-dashed border-border-focus text-text transition-transform duration-200",
+                "flex items-center justify-center w-16 h-16 rounded-2xl p-1 border-2 border-dashed border-border-focus text-text transition-transform duration-200",
                 t && "animate-icon-bounce"
               ),
               children: /* @__PURE__ */ a(Sr, {})
             }
           ),
-          /* @__PURE__ */ a("h3", { className: "m-0 text-base font-semibold text-text text-center", children: "Upload your Purchase Order" }),
-          /* @__PURE__ */ a("p", { className: "m-0 text-sm text-text-tertiary text-center", children: "Get automagical product matching and stock availability" }),
+          /* @__PURE__ */ a("h3", { className: "m-0 text-base font-semibold text-text text-center", children: "Upload your Order" }),
+          /* @__PURE__ */ a("p", { className: "m-0 text-sm text-text-tertiary text-center", children: "Your Order Assistant will match products and check stock availability" }),
           /* @__PURE__ */ a("div", { className: "flex flex-wrap justify-center gap-2", children: tr.map((c) => /* @__PURE__ */ a(
             "span",
             {
@@ -5374,13 +5374,13 @@ function kr() {
 }
 const Qs = [
   { label: "Upload", number: 1 },
-  { label: "Analyze", number: 2 },
+  { label: "Match", number: 2 },
   { label: "Checkout", number: 3 }
 ];
 function Gs(t = {}) {
   return /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-0 p-4 md:py-1 md:px-0", children: Qs.map((e, r) => /* @__PURE__ */ p("div", { className: "flex items-center gap-2", children: [
     r > 0 && /* @__PURE__ */ a("div", { className: "w-6 md:w-10 h-px mx-2 md:mx-3 rounded-[1px] bg-border" }),
-    /* @__PURE__ */ a("div", { className: "flex items-center justify-center w-5 h-5 rounded-full shrink-0 bg-transparent border-[1.5px] border-border-strong text-text-quaternary", children: /* @__PURE__ */ a("span", { className: "text-[0.6875rem] font-medium", children: e.number }) }),
+    /* @__PURE__ */ a("div", { className: "flex items-center justify-center w-5 h-5 rounded-full shrink-0 bg-transparent border-[1.5px] border-border-strong text-text-quaternary", children: /* @__PURE__ */ a("span", { className: "text-xs font-medium", children: e.number }) }),
     /* @__PURE__ */ a("span", { className: "text-s font-normal whitespace-nowrap text-text-quaternary", children: e.label })
   ] }, e.label)) });
 }
@@ -5424,14 +5424,14 @@ function Hs({
           "div",
           {
             className: ke(
-              "flex items-center justify-center w-16 h-16 rounded-[14px] p-1 border-2 border-dashed border-border-focus text-text transition-transform duration-200",
+              "flex items-center justify-center w-16 h-16 rounded-2xl p-1 border-2 border-dashed border-border-focus text-text transition-transform duration-200",
               t && "animate-icon-bounce"
             ),
             children: /* @__PURE__ */ a(Sr, {})
           }
         ),
-        /* @__PURE__ */ a("h2", { className: "m-0 text-2xl max-md:text-xl font-semibold text-text text-center", children: "Upload your Purchase Order" }),
-        /* @__PURE__ */ a("p", { className: "m-0 text-[15px] text-text-tertiary text-center", children: "Get automagical product matching and stock availability" }),
+        /* @__PURE__ */ a("h2", { className: "m-0 text-2xl max-md:text-xl font-semibold text-text text-center", children: "Upload your Order" }),
+        /* @__PURE__ */ a("p", { className: "m-0 px-8 text-sm text-text-tertiary text-center", children: "Your Order Assistant will match products and check stock availability" }),
         /* @__PURE__ */ a("div", { className: "flex flex-wrap justify-center gap-2 mt-2", children: tr.map((o) => /* @__PURE__ */ a(
           "span",
           {
@@ -5483,7 +5483,7 @@ function Ks({
           "button",
           {
             type: "button",
-            className: "border-none pt-4 pb-8 px-4 text-[15px] text-text-tertiary cursor-pointer transition-colors duration-150 hover:text-text hover:underline focus-visible:outline-2 focus-visible:outline-border-focus focus-visible:outline-offset-2 rounded",
+            className: "border-none pt-4 pb-8 px-4 text-sm text-text-tertiary cursor-pointer transition-colors duration-150 hover:text-text hover:underline focus-visible:outline-2 focus-visible:outline-border-focus focus-visible:outline-offset-2 rounded",
             onClick: o,
             children: "Or start by describing what you need"
           }
@@ -8179,4 +8179,4 @@ export {
   Bi as r,
   Li as s
 };
-//# sourceMappingURL=purchase-order-chat-wrapper-Cna4k42U.js.map
+//# sourceMappingURL=purchase-order-chat-wrapper-s-B-vEE8.js.map