@seed-design/react 1.2.8 → 1.2.10

package/lib/components/Float/Float.js

@@ -1,85 +1,72 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import { Box } from '../Box/Box.js';
-import { handleDimension } from '../../utils/styled.js';
-
+"use client";
+import { handleDimension } from "../../utils/styled.js";
+import { Box } from "../Box/Box.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Float/Float.tsx
 function getPlacementStyle(placement, offsetX, offsetY) {
-  const offsetXValue = handleDimension(offsetX);
-  const offsetYValue = handleDimension(offsetY);
-  const centerLeft = offsetXValue ? `calc(50% + ${offsetXValue})` : "50%";
-  const middleTop = offsetYValue ? `calc(50% + ${offsetYValue})` : "50%";
-  const shiftLeft = "translateX(-50%)";
-  const shiftTop = "translateY(-50%)";
-  const shiftBoth = "translate(-50%, -50%)";
-  switch (placement) {
-    case "top-start":
-      return {
-        top: offsetYValue ?? 0,
-        left: offsetXValue ?? 0
-      };
-    case "top-center":
-      return {
-        top: offsetYValue ?? 0,
-        left: centerLeft,
-        unstable_transform: shiftLeft
-      };
-    case "top-end":
-      return {
-        top: offsetYValue ?? 0,
-        right: offsetXValue ?? 0
-      };
-    case "middle-start":
-      return {
-        top: middleTop,
-        left: offsetXValue ?? 0,
-        unstable_transform: shiftTop
-      };
-    case "middle-center":
-      return {
-        top: middleTop,
-        left: centerLeft,
-        unstable_transform: shiftBoth
-      };
-    case "middle-end":
-      return {
-        top: middleTop,
-        right: offsetXValue ?? 0,
-        unstable_transform: shiftTop
-      };
-    case "bottom-start":
-      return {
-        bottom: offsetYValue ?? 0,
-        left: offsetXValue ?? 0
-      };
-    case "bottom-center":
-      return {
-        bottom: offsetYValue ?? 0,
-        left: centerLeft,
-        unstable_transform: shiftLeft
-      };
-    case "bottom-end":
-      return {
-        bottom: offsetYValue ?? 0,
-        right: offsetXValue ?? 0
-      };
-  }
+	const offsetXValue = handleDimension(offsetX);
+	const offsetYValue = handleDimension(offsetY);
+	const centerLeft = offsetXValue ? `calc(50% + ${offsetXValue})` : "50%";
+	const middleTop = offsetYValue ? `calc(50% + ${offsetYValue})` : "50%";
+	const shiftLeft = "translateX(-50%)";
+	const shiftTop = "translateY(-50%)";
+	const shiftBoth = "translate(-50%, -50%)";
+	switch (placement) {
+		case "top-start": return {
+			top: offsetYValue ?? 0,
+			left: offsetXValue ?? 0
+		};
+		case "top-center": return {
+			top: offsetYValue ?? 0,
+			left: centerLeft,
+			unstable_transform: shiftLeft
+		};
+		case "top-end": return {
+			top: offsetYValue ?? 0,
+			right: offsetXValue ?? 0
+		};
+		case "middle-start": return {
+			top: middleTop,
+			left: offsetXValue ?? 0,
+			unstable_transform: shiftTop
+		};
+		case "middle-center": return {
+			top: middleTop,
+			left: centerLeft,
+			unstable_transform: shiftBoth
+		};
+		case "middle-end": return {
+			top: middleTop,
+			right: offsetXValue ?? 0,
+			unstable_transform: shiftTop
+		};
+		case "bottom-start": return {
+			bottom: offsetYValue ?? 0,
+			left: offsetXValue ?? 0
+		};
+		case "bottom-center": return {
+			bottom: offsetYValue ?? 0,
+			left: centerLeft,
+			unstable_transform: shiftLeft
+		};
+		case "bottom-end": return {
+			bottom: offsetYValue ?? 0,
+			right: offsetXValue ?? 0
+		};
+	}
 }
