@redis-ui/components 44.0.2 → 44.1.0

package/dist/SearchBar/components/FiltersSection/FiltersSection.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 FiltersSection_style = require("./FiltersSection.style.cjs");
 const SearchBar_context = require("../../SearchBar.context.cjs");
 const Filters = require("../../../Filters/Filters.cjs");
@@ -11,9 +11,9 @@ const FiltersSection = ({
   const {
     activeFilters
   } = SearchBar_context.useSearchBarContext();
-  return jsxRuntime.jsxRuntimeExports.jsx(FiltersSection_style.CollapsedFiltersContainer, {
-    children: jsxRuntime.jsxRuntimeExports.jsx(FiltersSection_style.FiltersContainer, {
-      children: jsxRuntime.jsxRuntimeExports.jsx(Filters.default, {
+  return jsxRuntime.jsx(FiltersSection_style.CollapsedFiltersContainer, {
+    children: jsxRuntime.jsx(FiltersSection_style.FiltersContainer, {
+      children: jsxRuntime.jsx(Filters.default, {
         availableFilters,
         onChange: onFiltersChange,
         activeFilters

package/dist/SearchBar/components/FiltersSection/FiltersSection.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { CollapsedFiltersContainer, FiltersContainer } from "./FiltersSection.style.js";
 import { useSearchBarContext } from "../../SearchBar.context.js";
 import Filters from "../../../Filters/Filters.js";
@@ -9,9 +9,9 @@ const FiltersSection = ({
   const {
     activeFilters
   } = useSearchBarContext();
-  return jsxRuntimeExports.jsx(CollapsedFiltersContainer, {
-    children: jsxRuntimeExports.jsx(FiltersContainer, {
-      children: jsxRuntimeExports.jsx(Filters, {
+  return jsx(CollapsedFiltersContainer, {
+    children: jsx(FiltersContainer, {
+      children: jsx(Filters, {
         availableFilters,
         onChange: onFiltersChange,
         activeFilters

package/dist/SearchBar/components/SearchSection/SearchSection.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 SearchInput = require("./components/SearchInput/SearchInput.cjs");
 const Actions = require("./components/Actions/Actions.cjs");
@@ -9,11 +9,11 @@ const SearchSection = Object.assign(({
   searchValue,
   ...restProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsxs(SearchSection.Compose, {
-    children: [jsxRuntime.jsxRuntimeExports.jsx(SearchSection.SearchInput, {
+  return jsxRuntime.jsxs(SearchSection.Compose, {
+    children: [jsxRuntime.jsx(SearchSection.SearchInput, {
       onChange: onSearchChange,
       defaultValue: searchValue
-    }), jsxRuntime.jsxRuntimeExports.jsx(SearchSection.Actions, {
+    }), jsxRuntime.jsx(SearchSection.Actions, {
       ...restProps
     })]
   });

package/dist/SearchBar/components/SearchSection/SearchSection.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 SearchInput from "./components/SearchInput/SearchInput.js";
 import Actions from "./components/Actions/Actions.js";
@@ -7,11 +7,11 @@ const SearchSection = Object.assign(({
   searchValue,
   ...restProps
 }) => {
-  return jsxRuntimeExports.jsxs(SearchSection.Compose, {
-    children: [jsxRuntimeExports.jsx(SearchSection.SearchInput, {
+  return jsxs(SearchSection.Compose, {
+    children: [jsx(SearchSection.SearchInput, {
       onChange: onSearchChange,
       defaultValue: searchValue
-    }), jsxRuntimeExports.jsx(SearchSection.Actions, {
+    }), jsx(SearchSection.Actions, {
       ...restProps
     })]
   });

package/dist/SearchBar/components/SearchSection/components/Actions/Actions.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 FiltersToggle = require("./components/FiltersToggle/FiltersToggle.cjs");
 const ColumnSelector = require("./components/ColumnSelector/ColumnSelector.cjs");
 const CustomActions = require("./components/CustomActions/CustomActions.cjs");
@@ -10,8 +10,8 @@ const Actions = Object.assign(({
   activeColumns,
   onColumnsChange
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsxs(Actions.Compose, {
-    children: [jsxRuntime.jsxRuntimeExports.jsx(FiltersToggle.default, {}), availableColumns && activeColumns && onColumnsChange && jsxRuntime.jsxRuntimeExports.jsx(ColumnSelector.default, {
+  return jsxRuntime.jsxs(Actions.Compose, {
+    children: [jsxRuntime.jsx(FiltersToggle.default, {}), availableColumns && activeColumns && onColumnsChange && jsxRuntime.jsx(ColumnSelector.default, {
       availableColumns,
       activeColumns,
       onChange: onColumnsChange

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

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import FilterToggle from "./components/FiltersToggle/FiltersToggle.js";
 import ColumnSelector from "./components/ColumnSelector/ColumnSelector.js";
 import { CustomActions } from "./components/CustomActions/CustomActions.js";
@@ -8,8 +8,8 @@ const Actions = Object.assign(({
   activeColumns,
   onColumnsChange
 }) => {
-  return jsxRuntimeExports.jsxs(Actions.Compose, {
-    children: [jsxRuntimeExports.jsx(FilterToggle, {}), availableColumns && activeColumns && onColumnsChange && jsxRuntimeExports.jsx(ColumnSelector, {
+  return jsxs(Actions.Compose, {
+    children: [jsx(FilterToggle, {}), availableColumns && activeColumns && onColumnsChange && jsx(ColumnSelector, {
       availableColumns,
       activeColumns,
       onChange: onColumnsChange

package/dist/SearchBar/components/SearchSection/components/Actions/components/ColumnSelector/ColumnSelector.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 React = require("react");
 const redisUiIcons = require("@redislabsdev/redis-ui-icons");
 const MultiSelect = require("../../../../../../../MultiSelect/MultiSelect.cjs");
@@ -13,8 +13,8 @@ const ColumnSelector = ({
 }) => {
   const [isOpen, setIsOpen] = React.useState(false);
   const shouldShowFilterIndication = activeColumns.length < availableColumns.length;
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
-    children: jsxRuntime.jsxRuntimeExports.jsxs(MultiSelect.default.Compose, {
+  return jsxRuntime.jsx("div", {
+    children: jsxRuntime.jsxs(MultiSelect.default.Compose, {
       options: availableColumns.map((col) => ({
         ...col,
         value: col.id
@@ -22,20 +22,20 @@ const ColumnSelector = ({
       value: activeColumns,
       onOpenChange: setIsOpen,
       onChange,
-      children: [jsxRuntime.jsxRuntimeExports.jsx(MultiSelect.default.Trigger.Compose, {
+      children: [jsxRuntime.jsx(MultiSelect.default.Trigger.Compose, {
         customContainer: true,
-        children: jsxRuntime.jsxRuntimeExports.jsxs(ToggleButton.default, {
+        children: jsxRuntime.jsxs(ToggleButton.default, {
           pressed: isOpen,
           onPressedChange: () => {
           },
           "aria-description": shouldShowFilterIndication ? "Filter Active" : void 0,
-          children: [jsxRuntime.jsxRuntimeExports.jsx(Button.default.Icon, {
+          children: [jsxRuntime.jsx(Button.default.Icon, {
             icon: redisUiIcons.ColumnsIcon
-          }), "Columns", shouldShowFilterIndication && jsxRuntime.jsxRuntimeExports.jsx(Button.default.Icon, {
+          }), "Columns", shouldShowFilterIndication && jsxRuntime.jsx(Button.default.Icon, {
             icon: redisUiIcons.FilterActiveIcon
           })]
         })
-      }), jsxRuntime.jsxRuntimeExports.jsx(MultiSelect.default.Content, {})]
+      }), jsxRuntime.jsx(MultiSelect.default.Content, {})]
     })
   });
 };

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

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../../../../../../node_modules/react/jsx-runtime.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { ColumnsIcon, FilterActiveIcon } from "@redislabsdev/redis-ui-icons";
 import MultiSelect from "../../../../../../../MultiSelect/MultiSelect.js";
@@ -11,8 +11,8 @@ const ColumnSelector = ({
 }) => {
   const [isOpen, setIsOpen] = useState(false);
   const shouldShowFilterIndication = activeColumns.length < availableColumns.length;
-  return jsxRuntimeExports.jsx("div", {
-    children: jsxRuntimeExports.jsxs(MultiSelect.Compose, {
+  return jsx("div", {
+    children: jsxs(MultiSelect.Compose, {
       options: availableColumns.map((col) => ({
         ...col,
         value: col.id
@@ -20,20 +20,20 @@ const ColumnSelector = ({
       value: activeColumns,
       onOpenChange: setIsOpen,
       onChange,
-      children: [jsxRuntimeExports.jsx(MultiSelect.Trigger.Compose, {
+      children: [jsx(MultiSelect.Trigger.Compose, {
         customContainer: true,
-        children: jsxRuntimeExports.jsxs(ToggleButton, {
+        children: jsxs(ToggleButton, {
           pressed: isOpen,
           onPressedChange: () => {
           },
           "aria-description": shouldShowFilterIndication ? "Filter Active" : void 0,
-          children: [jsxRuntimeExports.jsx(Button.Icon, {
+          children: [jsx(Button.Icon, {
             icon: ColumnsIcon
-          }), "Columns", shouldShowFilterIndication && jsxRuntimeExports.jsx(Button.Icon, {
+          }), "Columns", shouldShowFilterIndication && jsx(Button.Icon, {
             icon: FilterActiveIcon
           })]
         })
-      }), jsxRuntimeExports.jsx(MultiSelect.Content, {})]
+      }), jsx(MultiSelect.Content, {})]
     })
   });
 };

package/dist/SearchBar/components/SearchSection/components/Actions/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.ActionContainerCompose, {
+}) => jsxRuntime.jsx(Compose_style.ActionContainerCompose, {
   ...restProps,
   children
 });

package/dist/SearchBar/components/SearchSection/components/Actions/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 { ActionContainerCompose } from "./Compose.style.js";
 const Compose = ({
   children,
   ...restProps
-}) => jsxRuntimeExports.jsx(ActionContainerCompose, {
+}) => jsx(ActionContainerCompose, {
   ...restProps,
   children
 });

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

@@ -1,11 +1,11 @@
 "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 CustomActions_style = require("./CustomActions.style.cjs");
 const CustomActions = ({
   children,
   ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsx(CustomActions_style.CustomActions, {
+}) => jsxRuntime.jsx(CustomActions_style.CustomActions, {
   ...restProps,
   children
 });

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

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

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