@cfx-dev/ui-components 5.0.21 → 5.0.23

package/dist/components/Select/SelectShowcase.js

@@ -1,10 +1,10 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import d from "react";
+import c from "react";
 import a from "../Flex/Flex.js";
-import { Text as i } from "../Text/Text.js";
+import { Text as t } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
-import { Select as t } from "./Select.js";
-const u = [
+import { Select as u } from "./Select.js";
+const i = [
   {
     value: "value",
     label: "Label"
@@ -39,57 +39,57 @@ const u = [
   }
 ];
 function n() {
-  const [c, r] = d.useState("value");
+  const [d, r] = c.useState("value");
   return /* @__PURE__ */ l(a, { gap: "large", vertical: !0, children: [
     /* @__PURE__ */ l(a, { gap: "medium", vertical: !0, children: [
-      /* @__PURE__ */ e(i, { children: "Default" }),
+      /* @__PURE__ */ e(t, { children: "Default" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        t,
+        u,
         {
-          value: c,
+          value: d,
           onChange: r,
-          options: u
+          options: i
         }
       ) })
     ] }),
     /* @__PURE__ */ l(a, { gap: "medium", vertical: !0, children: [
-      /* @__PURE__ */ e(i, { children: "Placeholder" }),
+      /* @__PURE__ */ e(t, { children: "Placeholder" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        t,
+        u,
         {
           placeholder: "Placeholder",
           onChange: r,
-          options: u
+          options: i
         }
       ) })
     ] }),
     /* @__PURE__ */ l(a, { gap: "medium", vertical: !0, children: [
-      /* @__PURE__ */ e(i, { children: "Disabled" }),
+      /* @__PURE__ */ e(t, { children: "Disabled" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        t,
+        u,
         {
           disabled: !0,
-          value: c,
+          value: d,
           onChange: r,
-          options: u
+          options: i
         }
       ) })
     ] }),
     /* @__PURE__ */ l(a, { gap: "medium", vertical: !0, children: [
-      /* @__PURE__ */ e(i, { children: "Full Width" }),
+      /* @__PURE__ */ e(t, { children: "Full Width" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        t,
+        u,
         {
           fullWidth: !0,
-          value: c,
+          value: d,
           onChange: r,
-          options: u
+          options: i
         }
       ) })
     ] })
   ] });
 }
-const s = d.memo(n);
+const s = c.memo(n);
 export {
   s as default
 };

package/dist/components/Skeleton/SkeletonShowcase.js

@@ -7,7 +7,7 @@ import { DataTable as x } from "../DataTable/DataTable.js";
 import m from "../Flex/Flex.js";
 import { Text as r } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