-const Float = React.forwardRef((props, ref) => {
-  const { as, placement, offsetX, offsetY, zIndex, ...rest } = props;
-  const placementStyle = getPlacementStyle(placement, offsetX, offsetY);
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      ref,
-      as,
-      position: "absolute",
-      display: "inline-flex",
-      zIndex,
-      ...placementStyle,
-      ...rest
-    }
-  );
+var Float = React$1.forwardRef((props, ref) => {
+	const { as, placement, offsetX, offsetY, zIndex, ...rest } = props;
+	return /* @__PURE__ */ jsx(Box, {
+		ref,
+		as,
+		position: "absolute",
+		display: "inline-flex",
+		zIndex,
+		...getPlacementStyle(placement, offsetX, offsetY),
+		...rest
+	});
 });
-
+//#endregion
 export { Float };

package/lib/components/Float/index.cjs

@@ -1,9 +1,3 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const Float = require('./Float.cjs');
-
-
-
-exports.Float = Float.Float;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Float = require("./Float.cjs");
+exports.Float = require_Float.Float;

package/lib/components/Float/index.js

@@ -1 +1,2 @@
-export { Float } from './Float.js';
+import { Float } from "./Float.js";
+export { Float };

package/lib/components/FloatingActionButton/FloatingActionButton.cjs

@@ -1,18 +1,15 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const floatingActionButton = require('@seed-design/css/recipes/floating-action-button');
-const reactPrimitive = require('@seed-design/react-primitive');
-const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-const Icon = require('../private/Icon.cjs');
-
-const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(floatingActionButton.floatingActionButton);
-const FloatingActionButtonRoot = withProvider(reactPrimitive.Primitive.button, "root");
-const FloatingActionButtonIcon = withContext(Icon.InternalIcon, "icon");
-const FloatingActionButtonLabel = withContext(reactPrimitive.Primitive.span, "label");
-
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_Icon = require("../private/Icon.cjs");
+let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let _seed_design_css_recipes_floating_action_button = require("@seed-design/css/recipes/floating-action-button");
+//#region src/components/FloatingActionButton/FloatingActionButton.tsx
+var { withProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_floating_action_button.floatingActionButton);
+var FloatingActionButtonRoot = withProvider(_seed_design_react_primitive.Primitive.button, "root");
+var FloatingActionButtonIcon = withContext(require_Icon.InternalIcon, "icon");
+var FloatingActionButtonLabel = withContext(_seed_design_react_primitive.Primitive.span, "label");
+//#endregion
 exports.FloatingActionButtonIcon = FloatingActionButtonIcon;
 exports.FloatingActionButtonLabel = FloatingActionButtonLabel;
 exports.FloatingActionButtonRoot = FloatingActionButtonRoot;

package/lib/components/FloatingActionButton/FloatingActionButton.js

@@ -1,12 +1,12 @@
-'use client';
-import { floatingActionButton } from '@seed-design/css/recipes/floating-action-button';
-import { Primitive } from '@seed-design/react-primitive';
-import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-import { InternalIcon } from '../private/Icon.js';
-
-const { withProvider, withContext } = createSlotRecipeContext(floatingActionButton);
-const FloatingActionButtonRoot = withProvider(Primitive.button, "root");
-const FloatingActionButtonIcon = withContext(InternalIcon, "icon");
-const FloatingActionButtonLabel = withContext(Primitive.span, "label");
-
+"use client";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { InternalIcon } from "../private/Icon.js";
+import { Primitive } from "@seed-design/react-primitive";
+import { floatingActionButton } from "@seed-design/css/recipes/floating-action-button";
+//#region src/components/FloatingActionButton/FloatingActionButton.tsx
+var { withProvider, withContext } = createSlotRecipeContext(floatingActionButton);
+var FloatingActionButtonRoot = withProvider(Primitive.button, "root");
+var FloatingActionButtonIcon = withContext(InternalIcon, "icon");
+var FloatingActionButtonLabel = withContext(Primitive.span, "label");
+//#endregion
 export { FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot };

package/lib/components/FloatingActionButton/FloatingActionButton.namespace.cjs

