@cerberus-design/data-grid 0.25.3 → 1.0.0-rc.6

package/dist/components/pinned-items.client.js

@@ -1,66 +1,71 @@
-'use client';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useCerberusContext, MenuItem } from '@cerberus-design/react';
-import { useRead } from '@cerberus-design/signals';
-import { HStack } from 'styled-system/jsx';
-
+"use client";
+"use client";
+import { MenuItem, useCerberusContext } from "@cerberus-design/react";
+import { useRead } from "@cerberus-design/signals";
+import { HStack } from "styled-system/jsx";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/pinned-items.client.tsx
 function MatchPinnedItems(props) {
-  const pinned = useRead(props.pinned);
-  const MenuItems = {
-    right: PinRightItem,
-    left: PinLeftItem,
-    unpinRight: UnpinRightItem,
-    unpinLeft: UnpinLeftItem
-  };
-  switch (pinned) {
-    case "right":
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(MenuItems.unpinRight, {}),
-        /* @__PURE__ */ jsx(MenuItems.left, {})
-      ] });
-    case "left":
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(MenuItems.right, {}),
-        /* @__PURE__ */ jsx(MenuItems.unpinLeft, {})
-      ] });
-    default:
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(MenuItems.right, {}),
-        /* @__PURE__ */ jsx(MenuItems.left, {})
-      ] });
-  }
+	const pinned = useRead(props.pinned);
+	const MenuItems = {
+		right: PinRightItem,
+		left: PinLeftItem,
+		unpinRight: UnpinRightItem,
+		unpinLeft: UnpinLeftItem
+	};
+	switch (pinned) {
+		case "right": return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MenuItems.unpinRight, {}), /* @__PURE__ */ jsx(MenuItems.left, {})] });
+		case "left": return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MenuItems.right, {}), /* @__PURE__ */ jsx(MenuItems.unpinLeft, {})] });
+		default: return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MenuItems.right, {}), /* @__PURE__ */ jsx(MenuItems.left, {})] });
+	}
 }
 function UnpinRightItem() {
-  const { icons } = useCerberusContext();
-  const Icon = icons.pinRightFilled;
-  return /* @__PURE__ */ jsx(MenuItem, { value: "unpin_right", children: /* @__PURE__ */ jsxs(HStack, { gap: "sm", w: "full", children: [
-    /* @__PURE__ */ jsx(Icon, {}),
-    "Unpin Right"
-  ] }) });
+	const { icons } = useCerberusContext();
+	const Icon = icons.pinRightFilled;
+	return /* @__PURE__ */ jsx(MenuItem, {
+		value: "unpin_right",
+		children: /* @__PURE__ */ jsxs(HStack, {
+			gap: "sm",
+			w: "full",
+			children: [/* @__PURE__ */ jsx(Icon, {}), "Unpin Right"]
+		})
+	});
 }
 function UnpinLeftItem() {
-  const { icons } = useCerberusContext();
-  const Icon = icons.pinLeftFilled;
-  return /* @__PURE__ */ jsx(MenuItem, { value: "unpin_left", children: /* @__PURE__ */ jsxs(HStack, { gap: "sm", w: "full", children: [
-    /* @__PURE__ */ jsx(Icon, {}),
-    "Unpin Left"
-  ] }) });
+	const { icons } = useCerberusContext();
+	const Icon = icons.pinLeftFilled;
+	return /* @__PURE__ */ jsx(MenuItem, {
+		value: "unpin_left",
+		children: /* @__PURE__ */ jsxs(HStack, {
+			gap: "sm",
+			w: "full",
+			children: [/* @__PURE__ */ jsx(Icon, {}), "Unpin Left"]
+		})
+	});
 }
 function PinRightItem() {
-  const { icons } = useCerberusContext();
-  const Icon = icons.pinRight;
-  return /* @__PURE__ */ jsx(MenuItem, { value: "pin_right", children: /* @__PURE__ */ jsxs(HStack, { gap: "sm", w: "full", children: [
-    /* @__PURE__ */ jsx(Icon, {}),
-    "Pin Right"
-  ] }) });
+	const { icons } = useCerberusContext();
+	const Icon = icons.pinRight;
+	return /* @__PURE__ */ jsx(MenuItem, {
+		value: "pin_right",
+		children: /* @__PURE__ */ jsxs(HStack, {
+			gap: "sm",
+			w: "full",
+			children: [/* @__PURE__ */ jsx(Icon, {}), "Pin Right"]
+		})
+	});
 }
 function PinLeftItem() {
-  const { icons } = useCerberusContext();
-  const Icon = icons.pinLeft;
-  return /* @__PURE__ */ jsx(MenuItem, { value: "pin_left", children: /* @__PURE__ */ jsxs(HStack, { gap: "sm", w: "full", children: [
-    /* @__PURE__ */ jsx(Icon, {}),
-    "Pin Left"
-  ] }) });
+	const { icons } = useCerberusContext();
+	const Icon = icons.pinLeft;
+	return /* @__PURE__ */ jsx(MenuItem, {
+		value: "pin_left",
+		children: /* @__PURE__ */ jsxs(HStack, {
+			gap: "sm",
+			w: "full",
+			children: [/* @__PURE__ */ jsx(Icon, {}), "Pin Left"]
+		})
+	});
 }
