@flamingo-stack/openframe-frontend-core 0.0.524 → 0.0.525-1675.4424.1

package/dist/components/meeting-scheduler/index.cjs

@@ -5,10 +5,10 @@
 var _chunkMKPJYEORcjs = require('../../chunk-MKPJYEOR.cjs');
 
 
-var _chunkW3YNZ3ZScjs = require('../../chunk-W3YNZ3ZS.cjs');
+var _chunkDIPOEVUMcjs = require('../../chunk-DIPOEVUM.cjs');
 
 
-var _chunkFDIYSQNOcjs = require('../../chunk-FDIYSQNO.cjs');
+var _chunkEJYTNLS3cjs = require('../../chunk-EJYTNLS3.cjs');
 
 
 
@@ -27,7 +27,7 @@ var _chunkFDIYSQNOcjs = require('../../chunk-FDIYSQNO.cjs');
 
 
 
-var _chunkY53BXHK2cjs = require('../../chunk-Y53BXHK2.cjs');
+var _chunk4F6PM3PZcjs = require('../../chunk-4F6PM3PZ.cjs');
 require('../../chunk-C5RS3QLV.cjs');
 require('../../chunk-XL4V2PYG.cjs');
 require('../../chunk-BZFW3FOF.cjs');
@@ -85,7 +85,7 @@ function useMeetingBooking(options) {
   const [isSubmitting, setIsSubmitting] = _react.useState.call(void 0, false);
   const submittingRef = _react.useRef.call(void 0, false);
   const setMonthOffset = _react.useCallback.call(void 0, (offset) => {
-    setMonthOffsetState(Math.max(0, Math.min(_chunkY53BXHK2cjs.MAX_MONTH_OFFSET, offset)));
+    setMonthOffsetState(Math.max(0, Math.min(_chunk4F6PM3PZcjs.MAX_MONTH_OFFSET, offset)));
   }, []);
   const prevMeetingIdRef = _react.useRef.call(void 0, meetingId);
   _react.useLayoutEffect.call(void 0, () => {
@@ -319,14 +319,14 @@ function SchedulerContextPanel({
   }, [timezone]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKI4EGKNVcjs.cn.call(void 0, "flex flex-col gap-[var(--spacing-system-mf)]", className), children: [
     hosts.length > 0 && hosts.length <= 3 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-s)]", children: hosts.map((host) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-s)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY53BXHK2cjs.SquareAvatar, { variant: "round", size: "lg", src: _nullishCoalesce(host.avatarUrl, () => ( void 0)), alt: host.name, fallback: host.name }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4F6PM3PZcjs.SquareAvatar, { variant: "round", size: "lg", src: _nullishCoalesce(host.avatarUrl, () => ( void 0)), alt: host.name, fallback: host.name }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col min-w-0", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h4 text-ods-text-primary truncate", children: host.name }),
         host.title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h6 text-ods-text-secondary truncate", children: host.title })
       ] })
     ] }, host.name)) }),
     hosts.length > 3 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-xs)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY53BXHK2cjs.AvatarStack, { people: hosts, max: 4, size: "lg" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4F6PM3PZcjs.AvatarStack, { people: hosts, max: 4, size: "lg" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-h6 text-ods-text-secondary", children: [
         hosts.length,
         " hosts on this calendar"
@@ -338,7 +338,7 @@ function SchedulerContextPanel({
       // Post-selection: selectors are GONE, not disabled — the step summary
       // owns the chosen time/zone; the panel keeps a single static line.
       selectedDurationMs != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-h6 text-ods-text-secondary", children: [
-        _chunkY53BXHK2cjs.formatDurationCompact.call(void 0, selectedDurationMs / 1e3),
+        _chunk4F6PM3PZcjs.formatDurationCompact.call(void 0, selectedDurationMs / 1e3),
         " call"
       ] })
     ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
@@ -350,18 +350,18 @@ function SchedulerContextPanel({
             variant: selectedDurationMs === ms ? void 0 : "outline",
             size: "small-legacy",
             onClick: () => onSelectDuration(ms),
-            children: _chunkY53BXHK2cjs.formatDurationCompact.call(void 0, ms / 1e3)
+            children: _chunk4F6PM3PZcjs.formatDurationCompact.call(void 0, ms / 1e3)
           },
           ms
         )) })
       ] }) : selectedDurationMs != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-h6 text-ods-text-secondary", children: [
-        _chunkY53BXHK2cjs.formatDurationCompact.call(void 0, selectedDurationMs / 1e3),
+        _chunk4F6PM3PZcjs.formatDurationCompact.call(void 0, selectedDurationMs / 1e3),
         " call"
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-xs)]", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h5 text-ods-text-secondary", children: "Timezone" }),
         timezone ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkY53BXHK2cjs.Autocomplete,
