@fabio.caffarello/react-design-system 3.9.0 → 3.10.0

package/dist/index.js

@@ -8645,6 +8645,43 @@ function Hu(o) {
     })
   );
 }
+function Bu(o) {
+  var i = o, {
+    label: e,
+    children: t,
+    wrap: r = !0,
+    className: s
+  } = i, a = O(i, [
+    "label",
+    "children",
+    "wrap",
+    "className"
+  ]);
+  const d = !(a["aria-label"] != null || a["aria-labelledby"] != null) && typeof e == "string" && e !== "" ? e : void 0;
+  return /* @__PURE__ */ n.jsxs(
+    "div",
+    F(E({
+      role: "group",
+      "aria-label": d,
+      className: w(
+        "flex items-center",
+        r ? "flex-wrap" : "flex-nowrap",
+        f("sm", "gap"),
+        s
+      )
+    }, a), {
+      children: [
+        e ? (
+          // shrink-0 keeps the label a stable leading unit: in the wrapping
+          // flex run it must not be squeezed or mid-word-wrapped when the
+          // chips overflow — it stays on one line and the chips wrap around it.
+          /* @__PURE__ */ n.jsx("span", { className: "shrink-0 text-fg-secondary text-sm", children: e })
+        ) : null,
+        t
+      ]
+    })
+  );
+}
 function ea(e) {
   const t = Se(void 0);
   t.displayName = e.displayName;
@@ -8668,11 +8705,11 @@ function ea(e) {
 const Cr = ea({
   displayName: "FormContext",
   errorMessage: "useFormContext must be used within a Form component with react-hook-form integration"
-}), Bu = Cr.Context, dc = Cr.Provider;
+}), Uu = Cr.Context, dc = Cr.Provider;
 function ta() {
   return Cr.useContextRequired();
 }
