@planetaexo/design-system 0.92.2 → 0.92.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs +186 -134
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +13 -1
  4. package/dist/index.d.ts +13 -1
  5. package/dist/index.js +186 -134
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -1809,6 +1809,16 @@ interface PartnerRegistrationCompleteEmailProps {
1809
1809
  hasSection: boolean;
1810
1810
  rows: PartnerRegistrationCompleteEmailExpectationRow[];
1811
1811
  };
1812
+ /**
1813
+ * Notas marcadas como visíveis ao parceiro (visibleToPartner=true), já filtradas
1814
+ * e formatadas pelo backend: `body` é texto puro; `meta` é "Autor · Data" já
1815
+ * montada (pode ser ""). Quando presente e não-vazia, renderiza a seção "Notes
1816
+ * from the team"; ausente/vazia = nada renderizado. Spec partner-booking-notes.
1817
+ */
1818
+ partnerNotes?: {
1819
+ body: string;
1820
+ meta: string;
1821
+ }[];
1812
1822
  pdfAttached: boolean;
1813
1823
  agent: {
1814
1824
  name: string;
@@ -1839,6 +1849,8 @@ interface PartnerRegistrationCompleteEmailLabels {
1839
1849
  expectationsEmptyNote?: string;
1840
1850
  /** "—" quando answer == null. */
1841
1851
  expectationsEmptyAnswer?: string;
1852
+ /** Heading da seção de notas visíveis ao parceiro (Spec partner-booking-notes). */
1853
+ partnerNotesHeading?: string;
1842
1854
  pdfNote?: string;
1843
1855
  /** Closing principal quando há agente. Recebe nome + URLs e retorna JSX. */
1844
1856
  closingAgent?: (agentName: string, contact: PartnerRegistrationCompleteAgentContactLinks) => React.ReactNode;
@@ -1846,7 +1858,7 @@ interface PartnerRegistrationCompleteEmailLabels {
1846
1858
  closingNoAgent?: string;
1847
1859
  teamSignature?: string;
1848
1860
  }
1849
- declare function PartnerRegistrationCompleteEmail({ scenario, topNotice, partnerName, bookingNumber, adventureName, dateRange, bookingPersonName, bookingPersonPassport, travellersCount, expectations, pdfAttached, agent, logoUrl, labels, className, }: PartnerRegistrationCompleteEmailProps): react_jsx_runtime.JSX.Element;
1861
+ declare function PartnerRegistrationCompleteEmail({ scenario, topNotice, partnerName, bookingNumber, adventureName, dateRange, bookingPersonName, bookingPersonPassport, travellersCount, expectations, partnerNotes, pdfAttached, agent, logoUrl, labels, className, }: PartnerRegistrationCompleteEmailProps): react_jsx_runtime.JSX.Element;
1850
1862
 
1851
1863
  interface PartnerBookingCreatedAgentContactLinks {
1852
1864
  whatsappUrl?: string;
package/dist/index.d.ts CHANGED
@@ -1809,6 +1809,16 @@ interface PartnerRegistrationCompleteEmailProps {
1809
1809
  hasSection: boolean;
1810
1810
  rows: PartnerRegistrationCompleteEmailExpectationRow[];
1811
1811
  };
1812
+ /**
1813
+ * Notas marcadas como visíveis ao parceiro (visibleToPartner=true), já filtradas
1814
+ * e formatadas pelo backend: `body` é texto puro; `meta` é "Autor · Data" já
1815
+ * montada (pode ser ""). Quando presente e não-vazia, renderiza a seção "Notes
1816
+ * from the team"; ausente/vazia = nada renderizado. Spec partner-booking-notes.
1817
+ */
1818
+ partnerNotes?: {
1819
+ body: string;
1820
+ meta: string;
1821
+ }[];
1812
1822
  pdfAttached: boolean;
1813
1823
  agent: {
1814
1824
  name: string;
@@ -1839,6 +1849,8 @@ interface PartnerRegistrationCompleteEmailLabels {
1839
1849
  expectationsEmptyNote?: string;
1840
1850
  /** "—" quando answer == null. */
1841
1851
  expectationsEmptyAnswer?: string;
1852
+ /** Heading da seção de notas visíveis ao parceiro (Spec partner-booking-notes). */
1853
+ partnerNotesHeading?: string;
1842
1854
  pdfNote?: string;
1843
1855
  /** Closing principal quando há agente. Recebe nome + URLs e retorna JSX. */
1844
1856
  closingAgent?: (agentName: string, contact: PartnerRegistrationCompleteAgentContactLinks) => React.ReactNode;
@@ -1846,7 +1858,7 @@ interface PartnerRegistrationCompleteEmailLabels {
1846
1858
  closingNoAgent?: string;
1847
1859
  teamSignature?: string;
1848
1860
  }
1849
- declare function PartnerRegistrationCompleteEmail({ scenario, topNotice, partnerName, bookingNumber, adventureName, dateRange, bookingPersonName, bookingPersonPassport, travellersCount, expectations, pdfAttached, agent, logoUrl, labels, className, }: PartnerRegistrationCompleteEmailProps): react_jsx_runtime.JSX.Element;
1861
+ declare function PartnerRegistrationCompleteEmail({ scenario, topNotice, partnerName, bookingNumber, adventureName, dateRange, bookingPersonName, bookingPersonPassport, travellersCount, expectations, partnerNotes, pdfAttached, agent, logoUrl, labels, className, }: PartnerRegistrationCompleteEmailProps): react_jsx_runtime.JSX.Element;
1850
1862
 
1851
1863
  interface PartnerBookingCreatedAgentContactLinks {
1852
1864
  whatsappUrl?: string;
package/dist/index.js CHANGED
@@ -7086,6 +7086,7 @@ var DEFAULT_LABELS10 = {
7086
7086
  expectationsHeading: "Travellers Expectations",
7087
7087
  expectationsEmptyNote: "No expectations were collected for this adventure.",
7088
7088
  expectationsEmptyAnswer: "\u2014",
7089
+ partnerNotesHeading: "Notes from the team",
7089
7090
  pdfNote: "The consolidated registration PDF is attached. Please review it carefully, as it contains important traveller information, including dietary restrictions, medical conditions, preferences, and other details that may help improve the guest experience and ensure proper preparation.",
7090
7091
  closingAgent: (agentName, contact) => /* @__PURE__ */ jsxs(Fragment, { children: [
7091
7092
  "If you have any questions, your contact ",
@@ -7114,6 +7115,7 @@ function PartnerRegistrationCompleteEmail({
7114
7115
  bookingPersonPassport,
7115
7116
  travellersCount,
7116
7117
  expectations,
7118
+ partnerNotes,
7117
7119
  pdfAttached,
7118
7120
  agent,
7119
7121
  logoUrl,
@@ -7238,6 +7240,51 @@ function PartnerRegistrationCompleteEmail({
7238
7240
  }) })
7239
7241
  }
7240
7242
  ) : /* @__PURE__ */ jsx("p", { style: { marginTop: 0, marginBottom: "24px", color: emailTokens.bodyText }, children: l.expectationsEmptyNote }),
7243
+ Array.isArray(partnerNotes) && partnerNotes.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
7244
+ /* @__PURE__ */ jsx(
7245
+ "p",
7246
+ {
7247
+ style: {
7248
+ marginTop: 0,
7249
+ marginBottom: "16px",
7250
+ paddingBottom: "8px",
7251
+ borderBottom: `2px solid ${emailTokens.primary}`,
7252
+ fontWeight: 700,
7253
+ fontSize: "18px",
7254
+ color: emailTokens.foreground,
7255
+ fontFamily: emailTokens.fontFamily
7256
+ },
7257
+ children: l.partnerNotesHeading
7258
+ }
7259
+ ),
7260
+ /* @__PURE__ */ jsx(
7261
+ "table",
7262
+ {
7263
+ role: "presentation",
7264
+ style: {
7265
+ width: "100%",
7266
+ borderCollapse: "collapse",
7267
+ fontSize: "14px",
7268
+ marginBottom: "24px"
7269
+ },
7270
+ children: /* @__PURE__ */ jsx("tbody", { children: partnerNotes.map((note, i) => /* @__PURE__ */ jsx("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: /* @__PURE__ */ jsxs("td", { style: { padding: "10px 0", color: emailTokens.bodyText, verticalAlign: "top" }, children: [
7271
+ hasText6(note.meta) && /* @__PURE__ */ jsx(
7272
+ "div",
7273
+ {
7274
+ style: {
7275
+ fontSize: "12px",
7276
+ fontWeight: 600,
7277
+ color: emailTokens.foreground,
7278
+ marginBottom: "4px"
7279
+ },
7280
+ children: note.meta
7281
+ }
7282
+ ),
7283
+ /* @__PURE__ */ jsx("div", { style: { whiteSpace: "pre-wrap" }, children: note.body })
7284
+ ] }) }, i)) })
7285
+ }
7286
+ )
7287
+ ] }),
7241
7288
  pdfAttached && hasText6(l.pdfNote) && /* @__PURE__ */ jsx(
7242
7289
  "div",
7243
7290
  {
@@ -13775,6 +13822,8 @@ function SiteHeader({
13775
13822
  const [mobileOpen, setMobileOpen] = React20.useState(false);
13776
13823
  const [openMobileSection, setOpenMobileSection] = React20.useState(null);
13777
13824
  const [activeLang, setActiveLang] = React20.useState(currentLanguage);
13825
+ const [mounted, setMounted] = React20.useState(false);
13826
+ React20.useEffect(() => setMounted(true), []);
13778
13827
  const toggleMobileSection = (label) => setOpenMobileSection((prev) => prev === label ? null : label);
13779
13828
  const menuCloseTimer = React20.useRef(void 0);
13780
13829
  const langCloseTimer = React20.useRef(void 0);
@@ -13979,157 +14028,160 @@ function SiteHeader({
13979
14028
  )
13980
14029
  ] })
13981
14030
  ] }),