@@ -1,11 +1,15 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const FloatingActionButton = require('./FloatingActionButton.cjs');
-
-
-
-exports.Icon = FloatingActionButton.FloatingActionButtonIcon;
-exports.Label = FloatingActionButton.FloatingActionButtonLabel;
-exports.Root = FloatingActionButton.FloatingActionButtonRoot;
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_FloatingActionButton = require("./FloatingActionButton.cjs");
+//#region src/components/FloatingActionButton/FloatingActionButton.namespace.tsx
+var FloatingActionButton_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Icon: () => require_FloatingActionButton.FloatingActionButtonIcon,
+	Label: () => require_FloatingActionButton.FloatingActionButtonLabel,
+	Root: () => require_FloatingActionButton.FloatingActionButtonRoot
+});
+//#endregion
+Object.defineProperty(exports, "FloatingActionButton_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return FloatingActionButton_namespace_exports;
+	}
+});

package/lib/components/FloatingActionButton/FloatingActionButton.namespace.js

@@ -1 +1,10 @@
-export { FloatingActionButtonIcon as Icon, FloatingActionButtonLabel as Label, FloatingActionButtonRoot as Root } from './FloatingActionButton.js';
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot } from "./FloatingActionButton.js";
+//#region src/components/FloatingActionButton/FloatingActionButton.namespace.tsx
+var FloatingActionButton_namespace_exports = /* @__PURE__ */ __exportAll({
+	Icon: () => FloatingActionButtonIcon,
+	Label: () => FloatingActionButtonLabel,
+	Root: () => FloatingActionButtonRoot
+});
+//#endregion
+export { FloatingActionButton_namespace_exports };

package/lib/components/FloatingActionButton/index.cjs

@@ -1,13 +1,12 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const FloatingActionButton = require('./FloatingActionButton.cjs');
-const FloatingActionButton_namespace = require('./FloatingActionButton.namespace.cjs');
-
-
-
-exports.FloatingActionButtonIcon = FloatingActionButton.FloatingActionButtonIcon;
-exports.FloatingActionButtonLabel = FloatingActionButton.FloatingActionButtonLabel;
-exports.FloatingActionButtonRoot = FloatingActionButton.FloatingActionButtonRoot;
-exports.FloatingActionButton = FloatingActionButton_namespace;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_FloatingActionButton = require("./FloatingActionButton.cjs");
+const require_FloatingActionButton_namespace = require("./FloatingActionButton.namespace.cjs");
+Object.defineProperty(exports, "FloatingActionButton", {
+	enumerable: true,
+	get: function() {
+		return require_FloatingActionButton_namespace.FloatingActionButton_namespace_exports;
+	}
+});
+exports.FloatingActionButtonIcon = require_FloatingActionButton.FloatingActionButtonIcon;
+exports.FloatingActionButtonLabel = require_FloatingActionButton.FloatingActionButtonLabel;
+exports.FloatingActionButtonRoot = require_FloatingActionButton.FloatingActionButtonRoot;

package/lib/components/FloatingActionButton/index.js

@@ -1,3 +1,3 @@
-export { FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot } from './FloatingActionButton.js';
-import * as FloatingActionButton_namespace from './FloatingActionButton.namespace.js';
-export { FloatingActionButton_namespace as FloatingActionButton };
+import { FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot } from "./FloatingActionButton.js";
+import { FloatingActionButton_namespace_exports } from "./FloatingActionButton.namespace.js";
+export { FloatingActionButton_namespace_exports as FloatingActionButton, FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot };

package/lib/components/Grid/Grid.cjs