-
+//#endregion
 export { MatchPinnedItems };

package/dist/components/sort-items.client.cjs

@@ -1,58 +1,53 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('@cerberus-design/react');
-const jsx = require('styled-system/jsx');
-
+"use client";
+"use client";
+let _cerberus_design_react = require("@cerberus-design/react");
+let styled_system_jsx = require("styled-system/jsx");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/sort-items.client.tsx
 function MatchSortItems(props) {
-  const { sorting } = props;
-  const MenuItems = {
-    asc: SortAsc,
-    desc: SortDesc,
-    unsort: UnsortItem
-  };
-  if (!sorting) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(MenuItems.asc, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(MenuItems.desc, {})
-    ] });
-  }
-  if (sorting.desc) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(MenuItems.asc, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(MenuItems.unsort, {})
-    ] });
-  } else {
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(MenuItems.unsort, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(MenuItems.desc, {})
-    ] });
-  }
+	const { sorting } = props;
+	const MenuItems = {
+		asc: SortAsc,
+		desc: SortDesc,
+		unsort: UnsortItem
+	};
+	if (!sorting) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItems.asc, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItems.desc, {})] });
+	if (sorting.desc) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItems.asc, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItems.unsort, {})] });
+	else return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItems.unsort, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItems.desc, {})] });
 }
 function UnsortItem() {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.MenuItem, { value: "unsort", children: /* @__PURE__ */ jsxRuntime.jsxs(jsx.HStack, { gap: "sm", w: "full", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(jsx.Square, { size: "4" }),
-    "Unsort"
-  ] }) });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_cerberus_design_react.MenuItem, {
+		value: "unsort",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(styled_system_jsx.HStack, {
+			gap: "sm",
+			w: "full",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(styled_system_jsx.Square, { size: "4" }), "Unsort"]
+		})
+	});
 }
 function SortAsc() {
-  const { icons } = react.useCerberusContext();
-  const Icon = icons.sortAsc;
-  return /* @__PURE__ */ jsxRuntime.jsx(react.MenuItem, { value: "sort_asc", children: /* @__PURE__ */ jsxRuntime.jsxs(jsx.HStack, { gap: "sm", w: "full", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Icon, {}),
-    "Sort ASC"
-  ] }) });
+	const { icons } = (0, _cerberus_design_react.useCerberusContext)();
+	const Icon = icons.sortAsc;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_cerberus_design_react.MenuItem, {
+		value: "sort_asc",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(styled_system_jsx.HStack, {
+			gap: "sm",
+			w: "full",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {}), "Sort ASC"]
+		})
+	});
 }
 function SortDesc() {
-  const { icons } = react.useCerberusContext();
-  const Icon = icons.sortDesc;
-  return /* @__PURE__ */ jsxRuntime.jsx(react.MenuItem, { value: "sort_desc", children: /* @__PURE__ */ jsxRuntime.jsxs(jsx.HStack, { gap: "sm", w: "full", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Icon, {}),
-    "Sort DESC"
-  ] }) });
+	const { icons } = (0, _cerberus_design_react.useCerberusContext)();
+	const Icon = icons.sortDesc;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_cerberus_design_react.MenuItem, {
+		value: "sort_desc",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(styled_system_jsx.HStack, {
+			gap: "sm",
+			w: "full",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {}), "Sort DESC"]
+		})
+	});
 }