-function Uu() {
+function Gu() {
   return Cr.useContextOptional();
 }
 function uc({
@@ -8686,7 +8723,7 @@ function uc({
   };
   return /* @__PURE__ */ n.jsx(dc, { value: s, children: r });
 }
-function Gu(l) {
+function Yu(l) {
   var d = l, {
     children: e,
     onSubmit: t,
@@ -8822,7 +8859,7 @@ function Gu(l) {
     })
   );
 }
-function Yu({
+function Ku({
   name: e,
   label: t,
   children: r,
@@ -9222,7 +9259,7 @@ function Mc(e) {
     })), [l, a])
   };
 }
-function Ku(e) {
+function qu(e) {
   const { form: t } = ta();
   if (!t)
     throw new Error(
@@ -10212,14 +10249,14 @@ function ua({
 Er.Input = ca;
 Er.Calendar = da;
 Er.Popup = ua;
-const qu = Er, ys = Se(void 0);
+const Xu = Er, ys = Se(void 0);
 function ws() {
   const e = ue(ys);
   if (e === void 0)
     throw new Error("useTabsContext must be used within a Tabs component");
   return e;
 }
-function Xu() {
+function Ju() {
   return ue(ys);
 }
 function Wc({
@@ -10405,7 +10442,7 @@ function Ar(r) {
 Ar.List = Hc;
 Ar.Trigger = Bc;
 Ar.Content = Uc;
-const Ju = Ar, js = pe(
+const Qu = Ar, js = pe(
   function(p, m) {
     var b = p, {
       onSearch: t,
@@ -10906,7 +10943,7 @@ const Yc = pe(
   }
 );
 Yc.displayName = "MultiSelect";
-function Qu({
+function Zu({
   value: e,
   defaultValue: t = 0,
   max: r = 5,
@@ -11004,7 +11041,7 @@ function Qu({
     }
   );
 }
-function Zu({
+function ef({
   accept: e,
   multiple: t = !1,
   maxSize: r,
@@ -11473,7 +11510,7 @@ function ma({
     typeof window != "undefined" && rt(I, document.body)
   ] });
 }
-function ef({
+function tf({
   value: e,
   defaultValue: t,
   format: r = "24h",
@@ -11677,7 +11714,7 @@ function ef({
     }
   ) });
 }
-function tf({
+function rf({
   value: e,
   defaultValue: t = "#000000",
   format: r = "hex",
@@ -12411,7 +12448,7 @@ Tr.Trigger = ga;
 Tr.Content = td;
 Tr.Item = va;
 Tr.Separator = rd;
-function rf({
+function sf({
   items: e,
   type: t = "single",
   defaultOpen: r,
@@ -12900,7 +12937,7 @@ function dd(d) {
     })
   );
 }
-function sf(e) {
+function nf(e) {
   return /* @__PURE__ */ n.jsx(dd, F(E({}, e), { pathname: e.pathname }));
 }
 const ud = Te(
@@ -12918,7 +12955,7 @@ const ud = Te(
     }
   }
 );
-function nf(l) {
+function af(l) {
   var d = l, {
     title: e,
     description: t,
@@ -12965,7 +13002,7 @@ function nf(l) {
     )
   ] }));
 }
-function af(s) {
+function of(s) {
   var a = s, {
     onForgotPasswordClick: e,
     className: t
@@ -13016,7 +13053,7 @@ function af(s) {
     }
   );
 }
-function of(c) {
+function lf(c) {
   var u = c, {
     isOpen: e,
     onClose: t,
@@ -13153,11 +13190,11 @@ function of(c) {
 const Mr = ea({
   displayName: "TableContext",
   errorMessage: "useTableContext must be used within a Table component"
-}), lf = Mr.Context, fd = Mr.Provider;
+}), cf = Mr.Context, fd = Mr.Provider;
 function nt() {
   return Mr.useContextRequired();
 }
-function cf() {
+function df() {
   return Mr.useContextOptional();
 }
 function gn({
@@ -14357,7 +14394,7 @@ ze.Filters = Aa;
 ze.Pagination = Ia;
 ze.EmptyState = Ca;
 ze.Actions = Sa;
-function df(e = {}) {
+function uf(e = {}) {
   const {
     defaultWidths: t = {},
     minWidth: r = 50,
@@ -14411,7 +14448,7 @@ function df(e = {}) {
   };
 }
 const Cs = Se(null);
-function uf() {
+function ff() {
   return ue(Cs);
 }
 function ft() {
@@ -14456,7 +14493,7 @@ function Ta({
   return /* @__PURE__ */ n.jsx(Cs.Provider, { value: i, children: e });
 }
 const Es = Se(null);
-function ff() {
+function mf() {
   return ue(Es);
 }
 function Vt() {
@@ -14537,7 +14574,7 @@ function Ma({
   return /* @__PURE__ */ n.jsx(Es.Provider, { value: v, children: e });
 }
 const As = Se(null);
-function mf() {
+function pf() {
   return ue(As);
 }
 function mt() {
@@ -14553,7 +14590,7 @@ function ns(e) {
   const t = parseFloat(e);
   return isNaN(t) ? 0 : e.endsWith("rem") || e.endsWith("em") ? t * 16 : (e.endsWith("px"), t);
 }
-function pf(e, t) {
+function bf(e, t) {
   return e === void 0 || t === void 0 ? !0 : e < t;
 }
 function qr(e, t, r) {
@@ -14609,7 +14646,7 @@ function vd(e) {
     isValid: !0
   };
 }
-function bf(e, t = "windows") {
+function hf(e, t = "windows") {
   if (!e.isValid) return "";
   const r = [];
   return t === "mac" ? (e.ctrl && r.push("⌘"), e.shift && r.push("⇧"), e.alt && r.push("⌥"), e.meta && r.push("⌃"), r.push(e.key.toUpperCase()), r.join("")) : (e.ctrl && r.push("Ctrl"), e.shift && r.push("Shift"), e.alt && r.push("Alt"), e.meta && r.push("Meta"), r.push(e.key.toUpperCase()), r.join("+"));
@@ -15004,7 +15041,7 @@ function Nd({
   return /* @__PURE__ */ n.jsx(Is.Provider, { value: l, children: e });
 }
 const Ts = Se(null);
-function hf() {
+function xf() {
   return ue(Ts);
 }
 function $d() {
@@ -15414,7 +15451,7 @@ function Dd(o) {
   ] });
 }
 const Ms = Se(null);
-function xf() {
+function gf() {
   return ue(Ms);
 }
 function Ds() {
@@ -16380,7 +16417,7 @@ We.ThemeProvider = Ta;
 We.ConfigProvider = Ma;
 We.StateProvider = Da;
 We.SlotProvider = Nd;
-function gf({
+function vf({
   defaultStates: e = {},
   persist: t = !1,
   storageKey: r
@@ -16421,7 +16458,7 @@ function gf({
     resetGroups: d
   };
 }
-function vf() {
+function yf() {
   const { activeItem: e, setActiveItem: t } = Ds(), r = _a(), s = K(
     (a, o) => {
       t(a), o && (r != null && r.setActiveSlot) && r.setActiveSlot(o);
@@ -16434,7 +16471,7 @@ function vf() {
     navigate: s
   };
 }
-function yf() {
+function wf() {
   var r, s, a, o;
   const e = _a(), t = Od();
   return {
@@ -16446,7 +16483,7 @@ function yf() {
     })
   };
 }
-function wf() {
+function jf() {
   const e = ft(), t = Vt(), r = mt();
   return { theme: e, config: t, state: r };
 }
@@ -16671,7 +16708,7 @@ Ke.Title = Kd;
 Ke.Description = qd;
 Ke.Footer = Wa;
 Ke.Close = Xd;
-function jf({
+function kf({
   open: e,
   defaultOpen: t,
   onOpenChange: r,
@@ -16832,7 +16869,7 @@ function eu(i) {
     })
   );
 }
-function kf({
+function Nf({
   position: e = "top-right",
   maxToasts: t
 }) {
@@ -16863,7 +16900,7 @@ function kf({
   );
   return typeof window != "undefined" ? rt(o, document.body) : o;
 }
-function Nf() {
+function $f() {
   const { addToast: e, removeToast: t, clearAll: r } = Wn(), s = K(
     (c) => e({
       title: c.title,
@@ -17132,7 +17169,7 @@ function tu({
     ] })
   ] });
 }
-function $f({
+function Sf({
   items: e,
   orientation: t = "vertical",
   className: r = ""
@@ -17263,7 +17300,7 @@ function $f({
     );
   }) });
 }
-function Sf({
+function Cf({
   items: e,
   open: t,
   defaultOpen: r = !1,
@@ -17522,7 +17559,7 @@ function Sf({
     typeof window != "undefined" && rt(M, document.body)
   ] });
 }
-function Cf({
+function Ef({
   columns: e,
   data: t,
   loading: r = !1,
@@ -17653,7 +17690,7 @@ function Cf({
     )
   ] });
 }
-function Ef({
+function Af({
   columns: e,
   data: t,
   searchPlaceholder: r = "Search...",
@@ -17741,7 +17778,7 @@ function Ef({
     ] })
   ] }) });
 }
-function Af({
+function If({
   steps: e,
   onComplete: t,
   allowBackNavigation: r = !0,
@@ -17821,7 +17858,7 @@ function Af({
     )
   ] }) });
 }
-function If({
+function Tf({
   items: e,
   searchFn: t,
   filterFn: r,
@@ -17915,7 +17952,7 @@ function If({
     )
   ] }) });
 }
-function Tf({
+function Mf({
   sidebar: e,
   children: t,
   header: r,
@@ -17932,7 +17969,7 @@ function Tf({
     ] })
   ] });
 }
-function Mf(e, t = {}) {
+function Df(e, t = {}) {
   const { rootMargin: r = "0px 0px -50% 0px", threshold: s = 0 } = t, [a, o] = W(null), i = e.join("|");
   return X(() => {
     if (typeof window == "undefined" || typeof IntersectionObserver == "undefined")
@@ -17951,8 +17988,8 @@ function Mf(e, t = {}) {
 }
 export {
   Nt as AMBER,
-  rf as Accordion,
-  jf as AlertDialog,
+  sf as Accordion,
+  kf as AlertDialog,
   zu as AppProvider,
   Gc as Autocomplete,
   ks as AutocompleteList,
@@ -17974,13 +18011,13 @@ export {
   hs as Checkbox,
   Qn as Chip,
   qn as Collapsible,
-  tf as ColorPicker,
-  Sf as CommandPalette,
+  rf as ColorPicker,
+  Cf as CommandPalette,
   gi as ConfigProvider,
-  Tf as DashboardLayout,
-  Cf as DataGrid,
-  Ef as DataTablePattern,
-  qu as DatePicker,
+  Mf as DashboardLayout,
+  Ef as DataGrid,
+  Af as DataTablePattern,
+  Xu as DatePicker,
   da as DatePickerCalendar,
   ca as DatePickerInput,
   mn as DatePickerProvider,
@@ -18005,12 +18042,13 @@ export {
   iu as FONT_FAMILY_TOKENS,
   lu as FONT_WEIGHT_TOKENS,
   po as FUCHSIA,
-  Zu as FileUpload,
-  Gu as Form,
-  Bu as FormContext,
-  Yu as FormField,
+  ef as FileUpload,
+  Bu as FilterChips,
+  Yu as Form,
+  Uu as FormContext,
+  Ku as FormField,
   uc as FormProvider,
-  Af as FormWizardPattern,
+  If as FormWizardPattern,
   io as GRAY,
   lo as GREEN,
   nr as Header,
@@ -18026,13 +18064,13 @@ export {
   Fe as Input,
   go as LIME,
   Zt as Label,
-  af as LoginBox,
+  of as LoginBox,
   Tr as Menu,
   td as MenuContent,
   va as MenuItem,
   rd as MenuSeparator,
   ga as MenuTrigger,
-  of as Modal,
+  lf as Modal,
   Yc as MultiSelect,
   ps as NavLink,
   Tt as Navbar,
@@ -18041,21 +18079,21 @@ export {
   Fd as NavbarItem,
   zd as NavbarSeparator,
   as as NavbarToggle,
-  sf as Navigation,
-  sf as NavigationComponent,
+  nf as Navigation,
+  nf as NavigationComponent,
   uo as ORANGE,
   bo as PINK,
   yn as PRIMITIVE_COLORS,
   ho as PURPLE,
-  nf as PageHeader,
-  nf as PageHeaderComponent,
+  af as PageHeader,
+  af as PageHeaderComponent,
   Rc as Pagination,
   ma as Popover,
   Xn as Progress,
   fo as RED,
   $t as ROSE,
   Kl as Radio,
-  Qu as Rating,
+  Zu as Rating,
   mu as SEMANTIC_COLORS,
   is as SEMANTIC_COLORS_DARK,
   Nr as SEMANTIC_COLORS_LIGHT,
@@ -18063,7 +18101,7 @@ export {
   St as SKY,
   jt as SLATE,
   os as SPACING_TOKENS,
-  If as SearchAndFilterPattern,
+  Tf as SearchAndFilterPattern,
   js as SearchInput,
   bs as Select,
   Jn as Separator,
@@ -18104,7 +18142,7 @@ export {
   Sa as TableActions,
   Ea as TableBody,
   $a as TableCell,
-  lf as TableContext,
+  cf as TableContext,
   Ca as TableEmptyState,
   Aa as TableFilters,
   Na as TableHeader,
@@ -18113,7 +18151,7 @@ export {
   Ia as TablePagination,
   gn as TableProvider,
   ss as TableRow,
-  Ju as Tabs,
+  Qu as Tabs,
   Uc as TabsContent,
   ys as TabsContext,
   Hc as TabsList,
@@ -18122,10 +18160,10 @@ export {
   dt as Text,
   Ol as Textarea,
   hi as ThemeProvider,
-  ef as TimePicker,
-  $f as Timeline,
+  tf as TimePicker,
+  Sf as Timeline,
   eu as Toast,
-  kf as ToastContainer,
+  Nf as ToastContainer,
   us as ToastContext,
   vi as ToastProvider,
   er as Tooltip,
@@ -18138,7 +18176,7 @@ export {
   $u as darken,
   De as defaultConfigValues,
   qt as defaultThemeValues,
-  bf as formatKeyboardShortcut,
+  hf as formatKeyboardShortcut,
   Au as getAnimation,
   Ie as getAnimationClass,
   Cu as getBreakpoint,
@@ -18175,48 +18213,48 @@ export {
   vd as parseKeyboardShortcut,
   ns as parseWidthToPixels,
   Pu as useApp,
-  df as useColumnResizing,
+  uf as useColumnResizing,
   _u as useConfig,
   sr as useDialogContext,
   Fu as useDialogContextOptional,
   jd as useFocusManagement,
   ta as useFormContext,
-  Uu as useFormContextOptional,
-  Ku as useFormFieldArray,
-  gf as useGroupState,
+  Gu as useFormContextOptional,
+  qu as useFormFieldArray,
+  vf as useGroupState,
   wa as useHeaderContext,
   kd as useKeyboardShortcut,
   _l as useNavLink,
-  xf as useNavbar,
+  gf as useNavbar,
   Ds as useNavbarRequired,
   yd as useResize,
   wd as useResponsiveSidebar,
-  Mf as useScrollSpy,
-  wf as useSideNavbarCombined,
-  ff as useSideNavbarConfig,
+  Df as useScrollSpy,
+  jf as useSideNavbarCombined,
+  mf as useSideNavbarConfig,
   Vt as useSideNavbarConfigRequired,
-  yf as useSideNavbarContent,
-  vf as useSideNavbarNavigation,
-  mf as useSideNavbarState,
+  wf as useSideNavbarContent,
+  yf as useSideNavbarNavigation,
+  pf as useSideNavbarState,
   mt as useSideNavbarStateRequired,
-  uf as useSideNavbarTheme,
+  ff as useSideNavbarTheme,
   ft as useSideNavbarThemeRequired,
-  hf as useSideNavbarToggleContext,
+  xf as useSideNavbarToggleContext,
   $d as useSideNavbarToggleContextRequired,
   Od as useSidebar,
   Dr as useSidebarRequired,
   _a as useSidebarSlot,
   La as useSidebarSlotRequired,
   nt as useTableContext,
-  cf as useTableContextOptional,
+  df as useTableContextOptional,
   ws as useTabsContext,
-  Xu as useTabsContextOptional,
+  Ju as useTabsContextOptional,
   Ru as useTheme,
-  Nf as useToast,
+  $f as useToast,
   Wn as useToastContext,
   Lu as useToastContextOptional,
   pd as useVirtualScrolling,
-  pf as validateWidthBounds,
+  bf as validateWidthBounds,
   ju as withOpacity
 };
 //# sourceMappingURL=index.js.map