@@ -1,56 +1,29 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const domUtils = require('@seed-design/dom-utils');
-const React = require('react');
-const Box = require('../Box/Box.cjs');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const Grid = React__namespace.forwardRef((props, ref) => {
-  const { align, justify, justifyItems, columns, rows, autoFlow, autoColumns, autoRows, ...rest } = props;
-  return (
-    // @ts-expect-error: display: "grid" is not allowed in the Box component
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Box.Box,
-      {
-        ref,
-        alignItems: align,
-        justifyContent: justify,
-        ...domUtils.mergeProps(rest, {
-          className: "seed-grid",
-          style: {
-            "--seed-grid-columns": typeof columns === "number" ? `repeat(${columns}, minmax(0, 1fr))` : columns,
-            "--seed-grid-rows": typeof rows === "number" ? `repeat(${rows}, minmax(0, 1fr))` : rows,
-            "--seed-grid-auto-flow": autoFlow,
-            "--seed-grid-auto-columns": autoColumns,
-            "--seed-grid-auto-rows": autoRows,
-            "--seed-grid-justify-items": justifyItems
-          }
-        })
-      }
-    )
-  );
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Box = require("../Box/Box.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _seed_design_dom_utils = require("@seed-design/dom-utils");
+//#region src/components/Grid/Grid.tsx
+var Grid = react.forwardRef((props, ref) => {
+	const { align, justify, justifyItems, columns, rows, autoFlow, autoColumns, autoRows, ...rest } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+		ref,
+		alignItems: align,
+		justifyContent: justify,
+		...(0, _seed_design_dom_utils.mergeProps)(rest, {
+			className: "seed-grid",
+			style: {
+				"--seed-grid-columns": typeof columns === "number" ? `repeat(${columns}, minmax(0, 1fr))` : columns,
+				"--seed-grid-rows": typeof rows === "number" ? `repeat(${rows}, minmax(0, 1fr))` : rows,
+				"--seed-grid-auto-flow": autoFlow,
+				"--seed-grid-auto-columns": autoColumns,
+				"--seed-grid-auto-rows": autoRows,
+				"--seed-grid-justify-items": justifyItems
+			}
+		})
+	});
 });
-
+//#endregion
 exports.Grid = Grid;

package/lib/components/Grid/Grid.js

@@ -1,33 +1,27 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@seed-design/dom-utils';
-import * as React from 'react';
-import { Box } from '../Box/Box.js';
-
-const Grid = React.forwardRef((props, ref) => {
-  const { align, justify, justifyItems, columns, rows, autoFlow, autoColumns, autoRows, ...rest } = props;
-  return (
-    // @ts-expect-error: display: "grid" is not allowed in the Box component
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        ref,
-        alignItems: align,
-        justifyContent: justify,
-        ...mergeProps(rest, {
-          className: "seed-grid",
-          style: {
-            "--seed-grid-columns": typeof columns === "number" ? `repeat(${columns}, minmax(0, 1fr))` : columns,
-            "--seed-grid-rows": typeof rows === "number" ? `repeat(${rows}, minmax(0, 1fr))` : rows,
-            "--seed-grid-auto-flow": autoFlow,
-            "--seed-grid-auto-columns": autoColumns,
-            "--seed-grid-auto-rows": autoRows,
-            "--seed-grid-justify-items": justifyItems
-          }
-        })
-      }
-    )
-  );
+"use client";
+import { Box } from "../Box/Box.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { mergeProps } from "@seed-design/dom-utils";
+//#region src/components/Grid/Grid.tsx
+var Grid = React$1.forwardRef((props, ref) => {
+	const { align, justify, justifyItems, columns, rows, autoFlow, autoColumns, autoRows, ...rest } = props;
+	return /* @__PURE__ */ jsx(Box, {
+		ref,
+		alignItems: align,
+		justifyContent: justify,
+		...mergeProps(rest, {
+			className: "seed-grid",
+			style: {
+				"--seed-grid-columns": typeof columns === "number" ? `repeat(${columns}, minmax(0, 1fr))` : columns,
+				"--seed-grid-rows": typeof rows === "number" ? `repeat(${rows}, minmax(0, 1fr))` : rows,
+				"--seed-grid-auto-flow": autoFlow,
+				"--seed-grid-auto-columns": autoColumns,
+				"--seed-grid-auto-rows": autoRows,
+				"--seed-grid-justify-items": justifyItems
+			}
+		})
+	});
 });
-
+//#endregion
 export { Grid };

package/lib/components/Grid/index.cjs

@@ -1,9 +1,3 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const Grid = require('./Grid.cjs');
-
-
-
-exports.Grid = Grid.Grid;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Grid = require("./Grid.cjs");
+exports.Grid = require_Grid.Grid;

package/lib/components/Grid/index.js

@@ -1 +1,2 @@
-export { Grid } from './Grid.js';
+import { Grid } from "./Grid.js";
+export { Grid };

