@uzum-tech/ui 1.1.3 → 1.1.4

package/dist/index.js

@@ -35501,7 +35501,7 @@
       shadowDepth2: "0px 20px 80px 0px rgba(0, 0, 0, 0.07)"
     };
 
-    const self$1i = vars => {
+    const self$1j = vars => {
       const {
         heightSmall,
         heightMedium,
@@ -35522,7 +35522,7 @@
     const skeletonLight$1 = {
       name: "Skeleton",
       common: derived,
-      self: self$1i
+      self: self$1j
     };
 
     var style$1A = c$1([cB("skeleton", `
@@ -36330,7 +36330,7 @@
       return treemate;
     }
 
-    const self$1h = vars => {
+    const self$1i = vars => {
       const {
         fontBodyMedium,
         fontBodyLarge,
@@ -36356,13 +36356,13 @@
     const emptyLight = {
       name: "Empty",
       common: derived,
-      self: self$1h
+      self: self$1i
     };
 
     const emptyDark$1 = {
       name: "Empty",
       common: derived$1,
-      self: self$1h
+      self: self$1i
     };
 
     var style$1z = cB("empty", `
@@ -36487,7 +36487,7 @@
       }
     });
 
-    const self$1g = vars => {
+    const self$1h = vars => {
       const {
         scrollbarColor,
         scrollbarColorHover
@@ -36500,13 +36500,13 @@
     const scrollbarLight = {
       name: "Scrollbar",
       common: derived,
-      self: self$1g
+      self: self$1h
     };
 
     const scrollbarDark = {
       name: "Scrollbar",
       common: derived$1,
-      self: self$1g
+      self: self$1h
     };
 
     var rtlStyle$r = cB("scrollbar", [cM("rtl", `
@@ -37292,7 +37292,7 @@
     });
     const XScrollbar = Scrollbar$1;
 
-    const self$1f = vars => {
+    const self$1g = vars => {
       const {
         borderRadius,
         iconMedium,
@@ -37349,7 +37349,7 @@
         Scrollbar: scrollbarLight,
         Empty: emptyLight
       },
-      self: self$1f
+      self: self$1g
     });
 
     const internalSelectMenuDark = {
@@ -37359,7 +37359,7 @@
         Scrollbar: scrollbarDark,
         Empty: emptyDark$1
       },
-      self: self$1f
+      self: self$1g
     };
 
     function renderCheckMark(show, clsPrefix) {
@@ -38348,7 +38348,7 @@
       }
     });
 
-    const self$1e = vars => {
+    const self$1f = vars => {
       const {
         fontBodyMedium,
         containerPrimary,
@@ -38375,13 +38375,13 @@
     const popoverLight = {
       name: "Popover",
       common: derived,
-      self: self$1e
+      self: self$1f
     };
 
     const popoverDark = {
       name: "Popover",
       common: derived$1,
-      self: self$1e
+      self: self$1f
     };
 
     const oppositePlacement = {
@@ -39387,7 +39387,7 @@
       }
     });
 
-    const self$1d = vars => {
+    const self$1e = vars => {
       const {
         opacityDisabled,
         borderRadiusSmall: borderRadius,
@@ -39561,13 +39561,13 @@
     const tagLight = {
       name: "Tag",
       common: derived,
-      self: self$1d
+      self: self$1e
     };
 
     const tagDark = {
       name: "Tag",
       common: derived$1,
-      self: self$1d
+      self: self$1e
     };
 
     var rtlStyle$q = cB("tag", [cM("rtl", `
@@ -40104,7 +40104,7 @@
       }
     });
 
-    const self$1c = vars => {
+    const self$1d = vars => {
       const {
         borderRadius,
         iconMedium,
@@ -40265,7 +40265,7 @@
       peers: {
         Popover: popoverLight
       },
-      self: self$1c
+      self: self$1d
     });
 
     const internalSelectionDark = {
@@ -40274,7 +40274,7 @@
       peers: {
         Popover: popoverDark
       },
-      self: self$1c
+      self: self$1d
     };
 
     function generateSecondaryStates(state) {
@@ -42245,7 +42245,7 @@
       font-size: var(--u-avatar-size);
     `)])]);
 
-    var commonVars$6 = {
+    var commonVars$7 = {
       iconWidth: "44px",
       iconHeight: "44px",
       iconMargin: "0 16px 0 0",
@@ -42257,7 +42257,7 @@
       avatarSize: "16px"
     };
 
-    const self$1b = vars => {
+    const self$1c = vars => {
       const {
         heightHuge,
         fontBodyLarge,
@@ -42271,7 +42271,7 @@
         elementsSecondary
       } = vars;
       return {
-        ...commonVars$6,
+        ...commonVars$7,
         height: heightHuge,
         labelColor: textSecondary,
         labelFontSize: fontBodyLarge,
@@ -42287,13 +42287,13 @@
     const accountOptionLight = {
       name: "AccountOption",
       common: derived,
-      self: self$1b
+      self: self$1c
     };
 
     const accountOptionDark = {
       name: "AccountOption",
       common: derived$1,
-      self: self$1b
+      self: self$1c
     };
 
     var UBaseAccountOption = vue.defineComponent({
@@ -42387,7 +42387,7 @@
       }
     });
 
-    var commonVars$5 = {
+    var commonVars$6 = {
       iconMargin: "16px",
       closeMargin: "12px",
       actionsMarginTop: "24px",
@@ -42401,7 +42401,7 @@
       descriptionSpaceBanner: "24px"
     };
 
-    const self$1a = vars => {
+    const self$1b = vars => {
       const {
         iconMedium,
         closeMedium,
@@ -42427,7 +42427,7 @@
         brandPrimary500
       } = vars;
       return {
-        ...commonVars$5,
+        ...commonVars$6,
         iconSize: iconMedium,
         closeIconSize: iconMedium,
         closeSize: closeMedium,
@@ -42509,13 +42509,13 @@
     const alertLight = {
       name: "Alert",
       common: derived,
-      self: self$1a
+      self: self$1b
     };
 
     const alertDark = {
       name: "Alert",
       common: derived$1,
-      self: self$1a
+      self: self$1b
     };
 
     var rtlStyle$p = cB("alert", [cM("rtl", `
@@ -42890,7 +42890,7 @@
       }
     });
 
-    const self$19 = vars => {
+    const self$1a = vars => {
       const {
         borderRadius,
         fontBodyMedium,
@@ -42920,13 +42920,13 @@
     const anchorLight = {
       name: "Anchor",
       common: derived,
-      self: self$19
+      self: self$1a
     };
 
     const anchorDark = {
       name: "Anchor",
       common: derived$1,
-      self: self$19
+      self: self$1a
     };
 
     var style$1n = cB("anchor", `
@@ -43489,7 +43489,7 @@
     isBrowser$2 && navigator.userAgent.includes("Firefox");
     const isSafari = isBrowser$2 && navigator.userAgent.includes("Safari") && !isChrome;
 
-    const self$18 = vars => {
+    const self$19 = vars => {
       const {
         iconMedium,
         textSecondary,
@@ -43589,13 +43589,13 @@
     const inputLight = {
       name: "Input",
       common: derived,
-      self: self$18
+      self: self$19
     };
 
     const inputDark = {
       name: "Input",
       common: derived$1,
-      self: self$18
+      self: self$19
     };
 
     var rtlStyle$o = cB("input", [cM("rtl", `
@@ -45331,7 +45331,7 @@
       }
     });
 
-    function self$17(vars) {
+    function self$18(vars) {
       const {
         shadowDepth2
       } = vars;
@@ -45346,7 +45346,7 @@
         InternalSelectMenu: internalSelectMenuLight,
         Input: inputLight
       },
-      self: self$17
+      self: self$18
     });
 
     const autoCompleteDark = {
@@ -45356,7 +45356,7 @@
         InternalSelectMenu: internalSelectMenuDark,
         Input: inputDark
       },
-      self: self$17
+      self: self$18
     };
 
     function mapAutoCompleteOptionsToSelectOptions(options) {
@@ -45865,7 +45865,7 @@
       return unobserve;
     };
 
-    const self$16 = vars => {
+    const self$17 = vars => {
       const {
         borderRadius,
         heightTiny,
@@ -45896,18 +45896,18 @@
     const avatarLight = {
       name: "Avatar",
       common: derived,
-      self: self$16
+      self: self$17
     };
 
     const avatarDark = {
       name: "Avatar",
       common: derived$1,
-      self: self$16
+      self: self$17
     };
 
     const avatarGroupInjectionKey = createInjectionKey("u-avatar-group");
 
-    const self$15 = vars => {
+    const self$16 = vars => {
       const {
         heightSmall,
         heightMedium,
@@ -45928,13 +45928,13 @@
     const skeletonLight = {
       name: "Skeleton",
       common: derived,
-      self: self$15
+      self: self$16
     };
 
     const skeletonDark = {
       name: "Skeleton",
       common: derived$1,
-      self: self$15
+      self: self$16
     };
 
     var style$1i = c$1([cB("skeleton", `
@@ -46382,7 +46382,7 @@
          margin-top: var(--u-gap);
       `)])])]);
 
-    const self$14 = () => {
+    const self$15 = () => {
       return {
         gap: "-12px"
       };
@@ -46393,7 +46393,7 @@
       peers: {
         Avatar: avatarLight
       },
-      self: self$14
+      self: self$15
     });
 
     const avatarGroupDark = {
@@ -46402,7 +46402,7 @@
       peers: {
         Avatar: avatarDark
       },
-      self: self$14
+      self: self$15
     };
 
     var rtlStyle$n = cB("avatar-group", [cM("rtl", `
@@ -46528,7 +46528,7 @@
       }
     });
 
-    const self$13 = vars => {
+    const self$14 = vars => {
       const {
         heightLarge,
         iconMedium,
@@ -46553,13 +46553,13 @@
     const backTopLight = {
       name: "BackTop",
       common: derived,
-      self: self$13
+      self: self$14
     };
 
     const backTopDark = {
       name: "BackTop",
       common: derived$1,
-      self: self$13
+      self: self$14
     };
 
     var BackTopIcon = /* @__PURE__ */ vue.h(
@@ -46863,7 +46863,7 @@
       }
     });
 
-    const self$12 = vars => {
+    const self$13 = vars => {
       const {
         brandQuaternary500,
         elementsPrimary,
@@ -46893,13 +46893,13 @@
     const badgeLight = {
       name: "Badge",
       common: derived,
-      self: self$12
+      self: self$13
     };
 
     const badgeDark = {
       name: "Badge",
       common: derived$1,
-      self: self$12
+      self: self$13
     };
 
     var rtlStyle$m = cB("badge", [cM("rtl", `
@@ -47145,7 +47145,7 @@
       }
     });
 
-    const self$11 = vars => {
+    const self$12 = vars => {
       const {
         fontWeightStrong,
         fontBodyMedium,
@@ -47168,13 +47168,13 @@
     const breadcrumbLight = {
       name: "Breadcrumb",
       common: derived,
-      self: self$11
+      self: self$12
     };
 
     const breadcrumbDark = {
       name: "Breadcrumb",
       common: derived$1,
-      self: self$11
+      self: self$12
     };
 
     var style$1d = cB("breadcrumb", `
@@ -47444,7 +47444,7 @@
       rippleDuration: ".6s"
     };
 
-    const self$10 = vars => {
+    const self$11 = vars => {
       const {
         heightMini,
         heightTiny,
@@ -47692,13 +47692,13 @@
     const buttonLight = {
       name: "Button",
       common: derived,
-      self: self$10
+      self: self$11
     };
 
     const buttonDark = {
       name: "Button",
       common: derived$1,
-      self: self$10
+      self: self$11
     };
 
     var rtlStyle$l = cB("button", [cM("rtl", `
@@ -48694,7 +48694,7 @@
       return Array.isArray(value) ? value[type === "start" ? 0 : 1] : null;
     }
 
-    const self$$ = vars => {
+    const self$10 = vars => {
       const {
         borderRadius,
         fontWeightStrong,
@@ -48738,7 +48738,7 @@
       peers: {
         Button: buttonLight
       },
-      self: self$$
+      self: self$10
     });
 
     const calendarDark = {
@@ -48747,7 +48747,7 @@
       peers: {
         Button: buttonDark
       },
-      self: self$$
+      self: self$10
     };
 
     var style$1a = c$1([cB("calendar", `
@@ -49169,7 +49169,7 @@
       }
     });
 
-    const self$_ = vars => {
+    const self$$ = vars => {
       const {
         borderRadius,
         borderRadiusSmall,
@@ -49216,7 +49216,7 @@
         Input: inputLight,
         Button: buttonLight
       },
-      self: self$_
+      self: self$$
     });
 
     const colorPickerDark = {
@@ -49226,7 +49226,7 @@
         Input: inputDark,
         Button: buttonDark
       },
-      self: self$_
+      self: self$$
     };
 
     function deriveDefaultValue(modes, showAlpha) {
@@ -50997,7 +50997,7 @@
       paddingHuge: "27px 40px 28px"
     };
 
-    const self$Z = vars => {
+    const self$_ = vars => {
       const {
         borderRadius,
         fontWeight,
@@ -51063,13 +51063,13 @@
     const cardLight = {
       name: "Card",
       common: derived,
-      self: self$Z
+      self: self$_
     };
 
     const cardDark = {
       name: "Card",
       common: derived$1,
-      self: self$Z
+      self: self$_
     };
 
     var rtlStyle$k = cB("card", [cM("rtl", `
@@ -51422,7 +51422,7 @@
       }
     });
 
-    const self$Y = vars => {
+    const self$Z = vars => {
       return {
         dotSize: "8px",
         dotColor: "rgba(255, 255, 255, .3)",
@@ -51436,13 +51436,13 @@
     const carouselLight = {
       name: "Carousel",
       common: derived,
-      self: self$Y
+      self: self$Z
     };
 
     const carouselDark = {
       name: "Carousel",
       common: derived$1,
-      self: self$Y
+      self: self$Z
     };
 
     function addDuplicateSlides(slides) {
@@ -52872,7 +52872,7 @@
       labelPadding: "0 16px"
     };
 
-    const self$X = vars => {
+    const self$Y = vars => {
       const {
         lineHeightBodyLarge,
         fontBodyLarge,
@@ -52948,13 +52948,13 @@
     const checkboxLight = {
       name: "Checkbox",
       common: derived,
-      self: self$X
+      self: self$Y
     };
 
     const checkboxDark = {
       name: "Checkbox",
       common: derived$1,
-      self: self$X
+      self: self$Y
     };
 
     var rtlStyle$j = cB("checkbox", [cM("rtl", `
@@ -52966,7 +52966,7 @@
       style: rtlStyle$j
     };
 
-    const self$W = vars => {
+    const self$X = vars => {
       const {
         borderRadius,
         heightMedium,
@@ -53007,7 +53007,7 @@
         Checkbox: checkboxLight,
         Empty: emptyLight
       },
-      self: self$W
+      self: self$X
     });
 
     const cascaderDark = {
@@ -53020,7 +53020,7 @@
         Checkbox: checkboxDark,
         Empty: emptyLight
       },
-      self: self$W
+      self: self$X
     };
 
     function getRawNodePath(tmNodes) {
@@ -55453,7 +55453,7 @@
       }
     });
 
-    const self$V = vars => {
+    const self$W = vars => {
       const {
         textPrimary,
         fontBodyMedium,
@@ -55481,12 +55481,12 @@
     const codeLight = {
       name: "Code",
       common: derived,
-      self: self$V
+      self: self$W
     };
 
-    const self$U = vars => {
+    const self$V = vars => {
       return {
-        ...self$V(vars),
+        ...self$W(vars),
         // extracted from hljs atom-one-dark.scss
         "mono-3": "#5c6370",
         "hue-1": "#56b6c2",
@@ -55502,7 +55502,7 @@
     const codeDark = {
       name: "Code",
       common: derived$1,
-      self: self$U
+      self: self$V
     };
 
     var style$14 = c$1([cB("code", `
@@ -55775,7 +55775,7 @@
       }
     });
 
-    const self$T = vars => {
+    const self$U = vars => {
       const {
         fontWeight,
         fontBodyLarge,
@@ -55807,13 +55807,13 @@
     const collapseLight = {
       name: "Collapse",
       common: derived,
-      self: self$T
+      self: self$U
     };
 
     const collapseDark = {
       name: "Collapse",
       common: derived$1,
-      self: self$T
+      self: self$U
     };
 
     var rtlStyle$i = cB("collapse", [cM("rtl", `
@@ -56255,7 +56255,7 @@
       width: "100%"
     }, [fadeInHeightExpandTransition()]);
 
-    const self$S = vars => {
+    const self$T = vars => {
       const {
         cubicBezierEaseInOut
       } = vars;
@@ -56266,13 +56266,13 @@
     const collapseTransitionLight = {
       name: "CollapseTransition",
       common: derived,
-      self: self$S
+      self: self$T
     };
 
     const collapseTransitionDark = {
       name: "CollapseTransition",
       common: derived$1,
-      self: self$S
+      self: self$T
     };
 
     var rtlStyle$h = cB("collapse-transition", [cM("rtl", `
@@ -56874,7 +56874,7 @@
       }
     };
 
-    function self$R(vars) {
+    function self$S(vars) {
       const {
         shadowDepth2
       } = vars;
@@ -56889,7 +56889,7 @@
         Popover: popoverLight,
         InternalSelectMenu: internalSelectMenuLight
       },
-      self: self$R
+      self: self$S
     });
 
     const popselectInjectionKey = createInjectionKey("u-popselect");
@@ -57186,7 +57186,7 @@
       }
     });
 
-    function self$Q(vars) {
+    function self$R(vars) {
       const {
         shadowDepth2
       } = vars;
@@ -57201,7 +57201,7 @@
         InternalSelection: internalSelectionLight,
         InternalSelectMenu: internalSelectMenuLight
       },
-      self: self$Q
+      self: self$R
     });
 
     const selectDark = {
@@ -57211,7 +57211,7 @@
         InternalSelection: internalSelectionDark,
         InternalSelectMenu: internalSelectMenuDark
       },
-      self: self$Q
+      self: self$R
     };
 
     var style$10 = c$1([cB("select", `
@@ -58144,7 +58144,7 @@
       }
     });
 
-    const self$P = vars => {
+    const self$Q = vars => {
       const {
         transparencySecondary,
         elementsPrimary,
@@ -58237,7 +58237,7 @@
         Input: inputLight,
         Popselect: popselectLight
       },
-      self: self$P
+      self: self$Q
     });
 
     const paginationDark = {
@@ -58248,7 +58248,7 @@
         Input: inputDark,
         Popselect: popselect
       },
-      self: self$P
+      self: self$Q
     };
 
     var rtlStyle$g = cB("pagination", [cM("rtl", `
@@ -59281,7 +59281,7 @@
       }
     });
 
-    const self$O = vars => {
+    const self$P = vars => {
       const {
         borderRadius,
         fontBodyMedium,
@@ -59318,7 +59318,7 @@
       peers: {
         Popover: popoverLight
       },
-      self: self$O
+      self: self$P
     });
 
     const tooltipDark = {
@@ -59327,7 +59327,7 @@
       peers: {
         Popover: popoverDark
       },
-      self: self$O
+      self: self$P
     };
 
     const ellipsisDark = {
@@ -59346,7 +59346,7 @@
       }
     });
 
-    const self$N = vars => {
+    const self$O = vars => {
       const {
         heightTiny,
         heightSmall,
@@ -59438,13 +59438,13 @@
     const radioLight = {
       name: "Radio",
       common: derived,
-      self: self$N
+      self: self$O
     };
 
     const radioDark = {
       name: "Radio",
       common: derived$1,
-      self: self$N
+      self: self$O
     };
 
     var rtlStyle$f = c$1([cB("radio", [cM("rtl", `
@@ -59472,7 +59472,7 @@
       style: rtlStyle$f
     };
 
-    const self$M = vars => {
+    const self$N = vars => {
       const {
         borderRadius,
         fontBodySmall,
@@ -59559,7 +59559,7 @@
       peers: {
         Popover: popoverLight
       },
-      self: self$M
+      self: self$N
     });
 
     const dropdownDark = {
@@ -59568,10 +59568,10 @@
       peers: {
         Popover: popoverDark
       },
-      self: self$M
+      self: self$N
     };
 
-    const self$L = vars => {
+    const self$M = vars => {
       const {
         borderRadius,
         opacityDisabled,
@@ -59664,7 +59664,7 @@
         Ellipsis: ellipsisLight,
         Dropdown: dropdownLight
       },
-      self: self$L
+      self: self$M
     });
 
     const dataTableDark = {
@@ -59681,10 +59681,10 @@
         Ellipsis: ellipsisDark,
         Dropdown: dropdownDark
       },
-      self: self$L
+      self: self$M
     };
 
-    const self$K = vars => {
+    const self$L = vars => {
       const {
         elementsPrimary
       } = vars;
@@ -59700,13 +59700,13 @@
     const iconLight = {
       name: "Icon",
       common: derived,
-      self: self$K
+      self: self$L
     };
 
     const iconDark$1 = {
       name: "Icon",
       common: derived$1,
-      self: self$K
+      self: self$L
     };
 
     var style$_ = cB("icon", `
@@ -66074,7 +66074,7 @@
       }
     });
 
-    const self$J = vars => {
+    const self$K = vars => {
       const {
         opacityDisabled,
         borderRadius,
@@ -66116,7 +66116,7 @@
         Button: buttonLight,
         Input: inputLight
       },
-      self: self$J
+      self: self$K
     });
 
     const timePickerDark = {
@@ -66127,11 +66127,11 @@
         Button: buttonDark,
         Input: inputDark
       },
-      self: self$J
+      self: self$K
     };
 
     const itemWidth = "38px";
-    var commonVars$4 = {
+    var commonVars$5 = {
       itemWidth,
       itemHeight: "36px",
       itemSelectedWidth: "41.1px",
@@ -66173,7 +66173,7 @@
       calendarRightPaddingYearrange: "0"
     };
 
-    const self$I = vars => {
+    const self$J = vars => {
       const {
         iconMedium,
         fontWeightStrong,
@@ -66196,7 +66196,7 @@
         borderRadiusLarge
       } = vars;
       return {
-        ...commonVars$4,
+        ...commonVars$5,
         // Item
         itemColor: "transparent",
         itemColorHover: elementsTertiary,
@@ -66273,7 +66273,7 @@
         TimePicker: timePickerLight,
         Scrollbar: scrollbarLight
       },
-      self: self$I
+      self: self$J
     });
 
     const datePickerDark = {
@@ -66285,7 +66285,7 @@
         TimePicker: timePickerDark,
         Scrollbar: scrollbarDark
       },
-      self: self$I
+      self: self$J
     };
 
     function uniCalendarValidation(props, mergedValueRef) {
@@ -75713,7 +75713,7 @@
       }
     });
 
-    const self$H = vars => {
+    const self$I = vars => {
       const {
         borderRadius,
         lineHeightBodyLarge,
@@ -75763,13 +75763,13 @@
     const descriptionsLight = {
       name: "Descriptions",
       common: derived,
-      self: self$H
+      self: self$I
     };
 
     const descriptionsDark = {
       name: "Descriptions",
       common: derived$1,
-      self: self$H
+      self: self$I
     };
 
     const DESCRIPTION_ITEM_FLAG = "DESCRIPTION_ITEM_FLAG";
@@ -76172,7 +76172,7 @@
       }
     });
 
-    var commonVars$3 = {
+    var commonVars$4 = {
       padding: "40px",
       actionSpace: "16px",
       contentMargin: "16px 0 40px 0",
@@ -76183,7 +76183,7 @@
       closeBorderRadius: "100px"
     };
 
-    const self$G = vars => {
+    const self$H = vars => {
       const {
         borderRadius,
         containerPrimary,
@@ -76207,7 +76207,7 @@
         closeMedium
       } = vars;
       return {
-        ...commonVars$3,
+        ...commonVars$4,
         border: `1px solid ${elementsQuaternary}`,
         titleTextColor: textPrimary,
         textColor: textPrimary,
@@ -76240,7 +76240,7 @@
       peers: {
         Button: buttonLight
       },
-      self: self$G
+      self: self$H
     });
 
     const dialogDark = {
@@ -76249,7 +76249,7 @@
       peers: {
         Button: buttonDark
       },
-      self: self$G
+      self: self$H
     };
 
     const dialogProps = {
@@ -76601,7 +76601,7 @@
     const dialogApiInjectionKey = createInjectionKey("u-dialog-api");
     const dialogReactiveListInjectionKey = createInjectionKey("u-dialog-reactive-list");
 
-    const self$F = vars => {
+    const self$G = vars => {
       const {
         transparencyModal,
         containerPrimary,
@@ -76624,7 +76624,7 @@
         Dialog: dialogLight,
         Card: cardLight
       },
-      self: self$F
+      self: self$G
     });
 
     const modalDark = {
@@ -76635,7 +76635,7 @@
         Dialog: dialogDark,
         Card: cardDark
       },
-      self: self$F
+      self: self$G
     };
 
     const presetProps = {
@@ -77513,7 +77513,7 @@
       return dialogReactiveList;
     }
 
-    const self$E = vars => {
+    const self$F = vars => {
       const {
         elementsQuaternary,
         textPrimary,
@@ -77533,13 +77533,13 @@
     const dividerLight = {
       name: "Divider",
       common: derived,
-      self: self$E
+      self: self$F
     };
 
     const dividerDark = {
       name: "Divider",
       common: derived$1,
-      self: self$E
+      self: self$F
     };
 
     var style$O = cB("divider", `
@@ -77683,7 +77683,7 @@
       }
     });
 
-    var commonVars$2 = {
+    var commonVars$3 = {
       bodyPadding: "32px",
       headerPadding: "32px 32px 24px",
       footerPadding: "24px 32px 32px",
@@ -77694,7 +77694,7 @@
       actionsSpace: "16px"
     };
 
-    const self$D = vars => {
+    const self$E = vars => {
       const {
         containerPrimary,
         textPrimary,
@@ -77714,7 +77714,7 @@
         closeMedium
       } = vars;
       return {
-        ...commonVars$2,
+        ...commonVars$3,
         color: containerPrimary,
         textColor: textPrimary,
         titleTextColor: textPrimary,
@@ -77743,7 +77743,7 @@
       peers: {
         Scrollbar: scrollbarLight
       },
-      self: self$D
+      self: self$E
     });
 
     const drawerDark = {
@@ -77752,7 +77752,7 @@
       peers: {
         Scrollbar: scrollbarDark
       },
-      self: self$D
+      self: self$E
     };
 
     var rtlStyle$e = cB("drawer", [cM("rtl", `
@@ -78879,7 +78879,7 @@
       }
     };
 
-    const self$C = () => {
+    const self$D = () => {
       return commonVariables$2;
     };
     const dynamicInputLight = createTheme$1({
@@ -78889,7 +78889,7 @@
         Input: inputLight,
         Button: buttonLight
       },
-      self: self$C
+      self: self$D
     });
 
     var rtlStyle$d = cB("dynamic-input", [cM("rtl", `
@@ -79539,7 +79539,7 @@
       }
     });
 
-    var commonVars$1 = {
+    var commonVars$2 = {
       gapSmall: "4px 8px",
       gapMedium: "8px 12px",
       gapLarge: "12px 16px"
@@ -79548,16 +79548,16 @@
     const spaceDark = {
       name: "Space",
       self() {
-        return commonVars$1;
+        return commonVars$2;
       }
     };
 
-    const self$B = () => {
-      return commonVars$1;
+    const self$C = () => {
+      return commonVars$2;
     };
     const spaceLight = {
       name: "Space",
-      self: self$B
+      self: self$C
     };
 
     var rtlStyle$a = cB("space", [cM("rtl", `
@@ -80094,7 +80094,7 @@
       }
     });
 
-    const self$A = vars => {
+    const self$B = vars => {
       const {
         heightSmall,
         heightMedium,
@@ -80149,13 +80149,13 @@
     const formLight = {
       name: "Form",
       common: derived,
-      self: self$A
+      self: self$B
     };
 
     const formItemDark = {
       name: "Form",
       common: derived$1,
-      self: self$A
+      self: self$B
     };
 
     var style$K = cB("form", [cM("inline", `
@@ -82587,7 +82587,7 @@
       }
     });
 
-    const self$z = vars => {
+    const self$A = vars => {
       const {
         brandPrimary500,
         staticGreen,
@@ -82624,13 +82624,13 @@
     const gradientTextLight = {
       name: "GradientText",
       common: derived,
-      self: self$z
+      self: self$A
     };
 
     const gradientTextDark = {
       name: "GradientText",
       common: derived$1,
-      self: self$z
+      self: self$A
     };
 
     var style$H = cB("gradient-text", `
@@ -83039,7 +83039,7 @@
       }
     });
 
-    const self$y = vars => {
+    const self$z = vars => {
       const {
         brandPrimary500,
         elementsSecondary
@@ -83052,13 +83052,13 @@
     const iconWrapperLight = {
       name: "IconWrapper",
       common: derived,
-      self: self$y
+      self: self$z
     };
 
     const iconDark = {
       name: "IconWrapper",
       common: derived$1,
-      self: self$y
+      self: self$z
     };
 
     var style$G = cB("icon-wrapper", `
@@ -83296,7 +83296,7 @@
       document.body.removeChild(a);
     };
 
-    const self$x = vars => {
+    const self$y = vars => {
       const {
         elementsSecondary,
         elementsSenary,
@@ -83316,16 +83316,16 @@
       peers: {
         Tooltip: tooltipLight
       },
-      self: self$x
+      self: self$y
     });
 
-    var commonVars = {
+    var commonVars$1 = {
       width: "480px",
       padding: "16px",
       closeBorderRadius: "50px"
     };
 
-    const self$w = vars => {
+    const self$x = vars => {
       const {
         fontWeightStrong,
         lineHeightBodyMedium,
@@ -83349,7 +83349,7 @@
         transparencyPrimary
       } = vars;
       return {
-        ...commonVars,
+        ...commonVars$1,
         lineHeight: lineHeightBodyMedium,
         fontSize: fontBodyMedium,
         fontWeight,
@@ -83445,7 +83445,7 @@
       peers: {
         Scrollbar: scrollbarLight
       },
-      self: self$w
+      self: self$x
     });
 
     const notificationDark = {
@@ -83454,7 +83454,7 @@
       peers: {
         Scrollbar: scrollbarDark
       },
-      self: self$w
+      self: self$x
     };
 
     var rtlStyle$9 = cB("notification", [cM("rtl", `
@@ -83492,7 +83492,7 @@
       iconMargin: "0 16px 0 0"
     };
 
-    const self$v = vars => {
+    const self$w = vars => {
       const {
         closeMedium,
         iconMedium,
@@ -83577,13 +83577,13 @@
     const messageLight = {
       name: "Message",
       common: derived,
-      self: self$v
+      self: self$w
     };
 
     const messageDark = {
       name: "Message",
       common: derived$1,
-      self: self$v
+      self: self$w
     };
 
     var rtlStyle$8 = cB("message", [cM("rtl", `
@@ -83609,7 +83609,7 @@
       common: derived
     };
 
-    const self$u = vars => {
+    const self$v = vars => {
       return {};
     };
     const inputNumberLight = createTheme$1({
@@ -83619,7 +83619,7 @@
         Button: buttonLight,
         Input: inputLight
       },
-      self: self$u
+      self: self$v
     });
 
     const inputNumberDark = {
@@ -83629,10 +83629,10 @@
         Button: buttonDark,
         Input: inputDark
       },
-      self: self$u
+      self: self$v
     };
 
-    const self$t = vars => {
+    const self$u = vars => {
       const {
         textPrimary,
         textQuaternary,
@@ -83678,7 +83678,7 @@
       peers: {
         Scrollbar: scrollbarLight
       },
-      self: self$t
+      self: self$u
     });
 
     const layoutDark = {
@@ -83687,10 +83687,10 @@
       peers: {
         Scrollbar: scrollbarDark
       },
-      self: self$t
+      self: self$u
     };
 
-    const self$s = vars => {
+    const self$t = vars => {
       const {
         borderRadius,
         iconMedium,
@@ -83739,13 +83739,13 @@
     const listLight = {
       name: "List",
       common: derived,
-      self: self$s
+      self: self$t
     };
 
     const listDark$1 = {
       name: "List",
       common: derived$1,
-      self: self$s
+      self: self$t
     };
 
     var rtlStyle$7 = cB("list", [cM("rtl", `
@@ -83764,7 +83764,7 @@
       style: rtlStyle$7
     };
 
-    const self$r = vars => {
+    const self$s = vars => {
       const {
         brandPrimary500,
         staticRed
@@ -83778,16 +83778,16 @@
     const loadingBarLight = {
       name: "LoadingBar",
       common: derived,
-      self: self$r
+      self: self$s
     };
 
     const loadingBarDark = {
       name: "LoadingBar",
       common: derived$1,
-      self: self$r
+      self: self$s
     };
 
-    const self$q = vars => {
+    const self$r = vars => {
       const {
         fontBodyMedium,
         textPrimary,
@@ -83810,7 +83810,7 @@
         Scrollbar: scrollbarLight,
         Code: codeLight
       },
-      self: self$q
+      self: self$r
     });
 
     const logDark = {
@@ -83820,10 +83820,10 @@
         Scrollbar: scrollbarDark,
         Code: codeDark
       },
-      self: self$q
+      self: self$r
     };
 
-    const self$p = vars => {
+    const self$q = vars => {
       const {
         shadowDepth2
       } = vars;
@@ -83838,7 +83838,7 @@
         InternalSelectMenu: internalSelectMenuLight,
         Input: inputLight
       },
-      self: self$p
+      self: self$q
     });
 
     const listDark = {
@@ -83848,7 +83848,7 @@
         InternalSelectMenu: internalSelectMenuDark,
         Input: inputDark
       },
-      self: self$p
+      self: self$q
     };
 
     function createPartialInvertedVars(color, activeItemColor, activeTextColor, groupTextColor) {
@@ -83891,7 +83891,7 @@
         groupTextColorInverted: groupTextColor
       };
     }
-    const self$o = vars => {
+    const self$p = vars => {
       const {
         textSecondary,
         borderRadiusSmall,
@@ -83958,7 +83958,7 @@
         Tooltip: tooltipLight,
         Dropdown: dropdownLight
       },
-      self: self$o
+      self: self$p
     });
 
     const menuDark = {
@@ -83968,10 +83968,10 @@
         Tooltip: tooltipDark,
         Dropdown: dropdownDark
       },
-      self: self$o
+      self: self$p
     };
 
-    function self$n(vars) {
+    function self$o(vars) {
       const {
         fontWeightStrong,
         fontTitleSmall,
@@ -83997,13 +83997,13 @@
     const pageHeaderLight = createTheme$1({
       name: "PageHeader",
       common: derived,
-      self: self$n
+      self: self$o
     });
 
     const pageHeaderDark = {
       name: "PageHeader",
       common: derived$1,
-      self: self$n
+      self: self$o
     };
 
     var rtlStyle$6 = cB("page-header-wrapper", [cM("rtl", [cB("page-header-header", `
@@ -84030,7 +84030,7 @@
       style: rtlStyle$6
     };
 
-    const self$m = vars => {
+    const self$n = vars => {
       const {
         fontBodyMedium,
         staticOrange
@@ -84048,7 +84048,7 @@
         Button: buttonLight,
         Popover: popoverLight
       },
-      self: self$m
+      self: self$n
     });
 
     const popconfirmDark = {
@@ -84058,10 +84058,10 @@
         Button: buttonDark,
         Popover: popoverDark
       },
-      self: self$m
+      self: self$n
     };
 
-    const self$l = vars => {
+    const self$m = vars => {
       const {
         fontWeight,
         fontBodyMedium,
@@ -84102,16 +84102,16 @@
     const progressLight = {
       name: "Progress",
       common: derived,
-      self: self$l
+      self: self$m
     };
 
     const progressDark = {
       name: "Progress",
       common: derived$1,
-      self: self$l
+      self: self$m
     };
 
-    const self$k = vars => {
+    const self$l = vars => {
       const {
         elementsQuinary,
         brandSecondary600
@@ -84127,16 +84127,16 @@
     const themeLight = {
       name: "Rate",
       common: derived,
-      self: self$k
+      self: self$l
     };
 
     const rateDark = {
       name: "Rate",
       common: derived$1,
-      self: self$k
+      self: self$l
     };
 
-    const self$j = vars => {
+    const self$k = vars => {
       const {
         fontHeadingSmall,
         fontHeadingMedium,
@@ -84185,16 +84185,16 @@
     const resultLight = {
       name: "Result",
       common: derived,
-      self: self$j
+      self: self$k
     };
 
     const resultDark = {
       name: "Result",
       common: derived$1,
-      self: self$j
+      self: self$k
     };
 
-    const self$i = vars => {
+    const self$j = vars => {
       const {
         borderRadius,
         opacityDisabled,
@@ -84241,16 +84241,16 @@
     const sliderLight = {
       name: "Slider",
       common: derived,
-      self: self$i
+      self: self$j
     };
 
     const sliderDark = {
       name: "Slider",
       common: derived$1,
-      self: self$i
+      self: self$j
     };
 
-    const self$h = vars => {
+    const self$i = vars => {
       const {
         opacityDisabled,
         elementsPrimary,
@@ -84277,16 +84277,16 @@
     const spinLight = {
       name: "Spin",
       common: derived,
-      self: self$h
+      self: self$i
     };
 
     const spinDark = {
       name: "Spin",
       common: derived$1,
-      self: self$h
+      self: self$i
     };
 
-    const self$g = vars => {
+    const self$h = vars => {
       const {
         fontBodyMedium,
         fontHeadingSmall,
@@ -84308,13 +84308,13 @@
     const statisticLight = {
       name: "Statistic",
       common: derived,
-      self: self$g
+      self: self$h
     };
 
     const statisticDark = {
       name: "Statistic",
       common: derived$1,
-      self: self$g
+      self: self$h
     };
 
     var rtlStyle$5 = cB("statistic", [cM("rtl", `
@@ -84331,7 +84331,7 @@
       style: rtlStyle$5
     };
 
-    const self$f = vars => {
+    const self$g = vars => {
       const {
         fontBodyMedium,
         lineHeightBodyMedium,
@@ -84357,16 +84357,16 @@
     const statusLight = {
       name: "Status",
       common: derived,
-      self: self$f
+      self: self$g
     };
 
     const emptyDark = {
       name: "Status",
       common: derived$1,
-      self: self$f
+      self: self$g
     };
 
-    const self$e = vars => {
+    const self$f = vars => {
       const {
         fontWeightStrong,
         fontBodySmall,
@@ -84419,13 +84419,13 @@
     const stepsLight = {
       name: "Steps",
       common: derived,
-      self: self$e
+      self: self$f
     };
 
     const stepsDark = {
       name: "Steps",
       common: derived$1,
-      self: self$e
+      self: self$f
     };
 
     var rtlStyle$4 = c$1([cB("steps", [cM("rtl", `
@@ -84447,7 +84447,7 @@
       style: rtlStyle$4
     };
 
-    const self$d = vars => {
+    const self$e = vars => {
       const {
         opacityDisabled,
         borderRadius,
@@ -84511,16 +84511,16 @@
     const switchLight = {
       name: "Switch",
       common: derived,
-      self: self$d
+      self: self$e
     };
 
     const switchDark = {
       name: "Switch",
       common: derived$1,
-      self: self$d
+      self: self$e
     };
 
-    const self$c = vars => {
+    const self$d = vars => {
       const {
         fontBodySmall,
         fontBodyMedium,
@@ -84565,13 +84565,13 @@
     const tableLight = {
       name: "Table",
       common: derived,
-      self: self$c
+      self: self$d
     };
 
     const tableDark = {
       name: "Table",
       common: derived$1,
-      self: self$c
+      self: self$d
     };
 
     var rtlStyle$3 = c$1([cB("table", [cM("rtl", `
@@ -84592,7 +84592,7 @@
       style: rtlStyle$3
     };
 
-    const self$b = vars => {
+    const self$c = vars => {
       const {
         borderRadius,
         closeSmall,
@@ -84713,16 +84713,16 @@
     const tabsLight = {
       name: "Tabs",
       common: derived,
-      self: self$b
+      self: self$c
     };
 
     const tabsDark = {
       name: "Tabs",
       common: derived$1,
-      self: self$b
+      self: self$c
     };
 
-    const self$a = vars => {
+    const self$b = vars => {
       const {
         fontBodyMedium,
         textPrimary,
@@ -84739,13 +84739,13 @@
     const thingLight = {
       name: "Thing",
       common: derived,
-      self: self$a
+      self: self$b
     };
 
     const thingDark = {
       name: "Thing",
       common: derived$1,
-      self: self$a
+      self: self$b
     };
 
     var rtlStyle$2 = cB("thing", [cM("rtl", `
@@ -84762,7 +84762,7 @@
       peers: [buttonRtl, spaceRtl]
     };
 
-    const self$9 = vars => {
+    const self$a = vars => {
       const {
         fontWeightStrong,
         fontBodyLarge,
@@ -84803,16 +84803,16 @@
     const timelineLight = {
       name: "Timeline",
       common: derived,
-      self: self$9
+      self: self$a
     };
 
     const timelineDark = {
       name: "Timeline",
       common: derived$1,
-      self: self$9
+      self: self$a
     };
 
-    const self$8 = vars => {
+    const self$9 = vars => {
       const {
         iconMedium,
         fontWeight,
@@ -84882,7 +84882,7 @@
         Empty: emptyLight,
         Button: buttonLight
       },
-      self: self$8
+      self: self$9
     });
 
     const transferDark$1 = {
@@ -84895,10 +84895,10 @@
         Empty: emptyDark$1,
         Button: buttonDark
       },
-      self: self$8
+      self: self$9
     };
 
-    const self$7 = vars => {
+    const self$8 = vars => {
       const {
         fontBodyMedium,
         lineHeightBodyMedium,
@@ -84934,7 +84934,7 @@
         Scrollbar: scrollbarLight,
         Empty: emptyLight
       },
-      self: self$7
+      self: self$8
     });
 
     const treeDark = {
@@ -84945,7 +84945,7 @@
         Scrollbar: scrollbarDark,
         Empty: emptyDark$1
       },
-      self: self$7
+      self: self$8
     };
 
     var rtlStyle$1 = cB("tree", [cM("rtl", `
@@ -84980,7 +84980,7 @@
       }
     };
 
-    const self$6 = vars => {
+    const self$7 = vars => {
       const {
         containerPrimary,
         shadowDepth2,
@@ -85008,10 +85008,10 @@
         Empty: emptyLight,
         InternalSelection: internalSelectionLight
       },
-      self: self$6
+      self: self$7
     });
 
-    const self$5 = vars => {
+    const self$6 = vars => {
       const {
         borderRadiusSmall,
         fontWeightStrong,
@@ -85103,16 +85103,16 @@
     const typographyLight = {
       name: "Typography",
       common: derived,
-      self: self$5
+      self: self$6
     };
 
     const typographyDark = {
       name: "Typography",
       common: derived$1,
-      self: self$5
+      self: self$6
     };
 
-    const self$4 = vars => {
+    const self$5 = vars => {
       const {
         staticGreen,
         staticRed,
@@ -85160,7 +85160,7 @@
         Button: buttonLight,
         Progress: progressLight
       },
-      self: self$4
+      self: self$5
     });
 
     const uploadDark = {
@@ -85170,7 +85170,7 @@
         Button: buttonDark,
         Progress: progressDark
       },
-      self: self$4
+      self: self$5
     };
 
     const watermarkDark = {
@@ -85242,7 +85242,7 @@
       iconMargin: "16px"
     };
 
-    const self$3 = vars => {
+    const self$4 = vars => {
       const {
         borderRadiusLarge,
         fontBodyLarge,
@@ -85307,13 +85307,13 @@
     const toggleButtonLight = {
       name: "ToggleButton",
       common: derived,
-      self: self$3
+      self: self$4
     };
 
     const toggleButtonDark = {
       name: "ToggleButton",
       common: derived$1,
-      self: self$3
+      self: self$4
     };
 
     const imageDark = {
@@ -85322,7 +85322,7 @@
       peers: {
         Tooltip: tooltipDark
       },
-      self: self$x
+      self: self$y
     };
 
     const prevIcon = /* @__PURE__ */ vue.h("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ vue.h(
@@ -87783,7 +87783,7 @@
       }
     });
 
-    const self$2 = vars => {
+    const self$3 = vars => {
       const {
         fontWeight,
         heightLarge,
@@ -87835,7 +87835,7 @@
         Empty: emptyLight,
         Button: buttonLight
       },
-      self: self$2
+      self: self$3
     });
 
     const transferDark = {
@@ -87848,7 +87848,7 @@
         Empty: emptyDark$1,
         Button: buttonDark
       },
-      self: self$2
+      self: self$3
     };
 
     const transferInjectionKey$1 = createInjectionKey("u-transfer");
@@ -106379,6 +106379,141 @@
       }
     });
 
+    var commonVars = {
+      gapSmall: "4px 8px",
+      gapMedium: "8px 12px",
+      gapLarge: "12px 16px"
+    };
+
+    const flexDark = {
+      name: "Flex",
+      self() {
+        return commonVars;
+      }
+    };
+
+    function self$2() {
+      return commonVars;
+    }
+    const flexLight = {
+      name: "Flex",
+      self: self$2
+    };
+
+    cB("space", [cM("rtl", `
+    direction: rtl;
+  `)]);
+
+    const flexProps = {
+      ...useTheme.props,
+      align: String,
+      justify: {
+        type: String,
+        default: "start"
+      },
+      inline: Boolean,
+      vertical: Boolean,
+      reverse: Boolean,
+      size: {
+        type: [String, Number, Array],
+        default: "medium"
+      },
+      wrap: {
+        type: Boolean,
+        default: true
+      }
+    };
+    var Flex = vue.defineComponent({
+      name: "Flex",
+      props: flexProps,
+      setup(props) {
+        const { mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
+        const themeRef = useTheme(
+          "Flex",
+          "-flex",
+          void 0,
+          flexLight,
+          props,
+          mergedClsPrefixRef
+        );
+        const rtlEnabledRef = useRtl("Flex", mergedRtlRef, mergedClsPrefixRef);
+        return {
+          rtlEnabled: rtlEnabledRef,
+          mergedClsPrefix: mergedClsPrefixRef,
+          margin: vue.computed(() => {
+            const { size } = props;
+            if (Array.isArray(size)) {
+              return {
+                horizontal: size[0],
+                vertical: size[1]
+              };
+            }
+            if (typeof size === "number") {
+              return {
+                horizontal: size,
+                vertical: size
+              };
+            }
+            const {
+              self: { [createKey("gap", size)]: gap }
+            } = themeRef.value;
+            const { row, col } = getGap(gap);
+            return {
+              horizontal: depx(col),
+              vertical: depx(row)
+            };
+          })
+        };
+      },
+      render() {
+        const {
+          vertical,
+          reverse,
+          align,
+          inline,
+          justify,
+          margin,
+          wrap,
+          mergedClsPrefix,
+          rtlEnabled
+        } = this;
+        const children = flatten$3(getSlot$1(this), false);
+        if (!children.length) {
+          return null;
+        }
+        return /* @__PURE__ */ vue.h(
+          "div",
+          {
+            role: "none",
+            class: [
+              `${mergedClsPrefix}-flex`,
+              rtlEnabled && `${mergedClsPrefix}-flex--rtl`
+            ],
+            style: {
+              display: inline ? "inline-flex" : "flex",
+              flexDirection: (() => {
+                if (vertical && !reverse) {
+                  return "column";
+                }
+                if (vertical && reverse) {
+                  return "column-reverse";
+                }
+                if (!vertical && reverse) {
+                  return "row-reverse";
+                } else
+                  return "row";
+              })(),
+              justifyContent: justify,
+              flexWrap: !wrap || vertical ? "nowrap" : "wrap",
+              alignItems: align,
+              gap: `${margin.vertical}px ${margin.horizontal}px`
+            }
+          },
+          children
+        );
+      }
+    });
+
     var components = /*#__PURE__*/Object.freeze({
         __proto__: null,
         NA: a,
@@ -106429,6 +106564,7 @@
         UEllipsis: UEllipsis,
         UEmpty: UEmpty,
         UEquation: Equation,
+        UFlex: Flex,
         UForm: Form,
         UFormItem: UFormItem,
         UFormItemCol: UFormItemCol,
@@ -106571,6 +106707,7 @@
         ellipsisProps: ellipsisProps,
         emptyProps: emptyProps,
         equationProps: equationProps,
+        flexProps: flexProps,
         formItemGiProps: formItemGiProps,
         formItemGridItemProps: formItemGiProps,
         formItemProps: formItemProps,
@@ -106659,7 +106796,7 @@
         watermarkProps: watermarkProps
     });
 
-    var version = "1.1.2";
+    var version = "1.1.4";
 
     function create({
       componentPrefix = "U",
@@ -106820,7 +106957,8 @@
       Typography: typographyDark,
       Upload: uploadDark,
       Watermark: watermarkDark,
-      ToggleButton: toggleButtonDark
+      ToggleButton: toggleButtonDark,
+      Flex: flexDark
     };
 
     const lightTheme = {
@@ -106909,7 +107047,8 @@
       Typography: typographyLight,
       Upload: uploadLight,
       Watermark: watermarkLight,
-      ToggleButton: toggleButtonLight
+      ToggleButton: toggleButtonLight,
+      Flex: flexLight
     };
 
     function createTheme(name, componentThemes) {
@@ -107495,6 +107634,7 @@
     exports.UEllipsis = UEllipsis;
     exports.UEmpty = UEmpty;
     exports.UEquation = Equation;
+    exports.UFlex = Flex;
     exports.UForm = Form;
     exports.UFormItem = UFormItem;
     exports.UFormItemCol = UFormItemCol;
@@ -107707,6 +107847,7 @@
     exports.equationProps = equationProps;
     exports.esAR = esAR$1;
     exports.faIR = faIR$1;
+    exports.flexProps = flexProps;
     exports.formDark = formItemDark;
     exports.formItemGiProps = formItemGiProps;
     exports.formItemGridItemProps = formItemGiProps;