+          _chunk4F6PM3PZcjs.Autocomplete,
           {
             value: timezone,
             onChange: (tz) => {
@@ -458,7 +458,7 @@ function SlotPicker({
   }, [slots, timezone]);
   const now = /* @__PURE__ */ new Date();
   const startMonth = new Date(now.getFullYear(), now.getMonth(), 1);
-  const endMonth = new Date(now.getFullYear(), now.getMonth() + _chunkY53BXHK2cjs.MAX_MONTH_OFFSET, 1);
+  const endMonth = new Date(now.getFullYear(), now.getMonth() + _chunk4F6PM3PZcjs.MAX_MONTH_OFFSET, 1);
   const visibleMonth = new Date(now.getFullYear(), now.getMonth() + monthOffset, 1);
   const daySlots = selectedDay ? _nullishCoalesce(slotsByDay.get(selectedDay), () => ( [])) : [];
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col md:flex-row gap-[var(--spacing-system-lf)]", children: [
@@ -470,7 +470,7 @@ function SlotPicker({
         endMonth,
         onMonthChange: (month) => {
           const offset = (month.getFullYear() - now.getFullYear()) * 12 + (month.getMonth() - now.getMonth());
-          onMonthOffsetChange(Math.max(0, Math.min(_chunkY53BXHK2cjs.MAX_MONTH_OFFSET, offset)));
+          onMonthOffsetChange(Math.max(0, Math.min(_chunk4F6PM3PZcjs.MAX_MONTH_OFFSET, offset)));
         },
         mode: "single",
         required: true,
@@ -562,10 +562,10 @@ function BookingForm({
   };
   const inputClass = "bg-ods-card border-ods-border text-ods-text-primary placeholder-ods-text-secondary px-3 h-12";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: submit, className: "flex flex-col space-y-4 md:space-y-6", noValidate: true, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY53BXHK2cjs.HoneypotField, { ...honeypotInputProps }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4F6PM3PZcjs.HoneypotField, { ...honeypotInputProps }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkY53BXHK2cjs.Label, { htmlFor: "ms-first-name", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk4F6PM3PZcjs.Label, { htmlFor: "ms-first-name", children: [
           "First name",
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: "*" })
         ] }),
@@ -583,7 +583,7 @@ function BookingForm({
         errors.firstName && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-error text-h6 mt-1", children: errors.firstName.message })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkY53BXHK2cjs.Label, { htmlFor: "ms-last-name", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk4F6PM3PZcjs.Label, { htmlFor: "ms-last-name", children: [
           "Last name",
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: "*" })
         ] }),
@@ -602,7 +602,7 @@ function BookingForm({
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkY53BXHK2cjs.Label, { htmlFor: "ms-email", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk4F6PM3PZcjs.Label, { htmlFor: "ms-email", children: [
         "Email",
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: "*" })
       ] }),
@@ -621,12 +621,12 @@ function BookingForm({
       errors.email && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-error text-h6 mt-1", children: errors.email.message })
     ] }),
     supportedFields.map((field) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkY53BXHK2cjs.Label, { htmlFor: `ms-q-${field.name}`, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk4F6PM3PZcjs.Label, { htmlFor: `ms-q-${field.name}`, children: [
         field.label,
         field.required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: "*" })
       ] }),
       field.type === "textarea" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkY53BXHK2cjs.Textarea,
+        _chunk4F6PM3PZcjs.Textarea,
         {
           id: `ms-q-${field.name}`,
           className: "bg-ods-card border-ods-border text-ods-text-primary placeholder-ods-text-secondary px-3",
@@ -646,12 +646,12 @@ function BookingForm({
         {
           control,
           name: `formFields.${field.name}`,
-          render: ({ field: rhf }) => field.type === "select" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkY53BXHK2cjs.Select, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY53BXHK2cjs.SelectTrigger, { id: `ms-q-${field.name}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY53BXHK2cjs.SelectValue, { placeholder: "Select\u2026" }) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY53BXHK2cjs.SelectContent, { children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY53BXHK2cjs.SelectItem, { value: opt, children: opt }, opt)) })
-          ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY53BXHK2cjs.RadioGroup, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY53BXHK2cjs.RadioGroupItem, { id: `ms-q-${field.name}-${opt}`, value: opt }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY53BXHK2cjs.Label, { htmlFor: `ms-q-${field.name}-${opt}`, children: opt })
+          render: ({ field: rhf }) => field.type === "select" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk4F6PM3PZcjs.Select, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4F6PM3PZcjs.SelectTrigger, { id: `ms-q-${field.name}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4F6PM3PZcjs.SelectValue, { placeholder: "Select\u2026" }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4F6PM3PZcjs.SelectContent, { children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4F6PM3PZcjs.SelectItem, { value: opt, children: opt }, opt)) })
+          ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4F6PM3PZcjs.RadioGroup, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4F6PM3PZcjs.RadioGroupItem, { id: `ms-q-${field.name}-${opt}`, value: opt }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4F6PM3PZcjs.Label, { htmlFor: `ms-q-${field.name}-${opt}`, children: opt })
           ] }, opt)) })
         }
       ),
@@ -701,7 +701,7 @@ function BookingForm({
                   )
                 }
               ),
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkY53BXHK2cjs.Label, { htmlFor: `ms-consent-${box.communicationTypeId}`, children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk4F6PM3PZcjs.Label, { htmlFor: `ms-consent-${box.communicationTypeId}`, children: [
                 box.label,
                 box.required ? " *" : ""
               ] })
@@ -735,7 +735,7 @@ function Confirmation({ confirmation, timezone }) {
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-h6 text-ods-text-secondary", children: [
       when,
       " \xB7 ",
-      _chunkY53BXHK2cjs.formatDurationCompact.call(void 0, confirmation.durationMs / 1e3)
+      _chunk4F6PM3PZcjs.formatDurationCompact.call(void 0, confirmation.durationMs / 1e3)
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h6 text-ods-text-secondary", children: "A calendar invite is on its way to your email." })
   ] });