13982
- mobileOpen && /* @__PURE__ */ jsxs(
13983
- "div",
13984
- {
13985
- className: cn(
13986
- "fixed inset-0 z-50 lg:hidden flex flex-col",
13987
- variant === "white" ? "bg-white" : "bg-primary-900"
13988
- ),
13989
- children: [
13990
- /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 h-[72px] shrink-0 border-b border-white/8", children: [
13991
- /* @__PURE__ */ jsx("a", { href: logoHref, className: "shrink-0 flex items-center", onClick: () => setMobileOpen(false), children: /* @__PURE__ */ jsx(
13992
- "img",
13993
- {
13994
- src: resolvedLogo,
13995
- alt: logoAlt,
13996
- className: "h-14 w-auto select-none",
13997
- draggable: false
13998
- }
13999
- ) }),
14000
- /* @__PURE__ */ jsx(
14001
- "button",
14002
- {
14003
- type: "button",
14004
- onClick: () => setMobileOpen(false),
14005
- "aria-label": (_e = labels == null ? void 0 : labels.closeMenu) != null ? _e : "Close menu",
14006
- className: cn(
14007
- "flex h-9 w-9 items-center justify-center rounded-full transition-colors",
14008
- t.mobileTrigger
14009
- ),
14010
- children: /* @__PURE__ */ jsx(XIcon, { className: "h-5 w-5" })
14011
- }
14012
- )
14013
- ] }),
14014
- /* @__PURE__ */ jsx("nav", { className: "flex-1 overflow-y-auto px-6 py-6 flex flex-col gap-1", children: links.map((link) => {
14015
- var _a2, _b2;
14016
- const hasDropdown = !!((_a2 = link.items) == null ? void 0 : _a2.length);
14017
- const isExpanded = openMobileSection === link.label;
14018
- return /* @__PURE__ */ jsxs("div", { children: [
14019
- hasDropdown ? /* @__PURE__ */ jsxs(
14020
- "button",
14031
+ mounted && mobileOpen && createPortal(
14032
+ /* @__PURE__ */ jsxs(
14033
+ "div",
14034
+ {
14035
+ className: cn(
14036
+ "fixed inset-0 z-[1000] lg:hidden flex flex-col",
14037
+ variant === "white" ? "bg-white" : "bg-primary-900"
14038
+ ),
14039
+ children: [
14040
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 h-[72px] shrink-0 border-b border-white/8", children: [
14041
+ /* @__PURE__ */ jsx("a", { href: logoHref, className: "shrink-0 flex items-center", onClick: () => setMobileOpen(false), children: /* @__PURE__ */ jsx(
14042
+ "img",
14021
14043
  {
14022
- type: "button",
14023
- onClick: () => toggleMobileSection(link.label),
14024
- className: cn(
14025
- "flex items-center justify-between w-full py-4 text-xl font-ui font-black transition-colors border-b border-white/8",
14026
- t.mobileLink
14027
- ),
14028
- children: [
14029
- link.label,
14030
- /* @__PURE__ */ jsx(
14031
- ChevronDownIcon,
14032
- {
14033
- className: cn(
14034
- "h-5 w-5 transition-transform duration-200 opacity-40",
14035
- isExpanded && "rotate-180"
14036
- )
14037
- }
14038
- )
14039
- ]
14044
+ src: resolvedLogo,
14045
+ alt: logoAlt,
14046
+ className: "h-14 w-auto select-none",
14047
+ draggable: false
14040
14048
  }
14041
- ) : /* @__PURE__ */ jsx(
14042
- "a",
14049
+ ) }),
14050
+ /* @__PURE__ */ jsx(
14051
+ "button",
14043
14052
  {
14044
- href: (_b2 = link.href) != null ? _b2 : "#",
14053
+ type: "button",
14045
14054
  onClick: () => setMobileOpen(false),
14055
+ "aria-label": (_e = labels == null ? void 0 : labels.closeMenu) != null ? _e : "Close menu",
14046
14056
  className: cn(
14047
- "flex items-center py-4 text-xl font-ui font-black transition-colors border-b border-white/8",
14048
- t.mobileLink
14057
+ "flex h-9 w-9 items-center justify-center rounded-full transition-colors",
14058
+ t.mobileTrigger
14049
14059
  ),
14050
- children: link.label
14060
+ children: /* @__PURE__ */ jsx(XIcon, { className: "h-5 w-5" })
14051
14061
  }
14052
- ),
14053
- hasDropdown && isExpanded && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0 pl-4 pb-2", children: link.items.map((item) => {
14054
- var _a3;
14055
- return /* @__PURE__ */ jsx(
14062
+ )
14063
+ ] }),
14064
+ /* @__PURE__ */ jsx("nav", { className: "flex-1 overflow-y-auto px-6 py-6 flex flex-col gap-1", children: links.map((link) => {
14065
+ var _a2, _b2;
14066
+ const hasDropdown = !!((_a2 = link.items) == null ? void 0 : _a2.length);
14067
+ const isExpanded = openMobileSection === link.label;
14068
+ return /* @__PURE__ */ jsxs("div", { children: [
14069
+ hasDropdown ? /* @__PURE__ */ jsxs(
14070
+ "button",
14071
+ {
14072
+ type: "button",
14073
+ onClick: () => toggleMobileSection(link.label),
14074
+ className: cn(
14075
+ "flex items-center justify-between w-full py-4 text-xl font-ui font-black transition-colors border-b border-white/8",
14076
+ t.mobileLink
14077
+ ),
14078
+ children: [
14079
+ link.label,
14080
+ /* @__PURE__ */ jsx(
14081
+ ChevronDownIcon,
14082
+ {
14083
+ className: cn(
14084
+ "h-5 w-5 transition-transform duration-200 opacity-40",
14085
+ isExpanded && "rotate-180"
14086
+ )
14087
+ }
14088
+ )
14089
+ ]
14090
+ }
14091
+ ) : /* @__PURE__ */ jsx(
14056
14092
  "a",
14057
14093
  {
14058
- href: (_a3 = item.href) != null ? _a3 : "#",
14094
+ href: (_b2 = link.href) != null ? _b2 : "#",
14059
14095
  onClick: () => setMobileOpen(false),
14060
14096
  className: cn(
14061
- "py-3 text-base font-ui font-bold transition-colors border-b",
14062
- t.mobileSub
14097
+ "flex items-center py-4 text-xl font-ui font-black transition-colors border-b border-white/8",
14098
+ t.mobileLink
14063
14099
  ),
14064
- children: item.label
14065
- },
14066
- item.label
14067
- );
14068
- }) })
14069
- ] }, link.label);
14070
- }) }),
14071
- /* @__PURE__ */ jsxs("div", { className: cn(
14072
- "shrink-0 px-6 py-5 flex items-center justify-between border-t",
14073
- variant === "white" ? "border-border" : "border-white/10"
14074
- ), children: [
14075
- /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: languages.map((lang, i) => {
14076
- const isActive = lang.code === activeLang;
14077
- return /* @__PURE__ */ jsxs(React20.Fragment, { children: [
14078
- i > 0 && /* @__PURE__ */ jsx("span", { className: cn(
14079
- "text-xs select-none",
14080
- variant === "white" ? "text-border" : "text-white/15"
14081
- ), children: "\xB7" }),
14100
+ children: link.label
14101
+ }
14102
+ ),
14103
+ hasDropdown && isExpanded && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0 pl-4 pb-2", children: link.items.map((item) => {
14104
+ var _a3;
14105
+ return /* @__PURE__ */ jsx(
14106
+ "a",
14107
+ {
14108
+ href: (_a3 = item.href) != null ? _a3 : "#",
14109
+ onClick: () => setMobileOpen(false),
14110
+ className: cn(
14111
+ "py-3 text-base font-ui font-bold transition-colors border-b",
14112
+ t.mobileSub
14113
+ ),
14114
+ children: item.label
14115
+ },
14116
+ item.label
14117
+ );
14118
+ }) })
14119
+ ] }, link.label);
14120
+ }) }),
14121
+ /* @__PURE__ */ jsxs("div", { className: cn(
14122
+ "shrink-0 px-6 py-5 flex items-center justify-between border-t",
14123
+ variant === "white" ? "border-border" : "border-white/10"
14124
+ ), children: [
14125
+ /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: languages.map((lang, i) => {
14126
+ const isActive = lang.code === activeLang;
14127
+ return /* @__PURE__ */ jsxs(React20.Fragment, { children: [
14128
+ i > 0 && /* @__PURE__ */ jsx("span", { className: cn(
14129
+ "text-xs select-none",
14130
+ variant === "white" ? "text-border" : "text-white/15"
14131
+ ), children: "\xB7" }),
14132
+ /* @__PURE__ */ jsx(
14133
+ "button",
14134
+ {
14135
+ type: "button",
14136
+ onClick: () => handleLangSelect(lang.code),
14137
+ className: cn(
14138
+ "font-ui font-black transition-all duration-150 rounded-full",
14139
+ isActive ? cn(
14140
+ "text-sm px-3 py-1 border",
14141
+ variant === "white" ? "text-primary border-primary bg-primary/8" : "text-primary-400 border-primary-400/50 bg-primary-400/10"
14142
+ ) : cn(
14143
+ "text-xs px-2 py-1",
14144
+ variant === "white" ? "text-muted-foreground hover:text-foreground" : "text-white/35 hover:text-white/70"
14145
+ )
14146
+ ),
14147
+ children: lang.code
14148
+ }
14149
+ )
14150
+ ] }, lang.code);
14151
+ }) }),
14152
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
14082
14153
  /* @__PURE__ */ jsx(
14083
14154
  "button",
14084
14155
  {
14085
14156
  type: "button",
14086
- onClick: () => handleLangSelect(lang.code),
14087
- className: cn(
14088
- "font-ui font-black transition-all duration-150 rounded-full",
14089
- isActive ? cn(
14090
- "text-sm px-3 py-1 border",
14091
- variant === "white" ? "text-primary border-primary bg-primary/8" : "text-primary-400 border-primary-400/50 bg-primary-400/10"
14092
- ) : cn(
14093
- "text-xs px-2 py-1",
14094
- variant === "white" ? "text-muted-foreground hover:text-foreground" : "text-white/35 hover:text-white/70"
14095
- )
14096
- ),
14097
- children: lang.code
14157
+ onClick: () => {
14158
+ onSearch == null ? void 0 : onSearch();
14159
+ setMobileOpen(false);
14160
+ },
14161
+ "aria-label": (_f = labels == null ? void 0 : labels.search) != null ? _f : "Search",
14162
+ className: cn("flex h-9 w-9 items-center justify-center rounded-full transition-colors", t.icon),
14163
+ children: /* @__PURE__ */ jsx(SearchIcon, { className: "h-[18px] w-[18px]" })
14164
+ }
14165
+ ),
14166
+ /* @__PURE__ */ jsx(
14167
+ "button",
14168
+ {
14169
+ type: "button",
14170
+ onClick: () => {
14171
+ onAccount == null ? void 0 : onAccount();
14172
+ setMobileOpen(false);
14173
+ },
14174
+ "aria-label": (_g = labels == null ? void 0 : labels.account) != null ? _g : "Account",
14175
+ className: cn("flex h-9 w-9 items-center justify-center rounded-full transition-colors", t.icon),
14176
+ children: /* @__PURE__ */ jsx(UserIcon, { className: "h-[18px] w-[18px]" })
14098
14177
  }
14099
14178
  )
14100
- ] }, lang.code);
14101
- }) }),
14102
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
14103
- /* @__PURE__ */ jsx(
14104
- "button",
14105
- {
14106
- type: "button",
14107
- onClick: () => {
14108
- onSearch == null ? void 0 : onSearch();
14109
- setMobileOpen(false);
14110
- },
14111
- "aria-label": (_f = labels == null ? void 0 : labels.search) != null ? _f : "Search",
14112
- className: cn("flex h-9 w-9 items-center justify-center rounded-full transition-colors", t.icon),
14113
- children: /* @__PURE__ */ jsx(SearchIcon, { className: "h-[18px] w-[18px]" })
14114
- }
14115
- ),
14116
- /* @__PURE__ */ jsx(
14117
- "button",
14118
- {
14119
- type: "button",
14120
- onClick: () => {
14121
- onAccount == null ? void 0 : onAccount();
14122
- setMobileOpen(false);
14123
- },
14124
- "aria-label": (_g = labels == null ? void 0 : labels.account) != null ? _g : "Account",
14125
- className: cn("flex h-9 w-9 items-center justify-center rounded-full transition-colors", t.icon),
14126
- children: /* @__PURE__ */ jsx(UserIcon, { className: "h-[18px] w-[18px]" })
14127
- }
14128
- )
14179
+ ] })
14129
14180
  ] })