-
+//#endregion
 exports.MatchSortItems = MatchSortItems;

package/dist/components/sort-items.client.js

@@ -1,54 +1,53 @@
-'use client';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useCerberusContext, MenuItem } from '@cerberus-design/react';
-import { HStack, Square } from 'styled-system/jsx';
-
+"use client";
+"use client";
+import { MenuItem, useCerberusContext } from "@cerberus-design/react";
+import { HStack, Square } from "styled-system/jsx";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/sort-items.client.tsx
 function MatchSortItems(props) {
-  const { sorting } = props;
-  const MenuItems = {
-    asc: SortAsc,
-    desc: SortDesc,
-    unsort: UnsortItem
-  };
-  if (!sorting) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(MenuItems.asc, {}),
-      /* @__PURE__ */ jsx(MenuItems.desc, {})
-    ] });
-  }
-  if (sorting.desc) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(MenuItems.asc, {}),
-      /* @__PURE__ */ jsx(MenuItems.unsort, {})
-    ] });
-  } else {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(MenuItems.unsort, {}),
-      /* @__PURE__ */ jsx(MenuItems.desc, {})
-    ] });
-  }
+	const { sorting } = props;
+	const MenuItems = {
+		asc: SortAsc,
+		desc: SortDesc,
+		unsort: UnsortItem
+	};
+	if (!sorting) return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MenuItems.asc, {}), /* @__PURE__ */ jsx(MenuItems.desc, {})] });
+	if (sorting.desc) return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MenuItems.asc, {}), /* @__PURE__ */ jsx(MenuItems.unsort, {})] });
+	else return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MenuItems.unsort, {}), /* @__PURE__ */ jsx(MenuItems.desc, {})] });
 }
 function UnsortItem() {
-  return /* @__PURE__ */ jsx(MenuItem, { value: "unsort", children: /* @__PURE__ */ jsxs(HStack, { gap: "sm", w: "full", children: [
-    /* @__PURE__ */ jsx(Square, { size: "4" }),
-    "Unsort"
-  ] }) });
+	return /* @__PURE__ */ jsx(MenuItem, {
+		value: "unsort",
+		children: /* @__PURE__ */ jsxs(HStack, {
+			gap: "sm",
+			w: "full",
+			children: [/* @__PURE__ */ jsx(Square, { size: "4" }), "Unsort"]
+		})
+	});
 }
 function SortAsc() {
-  const { icons } = useCerberusContext();
-  const Icon = icons.sortAsc;
-  return /* @__PURE__ */ jsx(MenuItem, { value: "sort_asc", children: /* @__PURE__ */ jsxs(HStack, { gap: "sm", w: "full", children: [
-    /* @__PURE__ */ jsx(Icon, {}),
-    "Sort ASC"
-  ] }) });
+	const { icons } = useCerberusContext();
+	const Icon = icons.sortAsc;
+	return /* @__PURE__ */ jsx(MenuItem, {
+		value: "sort_asc",
+		children: /* @__PURE__ */ jsxs(HStack, {
+			gap: "sm",
+			w: "full",
+			children: [/* @__PURE__ */ jsx(Icon, {}), "Sort ASC"]
+		})
+	});
 }
 function SortDesc() {
-  const { icons } = useCerberusContext();
-  const Icon = icons.sortDesc;
-  return /* @__PURE__ */ jsx(MenuItem, { value: "sort_desc", children: /* @__PURE__ */ jsxs(HStack, { gap: "sm", w: "full", children: [
-    /* @__PURE__ */ jsx(Icon, {}),
-    "Sort DESC"
-  ] }) });
+	const { icons } = useCerberusContext();
+	const Icon = icons.sortDesc;
+	return /* @__PURE__ */ jsx(MenuItem, {
+		value: "sort_desc",
+		children: /* @__PURE__ */ jsxs(HStack, {
+			gap: "sm",
+			w: "full",
+			children: [/* @__PURE__ */ jsx(Icon, {}), "Sort DESC"]
+		})
+	});
 }