@@ -775,7 +775,7 @@ function DirectoryRow({
   const nextLabel = useNextAvailableLabel(link.nextAvailableMs);
   const subtitle = [
     link.description,
-    link.durationsMinutes.length > 0 ? link.durationsMinutes.map((m) => _chunkY53BXHK2cjs.formatDurationCompact.call(void 0, m * 60)).join(" / ") : null,
+    link.durationsMinutes.length > 0 ? link.durationsMinutes.map((m) => _chunk4F6PM3PZcjs.formatDurationCompact.call(void 0, m * 60)).join(" / ") : null,
     link.kind === "team" ? "Team" : null
   ].filter(Boolean).join(" \u2022 ");
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -789,8 +789,8 @@ function DirectoryRow({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h3 text-ods-text-primary truncate", children: link.title }),
           subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h6 text-ods-text-secondary truncate", children: subtitle })
         ] }),
-        audienceLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY53BXHK2cjs.StatusBadge, { text: `For ${audienceLabel}`, singleLine: true, className: "shrink-0 hidden sm:inline-flex" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY53BXHK2cjs.AvatarStack, { people: link.hosts, max: 3, size: "md", className: "flex shrink-0" }),
+        audienceLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4F6PM3PZcjs.StatusBadge, { text: `For ${audienceLabel}`, singleLine: true, className: "shrink-0 hidden sm:inline-flex" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4F6PM3PZcjs.AvatarStack, { people: link.hosts, max: 3, size: "md", className: "flex shrink-0" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "hidden md:flex w-44 shrink-0 flex-col items-end justify-center", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h6 text-ods-text-secondary", children: "Next available" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h6 text-ods-text-primary min-h-5", children: link.nextAvailableMs == null ? "No times published" : _nullishCoalesce(nextLabel, () => ( " ")) })
@@ -870,7 +870,7 @@ function MeetingSchedulerDirectory({
   }
   if (error) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKI4EGKNVcjs.cn.call(void 0, "flex flex-col justify-center", className), style: { minHeight: rowsMinHeight + 104 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkFDIYSQNOcjs.EmptyState,
+      _chunkEJYTNLS3cjs.EmptyState,
       {
         type: "generic",
         title: "We couldn't load available call times",
@@ -881,7 +881,7 @@ function MeetingSchedulerDirectory({
   }
   if (rows.length === 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKI4EGKNVcjs.cn.call(void 0, "flex flex-col justify-center", className), style: { minHeight: rowsMinHeight + 104 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkFDIYSQNOcjs.EmptyState,
+      _chunkEJYTNLS3cjs.EmptyState,
       {
         type: "generic",
         title: "No call times are published right now",
@@ -893,7 +893,7 @@ function MeetingSchedulerDirectory({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKI4EGKNVcjs.cn.call(void 0, "flex flex-col", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col gap-4", style: { minHeight: rowsMinHeight }, children: pageRows.map(({ link, audienceLabel }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DirectoryRow, { link, audienceLabel, bookingBasePath }, link.id)) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKI4EGKNVcjs.cn.call(void 0, "mt-8 flex w-full items-center justify-center", PAGINATION_SLOT_H), children: totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkW3YNZ3ZScjs.PersistentPaginationWrapper,
+      _chunkDIPOEVUMcjs.PersistentPaginationWrapper,
       {
         isLoading,
         currentPage: page,
@@ -1077,7 +1077,7 @@ function HubSpotMeetingScheduler({
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 min-w-0 p-[var(--spacing-system-lf)] md:min-h-[32rem] flex flex-col", children: step === "confirmed" && confirmation && timezone ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Confirmation, { confirmation, timezone }) : step === "details" && durationMs != null && selectedSlot != null && timezone ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col gap-[var(--spacing-system-md)]", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkY53BXHK2cjs.BackButton,
+        _chunk4F6PM3PZcjs.BackButton,
         {
           label: "Back",
           onClick: () => {
@@ -1099,7 +1099,7 @@ function HubSpotMeetingScheduler({
           }).format(new Date(selectedSlot)),
           " ",
           "\xB7 ",
-          _chunkY53BXHK2cjs.formatDurationCompact.call(void 0, durationMs / 1e3)
+          _chunk4F6PM3PZcjs.formatDurationCompact.call(void 0, durationMs / 1e3)
         ] }),
         bookingError && bookingError !== "SLOT_TAKEN" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-start gap-[var(--spacing-system-xs)]", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h6 text-ods-error", children: bookingError === "TEMPORARILY_UNAVAILABLE" ? "Scheduling is briefly unavailable \u2014 please try again in a minute." : bookingError === "MEETING_UNAVAILABLE" ? "This meeting type has reached its booking limit for today \u2014 try another time or contact us." : bookingError === "LINK_GONE" ? "This meeting type is no longer available." : "Please double-check your details and try again." }),

package/dist/components/meeting-scheduler/index.js

@@ -5,10 +5,10 @@ import {
 } from "../../chunk-7J4DGFHZ.js";
 import {
   PersistentPaginationWrapper
-} from "../../chunk-Q2X6HBRM.js";
+} from "../../chunk-QKQSCSDG.js";
 import {
   EmptyState
-} from "../../chunk-PGSUFJ5X.js";
+} from "../../chunk-EZRCK5UW.js";
 import {
   Autocomplete,
   AvatarStack,
@@ -27,7 +27,7 @@ import {
   StatusBadge,
   Textarea,
   formatDurationCompact
-} from "../../chunk-ZKMDCEML.js";
+} from "../../chunk-7VBPGRVN.js";
 import "../../chunk-7EUIW46X.js";
 import "../../chunk-LXC6P2EO.js";
 import "../../chunk-EL5YVPD5.js";

package/dist/components/navigation/index.cjs

@@ -35,7 +35,7 @@
 
 
 
-var _chunkY53BXHK2cjs = require('../../chunk-Y53BXHK2.cjs');
+var _chunk4F6PM3PZcjs = require('../../chunk-4F6PM3PZ.cjs');
 require('../../chunk-C5RS3QLV.cjs');
 require('../../chunk-XL4V2PYG.cjs');
 require('../../chunk-BZFW3FOF.cjs');
@@ -87,5 +87,5 @@ require('../../chunk-VRHGVLSL.cjs');
 
 
 
-exports.AppHeader = _chunkY53BXHK2cjs.AppHeader; exports.AppLayout = _chunkY53BXHK2cjs.AppLayout; exports.AppLayoutDrawer = _chunkY53BXHK2cjs.AppLayoutDrawerRoot; exports.AppLayoutDrawerBody = _chunkY53BXHK2cjs.AppLayoutDrawerBody; exports.AppLayoutDrawerClose = _chunkY53BXHK2cjs.AppLayoutDrawerClose; exports.AppLayoutDrawerContent = _chunkY53BXHK2cjs.AppLayoutDrawerContent; exports.AppLayoutDrawerDescription = _chunkY53BXHK2cjs.AppLayoutDrawerDescription; exports.AppLayoutDrawerFooter = _chunkY53BXHK2cjs.AppLayoutDrawerFooter; exports.AppLayoutDrawerHeader = _chunkY53BXHK2cjs.AppLayoutDrawerHeader; exports.AppLayoutDrawerTitle = _chunkY53BXHK2cjs.AppLayoutDrawerTitle; exports.AppLayoutDrawerTrigger = _chunkY53BXHK2cjs.AppLayoutDrawerTrigger; exports.ClientOnlyHeader = _chunkY53BXHK2cjs.ClientOnlyHeader; exports.Header = _chunkY53BXHK2cjs.Header; exports.HeaderButton = _chunkY53BXHK2cjs.HeaderButton; exports.HeaderGlobalSearch = _chunkY53BXHK2cjs.HeaderGlobalSearch; exports.HeaderMingoButton = _chunkY53BXHK2cjs.HeaderMingoButton; exports.HeaderOrganizationFilter = _chunkY53BXHK2cjs.HeaderOrganizationFilter; exports.HeaderSkeleton = _chunkY53BXHK2cjs.HeaderSkeleton; exports.MOBILE_NAV_PANEL_ID = _chunkY53BXHK2cjs.MOBILE_NAV_PANEL_ID; exports.MingoAiButton = _chunkY53BXHK2cjs.MingoAiButton; exports.MobileBurgerMenu = _chunkY53BXHK2cjs.MobileBurgerMenu; exports.MobileNavPanel = _chunkY53BXHK2cjs.MobileNavPanel; exports.MobileNavigationDropdown = _chunkY53BXHK2cjs.MobileNavigationDropdown; exports.MultiLevelNavigation = _chunkY53BXHK2cjs.MultiLevelNavigation; exports.NAVIGATION_SIDEBAR_WIDTH_VAR = _chunkY53BXHK2cjs.NAVIGATION_SIDEBAR_WIDTH_VAR; exports.NavigationSidebar = _chunkY53BXHK2cjs.NavigationSidebar; exports.SlidingSidebar = _chunkY53BXHK2cjs.SlidingSidebar; exports.StickySectionNav = _chunkY53BXHK2cjs.StickySectionNav; exports.TicketAlertsButton = _chunkY53BXHK2cjs.TicketAlertsButton; exports.TopNavigation = _chunkY53BXHK2cjs.TopNavigation; exports.UnreadCountBadge = _chunkY53BXHK2cjs.UnreadCountBadge; exports.UnreadDot = _chunkY53BXHK2cjs.UnreadDot; exports.useAppLayoutDrawerContainer = _chunkY53BXHK2cjs.useAppLayoutDrawerContainer; exports.useSectionNavigation = _chunkY53BXHK2cjs.useSectionNavigation;
+exports.AppHeader = _chunk4F6PM3PZcjs.AppHeader; exports.AppLayout = _chunk4F6PM3PZcjs.AppLayout; exports.AppLayoutDrawer = _chunk4F6PM3PZcjs.AppLayoutDrawerRoot; exports.AppLayoutDrawerBody = _chunk4F6PM3PZcjs.AppLayoutDrawerBody; exports.AppLayoutDrawerClose = _chunk4F6PM3PZcjs.AppLayoutDrawerClose; exports.AppLayoutDrawerContent = _chunk4F6PM3PZcjs.AppLayoutDrawerContent; exports.AppLayoutDrawerDescription = _chunk4F6PM3PZcjs.AppLayoutDrawerDescription; exports.AppLayoutDrawerFooter = _chunk4F6PM3PZcjs.AppLayoutDrawerFooter; exports.AppLayoutDrawerHeader = _chunk4F6PM3PZcjs.AppLayoutDrawerHeader; exports.AppLayoutDrawerTitle = _chunk4F6PM3PZcjs.AppLayoutDrawerTitle; exports.AppLayoutDrawerTrigger = _chunk4F6PM3PZcjs.AppLayoutDrawerTrigger; exports.ClientOnlyHeader = _chunk4F6PM3PZcjs.ClientOnlyHeader; exports.Header = _chunk4F6PM3PZcjs.Header; exports.HeaderButton = _chunk4F6PM3PZcjs.HeaderButton; exports.HeaderGlobalSearch = _chunk4F6PM3PZcjs.HeaderGlobalSearch; exports.HeaderMingoButton = _chunk4F6PM3PZcjs.HeaderMingoButton; exports.HeaderOrganizationFilter = _chunk4F6PM3PZcjs.HeaderOrganizationFilter; exports.HeaderSkeleton = _chunk4F6PM3PZcjs.HeaderSkeleton; exports.MOBILE_NAV_PANEL_ID = _chunk4F6PM3PZcjs.MOBILE_NAV_PANEL_ID; exports.MingoAiButton = _chunk4F6PM3PZcjs.MingoAiButton; exports.MobileBurgerMenu = _chunk4F6PM3PZcjs.MobileBurgerMenu; exports.MobileNavPanel = _chunk4F6PM3PZcjs.MobileNavPanel; exports.MobileNavigationDropdown = _chunk4F6PM3PZcjs.MobileNavigationDropdown; exports.MultiLevelNavigation = _chunk4F6PM3PZcjs.MultiLevelNavigation; exports.NAVIGATION_SIDEBAR_WIDTH_VAR = _chunk4F6PM3PZcjs.NAVIGATION_SIDEBAR_WIDTH_VAR; exports.NavigationSidebar = _chunk4F6PM3PZcjs.NavigationSidebar; exports.SlidingSidebar = _chunk4F6PM3PZcjs.SlidingSidebar; exports.StickySectionNav = _chunk4F6PM3PZcjs.StickySectionNav; exports.TicketAlertsButton = _chunk4F6PM3PZcjs.TicketAlertsButton; exports.TopNavigation = _chunk4F6PM3PZcjs.TopNavigation; exports.UnreadCountBadge = _chunk4F6PM3PZcjs.UnreadCountBadge; exports.UnreadDot = _chunk4F6PM3PZcjs.UnreadDot; exports.useAppLayoutDrawerContainer = _chunk4F6PM3PZcjs.useAppLayoutDrawerContainer; exports.useSectionNavigation = _chunk4F6PM3PZcjs.useSectionNavigation;
 //# sourceMappingURL=index.cjs.map

package/dist/components/navigation/index.js

@@ -35,7 +35,7 @@ import {
   UnreadDot,
   useAppLayoutDrawerContainer,
   useSectionNavigation
-} from "../../chunk-ZKMDCEML.js";
+} from "../../chunk-7VBPGRVN.js";
 import "../../chunk-7EUIW46X.js";
 import "../../chunk-LXC6P2EO.js";
 import "../../chunk-EL5YVPD5.js";

package/dist/components/onboarding-guides/index.cjs

@@ -7,11 +7,11 @@
 
 
 
-var _chunkSJVNTV4Vcjs = require('../../chunk-SJVNTV4V.cjs');
-require('../../chunk-D65WB4OJ.cjs');
-require('../../chunk-ZICOTVNH.cjs');
+var _chunkLGXE2AEVcjs = require('../../chunk-LGXE2AEV.cjs');
+require('../../chunk-6UQWG5I3.cjs');
+require('../../chunk-AAUR5R54.cjs');
 require('../../chunk-GYONSC3U.cjs');
-require('../../chunk-Y53BXHK2.cjs');
+require('../../chunk-4F6PM3PZ.cjs');
 require('../../chunk-C5RS3QLV.cjs');
 require('../../chunk-XL4V2PYG.cjs');
 require('../../chunk-BZFW3FOF.cjs');
@@ -36,5 +36,5 @@ require('../../chunk-VRHGVLSL.cjs');
 
 
 
-exports.OnboardingGuideDetailView = _chunkSJVNTV4Vcjs.OnboardingGuideDetailView; exports.OnboardingGuidesCatalogSkeleton = _chunkSJVNTV4Vcjs.OnboardingGuidesCatalogSkeleton; exports.OnboardingGuidesCatalogView = _chunkSJVNTV4Vcjs.OnboardingGuidesCatalogView; exports.onboardingGuideKeys = _chunkSJVNTV4Vcjs.onboardingGuideKeys; exports.useOnboardingGuide = _chunkSJVNTV4Vcjs.useOnboardingGuide; exports.useOnboardingGuideSections = _chunkSJVNTV4Vcjs.useOnboardingGuideSections; exports.useOnboardingGuides = _chunkSJVNTV4Vcjs.useOnboardingGuides;
+exports.OnboardingGuideDetailView = _chunkLGXE2AEVcjs.OnboardingGuideDetailView; exports.OnboardingGuidesCatalogSkeleton = _chunkLGXE2AEVcjs.OnboardingGuidesCatalogSkeleton; exports.OnboardingGuidesCatalogView = _chunkLGXE2AEVcjs.OnboardingGuidesCatalogView; exports.onboardingGuideKeys = _chunkLGXE2AEVcjs.onboardingGuideKeys; exports.useOnboardingGuide = _chunkLGXE2AEVcjs.useOnboardingGuide; exports.useOnboardingGuideSections = _chunkLGXE2AEVcjs.useOnboardingGuideSections; exports.useOnboardingGuides = _chunkLGXE2AEVcjs.useOnboardingGuides;
 //# sourceMappingURL=index.cjs.map

package/dist/components/onboarding-guides/index.js

@@ -7,11 +7,11 @@ import {
   useOnboardingGuide,
   useOnboardingGuideSections,
   useOnboardingGuides
-} from "../../chunk-YNLTPZGW.js";
-import "../../chunk-K6MT67YI.js";
-import "../../chunk-6A4Q54YT.js";
+} from "../../chunk-SDO4UX2O.js";
+import "../../chunk-YJ4HQMTZ.js";
+import "../../chunk-4MHFBAWI.js";
 import "../../chunk-RCBRCZUF.js";
-import "../../chunk-ZKMDCEML.js";
+import "../../chunk-7VBPGRVN.js";
 import "../../chunk-7EUIW46X.js";
 import "../../chunk-LXC6P2EO.js";
 import "../../chunk-EL5YVPD5.js";

package/dist/components/related-content/index.cjs

@@ -2,9 +2,9 @@
 
 
 
-var _chunkI7GS3XJ2cjs = require('../../chunk-I7GS3XJ2.cjs');
+var _chunkYIMLAERDcjs = require('../../chunk-YIMLAERD.cjs');
 require('../../chunk-GYONSC3U.cjs');
-require('../../chunk-Y53BXHK2.cjs');
+require('../../chunk-4F6PM3PZ.cjs');
 require('../../chunk-C5RS3QLV.cjs');
 require('../../chunk-XL4V2PYG.cjs');
 require('../../chunk-BZFW3FOF.cjs');
@@ -24,5 +24,5 @@ require('../../chunk-VRHGVLSL.cjs');
 
 
 
-exports.GROUP_PAGE_SIZE = _chunkI7GS3XJ2cjs.GROUP_PAGE_SIZE; exports.RelatedContentSection = _chunkI7GS3XJ2cjs.RelatedContentSection;
+exports.GROUP_PAGE_SIZE = _chunkYIMLAERDcjs.GROUP_PAGE_SIZE; exports.RelatedContentSection = _chunkYIMLAERDcjs.RelatedContentSection;
 //# sourceMappingURL=index.cjs.map

package/dist/components/related-content/index.js

@@ -2,9 +2,9 @@
 import {
   GROUP_PAGE_SIZE,
   RelatedContentSection
-} from "../../chunk-VP24YWHP.js";
+} from "../../chunk-H7A76OL4.js";
 import "../../chunk-RCBRCZUF.js";
-import "../../chunk-ZKMDCEML.js";
+import "../../chunk-7VBPGRVN.js";
 import "../../chunk-7EUIW46X.js";
 import "../../chunk-LXC6P2EO.js";
 import "../../chunk-EL5YVPD5.js";

package/dist/components/tickets/index.cjs

@@ -14,10 +14,10 @@
 
 
 
-var _chunkRKM7BOLWcjs = require('../../chunk-RKM7BOLW.cjs');
-require('../../chunk-GJACMJS3.cjs');
-require('../../chunk-DMYUV5NS.cjs');
-require('../../chunk-FDIYSQNO.cjs');
+var _chunkTZ4DGS4Qcjs = require('../../chunk-TZ4DGS4Q.cjs');
+require('../../chunk-JWZ6BY72.cjs');
+require('../../chunk-JHJR4LW3.cjs');
+require('../../chunk-EJYTNLS3.cjs');
 
 
 
@@ -26,7 +26,7 @@ require('../../chunk-FDIYSQNO.cjs');
 
 
 
-var _chunkY53BXHK2cjs = require('../../chunk-Y53BXHK2.cjs');
+var _chunk4F6PM3PZcjs = require('../../chunk-4F6PM3PZ.cjs');
 require('../../chunk-C5RS3QLV.cjs');
 require('../../chunk-XL4V2PYG.cjs');
 require('../../chunk-BZFW3FOF.cjs');
@@ -65,5 +65,5 @@ require('../../chunk-VRHGVLSL.cjs');
 
 
 
-exports.HelpCenterCard = _chunkRKM7BOLWcjs.HelpCenterCard; exports.HelpCenterCreateForm = _chunkRKM7BOLWcjs.HelpCenterCreateForm; exports.HelpCenterCreateFormSkeleton = _chunkRKM7BOLWcjs.HelpCenterCreateFormSkeleton; exports.HelpCenterList = _chunkRKM7BOLWcjs.HelpCenterList; exports.TICKET_OPEN_PARAM = _chunkY53BXHK2cjs.TICKET_OPEN_PARAM; exports.TICKET_TOAST_COPY = _chunkY53BXHK2cjs.TOAST_COPY; exports.TicketCenter = _chunkRKM7BOLWcjs.TicketCenter; exports.TicketDetailDrawer = _chunkRKM7BOLWcjs.TicketDetailDrawer; exports.TicketLinkedDeliveryCard = _chunkRKM7BOLWcjs.TicketLinkedDeliveryCard; exports.TicketLiveProvider = _chunkY53BXHK2cjs.TicketLiveProvider; exports.TicketOpenForm = _chunkRKM7BOLWcjs.TicketOpenForm; exports.TicketReplyComposer = _chunkRKM7BOLWcjs.TicketReplyComposer; exports.TicketRow = _chunkRKM7BOLWcjs.TicketRow; exports.buildTicketOpenHref = _chunkY53BXHK2cjs.buildTicketOpenHref; exports.isOptimistic = _chunkY53BXHK2cjs.isOptimistic; exports.mapTicketActionError = _chunkRKM7BOLWcjs.mapTicketActionError; exports.useOptionalTicketLive = _chunkY53BXHK2cjs.useOptionalTicketLive; exports.useTicketActions = _chunkRKM7BOLWcjs.useTicketActions; exports.useTicketEngagements = _chunkRKM7BOLWcjs.useTicketEngagements; exports.useTicketLive = _chunkY53BXHK2cjs.useTicketLive; exports.useTicketsList = _chunkRKM7BOLWcjs.useTicketsList;
+exports.HelpCenterCard = _chunkTZ4DGS4Qcjs.HelpCenterCard; exports.HelpCenterCreateForm = _chunkTZ4DGS4Qcjs.HelpCenterCreateForm; exports.HelpCenterCreateFormSkeleton = _chunkTZ4DGS4Qcjs.HelpCenterCreateFormSkeleton; exports.HelpCenterList = _chunkTZ4DGS4Qcjs.HelpCenterList; exports.TICKET_OPEN_PARAM = _chunk4F6PM3PZcjs.TICKET_OPEN_PARAM; exports.TICKET_TOAST_COPY = _chunk4F6PM3PZcjs.TOAST_COPY; exports.TicketCenter = _chunkTZ4DGS4Qcjs.TicketCenter; exports.TicketDetailDrawer = _chunkTZ4DGS4Qcjs.TicketDetailDrawer; exports.TicketLinkedDeliveryCard = _chunkTZ4DGS4Qcjs.TicketLinkedDeliveryCard; exports.TicketLiveProvider = _chunk4F6PM3PZcjs.TicketLiveProvider; exports.TicketOpenForm = _chunkTZ4DGS4Qcjs.TicketOpenForm; exports.TicketReplyComposer = _chunkTZ4DGS4Qcjs.TicketReplyComposer; exports.TicketRow = _chunkTZ4DGS4Qcjs.TicketRow; exports.buildTicketOpenHref = _chunk4F6PM3PZcjs.buildTicketOpenHref; exports.isOptimistic = _chunk4F6PM3PZcjs.isOptimistic; exports.mapTicketActionError = _chunkTZ4DGS4Qcjs.mapTicketActionError; exports.useOptionalTicketLive = _chunk4F6PM3PZcjs.useOptionalTicketLive; exports.useTicketActions = _chunkTZ4DGS4Qcjs.useTicketActions; exports.useTicketEngagements = _chunkTZ4DGS4Qcjs.useTicketEngagements; exports.useTicketLive = _chunk4F6PM3PZcjs.useTicketLive; exports.useTicketsList = _chunkTZ4DGS4Qcjs.useTicketsList;
 //# sourceMappingURL=index.cjs.map

package/dist/components/tickets/index.js

@@ -14,10 +14,10 @@ import {
   useTicketActions,
   useTicketEngagements,
   useTicketsList
-} from "../../chunk-CPGFDMXS.js";
-import "../../chunk-BPJI4IO6.js";
-import "../../chunk-IRVTRJVV.js";
-import "../../chunk-PGSUFJ5X.js";
+} from "../../chunk-4YLOTTXF.js";
+import "../../chunk-BTO3EDRL.js";
+import "../../chunk-IK3EES6I.js";
+import "../../chunk-EZRCK5UW.js";
 import {
   TICKET_OPEN_PARAM,
   TOAST_COPY,
@@ -26,7 +26,7 @@ import {
   isOptimistic,
   useOptionalTicketLive,
   useTicketLive
-} from "../../chunk-ZKMDCEML.js";
+} from "../../chunk-7VBPGRVN.js";
 import "../../chunk-7EUIW46X.js";
 import "../../chunk-LXC6P2EO.js";
 import "../../chunk-EL5YVPD5.js";

package/dist/components/ui/dropdown-button.d.ts

@@ -1,26 +1,57 @@
 import React from 'react';
-import { type ActionsMenuItem } from './actions-menu';
+import { type ButtonProps } from './button';
+import { type ActionsMenuGroup, type ActionsMenuItem } from './actions-menu';
 export interface DropdownButtonProps {
     /** Button label rendered next to the chevron. */
-    label: string;
+    label: React.ReactNode;
     /** Optional leading icon rendered before the label. */
     icon?: React.ReactNode;
-    /** Items shown in the dropdown. */
-    items: ActionsMenuItem[];
+    /**
+     * Items shown in the dropdown (single flat group). For grouped menus with
+     * separators pass `groups` instead — exactly one of the two is required.
+     */
+    items?: ActionsMenuItem[];
+    /** Grouped items (with optional separators). Takes precedence over `items`. */
+    groups?: ActionsMenuGroup[];
+    /**
+     * Render the trigger as a standard `Button` of this variant (`outline`,
+     * `accent`, …) instead of the default card-colored seam trigger. Use this
+     * when the dropdown sits in a row of ordinary buttons and must match them.
+     */
+    variant?: ButtonProps['variant'];
+    /** Button size for the `variant` trigger. Ignored without `variant`. */
+    size?: ButtonProps['size'];
+    /** Spinner state for the `variant` trigger. Ignored without `variant`. */
+    loading?: boolean;
     disabled?: boolean;
     className?: string;
     ariaLabel?: string;
     align?: 'start' | 'center' | 'end';
     side?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Forwarded to the dropdown content. The standard Radix dropdown→dialog
+     * recipe: pass `(e) => e.preventDefault()` when a menu item opens a modal,
+     * otherwise closing the menu refocuses its trigger AFTER the dialog has
+     * taken focus, yanking focus back OUT of the modal the action just opened.
+     */
+    onCloseAutoFocus?: (event: Event) => void;
 }
 /**
- * A card-colored trigger button that opens a dropdown of actions. The button
- * has a visual seam between the label and the trailing chevron, but the
- * entire surface is a single click target. The wrapper lightens on hover and
- * while the dropdown is open; the chevron rotates 180° to point up when open.
+ * THE multi-action button — a labeled trigger with a chevron opening an
+ * `ActionsMenu`. One component, so the trigger styling, chevron, and menu
+ * chrome cannot drift between surfaces.
  *
- * Used standalone or via `PageActions` when a `PageActionButton` has
- * `dropdownItems` set.
+ * Two trigger looks:
+ * - default (no `variant`): the card-colored seam trigger — label and chevron
+ *   separated by a divider, whole surface one click target, chevron rotates
+ *   while open. Used standalone or via `PageActions` when a `PageActionButton`
+ *   has `dropdownItems` set.
+ * - `variant="outline"` (or any Button variant): a standard `Button` with the
+ *   chevron as its right icon, so the trigger matches sibling buttons in the
+ *   same row — including `loading` and `leftIcon` support.
+ *
+ * Item clicks close the menu (ActionsMenuDropdown's default; opt out per item
+ * with `closeOnSelect: false`).
  */
-export declare function DropdownButton({ label, icon, items, disabled, className, ariaLabel, align, side }: DropdownButtonProps): React.JSX.Element;
+export declare function DropdownButton({ label, icon, items, groups, variant, size, loading, disabled, className, ariaLabel, align, side, onCloseAutoFocus }: DropdownButtonProps): React.JSX.Element;
 //# sourceMappingURL=dropdown-button.d.ts.map

package/dist/components/ui/dropdown-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dropdown-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAuB,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,WAAW,mBAAmB;IAClC,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,uDAAuD;IACvD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,mCAAmC;IACnC,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;CAC3C;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAa,EACb,IAAe,EAChB,EAAE,mBAAmB,qBAoDrB"}
+{"version":3,"file":"dropdown-button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dropdown-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAA;AAEvB,MAAM,WAAW,mBAAmB;IAClC,iDAAiD;IACjD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,uDAAuD;IACvD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;IACzB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAChC,wEAAwE;IACxE,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAC1C;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,IAAI,EACJ,KAAK,EACL,MAAM,EACN,OAAO,EACP,IAAqB,EACrB,OAAe,EACf,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAa,EACb,IAAe,EACf,gBAAgB,EACjB,EAAE,mBAAmB,qBA2ErB"}

package/dist/components/ui/field.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+/**
+ * Accessibility props handed to the control by the `Field` render-prop.
+ * Spread them onto the input/select/textarea so the label, required flag and
+ * error message are all announced.
+ */
+export interface FieldRenderProps {
+    id: string;
+    'aria-required'?: boolean;
+    'aria-invalid'?: boolean;
+    'aria-describedby'?: string;
+}
+export interface FieldProps {
+    label: string;
+    /** Definition shown in a hover `InfoHint` next to the label. */
+    hint?: React.ReactNode;
+    required?: boolean;
+    children: React.ReactNode | ((props: FieldRenderProps) => React.ReactNode);
+    error?: string | null;
+}
+/**
+ * One form field: label, optional hint, control, optional error.
+ *
+ * Labels are a single line (hints live in the hover InfoHint icon, never in
+ * flow), so cells top-align naturally and controls land on the same baseline.
+ * Do NOT reintroduce `h-full` + `mt-auto` here: in a grid row it stretches the
+ * cell to the tallest sibling and shoves this cell's control down to align with
+ * the bottom of the sibling's ERROR text, detaching it from its own label.
+ *
+ * The label is tied to its control with a generated id, so clicking the label
+ * focuses the input and assistive tech announces the field by name. ALWAYS use
+ * the render-prop form — `{(f) => <Input {...f} />}` — and spread what it gives
+ * you onto the control. Passing a plain node leaves `htmlFor` pointing at an id
+ * that exists on no element, which is worse than no association at all: the
+ * label looks wired up and announces nothing.
+ */
+export declare function Field({ label, hint, required, children, error }: FieldProps): React.JSX.Element;
+//# sourceMappingURL=field.d.ts.map

package/dist/components/ui/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/components/ui/field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,gEAAgE;IAChE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAC1E,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,UAAU,qBA8B3E"}