14130
- ] })
14131
- ]
14132
- }
14181
+ ]
14182
+ }
14183
+ ),
14184
+ document.body
14133
14185
  )
14134
14186
  ]
14135
14187
  }
@@ -19918,7 +19970,7 @@ function ExpeditionsRail({ eyebrow, title, subtitle, link, trips }) {
19918
19970
  type: "button",
19919
19971
  onClick: () => scrollByCard(-1),
19920
19972
  "aria-label": "Previous expeditions",
19921
- className: "flex h-11 w-11 items-center justify-center rounded-full border border-border bg-background text-foreground transition-colors hover:border-primary hover:bg-primary hover:text-primary-foreground",
19973
+ className: "hidden h-11 w-11 items-center justify-center rounded-full border border-border bg-background text-foreground transition-colors hover:border-primary hover:bg-primary hover:text-primary-foreground lg:flex",
19922
19974
  children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-5 w-5" })
19923
19975
  }
19924
19976
  ),
@@ -19928,7 +19980,7 @@ function ExpeditionsRail({ eyebrow, title, subtitle, link, trips }) {
19928
19980
  type: "button",
19929
19981
  onClick: () => scrollByCard(1),
19930
19982
  "aria-label": "Next expeditions",
19931
- className: "flex h-11 w-11 items-center justify-center rounded-full border border-border bg-background text-foreground transition-colors hover:border-primary hover:bg-primary hover:text-primary-foreground",
19983
+ className: "hidden h-11 w-11 items-center justify-center rounded-full border border-border bg-background text-foreground transition-colors hover:border-primary hover:bg-primary hover:text-primary-foreground lg:flex",
19932
19984
  children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-5 w-5" })
19933
19985
  }
19934
19986
  )