@redis-ui/components 44.0.1 → 44.1.0

package/dist/SearchBar/components/SearchSection/components/Actions/components/FiltersToggle/FiltersToggle.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../../../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const index = require("../../../../../../../node_modules/@radix-ui/react-collapsible/dist/index.cjs");
 const redisUiIcons = require("@redislabsdev/redis-ui-icons");
 const React = require("react");
@@ -16,13 +16,13 @@ const FilterToggle = () => {
     var _a;
     return acc + (((_a = filter.selectedOptions) == null ? void 0 : _a.length) || 0);
   }, 0), [activeFilters]);
-  return jsxRuntime.jsxRuntimeExports.jsx(index.Trigger, {
+  return jsxRuntime.jsx(index.Trigger, {
     asChild: true,
-    children: jsxRuntime.jsxRuntimeExports.jsxs(ToggleButton.default, {
+    children: jsxRuntime.jsxs(ToggleButton.default, {
       pressed: filtersOpen,
-      children: [jsxRuntime.jsxRuntimeExports.jsx(Button.default.Icon, {
+      children: [jsxRuntime.jsx(Button.default.Icon, {
         icon: redisUiIcons.FilterIcon
-      }), "Filter", activeFiltersValueCount > 0 && jsxRuntime.jsxRuntimeExports.jsx(ToggleButton.default.IndicatorCount, {
+      }), "Filter", activeFiltersValueCount > 0 && jsxRuntime.jsx(ToggleButton.default.IndicatorCount, {
         count: activeFiltersValueCount
       })]
     })

package/dist/SearchBar/components/SearchSection/components/Actions/components/FiltersToggle/FiltersToggle.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../../../node_modules/react/jsx-runtime.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Trigger } from "../../../../../../../node_modules/@radix-ui/react-collapsible/dist/index.js";
 import { FilterIcon } from "@redislabsdev/redis-ui-icons";
 import { useMemo } from "react";
@@ -14,13 +14,13 @@ const FilterToggle = () => {
     var _a;
     return acc + (((_a = filter.selectedOptions) == null ? void 0 : _a.length) || 0);
   }, 0), [activeFilters]);
-  return jsxRuntimeExports.jsx(Trigger, {
+  return jsx(Trigger, {
     asChild: true,
-    children: jsxRuntimeExports.jsxs(ToggleButton, {
+    children: jsxs(ToggleButton, {
       pressed: filtersOpen,
-      children: [jsxRuntimeExports.jsx(Button.Icon, {
+      children: [jsx(Button.Icon, {
         icon: FilterIcon
-      }), "Filter", activeFiltersValueCount > 0 && jsxRuntimeExports.jsx(ToggleButton.IndicatorCount, {
+      }), "Filter", activeFiltersValueCount > 0 && jsx(ToggleButton.IndicatorCount, {
         count: activeFiltersValueCount
       })]
     })

package/dist/SearchBar/components/SearchSection/components/Compose/Compose.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const Compose_style = require("./Compose.style.cjs");
 const Compose = ({
   children,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(Compose_style.SearchSectionCompose, {
+}) => jsxRuntime.jsx(Compose_style.SearchSectionCompose, {
   ...restProps,
   children
 });

package/dist/SearchBar/components/SearchSection/components/Compose/Compose.js

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { SearchSectionCompose } from "./Compose.style.js";
 const Compose = ({
   children,
   ...restProps
-}) => jsxRuntimeExports.jsx(SearchSectionCompose, {
+}) => jsx(SearchSectionCompose, {
   ...restProps,
   children
 });

package/dist/SearchBar/components/SearchSection/components/SearchInput/SearchInput.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const TableHeading = require("../../../../../TableHeading/TableHeading.cjs");
 const SearchInput = ({
   ...restProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(TableHeading.default.SearchInput, {
+  return jsxRuntime.jsx(TableHeading.default.SearchInput, {
     placeholder: "Search anything",
     ...restProps
   });

package/dist/SearchBar/components/SearchSection/components/SearchInput/SearchInput.js

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import TableHeading from "../../../../../TableHeading/TableHeading.js";
 const SearchInput = ({
   ...restProps
 }) => {
-  return jsxRuntimeExports.jsx(TableHeading.SearchInput, {
+  return jsx(TableHeading.SearchInput, {
     placeholder: "Search anything",
     ...restProps
   });

package/dist/Section/Section.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const Compose = require("./components/Compose/Compose.cjs");
 const Header = require("./components/Header/Header.cjs");
 const Body = require("./components/Body/Body.cjs");
@@ -13,14 +13,14 @@ const Section = Object.assign(({
   summaryAlwaysVisible,
   ...composeProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsxs(Section.Compose, {
+  return jsxRuntime.jsxs(Section.Compose, {
     ...composeProps,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Section.Header, {
+    children: [jsxRuntime.jsx(Section.Header, {
       label,
       actions
-    }), jsxRuntime.jsxRuntimeExports.jsx(Section.Body, {
+    }), jsxRuntime.jsx(Section.Body, {
       children: content
-    }), jsxRuntime.jsxRuntimeExports.jsx(Section.SummaryBar, {
+    }), jsxRuntime.jsx(Section.SummaryBar, {
       alwaysVisible: summaryAlwaysVisible,
       children: summary
     })]

package/dist/Section/Section.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { Compose } from "./components/Compose/Compose.js";
 import { Header } from "./components/Header/Header.js";
 import { Body } from "./components/Body/Body.js";
@@ -11,14 +11,14 @@ const Section = Object.assign(({
   summaryAlwaysVisible,
   ...composeProps
 }) => {
-  return jsxRuntimeExports.jsxs(Section.Compose, {
+  return jsxs(Section.Compose, {
     ...composeProps,
-    children: [jsxRuntimeExports.jsx(Section.Header, {
+    children: [jsx(Section.Header, {
       label,
       actions
-    }), jsxRuntimeExports.jsx(Section.Body, {
+    }), jsx(Section.Body, {
       children: content
-    }), jsxRuntimeExports.jsx(Section.SummaryBar, {
+    }), jsx(Section.SummaryBar, {
       alwaysVisible: summaryAlwaysVisible,
       children: summary
     })]

package/dist/Section/components/Body/Body.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const Section_context = require("../../Section.context.cjs");
 const Body_style = require("./Body.style.cjs");
@@ -19,7 +19,7 @@ const Body = ({
   if (!hasContent) {
     return null;
   }
-  return jsxRuntime.jsxRuntimeExports.jsx(Body_style.SectionBody, {
+  return jsxRuntime.jsx(Body_style.SectionBody, {
     role: "region",
     "aria-labelledby": labelId,
     ...props,

package/dist/Section/components/Body/Body.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { Children, useLayoutEffect } from "react";
 import { useSectionContext } from "../../Section.context.js";
 import { SectionBody } from "./Body.style.js";
@@ -17,7 +17,7 @@ const Body = ({
   if (!hasContent) {
     return null;
   }
-  return jsxRuntimeExports.jsx(SectionBody, {
+  return jsx(SectionBody, {
     role: "region",
     "aria-labelledby": labelId,
     ...props,

package/dist/Section/components/Compose/Compose.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const index$1 = require("../../../node_modules/@radix-ui/react-id/dist/index.cjs");
 const index = require("../../../node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs");
@@ -30,12 +30,12 @@ const Compose = ({
     triggerId: collapsible && hasContent ? triggerId : void 0,
     labelId
   }), [collapsible, hasContent, labelId, open, triggerId]);
-  return jsxRuntime.jsxRuntimeExports.jsx(Compose_style.CollapsibleRoot, {
+  return jsxRuntime.jsx(Compose_style.CollapsibleRoot, {
     open,
     onOpenChange: hasContent && collapsible ? setOpen : void 0,
     disabled,
     ...props,
-    children: jsxRuntime.jsxRuntimeExports.jsx(Section_context.SectionContext.Provider, {
+    children: jsxRuntime.jsx(Section_context.SectionContext.Provider, {
       value: contextValue,
       children
     })

package/dist/Section/components/Compose/Compose.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
 import { useId } from "../../../node_modules/@radix-ui/react-id/dist/index.js";
 import { useControllableState } from "../../../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
@@ -28,12 +28,12 @@ const Compose = ({
     triggerId: collapsible && hasContent ? triggerId : void 0,
     labelId
   }), [collapsible, hasContent, labelId, open, triggerId]);
-  return jsxRuntimeExports.jsx(CollapsibleRoot, {
+  return jsx(CollapsibleRoot, {
     open,
     onOpenChange: hasContent && collapsible ? setOpen : void 0,
     disabled,
     ...props,
-    children: jsxRuntimeExports.jsx(SectionContext.Provider, {
+    children: jsx(SectionContext.Provider, {
       value: contextValue,
       children
     })

package/dist/Section/components/Header/Header.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const Label = require("./components/Label/Label.cjs");
 const Compose = require("./components/Compose/Compose.cjs");
 const Group = require("./components/Group/Group.cjs");
@@ -9,11 +9,11 @@ const TextButton = require("../../../Button/TextButton/TextButton.cjs");
 const Header = Object.assign(({
   label,
   actions
-}) => jsxRuntime.jsxRuntimeExports.jsxs(Header.Compose, {
-  children: [jsxRuntime.jsxRuntimeExports.jsx(Header.Label, {
+}) => jsxRuntime.jsxs(Header.Compose, {
+  children: [jsxRuntime.jsx(Header.Label, {
     label
-  }), jsxRuntime.jsxRuntimeExports.jsxs(Header.Group, {
-    children: [actions, jsxRuntime.jsxRuntimeExports.jsx(Header.CollapseButton, {})]
+  }), jsxRuntime.jsxs(Header.Group, {
+    children: [actions, jsxRuntime.jsx(Header.CollapseButton, {})]
   })]
 }), {
   Compose: Compose.Compose,

package/dist/Section/components/Header/Header.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { Label } from "./components/Label/Label.js";
 import { Compose } from "./components/Compose/Compose.js";
 import { Group } from "./components/Group/Group.js";
@@ -7,11 +7,11 @@ import TextButton from "../../../Button/TextButton/TextButton.js";
 const Header = Object.assign(({
   label,
   actions
-}) => jsxRuntimeExports.jsxs(Header.Compose, {
-  children: [jsxRuntimeExports.jsx(Header.Label, {
+}) => jsxs(Header.Compose, {
+  children: [jsx(Header.Label, {
     label
-  }), jsxRuntimeExports.jsxs(Header.Group, {
-    children: [actions, jsxRuntimeExports.jsx(Header.CollapseButton, {})]
+  }), jsxs(Header.Group, {
+    children: [actions, jsx(Header.CollapseButton, {})]
   })]
 }), {
   Compose,

package/dist/Section/components/Header/components/CategoryValueList/CategoryValueList.cjs

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const CategoryValueChip = require("./components/CategoryValueChip/CategoryValueChip.cjs");
 const CategoryValueList_style = require("./CategoryValueList.style.cjs");
 const CategoryValueList = ({
   categoryValueList
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(CategoryValueList_style.Container, {
+  return jsxRuntime.jsx(CategoryValueList_style.Container, {
     minItems: 1,
-    renderExtra: (visibleCount) => jsxRuntime.jsxRuntimeExports.jsxs(CategoryValueList_style.CategoryValueItemContainer, {
-      children: [jsxRuntime.jsxRuntimeExports.jsx(CategoryValueList_style.Separator, {}), jsxRuntime.jsxRuntimeExports.jsx(CategoryValueList_style.TextWrapper, {
+    renderExtra: (visibleCount) => jsxRuntime.jsxs(CategoryValueList_style.CategoryValueItemContainer, {
+      children: [jsxRuntime.jsx(CategoryValueList_style.Separator, {}), jsxRuntime.jsx(CategoryValueList_style.TextWrapper, {
         variant: "semiBold",
         children: `+${categoryValueList.length - visibleCount}`
       })]
     }),
-    children: categoryValueList.map((catValItem, index) => jsxRuntime.jsxRuntimeExports.jsxs(CategoryValueList_style.CategoryValueItemContainer, {
-      children: [index > 0 && jsxRuntime.jsxRuntimeExports.jsx(CategoryValueList_style.Separator, {}), jsxRuntime.jsxRuntimeExports.jsx(CategoryValueChip.default, {
+    children: categoryValueList.map((catValItem, index) => jsxRuntime.jsxs(CategoryValueList_style.CategoryValueItemContainer, {
+      children: [index > 0 && jsxRuntime.jsx(CategoryValueList_style.Separator, {}), jsxRuntime.jsx(CategoryValueChip.default, {
         category: catValItem.category,
         value: catValItem.value
       }, catValItem.key)]

package/dist/Section/components/Header/components/CategoryValueList/CategoryValueList.js

@@ -1,19 +1,19 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import CategoryValueChip from "./components/CategoryValueChip/CategoryValueChip.js";
 import { Container, CategoryValueItemContainer, Separator, TextWrapper } from "./CategoryValueList.style.js";
 const CategoryValueList = ({
   categoryValueList
 }) => {
-  return jsxRuntimeExports.jsx(Container, {
+  return jsx(Container, {
     minItems: 1,
-    renderExtra: (visibleCount) => jsxRuntimeExports.jsxs(CategoryValueItemContainer, {
-      children: [jsxRuntimeExports.jsx(Separator, {}), jsxRuntimeExports.jsx(TextWrapper, {
+    renderExtra: (visibleCount) => jsxs(CategoryValueItemContainer, {
+      children: [jsx(Separator, {}), jsx(TextWrapper, {
         variant: "semiBold",
         children: `+${categoryValueList.length - visibleCount}`
       })]
     }),
-    children: categoryValueList.map((catValItem, index) => jsxRuntimeExports.jsxs(CategoryValueItemContainer, {
-      children: [index > 0 && jsxRuntimeExports.jsx(Separator, {}), jsxRuntimeExports.jsx(CategoryValueChip, {
+    children: categoryValueList.map((catValItem, index) => jsxs(CategoryValueItemContainer, {
+      children: [index > 0 && jsx(Separator, {}), jsx(CategoryValueChip, {
         category: catValItem.category,
         value: catValItem.value
       }, catValItem.key)]

package/dist/Section/components/Header/components/CategoryValueList/components/CategoryValueChip/CategoryValueChip.cjs

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../../../../../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const CategoryValueChip_style = require("./CategoryValueChip.style.cjs");
 const CategoryValueChip = ({
   category,
   value,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsxs(CategoryValueChip_style.Container, {
+}) => jsxRuntime.jsxs(CategoryValueChip_style.Container, {
   ...restProps,
-  children: [jsxRuntime.jsxRuntimeExports.jsx(CategoryValueChip_style.Category, {
+  children: [jsxRuntime.jsx(CategoryValueChip_style.Category, {
     variant: "semiBold",
     children: category
-  }), jsxRuntime.jsxRuntimeExports.jsx(CategoryValueChip_style.TypographyBody, {
+  }), jsxRuntime.jsx(CategoryValueChip_style.TypographyBody, {
     ellipsis: true,
     tooltipOnEllipsis: true,
     children: value

package/dist/Section/components/Header/components/CategoryValueList/components/CategoryValueChip/CategoryValueChip.js

@@ -1,15 +1,15 @@
-import { j as jsxRuntimeExports } from "../../../../../../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { Container, Category, TypographyBody } from "./CategoryValueChip.style.js";
 const CategoryValueChip = ({
   category,
   value,
   ...restProps
-}) => jsxRuntimeExports.jsxs(Container, {
+}) => jsxs(Container, {
   ...restProps,
-  children: [jsxRuntimeExports.jsx(Category, {
+  children: [jsx(Category, {
     variant: "semiBold",
     children: category
-  }), jsxRuntimeExports.jsx(TypographyBody, {
+  }), jsx(TypographyBody, {
     ellipsis: true,
     tooltipOnEllipsis: true,
     children: value

package/dist/Section/components/Header/components/CollapseButton/CollapseButton.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const index = require("../../../../../node_modules/@radix-ui/react-collapsible/dist/index.cjs");
 const index$1 = require("../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
 const Section_context = require("../../../../Section.context.cjs");
@@ -18,9 +18,9 @@ const CollapseButton = ({
   if (!triggerId) {
     return null;
   }
-  const trigger = jsxRuntime.jsxRuntimeExports.jsx(index.Trigger, {
+  const trigger = jsxRuntime.jsx(index.Trigger, {
     asChild: true,
-    children: jsxRuntime.jsxRuntimeExports.jsx(CollapseButton_style.SectionCollapseButton, {
+    children: jsxRuntime.jsx(CollapseButton_style.SectionCollapseButton, {
       size: "M",
       "aria-describedby": labelId,
       "aria-label": open ? "Collapse Section" : "Expand Section",
@@ -29,7 +29,7 @@ const CollapseButton = ({
       id: triggerId
     })
   });
-  return hidden ? jsxRuntime.jsxRuntimeExports.jsx(index$1.VisuallyHidden, {
+  return hidden ? jsxRuntime.jsx(index$1.VisuallyHidden, {
     children: trigger
   }) : trigger;
 };

package/dist/Section/components/Header/components/CollapseButton/CollapseButton.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { Trigger } from "../../../../../node_modules/@radix-ui/react-collapsible/dist/index.js";
 import { VisuallyHidden } from "../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
 import { useSectionContext } from "../../../../Section.context.js";
@@ -16,9 +16,9 @@ const CollapseButton = ({
   if (!triggerId) {
     return null;
   }
-  const trigger = jsxRuntimeExports.jsx(Trigger, {
+  const trigger = jsx(Trigger, {
     asChild: true,
-    children: jsxRuntimeExports.jsx(SectionCollapseButton, {
+    children: jsx(SectionCollapseButton, {
       size: "M",
       "aria-describedby": labelId,
       "aria-label": open ? "Collapse Section" : "Expand Section",
@@ -27,7 +27,7 @@ const CollapseButton = ({
       id: triggerId
     })
   });
-  return hidden ? jsxRuntimeExports.jsx(VisuallyHidden, {
+  return hidden ? jsx(VisuallyHidden, {
     children: trigger
   }) : trigger;
 };

package/dist/Section/components/Header/components/Compose/Compose.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const Compose_style = require("./Compose.style.cjs");
-const Compose = (props) => jsxRuntime.jsxRuntimeExports.jsx(Compose_style.SectionHeaderCompose, {
+const Compose = (props) => jsxRuntime.jsx(Compose_style.SectionHeaderCompose, {
   ...props
 });
 exports.Compose = Compose;

package/dist/Section/components/Header/components/Compose/Compose.js

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { SectionHeaderCompose } from "./Compose.style.js";
-const Compose = (props) => jsxRuntimeExports.jsx(SectionHeaderCompose, {
+const Compose = (props) => jsx(SectionHeaderCompose, {
   ...props
 });
 export {

package/dist/Section/components/Header/components/Group/Group.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const Group_style = require("./Group.style.cjs");
-const Group = (props) => jsxRuntime.jsxRuntimeExports.jsx(Group_style.GroupContainer, {
+const Group = (props) => jsxRuntime.jsx(Group_style.GroupContainer, {
   ...props
 });
 exports.Group = Group;

package/dist/Section/components/Header/components/Group/Group.js

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { GroupContainer } from "./Group.style.js";
-const Group = (props) => jsxRuntimeExports.jsx(GroupContainer, {
+const Group = (props) => jsx(GroupContainer, {
   ...props
 });
 export {

package/dist/Section/components/Header/components/Label/Label.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const Section_context = require("../../../../Section.context.cjs");
 const Label_style = require("./Label.style.cjs");
 const Label = ({
@@ -11,13 +11,13 @@ const Label = ({
     triggerId,
     labelId
   } = Section_context.useSectionContext();
-  return jsxRuntime.jsxRuntimeExports.jsx(Label_style.SectionHeaderLabelText, {
+  return jsxRuntime.jsx(Label_style.SectionHeaderLabelText, {
     size: "S",
     ellipsis: true,
     tooltipOnEllipsis: true,
     ...restProps,
     id: labelId,
-    children: triggerId ? jsxRuntime.jsxRuntimeExports.jsx(Label_style.SectionHeaderLabel, {
+    children: triggerId ? jsxRuntime.jsx(Label_style.SectionHeaderLabel, {
       htmlFor: triggerId,
       children: label
     }) : label

package/dist/Section/components/Header/components/Label/Label.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { useSectionContext } from "../../../../Section.context.js";
 import { SectionHeaderLabelText, SectionHeaderLabel } from "./Label.style.js";
 const Label = ({
@@ -9,13 +9,13 @@ const Label = ({
     triggerId,
     labelId
   } = useSectionContext();
-  return jsxRuntimeExports.jsx(SectionHeaderLabelText, {
+  return jsx(SectionHeaderLabelText, {
     size: "S",
     ellipsis: true,
     tooltipOnEllipsis: true,
     ...restProps,
     id: labelId,
-    children: triggerId ? jsxRuntimeExports.jsx(SectionHeaderLabel, {
+    children: triggerId ? jsx(SectionHeaderLabel, {
       htmlFor: triggerId,
       children: label
     }) : label

package/dist/Section/components/SummaryBar/SummaryBar.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const SummaryBar_style = require("./SummaryBar.style.cjs");
 const SummaryBar = ({
   children,
   alwaysVisible,
   ...restProps
-}) => children ? jsxRuntime.jsxRuntimeExports.jsx(SummaryBar_style.SummaryBar, {
+}) => children ? jsxRuntime.jsx(SummaryBar_style.SummaryBar, {
   ...restProps,
   "$alwaysVisible": alwaysVisible,
   children

package/dist/Section/components/SummaryBar/SummaryBar.js

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { SummaryBar as SummaryBar$1 } from "./SummaryBar.style.js";
 const SummaryBar = ({
   children,
   alwaysVisible,
   ...restProps
-}) => children ? jsxRuntimeExports.jsx(SummaryBar$1, {
+}) => children ? jsx(SummaryBar$1, {
   ...restProps,
   "$alwaysVisible": alwaysVisible,
   children

package/dist/Select/Select.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const Compose = require("./components/Compose/Compose.cjs");
 const Trigger = require("./components/Trigger/Trigger.cjs");
 const Content = require("./components/Content/Content.cjs");
@@ -26,7 +26,7 @@ const Select = Object.assign(({
   contentWidth,
   ...restProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsxs(Select.Compose, {
+  return jsxRuntime.jsxs(Select.Compose, {
     options,
     disabled,
     defaultOpen,
@@ -38,11 +38,11 @@ const Select = Object.assign(({
     customCompare,
     error,
     valid,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Select.Trigger, {
+    children: [jsxRuntime.jsx(Select.Trigger, {
       placeholder,
       valueRender,
       ...restProps
-    }), jsxRuntime.jsxRuntimeExports.jsx(Select.Content, {
+    }), jsxRuntime.jsx(Select.Content, {
       searchable,
       optionValueRender: valueRender,
       placement,

package/dist/Select/Select.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import Compose from "./components/Compose/Compose.js";
 import Trigger from "./components/Trigger/Trigger.js";
 import Content from "./components/Content/Content.js";
@@ -24,7 +24,7 @@ const Select = Object.assign(({
   contentWidth,
   ...restProps
 }) => {
-  return jsxRuntimeExports.jsxs(Select.Compose, {
+  return jsxs(Select.Compose, {
     options,
     disabled,
     defaultOpen,
@@ -36,11 +36,11 @@ const Select = Object.assign(({
     customCompare,
     error,
     valid,
-    children: [jsxRuntimeExports.jsx(Select.Trigger, {
+    children: [jsx(Select.Trigger, {
       placeholder,
       valueRender,
       ...restProps
-    }), jsxRuntimeExports.jsx(Select.Content, {
+    }), jsx(Select.Content, {
       searchable,
       optionValueRender: valueRender,
       placement,