@ogcio/design-system-react 1.28.0 → 1.30.0

package/dist/autocomplete/autocomplete.js

@@ -1,83 +1,67 @@
 "use client";
-import { jsxs as z, jsx as h } from "react/jsx-runtime";
-import { forwardRef as J, useRef as N, useImperativeHandle as Q, useEffect as W, useCallback as D, createElement as Y, Children as Z, isValidElement as ee } from "react";
-import { cn as P } from "../cn.js";
-import { useDomId as te } from "../hooks/use-dom-id.js";
+import { jsxs as z, jsx as y } from "react/jsx-runtime";
+import { forwardRef as J, useRef as D, useImperativeHandle as Q, useEffect as W, useCallback as P, createElement as Y, Children as Z, isValidElement as ee } from "react";
+import { c as te } from "../index-CB-zPpNk.js";
+import { cn as oe } from "../cn.js";
+import { useDomId as ne } from "../hooks/use-dom-id.js";
 import { translate as G } from "../i18n/utility.js";
-import { InputText as oe } from "../input-text/input-text.js";
-import { Popover as ne } from "../popover/popover.js";
-import { SelectMenu as ae, SelectMenuOption as L, SelectMenuGroupItem as re } from "../select/select-menu.js";
-import { cycleEnabledIndex as le } from "../utilities.js";
-import { AUTOCOMPLETE_ACTIONS as pe } from "./types.js";
-import { useAutocompleteController as ie } from "./use-autocomplete-controller.js";
+import { InputText as re } from "../input-text/input-text.js";
+import { Popover as ae } from "../popover/popover.js";
+import { SelectMenu as le, SelectMenuOption as L, SelectMenuGroupItem as pe } from "../select/select-menu.js";
+import { cycleEnabledIndex as ie } from "../utilities.js";
+import { AUTOCOMPLETE_ACTIONS as se } from "./types.js";
+import { useAutocompleteController as ce } from "./use-autocomplete-controller.js";
 const {
-  ON_RESET: se,
-  ON_SELECT_ITEM: ce,
+  ON_RESET: ue,
+  ON_SELECT_ITEM: de,
   SET_INPUT_VALUE: R,
   SET_IS_OPEN: i,
-  TOGGLE_CLEAR_BUTTON: C,
-  SET_HIGHLIGHTED_INDEX: ue,
-  SET_VALUE: de
-} = pe, me = (a) => a ? "keyboard_arrow_up" : "keyboard_arrow_down", T = (a, r) => (p) => {
-  a && a({
-    target: { name: r, value: p },
-    currentTarget: { name: r, value: p },
-    type: "change",
-    bubbles: !0,
-    isTrusted: !0
-  });
-}, fe = (a, r) => (p) => {
-  a && a({
-    target: { name: r, value: p },
-    currentTarget: { name: r, value: p },
-    type: "blur",
-    bubbles: !0,
-    isTrusted: !0
-  });
-}, ke = J(
-  (a, r) => {
-    var x;
-    const p = N(null), {
-      disabled: l,
-      children: c,
-      placeholder: y,
+  TOGGLE_CLEAR_BUTTON: S,
+  SET_HIGHLIGHTED_INDEX: me,
+  SET_VALUE: fe
+} = se, Pe = J(
+  (r, a) => {
+    var k;
+    const l = D(null), {
+      disabled: p = !1,
+      children: s,
+      placeholder: h,
       onSelectItem: m,
       isLoading: g,
-      freeSolo: s = !1,
+      freeSolo: c = !1,
       onChange: b,
       onBlur: B,
       name: u,
       value: E,
       id: M
-    } = a, v = N(!1), {
+    } = r, v = D(!1), C = be({ freeSolo: c, disabled: p }), {
       state: t,
       dispatch: o,
       inputRef: f,
-      getOptionLabelByValue: S,
-      listRef: A,
-      debouncedFilter: U,
-      validChildren: be
-    } = ie({
-      ...a,
+      getOptionLabelByValue: A,
+      listRef: _,
+      debouncedFilter: U
+    } = ce({
+      ...r,
       onChange: T(b, u)
-    }), _ = te();
-    Q(r, () => f.current), W(() => {
-      E !== void 0 && (o({ type: de, payload: E }), o({
+    }), w = ne();
+    Q(a, () => f.current), W(() => {
+      E !== void 0 && (o({ type: fe, payload: E }), o({
         type: R,
-        payload: S(c, E)
-      }), o({ type: C }));
+        payload: A(s, E)
+      }), o({ type: S }));
     }, [E]);
-    const w = a["aria-label"] ?? G("autocomplete.placeholder", { defaultValue: "Type to Search" }), V = (e) => {
-      o({ type: i, payload: e }), e || o({ type: C, payload: !1 });
+    const x = r["aria-label"] ?? G("autocomplete.placeholder", { defaultValue: "Type to Search" }), V = (e) => {
+      o({ type: i, payload: e }), e || o({ type: S, payload: !1 });
     }, H = () => {
-      o({ type: se }), o({ type: i, payload: !1 }), T(b, u)("");
+      o({ type: ue }), o({ type: i, payload: !1 }), T(b, u)("");
     }, j = (e) => {
-      o({ type: R, payload: e }), s && T(b, u)(e), e && o({ type: i, payload: !0 }), U(e);
+      o({ type: R, payload: e }), c && T(b, u)(e), e && o({ type: i, payload: !0 }), U(e);
     }, $ = (e) => {
       const {
         target: { value: n }
       } = e;
-      e.__origin === "clear_button" && H(), !/^\s/.test(n) && (j(n), o({ type: C }), setTimeout(() => {
+      e.__origin === "clear_button" && H(), !/^\s/.test(n) && (j(n), o({ type: S }), setTimeout(() => {
         var d;
         return (d = f.current) == null ? void 0 : d.focus();
       }));
@@ -89,12 +73,12 @@ const {
         type: i,
         payload: !0
       });
-    }, I = D(
+    }, I = P(
       (e) => {
         o({
-          type: ce,
+          type: de,
           payload: {
-            inputValue: S(c, e),
+            inputValue: A(s, e),
             value: e
           }
         }), T(b, u)(e), setTimeout(() => {
@@ -102,28 +86,28 @@ const {
           (n = f.current) == null || n.focus();
         }, 0), m == null || m(e);
       },
-      [c, o, u, b, m]
+      [s, o, u, b, m]
     ), X = (e) => {
-      var O, k;
+      var O, N;
       const { relatedTarget: n } = e;
-      if (n && ((O = A.current) != null && O.contains(n) || (k = p.current) != null && k.contains(n)) || v.current) {
+      if (n && ((O = _.current) != null && O.contains(n) || (N = l.current) != null && N.contains(n)) || v.current) {
         setTimeout(() => v.current = !1, 0);
         return;
       }
       const d = t.value ?? t.inputValue ?? "";
-      fe(B, u)(d);
-    }, q = D(
+      Ie(B, u)(d);
+    }, q = P(
       (e) => {
         switch (e.key) {
           case "ArrowDown":
           case "ArrowUp": {
             e.preventDefault();
-            const n = () => t.highlightedIndex === -1 ? d === -1 ? 0 : -1 : t.highlightedIndex, d = e.key === "ArrowDown" ? 1 : -1, O = le(
+            const n = () => t.highlightedIndex === -1 ? d === -1 ? 0 : -1 : t.highlightedIndex, d = e.key === "ArrowDown" ? 1 : -1, O = ie(
               t.autocompleteOptions,
               n(),
               d
             );
-            o({ type: ue, payload: O }), o({ type: i, payload: !0 });
+            o({ type: me, payload: O }), o({ type: i, payload: !0 });
             break;
           }
           case "Enter":
@@ -149,12 +133,12 @@ const {
     return /* @__PURE__ */ z(
       "div",
       {
-        "aria-disabled": l,
-        className: P("gi-autocomplete gi-not-prose", a.className),
+        "aria-disabled": p,
+        className: oe(C.root(), r.className),
         children: [
-          /* @__PURE__ */ h("span", { id: _, className: "gi-sr-only", children: w }),
-          /* @__PURE__ */ h(
-            oe,
+          /* @__PURE__ */ y("span", { id: w, className: "gi-sr-only", children: x }),
+          /* @__PURE__ */ y(
+            re,
             {
               autoComplete: "off",
               id: M,
@@ -166,28 +150,25 @@ const {
               onBlur: X,
               clearButtonEnabled: t.isClearButtonEnabled,
               inputActionPosition: "beforeSuffix",
-              "aria-label": w,
-              "aria-labelledby": _,
-              "aria-disabled": l,
-              disabled: l,
-              placeholder: y ?? G("autocomplete.placeholder", { defaultValue: "Type to Search" }),
-              iconEndClassName: P({
-                "gi-cursor-pointer": !l && !s,
-                "gi-cursor-not-allowed gi-pointer-events-none": l && !s
-              }),
-              iconEnd: s ? void 0 : me(t.isOpen),
+              "aria-label": x,
+              "aria-labelledby": w,
+              "aria-disabled": p,
+              disabled: p,
+              placeholder: h ?? G("autocomplete.placeholder", { defaultValue: "Type to Search" }),
+              iconEndClassName: C.iconEnd(),
+              iconEnd: c ? void 0 : Ee(t.isOpen),
               ref: f,
-              iconEndRef: p,
+              iconEndRef: l,
               value: t.inputValue,
               "data-highlighted-index": t.highlightedIndex
             }
           ),
-          /* @__PURE__ */ h(
-            ne,
+          /* @__PURE__ */ y(
+            ae,
             {
               onOpenChange: V,
               triggerRef: f,
-              extraRefs: [p],
+              extraRefs: [l],
               open: t.isOpen,
               maxHeight: 304,
               options: {
@@ -201,14 +182,14 @@ const {
                   }
                 ]
               },
-              children: /* @__PURE__ */ h(
-                ae,
+              children: /* @__PURE__ */ y(
+                le,
                 {
                   onChange: I,
                   isLoading: g,
-                  showNoData: !((x = t.autocompleteOptions) != null && x.length),
-                  ref: A,
-                  children: he(
+                  showNoData: !((k = t.autocompleteOptions) != null && k.length),
+                  ref: _,
+                  children: ye(
                     t.autocompleteOptions,
                     t,
                     I
@@ -221,44 +202,44 @@ const {
       }
     );
   }
-), he = (a, r, p) => a.map((l, c) => {
-  if (r.optionType === "AutocompleteItem")
+), ye = (r, a, l) => r.map((p, s) => {
+  if (a.optionType === "AutocompleteItem")
     return /* @__PURE__ */ Y(
       L,
       {
-        ...l.props,
-        key: `AutocompleteItem-${l.props.value}`,
-        selected: r.value === l.props.value,
-        isHighlighted: c === r.highlightedIndex,
-        index: c
+        ...p.props,
+        key: `AutocompleteItem-${p.props.value}`,
+        selected: a.value === p.props.value,
+        isHighlighted: s === a.highlightedIndex,
+        index: s
       }
     );
-  if (r.optionType === "AutocompleteGroupItem") {
-    const y = l, m = Z.toArray(y.props.children).filter((g) => ee(g)).map((g) => {
-      const s = g.props;
-      return /* @__PURE__ */ h(
+  if (a.optionType === "AutocompleteGroupItem") {
+    const h = p, m = Z.toArray(h.props.children).filter((g) => ee(g)).map((g) => {
+      const c = g.props;
+      return /* @__PURE__ */ y(
         L,
         {
-          ...s,
-          selected: r.value.toString() === s.value.toString(),
-          onChange: p,
-          index: c
+          ...c,
+          selected: a.value.toString() === c.value.toString(),
+          onChange: l,
+          index: s
         },
-        `SelectGroupItemNext-SelectItemNext-${s.value.toString()}`
+        `SelectGroupItemNext-SelectItemNext-${c.value.toString()}`
       );
     });
-    return /* @__PURE__ */ h(
-      re,
+    return /* @__PURE__ */ y(
+      pe,
       {
-        label: y.props.label,
+        label: h.props.label,
         children: m
       },
-      `Group-${y.props.label}`
+      `Group-${h.props.label}`
     );
   }
   return null;
-}), ye = () => null;
-Object.defineProperty(ye, "componentType", {
+}), he = () => null;
+Object.defineProperty(he, "componentType", {
   value: "AutocompleteItem",
   writable: !1,
   enumerable: !1
@@ -269,9 +250,44 @@ Object.defineProperty(ge, "componentType", {
   writable: !1,
   enumerable: !1
 });
+const be = te({
+  slots: {
+    root: "gi-relative gi-w-full gi-not-prose",
+    iconEnd: ""
+  },
+  variants: {
+    freeSolo: {
+      true: {},
+      false: {
+        iconEnd: "gi-cursor-pointer"
+      }
+    },
+    disabled: {
+      true: {
+        iconEnd: "gi-cursor-not-allowed gi-pointer-events-none"
+      }
+    }
+  }
+}), Ee = (r) => r ? "keyboard_arrow_up" : "keyboard_arrow_down", T = (r, a) => (l) => {
+  r == null || r({
+    target: { name: a, value: l },
+    currentTarget: { name: a, value: l },
+    type: "change",
+    bubbles: !0,
+    isTrusted: !0
+  });
+}, Ie = (r, a) => (l) => {
+  r && r({
+    target: { name: a, value: l },
+    currentTarget: { name: a, value: l },
+    type: "blur",
+    bubbles: !0,
+    isTrusted: !0
+  });
+};
 export {
-  ke as Autocomplete,
+  Pe as Autocomplete,
   ge as AutocompleteGroupItem,
-  ye as AutocompleteItem,
-  he as renderSelectMenuOptions
+  he as AutocompleteItem,
+  ye as renderSelectMenuOptions
 };

package/dist/combo-box/dropdown-item.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
 import { useState as u, useId as j, useEffect as q } from "react";
 import { Button as B } from "../button/button.js";
 import { cn as x } from "../cn.js";
@@ -11,33 +11,33 @@ import { InputText as O } from "../input-text/input-text.js";
 import { Paragraph as y } from "../paragraph/paragraph.js";
 import { Tag as A, TagTypeEnum as F } from "../tag/tag.js";
 import { slugify as P } from "../utilities.js";
-const oo = ({
+const ee = ({
   children: c,
   noSearch: h,
   options: p,
   value: v,
-  defaultValue: k = [],
+  defaultValue: C = [],
   onChange: g,
   onSearch: l
 }) => {
-  const [m, C] = u(!1), [d, $] = u(""), [I, _] = u(!1), [T, V] = u(k), r = c ? `${P(`${c}-${j()}`)}` : "", w = v !== void 0, t = w ? v : T, z = () => [
+  const [m, k] = u(!1), [d, $] = u(""), [I, _] = u(!1), [T, V] = u(C), r = c ? `${P(`${c}-${j()}`)}` : "", w = v !== void 0, t = w ? v : T, z = () => [
     ...globalThis.window.document.querySelectorAll(
       `div.gi-combobox-checkbox.gi-combobox-key-${r}`
     )
   ];
   q(() => {
-    var a, i;
-    let o = 0;
-    const e = z();
-    for (const b of e) {
-      const f = (a = b.querySelector("label")) == null ? void 0 : a.textContent;
-      (i = f == null ? void 0 : f.toLowerCase()) != null && i.includes(d.toLowerCase()) ? b.style.display = "flex" : (b.style.display = "none", o++);
+    var s, i;
+    let e = 0;
+    const o = z();
+    for (const b of o) {
+      const f = (s = b.querySelector("label")) == null ? void 0 : s.textContent;
+      (i = f == null ? void 0 : f.toLowerCase()) != null && i.includes(d.toLowerCase()) ? b.style.display = "flex" : (b.style.display = "none", e++);
     }
-    _(o === p.length);
+    _(e === p.length);
   }, [d, p.length]);
-  const R = (o, e) => {
-    const a = e ? [...t || [], o] : (t || []).filter((i) => i !== o);
-    w || V(a), g == null || g(a);
+  const R = (e, o) => {
+    const s = o ? [...t || [], e] : (t || []).filter((i) => i !== e);
+    w || V(s), g == null || g(s);
   };
   return /* @__PURE__ */ n(
     "div",
@@ -52,18 +52,18 @@ const oo = ({
             variant: "flat",
             appearance: "dark",
             size: "large",
-            onClick: (o) => {
-              o.preventDefault(), C(!m);
+            onClick: (e) => {
+              e.preventDefault(), k(!m);
             },
             className: x("gi-combobox-toggle", {
               "gi-combobox-toggle-open": m
             }),
             children: [
               /* @__PURE__ */ n("div", { className: "gi-combobox-toggle-content", children: [
-                /* @__PURE__ */ s(y, { size: "md", children: c }),
-                (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ s(A, { type: F.Counter, text: t.length.toString() })
+                /* @__PURE__ */ a(y, { size: "md", children: c }),
+                (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ a(A, { type: F.Counter, text: t.length.toString() })
               ] }),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ a(
                 D,
                 {
                   className: x({ "gi-rotate-180": m }),
@@ -80,19 +80,19 @@ const oo = ({
             id: `${r}-search`,
             children: [
               !h && /* @__PURE__ */ n("div", { className: "gi-combobox-search", children: [
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ a(
                   O,
                   {
                     placeholder: N("dropdownItem.search", { defaultValue: "Search" }),
                     className: "gi-combobox-search-input",
                     value: d,
-                    onChange: (o) => {
-                      const e = o.target.value;
-                      $(e), l == null || l(e);
+                    onChange: (e) => {
+                      const o = e.target.value;
+                      $(o), l == null || l(o);
                     }
                   }
                 ),
-                d && /* @__PURE__ */ s(
+                d && /* @__PURE__ */ a(
                   E,
                   {
                     variant: "flat",
@@ -102,9 +102,8 @@ const oo = ({
                     onClick: () => {
                       l == null || l(""), $("");
                     },
-                    icon: {
-                      icon: "close"
-                    }
+                    icon: { icon: "close" },
+                    "aria-label": "Clear input"
                   }
                 )
               ] }),
@@ -115,29 +114,29 @@ const oo = ({
                     "gi-h-64": !h
                   }),
                   children: [
-                    I && /* @__PURE__ */ s(y, { className: "gi-combobox-checkbox-paragraph", children: N("dropdownItem.noResultFound", {
+                    I && /* @__PURE__ */ a(y, { className: "gi-combobox-checkbox-paragraph", children: N("dropdownItem.noResultFound", {
                       defaultValue: "No results found."
                     }) }),
-                    p.map((o, e) => {
-                      const a = t == null ? void 0 : t.includes(o.value);
-                      return /* @__PURE__ */ s(
+                    p.map((e, o) => {
+                      const s = t == null ? void 0 : t.includes(e.value);
+                      return /* @__PURE__ */ a(
                         "div",
                         {
                           className: `gi-combobox-checkbox gi-combobox-key-${r}`,
-                          children: /* @__PURE__ */ s(
+                          children: /* @__PURE__ */ a(
                             L,
                             {
-                              onChange: (i) => R(o.value, i.target.checked),
-                              checked: a,
-                              id: `${e}_${r}_${o.value}`,
-                              label: o.label,
-                              name: `${e}_${o.label}_${r}`,
-                              value: o.value,
+                              onChange: (i) => R(e.value, i.target.checked),
+                              checked: s,
+                              id: `${o}_${r}_${e.value}`,
+                              label: e.label,
+                              name: `${o}_${e.label}_${r}`,
+                              value: e.value,
                               size: "sm"
                             }
                           )
                         },
-                        `${e}_${r}_${o.value}`
+                        `${o}_${r}_${e.value}`
                       );
                     })
                   ]
@@ -151,5 +150,5 @@ const oo = ({
   );
 };
 export {
-  oo as DropdownItem
+  ee as DropdownItem
 };

package/dist/data-table/data-table-footer.js

@@ -1,66 +1,72 @@
-import { jsx as a, jsxs as E } from "react/jsx-runtime";
-import i from "react";
-import { cn as o } from "../cn.js";
-const r = (e, t) => i.isValidElement(e) && e.type === t, l = (e, t, s) => e ? /* @__PURE__ */ a(
-  "div",
-  {
-    className: o(
-      t,
-      s,
-      e.props.className
-    ),
-    style: e.props.style,
-    children: e.props.children
-  }
-) : null, T = ({
+import { jsx as o, jsxs as v } from "react/jsx-runtime";
+import c from "react";
+import { c as x } from "../index-CB-zPpNk.js";
+import { cn as i } from "../cn.js";
+const b = ({
   children: e,
   ...t
-}) => /* @__PURE__ */ a("div", { ...t, children: e });
-T.displayName = "DataTableFooterStart";
-const h = ({
+}) => /* @__PURE__ */ o("div", { ...t, children: e });
+b.displayName = "DataTableFooterStart";
+const S = ({
   children: e,
   ...t
-}) => /* @__PURE__ */ a("div", { ...t, children: e });
-h.displayName = "DataTableFooterCenter";
-const D = ({
+}) => /* @__PURE__ */ o("div", { ...t, children: e });
+S.displayName = "DataTableFooterCenter";
+const y = ({
   children: e,
   ...t
-}) => /* @__PURE__ */ a("div", { ...t, children: e });
-D.displayName = "DataTableFooterEnd";
-const v = ({
+}) => /* @__PURE__ */ o("div", { ...t, children: e });
+y.displayName = "DataTableFooterEnd";
+const C = ({
   children: e,
   className: t,
-  standalone: s = !1,
-  ...c
+  standalone: F = !1,
+  ...d
 }) => {
-  const S = i.useMemo(() => {
-    let g = null, y = null, F = null;
-    return i.Children.forEach(e, (n) => {
-      r(n, T) ? g = n : r(n, h) ? y = n : r(n, D) && (F = n);
-    }), { start: g, center: y, end: F };
-  }, [e]), { start: d, center: p, end: m } = S, f = !!!d && !!!p && !!m, b = "gi-data-table-footer-base", C = `${b} gi-text-center`, N = o("gi-min-w-0", {
-    "gi-basis-1/2 gi-text-right": !f
-  }), u = /* @__PURE__ */ E(
+  const h = c.useMemo(() => {
+    let n = null, r = null, u = null;
+    return c.Children.forEach(e, (a) => {
+      l(a, b) ? n = a : l(a, S) ? r = a : l(a, y) && (u = a);
+    }), { start: n, center: r, end: u };
+  }, [e]), { start: f, center: g, end: m } = h, D = !!!f && !!!g && !!m, { footer: T, baseSection: w, centerSection: E, endSection: N } = j({
+    onlyEnd: D
+  }), s = (n, r) => n ? /* @__PURE__ */ o(
     "div",
     {
-      className: o(
-        "gi-data-table-footer",
-        f ? "gi-justify-end" : "gi-gap-2",
-        t
-      ),
-      children: [
-        l(d, b),
-        l(p, C),
-        l(m, N)
-      ]
+      className: i(r, n.props.className),
+      style: n.props.style,
+      children: n.props.children
     }
-  );
-  return s ? /* @__PURE__ */ a("div", { ...c, className: o("gi-w-full gi-p-2", t), children: u }) : /* @__PURE__ */ a("tfoot", { ...c, children: /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: 999, className: "gi-p-2", children: u }) }) });
+  ) : null, p = /* @__PURE__ */ v("div", { className: i(T(), t), children: [
+    s(f, w()),
+    s(g, E()),
+    s(m, N())
+  ] });
+  return F ? /* @__PURE__ */ o("div", { ...d, className: i("gi-w-full gi-p-2", t), children: p }) : /* @__PURE__ */ o("tfoot", { ...d, children: /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o("td", { colSpan: 999, className: "gi-p-2", children: p }) }) });
 };
-v.displayName = "DataTableFooter";
+C.displayName = "DataTableFooter";
+const j = x({
+  slots: {
+    footer: "gi-flex gi-flex-row gi-w-full gi-items-center",
+    baseSection: "gi-grow gi-basis-0 gi-min-w-0",
+    centerSection: "gi-grow gi-basis-0 gi-min-w-0 gi-text-center",
+    endSection: "gi-min-w-0"
+  },
+  variants: {
+    onlyEnd: {
+      true: {
+        footer: "gi-justify-end"
+      },
+      false: {
+        footer: "gi-gap-2",
+        endSection: "gi-basis-1/2 gi-text-right"
+      }
+    }
+  }
+}), l = (e, t) => c.isValidElement(e) && e.type === t;
 export {
-  v as DataTableFooter,
-  h as DataTableFooterCenter,
-  D as DataTableFooterEnd,
-  T as DataTableFooterStart
+  C as DataTableFooter,
+  S as DataTableFooterCenter,
+  y as DataTableFooterEnd,
+  b as DataTableFooterStart
 };