-import c from "./Skeleton.js";
+import d from "./Skeleton.js";
 const g = [
   { text: "Header 1" },
   { text: "Header 2" },
@@ -16,7 +16,7 @@ const g = [
   { text: "Item" }
 ];
 function S() {
-  const [l, a] = n(!0), [d, s] = n([]), i = () => {
+  const [l, a] = n(!0), [c, s] = n([]), i = () => {
     a(!0);
     const h = setTimeout(() => {
       s([
@@ -37,13 +37,13 @@ function S() {
         loading: l,
         includeRadio: !0,
         headers: g,
-        data: l ? Array(3).fill(Array(5).fill(/* @__PURE__ */ e(c, { width: "100%", height: "small" }))) : d
+        data: l ? Array(3).fill(Array(5).fill(/* @__PURE__ */ e(d, { width: "100%", height: "small" }))) : c
       }
     ) }) }),
     /* @__PURE__ */ e(r, { children: "Skeleton in Text" }),
     /* @__PURE__ */ o(r, { children: [
       "This is a",
-      /* @__PURE__ */ e(c, { width: "200px", height: "small" }),
+      /* @__PURE__ */ e(d, { width: "200px", height: "small" }),
       " ",
       "in Text"
     ] }),

package/dist/components/Slider/Slider.js

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { R as C, T as L, a as R, b as y } from "../../index-D5SMGei3.js";
+import { R as C, T as L, a as R, b as y } from "../../index-CzUzkeQx.js";
 import i from "react";
 import { clsx as f } from "../../utils/clsx.js";
 const B = "cfxui__Slider__container__997ea", V = "cfxui__Slider__labels__2a966", j = "cfxui__Slider__root__a6c1b", T = "cfxui__Slider__track__570cb", E = "cfxui__Slider__range__5ae17", P = "cfxui__Slider__thumb__27d80", q = "cfxui__Slider__valueBubble__ebce8", a = {

package/dist/components/Switch/Switch.js

@@ -1,10 +1,10 @@
 import { jsxs as x, jsx as l } from "react/jsx-runtime";
 import * as u from "react";
 import M from "react";
-import { b as R, u as H, c as j, P as k, a as A, d as q } from "../../index-CfQtbUfi.js";
+import { a as R, u as H, P as k, c as j, b as A, d as q } from "../../index-8cuIcSMB.js";
 import { u as z } from "../../index-BZPx6jYI.js";
 import { clsx as N } from "../../utils/clsx.js";
-var S = "Switch", [L, at] = j(S), [O, $] = L(S), P = u.forwardRef(
+var S = "Switch", [L] = q(S), [O, D] = L(S), P = u.forwardRef(
   (e, c) => {
     const {
       __scopeSwitch: t,
@@ -37,7 +37,7 @@ var S = "Switch", [L, at] = j(S), [O, $] = L(S), P = u.forwardRef(
           value: i,
           ...b,
           ref: v,
-          onClick: A(e.onClick, (w) => {
+          onClick: j(e.onClick, (w) => {
             U((I) => !I), C && (y.current = w.isPropagationStopped(), y.current || w.stopPropagation());
           })
         }
@@ -62,7 +62,7 @@ var S = "Switch", [L, at] = j(S), [O, $] = L(S), P = u.forwardRef(
 P.displayName = S;
 var T = "SwitchThumb", g = u.forwardRef(
   (e, c) => {
-    const { __scopeSwitch: t, ...o } = e, s = $(T, t);
+    const { __scopeSwitch: t, ...o } = e, s = D(T, t);
     return /* @__PURE__ */ l(
       k.span,
       {
@@ -75,7 +75,7 @@ var T = "SwitchThumb", g = u.forwardRef(
   }
 );
 g.displayName = T;
-var D = "SwitchBubbleInput", E = u.forwardRef(
+var F = "SwitchBubbleInput", E = u.forwardRef(
   ({
     __scopeSwitch: e,
     control: c,
@@ -83,7 +83,7 @@ var D = "SwitchBubbleInput", E = u.forwardRef(
     bubbles: o = !0,
     ...s
   }, h) => {
-    const a = u.useRef(null), r = R(a, h), i = z(t), f = q(c);
+    const a = u.useRef(null), r = R(a, h), i = z(t), f = A(c);
     return u.useEffect(() => {
       const d = a.current;
       if (!d) return;
@@ -116,13 +116,13 @@ var D = "SwitchBubbleInput", E = u.forwardRef(
     );
   }
 );
-E.displayName = D;
+E.displayName = F;
 function B(e) {
   return e ? "checked" : "unchecked";
 }
-var F = P, W = g;
-const X = "cfxui__Switch__switchUnset__c8b03", G = "cfxui__Switch__switchRoot__f2911", J = "cfxui__Switch__primary__2653f", K = "cfxui__Switch__secondary__7f1cf", Q = "cfxui__Switch__alternative__33f60", V = "cfxui__Switch__switchThumb__9cbf5", n = {
-  switchUnset: X,
+var W = P, X = g;
+const $ = "cfxui__Switch__switchUnset__c8b03", G = "cfxui__Switch__switchRoot__f2911", J = "cfxui__Switch__primary__2653f", K = "cfxui__Switch__secondary__7f1cf", Q = "cfxui__Switch__alternative__33f60", V = "cfxui__Switch__switchThumb__9cbf5", n = {
+  switchUnset: $,
   switchRoot: G,
   primary: J,
   secondary: K,
@@ -146,7 +146,7 @@ function tt(e) {
     checked: a,
     ...r
   } = e, i = Y(c, o, s), f = Z(t, o, s);
-  return /* @__PURE__ */ x(F, { ...r, className: i, children: [
+  return /* @__PURE__ */ x(W, { ...r, className: i, children: [
     h && /* @__PURE__ */ l(
       "input",
       {
@@ -155,12 +155,12 @@ function tt(e) {
         value: a ? "on" : ""
       }
     ),
-    /* @__PURE__ */ l(W, { className: f })
+    /* @__PURE__ */ l(X, { className: f })
   ] });
 }
-const it = M.memo(tt);
+const at = M.memo(tt);
 export {
-  it as default,
+  at as default,
   Y as getSwitchClassNames,
   Z as getSwitchThumbClassNames
 };

package/dist/components/TableResponsiveText/TableResponsiveText.js

@@ -8,7 +8,7 @@ const _ = "cfxui__TableResponsiveText__root__0e257", f = "cfxui__TableResponsive
   root: _,
   text: f
 };
-function p(o) {
+function d(o) {
   const {
     title: n,
     children: r,
@@ -26,7 +26,7 @@ function p(o) {
     }
   ) });
 }
-const y = l.memo(p);
+const y = l.memo(d);
 export {
   y as default
 };

package/dist/components/Tabular/TabularShowcase.js

@@ -1,9 +1,9 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import d from "react";
 import i from "../Flex/Flex.js";
-import { Text as r } from "../Text/Text.js";
+import { Text as l } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
-import { Tabular as l } from "./Tabular.js";
+import { Tabular as r } from "./Tabular.js";
 const c = [
   {
     id: "item1",
@@ -37,9 +37,9 @@ function o() {
   const [a, m] = d.useState("item1");
   return /* @__PURE__ */ t(i, { gap: "large", vertical: !0, children: [
     /* @__PURE__ */ t(i, { gap: "medium", vertical: !0, children: [
-      /* @__PURE__ */ e(r, { children: "Default" }),
+      /* @__PURE__ */ e(l, { children: "Default" }),
       /* @__PURE__ */ e(
-        l,
+        r,
         {
           items: c,
           activeItem: a,
@@ -48,9 +48,9 @@ function o() {
       )
     ] }),
     /* @__PURE__ */ t(i, { gap: "medium", vertical: !0, children: [
-      /* @__PURE__ */ e(r, { children: "Size small" }),
+      /* @__PURE__ */ e(l, { children: "Size small" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        l,
+        r,
         {
           size: "small",
           items: c,
@@ -60,9 +60,9 @@ function o() {
       ) })
     ] }),
     /* @__PURE__ */ t(i, { gap: "medium", vertical: !0, children: [
-      /* @__PURE__ */ e(r, { children: "Size medium" }),
+      /* @__PURE__ */ e(l, { children: "Size medium" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        l,
+        r,
         {
           size: "medium",
           items: c,
@@ -72,9 +72,9 @@ function o() {
       ) })
     ] }),
     /* @__PURE__ */ t(i, { gap: "medium", vertical: !0, children: [
-      /* @__PURE__ */ e(r, { children: "Size large" }),
+      /* @__PURE__ */ e(l, { children: "Size large" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        l,
+        r,
         {
           size: "large",
           items: c,
@@ -85,7 +85,7 @@ function o() {
     ] })
   ] });
 }
-const I = d.memo(o);
+const p = d.memo(o);
 export {
-  I as default
+  p as default
 };

package/dist/{index-CfQtbUfi.js → index-8cuIcSMB.js}

@@ -1,6 +1,6 @@
 import * as c from "react";
 import { jsx as y } from "react/jsx-runtime";
-import { r as w } from "./index-Cl_RnsqN.js";
+import { r as w } from "./index-CUyjBl1Y.js";
 function v(t, n) {
   if (typeof t == "function")
     return t(n);
@@ -227,10 +227,10 @@ function M(t, n) {
 }
 export {
   F as P,
-  k as a,
-  j as b,
-  B as c,
-  T as d,
+  j as a,
+  T as b,
+  k as c,
+  B as d,
   x as e,
   z as f,
   M as g,

package/dist/index-BcJ929FX.js

@@ -0,0 +1,20 @@
+import o from "./components/Logos/fivem/CompositeLogo.js";
+import t from "./components/Logos/fivem/Icon.js";
+import r from "./components/Logos/fivem/Logo.js";
+import e from "./components/Logos/fivem/LockupLandscape.js";
+import m from "./components/Logos/fivem/LockupPortrait.js";
+import p from "./components/Logos/fivem/Wordmark.js";
+import a from "./components/Logos/fivem/WhiteLogo.js";
+const _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CompositeLogo: o,
+  Icon: t,
+  LockupLandscape: e,
+  LockupPortrait: m,
+  Logo: r,
+  WhiteLogo: a,
+  Wordmark: p
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  _ as F
+};

package/dist/{index-kbBuAY0m.js → index-BcnrbBqR.js}

@@ -1,10 +1,10 @@
 import o from "./components/Logos/patreon/Icon.js";
 import r from "./components/Logos/patreon/Wordmark.js";
-const m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Icon: o,
   Wordmark: r
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  m as P
+  a as P
 };

package/dist/{index-BgyFvlVL.js → index-Bg26abkD.js}

@@ -2,7 +2,7 @@ import o from "./components/Logos/cfx/CompositeLogo.js";
 import r from "./components/Logos/cfx/Icon.js";
 import t from "./components/Logos/cfx/Logo.js";
 import e from "./components/Logos/cfx/Wordmark.js";
-const l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CompositeLogo: o,
   Icon: r,
@@ -10,5 +10,5 @@ const l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Wordmark: e
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  l as C
+  p as C
 };

package/dist/{index-9LBuZ7x4.js → index-BzirdFxK.js}

@@ -1,8 +1,8 @@
 import * as A from "react";
 import r from "react";
-import { c as D, b as S, f as M } from "./index-CfQtbUfi.js";
+import { d as D, a as S, f as M } from "./index-8cuIcSMB.js";
 import { jsx as d } from "react/jsx-runtime";
-function g(l) {
+function h(l) {
   const i = l + "CollectionProvider", [N, _] = D(i), [v, f] = N(
     i,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -43,11 +43,11 @@ function g(l) {
   ];
 }
 var P = A.createContext(void 0);
-function h(l) {
+function b(l) {
   const i = A.useContext(P);
   return l || i || "ltr";
 }
 export {
-  g as c,
-  h as u
+  h as c,
+  b as u
 };

package/dist/{index-Cl_RnsqN.js → index-CUyjBl1Y.js}

@@ -141,7 +141,7 @@ function D() {
     return y.H.useFormState(n, r, a);
   }, c.useFormStatus = function() {
     return y.H.useHostTransitionStatus();
-  }, c.version = "19.1.0", c;
+  }, c.version = "19.2.4", c;
 }
 var s = {};
 /**
@@ -363,7 +363,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
       return y().useFormState(t, e, i);
     }, s.useFormStatus = function() {
       return y().useHostTransitionStatus();
-    }, s.version = "19.1.0", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+    }, s.version = "19.2.4", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   }()), s;
 }
 function T() {

package/dist/index-CZVyC53C.js

@@ -0,0 +1,20 @@
+import o from "./components/Logos/redm/CompositeLogo.js";
+import t from "./components/Logos/redm/Icon.js";
+import r from "./components/Logos/redm/Logo.js";
+import e from "./components/Logos/redm/LockupLandscape.js";
+import m from "./components/Logos/redm/LockupPortrait.js";
+import p from "./components/Logos/redm/Wordmark.js";
+import a from "./components/Logos/redm/WhiteLogo.js";
+const _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CompositeLogo: o,
+  Icon: t,
+  LockupLandscape: e,
+  LockupPortrait: m,
+  Logo: r,
+  WhiteLogo: a,
+  Wordmark: p
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  _ as R
+};

package/dist/{index-DwfZyjnS.js → index-CaQzR2YA.js}

@@ -1,8 +1,8 @@
 import o from "./components/Logos/discord/Icon.js";
-const r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Icon: o
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  r as D
+  t as D
 };

package/dist/{index-D5SMGei3.js → index-CzUzkeQx.js}

@@ -1,7 +1,7 @@
 import * as d from "react";
 import { c as $ } from "./index-rKs9bXHr.js";
-import { u as ce, c as le, a as C, P as B, b as M, d as de } from "./index-CfQtbUfi.js";
-import { c as ue, u as fe } from "./index-9LBuZ7x4.js";
+import { u as ce, c as C, P as B, a as M, b as le, d as de } from "./index-8cuIcSMB.js";
+import { c as ue, u as fe } from "./index-BzirdFxK.js";
 import { u as me } from "./index-BZPx6jYI.js";
 import { jsx as v, jsxs as pe } from "react/jsx-runtime";
 var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], G = {
@@ -9,7 +9,7 @@ var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
   "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
   "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, I = "Slider", [z, he, Se] = ue(I), [W, Ke] = le(I, [
+}, I = "Slider", [z, he, Se] = ue(I), [W] = de(I, [
   Se
 ]), [ge, K] = W(I), q = d.forwardRef(
   (e, t) => {
@@ -301,7 +301,7 @@ var O = "SliderThumb", oe = d.forwardRef(
   }
 ), be = d.forwardRef(
   (e, t) => {
-    const { __scopeSlider: o, index: n, name: a, ...c } = e, r = K(O, o), s = Q(O, o), [l, h] = d.useState(null), S = M(t, (D) => h(D)), i = l ? r.form || !!l.closest("form") : !0, u = de(l), w = r.values[n], P = w === void 0 ? 0 : ie(w, r.min, r.max), g = xe(n, r.values.length), m = u == null ? void 0 : u[s.size], f = m ? De(m, P, s.direction) : 0;
+    const { __scopeSlider: o, index: n, name: a, ...c } = e, r = K(O, o), s = Q(O, o), [l, h] = d.useState(null), S = M(t, (D) => h(D)), i = l ? r.form || !!l.closest("form") : !0, u = le(l), w = r.values[n], P = w === void 0 ? 0 : ie(w, r.min, r.max), g = xe(n, r.values.length), m = u == null ? void 0 : u[s.size], f = m ? De(m, P, s.direction) : 0;
     return d.useEffect(() => {
       if (l)
         return r.thumbs.add(l), () => {
@@ -418,10 +418,10 @@ function Me(e, t) {
   const o = Math.pow(10, t);
   return Math.round(e * o) / o;
 }
-var ke = q, He = te, Ne = ne, ze = oe;
+var Ke = q, ke = te, He = ne, Ne = oe;
 export {
-  ke as R,
-  He as T,
-  Ne as a,
-  ze as b
+  Ke as R,
+  ke as T,
+  He as a,
+  Ne as b
 };

package/dist/{index-Cy4ZbWBL.js → index-DqqOUOlj.js}

@@ -1,8 +1,8 @@
 import e from "./components/Logos/qbcore/Icon.js";
-const r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Icon: e
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  r as Q
+  t as Q
 };

package/dist/{index-3ctv5u9o.js → index-DwdZ_SPo.js}

@@ -1,5 +1,5 @@
 import * as a from "react";
-import { b as T, e as A } from "./index-CfQtbUfi.js";
+import { a as T, e as A } from "./index-8cuIcSMB.js";
 function E(n, e) {
   return a.useReducer((r, t) => e[r][t] ?? r, n);
 }
@@ -35,7 +35,7 @@ function P(n) {
     if (e) {
       let i;
       const m = e.ownerDocument.defaultView ?? window, d = (u) => {
-        const g = l(t.current).includes(u.animationName);
+        const g = l(t.current).includes(CSS.escape(u.animationName));
         if (u.target === e && g && (s("ANIMATION_END"), !o.current)) {
           const O = e.style.animationFillMode;
           e.style.animationFillMode = "forwards", i = m.setTimeout(() => {

package/dist/{index-Bj7QGXdt.js → index-DxFgF-nY.js}

@@ -1,10 +1,10 @@
 import o from "./components/Logos/tebex/Icon.js";
 import e from "./components/Logos/tebex/Wordmark.js";
-const m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Icon: o,
   Wordmark: e
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  m as T
+  a as T
 };

package/dist/main.d.ts

@@ -2,6 +2,13 @@ export { mergeRefs } from './utils/mergeRefs';
 export { clsx } from './utils/clsx';
 export { getValue } from './utils/getValue';
 export type { ValueOrGetter } from './utils/getValue';
+export { AnalyticsContext, AnalyticsProvider, useAnalytics, useSiteLinkClick, } from './utils/contexts/AnalyticsContext';
+export { MediaQueryContext, MediaQueryContextProvider, useMediaQuery, } from './utils/contexts/MediaQueryContext';
+export type { MediaQueryContextValueType } from './utils/contexts/MediaQueryContext';
+export { createStoreContext } from './utils/contexts/StoreContext';
+export type { StoreContextValueType, StoreSpliceType, } from './utils/contexts/StoreContext';
+export { formatBytes } from './utils/formatBytes';
+export { truncateWithEllipsis } from './utils/truncateWithEllipsis';
 export { useInstance, useDynamicRef, useGlobalKeyboardEvent, useKeyboardClose, useWindowResize, useOutlet, usePopoverController, useClipboardComponent, CLIPBOARD_TITLE_APPEARANCE, } from './utils/hooks';
 export type { OutletPosition, UseClipboardProps, } from './utils/hooks';
 export { formatDate, formatLocaleDate, formatShortDate, } from './utils/formatDate';
@@ -39,10 +46,12 @@ export { BackdropPortal, BACKDROP_OUTLET_ID } from './components/BackdropPortal'
 export type { BackdropPortalProps } from './components/BackdropPortal';
 export { Badge } from './components/Badge';
 export type { BadgeProps, BadgeColor, BadgeSize, } from './components/Badge';
+export { Carousel } from './components/Carousel';
+export { CarouselControls } from './components/Carousel';
+export type { CarouselItemData } from './components/Carousel';
+export type { CarouselProps } from './components/Carousel';
 export { ControlBox } from './components/ControlBox';
 export type { ControlBoxProps } from './components/ControlBox';
-export { CountryFlag } from './components/CountryFlag';
-export type { CountryFlagProps } from './components/CountryFlag';
 export { Decorate } from './components/Decorate';
 export type { DecorateProps } from './components/Decorate';
 export { Dot } from './components/Dot';