-
+//#endregion
 export { MatchSortItems };

package/dist/const.cjs

@@ -1,49 +1,38 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const SCOPE = "data-grid";
-const PARTS = {
-  TOOLBAR: "toolbar",
-  ROOT: "root",
-  VIEWPORT: "viewport",
-  HEAD_CELL: "head-cell",
-  ROW: "row",
-  CELL: "row-cell",
-  FOOTER: "footer"
+"use client";
+//#region src/const.ts
+var SCOPE = "data-grid";
+var PARTS = {
+	TOOLBAR: "toolbar",
+	ROOT: "root",
+	VIEWPORT: "viewport",
+	HEAD_CELL: "head-cell",
+	ROW: "row",
+	CELL: "row-cell",
+	FOOTER: "footer"
 };
-const DEFAULT_PAGE_IDX = 1;
-const SM_PAGE_SIZE = 25;
-const MD_PAGE_SIZE = 50;
-const LG_PAGE_SIZE = 100;
-const DEFAULT_PAGE_SIZES = [SM_PAGE_SIZE, MD_PAGE_SIZE, LG_PAGE_SIZE];
-const XS = "xs";
-const SM = "sm";
-const MD = "md";
-const LG = "lg";
-const XL = "xl";
-const ROW_SIZES = {
-  items: [XS, SM, MD, LG, XL],
-  results: {
-    [XS]: 32,
-    [SM]: 40,
-    [MD]: 48,
-    [LG]: 56,
-    [XL]: 64
-  }
+var DEFAULT_PAGE_SIZES = [
+	25,
+	50,
+	100
+];
+var ROW_SIZES = {
+	items: [
+		"xs",
+		"sm",
+		"md",
+		"lg",
+		"xl"
+	],
+	results: {
+		["xs"]: 32,
+		["sm"]: 40,
+		["md"]: 48,
+		["lg"]: 56,
+		["xl"]: 64
+	}
 };
-
-exports.DEFAULT_PAGE_IDX = DEFAULT_PAGE_IDX;
+//#endregion
 exports.DEFAULT_PAGE_SIZES = DEFAULT_PAGE_SIZES;
-exports.LG = LG;
-exports.LG_PAGE_SIZE = LG_PAGE_SIZE;
-exports.MD = MD;
-exports.MD_PAGE_SIZE = MD_PAGE_SIZE;
 exports.PARTS = PARTS;
 exports.ROW_SIZES = ROW_SIZES;
 exports.SCOPE = SCOPE;
-exports.SM = SM;
-exports.SM_PAGE_SIZE = SM_PAGE_SIZE;
-exports.XL = XL;
-exports.XS = XS;

package/dist/const.js

@@ -1,33 +1,35 @@
-'use client';
-const SCOPE = "data-grid";
-const PARTS = {
-  TOOLBAR: "toolbar",
-  ROOT: "root",
-  VIEWPORT: "viewport",
-  HEAD_CELL: "head-cell",
-  ROW: "row",
-  CELL: "row-cell",
-  FOOTER: "footer"
+"use client";
+//#region src/const.ts
+var SCOPE = "data-grid";
+var PARTS = {
+	TOOLBAR: "toolbar",
+	ROOT: "root",
+	VIEWPORT: "viewport",
+	HEAD_CELL: "head-cell",
+	ROW: "row",
+	CELL: "row-cell",
+	FOOTER: "footer"
 };
-const DEFAULT_PAGE_IDX = 1;
-const SM_PAGE_SIZE = 25;
-const MD_PAGE_SIZE = 50;
-const LG_PAGE_SIZE = 100;
-const DEFAULT_PAGE_SIZES = [SM_PAGE_SIZE, MD_PAGE_SIZE, LG_PAGE_SIZE];
-const XS = "xs";
-const SM = "sm";
-const MD = "md";
-const LG = "lg";
-const XL = "xl";
-const ROW_SIZES = {
-  items: [XS, SM, MD, LG, XL],
-  results: {
-    [XS]: 32,
-    [SM]: 40,
-    [MD]: 48,
-    [LG]: 56,
-    [XL]: 64
-  }
+var DEFAULT_PAGE_SIZES = [
+	25,
+	50,
+	100
+];
+var ROW_SIZES = {
+	items: [
+		"xs",
+		"sm",
+		"md",
+		"lg",
+		"xl"
+	],
+	results: {
+		["xs"]: 32,
+		["sm"]: 40,
+		["md"]: 48,
+		["lg"]: 56,
+		["xl"]: 64
+	}
 };
-
-export { DEFAULT_PAGE_IDX, DEFAULT_PAGE_SIZES, LG, LG_PAGE_SIZE, MD, MD_PAGE_SIZE, PARTS, ROW_SIZES, SCOPE, SM, SM_PAGE_SIZE, XL, XS };
+//#endregion
+export { DEFAULT_PAGE_SIZES, PARTS, ROW_SIZES, SCOPE };

package/dist/context.client.cjs

@@ -1,18 +1,18 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const signals = require('@cerberus-design/signals');
-
-const { StoreProvider: BaseProvider, useStore: useBaseStore } = signals.createStoreContext();
+"use client";
+"use client";
+let _cerberus_design_signals = require("@cerberus-design/signals");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/context.client.tsx
+var { StoreProvider: BaseProvider, useStore: useBaseStore } = (0, _cerberus_design_signals.createStoreContext)();
 function DataGridProvider(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(BaseProvider, { createStore: props.createStore, children: props.children });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseProvider, {
+		createStore: props.createStore,
+		children: props.children
+	});
 }
 function useDataGridContext() {
-  return useBaseStore();
+	return useBaseStore();
 }
-
+//#endregion
 exports.DataGridProvider = DataGridProvider;
 exports.useDataGridContext = useDataGridContext;

package/dist/context.client.js

@@ -1,13 +1,17 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { createStoreContext } from '@cerberus-design/signals';
-
-const { StoreProvider: BaseProvider, useStore: useBaseStore } = createStoreContext();
+"use client";
+"use client";
+import { createStoreContext } from "@cerberus-design/signals";
+import { jsx } from "react/jsx-runtime";
+//#region src/context.client.tsx
+var { StoreProvider: BaseProvider, useStore: useBaseStore } = createStoreContext();
 function DataGridProvider(props) {
-  return /* @__PURE__ */ jsx(BaseProvider, { createStore: props.createStore, children: props.children });
+	return /* @__PURE__ */ jsx(BaseProvider, {
+		createStore: props.createStore,
+		children: props.children
+	});
 }
 function useDataGridContext() {
-  return useBaseStore();
+	return useBaseStore();
 }
-
+//#endregion
 export { DataGridProvider, useDataGridContext };

package/dist/hooks.client.cjs

@@ -1,29 +1,22 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-
+"use client";
+"use client";
+let react = require("react");
+//#region src/hooks.client.ts
 function usePinnedState(pinned) {
-  return pinned ? "pinned" : "unpinned";
+	return pinned ? "pinned" : "unpinned";
 }
 function usePinnedAttribute(pinned) {
-  return pinned ? { "data-pinned": pinned } : void 0;
+	return pinned ? { "data-pinned": pinned } : void 0;
 }
 function useColumnStyles(column, pinnedVal) {
-  const styles = react.useMemo(
-    () => ({
-      order: `var(--col-${column.id}-order)`,
-      left: pinnedVal === "left" ? `var(--col-${column.id}-left)` : void 0,
-      right: pinnedVal === "right" ? `var(--col-${column.id}-right)` : void 0,
-      width: `var(--col-${column.id}-width)`
-    }),
-    [column.id, pinnedVal]
-  );
-  return styles;
+	return (0, react.useMemo)(() => ({
+		order: `var(--col-${column.id}-order)`,
+		left: pinnedVal === "left" ? `var(--col-${column.id}-left)` : void 0,
+		right: pinnedVal === "right" ? `var(--col-${column.id}-right)` : void 0,
+		width: `var(--col-${column.id}-width)`
+	}), [column.id, pinnedVal]);
 }
-
+//#endregion
 exports.useColumnStyles = useColumnStyles;
 exports.usePinnedAttribute = usePinnedAttribute;
 exports.usePinnedState = usePinnedState;

package/dist/hooks.client.js

@@ -1,23 +1,20 @@
-'use client';
-import { useMemo } from 'react';
-
+"use client";
+"use client";
+import { useMemo } from "react";
+//#region src/hooks.client.ts
 function usePinnedState(pinned) {
-  return pinned ? "pinned" : "unpinned";
+	return pinned ? "pinned" : "unpinned";
 }
 function usePinnedAttribute(pinned) {
-  return pinned ? { "data-pinned": pinned } : void 0;
+	return pinned ? { "data-pinned": pinned } : void 0;
 }
 function useColumnStyles(column, pinnedVal) {
-  const styles = useMemo(
-    () => ({
-      order: `var(--col-${column.id}-order)`,
-      left: pinnedVal === "left" ? `var(--col-${column.id}-left)` : void 0,
-      right: pinnedVal === "right" ? `var(--col-${column.id}-right)` : void 0,
-      width: `var(--col-${column.id}-width)`
-    }),
-    [column.id, pinnedVal]
-  );
-  return styles;
+	return useMemo(() => ({
+		order: `var(--col-${column.id}-order)`,
+		left: pinnedVal === "left" ? `var(--col-${column.id}-left)` : void 0,
+		right: pinnedVal === "right" ? `var(--col-${column.id}-right)` : void 0,
+		width: `var(--col-${column.id}-width)`
+	}), [column.id, pinnedVal]);
 }
-
+//#endregion
 export { useColumnStyles, usePinnedAttribute, usePinnedState };

package/dist/index.cjs

@@ -1,15 +1,9 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const dataGrid_client = require('./components/data-grid.client.cjs');
-const cerbyDataGrid_client = require('./components/cerby-data-grid.client.cjs');
-const context_client = require('./context.client.cjs');
-const columnHelpers = require('./column-helpers.cjs');
-
-
-
-exports.DataGrid = dataGrid_client.DataGrid;
-exports.CerberusDataGrid = cerbyDataGrid_client.CerberusDataGrid;
-exports.useDataGridContext = context_client.useDataGridContext;
-exports.createColumnHelper = columnHelpers.createColumnHelper;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_context_client = require("./context.client.cjs");
+const require_data_grid_client = require("./components/data-grid.client.cjs");
+const require_cerby_data_grid_client = require("./components/cerby-data-grid.client.cjs");
+const require_column_helpers = require("./column-helpers.cjs");
+exports.CerberusDataGrid = require_cerby_data_grid_client.CerberusDataGrid;
+exports.DataGrid = require_data_grid_client.DataGrid;
+exports.createColumnHelper = require_column_helpers.createColumnHelper;
+exports.useDataGridContext = require_context_client.useDataGridContext;