package/lib/components/GridItem/GridItem.cjs

@@ -1,45 +1,27 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const Box = require('../Box/Box.cjs');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const GridItem = React__namespace.forwardRef((props, ref) => {
-  const { asChild = false, colSpan, colStart, colEnd, rowSpan, rowStart, rowEnd, ...rest } = props;
-  const gridColumn = getGridLine(colSpan, colStart, colEnd);
-  const gridRow = getGridLine(rowSpan, rowStart, rowEnd);
-  return /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ref, asChild, gridColumn, gridRow, ...rest });
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Box = require("../Box/Box.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/GridItem/GridItem.tsx
+var GridItem = react.forwardRef((props, ref) => {
+	const { asChild = false, colSpan, colStart, colEnd, rowSpan, rowStart, rowEnd, ...rest } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+		ref,
+		asChild,
+		gridColumn: getGridLine(colSpan, colStart, colEnd),
+		gridRow: getGridLine(rowSpan, rowStart, rowEnd),
+		...rest
+	});
 });
 GridItem.displayName = "GridItem";
 function getGridLine(span, start, end) {
-  if (span === "full") return "1 / -1";
-  if (start !== void 0 && end !== void 0) return `${start} / ${end}`;
-  if (start !== void 0) return `${start}`;
-  if (end !== void 0) return `auto / ${end}`;
-  if (span !== void 0) return `span ${span}`;
-  return void 0;
+	if (span === "full") return "1 / -1";
+	if (start !== void 0 && end !== void 0) return `${start} / ${end}`;
+	if (start !== void 0) return `${start}`;
+	if (end !== void 0) return `auto / ${end}`;
+	if (span !== void 0) return `span ${span}`;
 }
-
+//#endregion
 exports.GridItem = GridItem;

package/lib/components/GridItem/GridItem.js

@@ -1,22 +1,25 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import { Box } from '../Box/Box.js';
-
-const GridItem = React.forwardRef((props, ref) => {
-  const { asChild = false, colSpan, colStart, colEnd, rowSpan, rowStart, rowEnd, ...rest } = props;
-  const gridColumn = getGridLine(colSpan, colStart, colEnd);
-  const gridRow = getGridLine(rowSpan, rowStart, rowEnd);
-  return /* @__PURE__ */ jsx(Box, { ref, asChild, gridColumn, gridRow, ...rest });
+"use client";
+import { Box } from "../Box/Box.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/GridItem/GridItem.tsx
+var GridItem = React$1.forwardRef((props, ref) => {
+	const { asChild = false, colSpan, colStart, colEnd, rowSpan, rowStart, rowEnd, ...rest } = props;
+	return /* @__PURE__ */ jsx(Box, {
+		ref,
+		asChild,
+		gridColumn: getGridLine(colSpan, colStart, colEnd),
+		gridRow: getGridLine(rowSpan, rowStart, rowEnd),
+		...rest
+	});
 });
 GridItem.displayName = "GridItem";
 function getGridLine(span, start, end) {
-  if (span === "full") return "1 / -1";
-  if (start !== void 0 && end !== void 0) return `${start} / ${end}`;
-  if (start !== void 0) return `${start}`;
-  if (end !== void 0) return `auto / ${end}`;
-  if (span !== void 0) return `span ${span}`;
-  return void 0;
+	if (span === "full") return "1 / -1";
+	if (start !== void 0 && end !== void 0) return `${start} / ${end}`;
+	if (start !== void 0) return `${start}`;
+	if (end !== void 0) return `auto / ${end}`;
+	if (span !== void 0) return `span ${span}`;
 }
-
+//#endregion
 export { GridItem };

package/lib/components/GridItem/index.cjs

@@ -1,9 +1,3 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const GridItem = require('./GridItem.cjs');
-
-
-
-exports.GridItem = GridItem.GridItem;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_GridItem = require("./GridItem.cjs");
+exports.GridItem = require_GridItem.GridItem;

package/lib/components/GridItem/index.js

@@ -1 +1,2 @@
-export { GridItem } from './GridItem.js';
+import { GridItem } from "./GridItem.js";
+export { GridItem };