lkd-web-kit 0.10.1 → 0.10.3

package/dist/components/TableWrapper/TableWrapperPagination.cjs

@@ -0,0 +1,31 @@
+require("../../_virtual/_rolldown/runtime.cjs");
+let _mantine_core = require("@mantine/core");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/TableWrapper/TableWrapperPagination.tsx
+var TableWrapperPagination = ({ variant = "long", text, totalRows = 15, pageSize = 10, currentRows = pageSize, value = 1, ...props }) => {
+	if (variant === "short") {
+		const start = totalRows > 0 ? (value - 1) * pageSize + 1 : 0;
+		const end = Math.min(start + currentRows - 1, totalRows);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex w-full items-center justify-end gap-3",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "text-grey-7 text-sm",
+				children: text ?? `${start}-${end} de ${totalRows} filas`
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Pagination, {
+				withPages: false,
+				value,
+				...props
+			})]
+		});
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Pagination, {
+		boundaries: 0,
+		siblings: 2,
+		withEdges: true,
+		classNames: { dots: "hidden" },
+		value,
+		...props
+	});
+};
+//#endregion
+exports.default = TableWrapperPagination;

package/dist/components/TableWrapper/TableWrapperPagination.d.ts

@@ -0,0 +1,16 @@
+import { PaginationProps } from '@mantine/core';
+type TableWrapperPaginationBaseProps = Omit<PaginationProps, 'boundaries' | 'siblings' | 'withControls' | 'withEdges' | 'variant'> & {
+    text?: string;
+    totalRows?: number;
+    currentRows?: number;
+};
+export type TableWrapperPaginationProps = (TableWrapperPaginationBaseProps & {
+    variant?: 'long';
+    pageSize?: number;
+}) | (TableWrapperPaginationBaseProps & {
+    variant: 'short';
+    pageSize: number;
+});
+declare const TableWrapperPagination: ({ variant, text, totalRows, pageSize, currentRows, value, ...props }: TableWrapperPaginationProps) => import("react/jsx-runtime").JSX.Element;
+export default TableWrapperPagination;
+//# sourceMappingURL=TableWrapperPagination.d.ts.map

package/dist/components/TableWrapper/TableWrapperPagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableWrapperPagination.d.ts","sourceRoot":"","sources":["../../../src/components/TableWrapper/TableWrapperPagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAE3D,KAAK,+BAA+B,GAAG,IAAI,CACzC,eAAe,EACf,YAAY,GAAG,UAAU,GAAG,cAAc,GAAG,WAAW,GAAG,SAAS,CACrE,GAAG;IACF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,2BAA2B,GACnC,CAAC,+BAA+B,GAAG;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAC,GACF,CAAC,+BAA+B,GAAG;IACjC,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAC,CAAA;AAEN,QAAA,MAAM,sBAAsB,GAAI,sEAQ7B,2BAA2B,4CAyB7B,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/components/TableWrapper/TableWrapperPagination.js

@@ -0,0 +1,30 @@
+import { Pagination } from "@mantine/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/TableWrapper/TableWrapperPagination.tsx
+var TableWrapperPagination = ({ variant = "long", text, totalRows = 15, pageSize = 10, currentRows = pageSize, value = 1, ...props }) => {
+	if (variant === "short") {
+		const start = totalRows > 0 ? (value - 1) * pageSize + 1 : 0;
+		const end = Math.min(start + currentRows - 1, totalRows);
+		return /* @__PURE__ */ jsxs("div", {
+			className: "flex w-full items-center justify-end gap-3",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-grey-7 text-sm",
+				children: text ?? `${start}-${end} de ${totalRows} filas`
+			}), /* @__PURE__ */ jsx(Pagination, {
+				withPages: false,
+				value,
+				...props
+			})]
+		});
+	}
+	return /* @__PURE__ */ jsx(Pagination, {
+		boundaries: 0,
+		siblings: 2,
+		withEdges: true,
+		classNames: { dots: "hidden" },
+		value,
+		...props
+	});
+};
+//#endregion
+export { TableWrapperPagination as default };

package/dist/components/TableWrapper/TableWrapperTitle.cjs

@@ -0,0 +1,11 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx, 1);
+//#region src/components/TableWrapper/TableWrapperTitle.tsx
+var TableWrapperTitle = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+	className: (0, clsx.default)("font-semibold text-lg", className),
+	...props
+});
+//#endregion
+exports.default = TableWrapperTitle;

package/dist/components/TableWrapper/TableWrapperTitle.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from 'react';
+export type TableWrapperTitleProps = ComponentProps<'p'>;
+declare const TableWrapperTitle: ({ className, ...props }: TableWrapperTitleProps) => import("react/jsx-runtime").JSX.Element;
+export default TableWrapperTitle;
+//# sourceMappingURL=TableWrapperTitle.d.ts.map

package/dist/components/TableWrapper/TableWrapperTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableWrapperTitle.d.ts","sourceRoot":"","sources":["../../../src/components/TableWrapper/TableWrapperTitle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAA;AAExD,QAAA,MAAM,iBAAiB,GAAI,yBAAyB,sBAAsB,4CAEzE,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/components/TableWrapper/TableWrapperTitle.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/components/TableWrapper/TableWrapperTitle.tsx
+var TableWrapperTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("p", {
+	className: clsx("font-semibold text-lg", className),
+	...props
+});
+//#endregion
+export { TableWrapperTitle as default };

package/dist/components/TableWrapper/index.d.ts

@@ -0,0 +1,11 @@
+export type { TableWrapperProps } from './TableWrapper';
+export { default as TableWrapper } from './TableWrapper';
+export type { TableWrapperFooterProps } from './TableWrapperFooter';
+export { default as TableWrapperFooter } from './TableWrapperFooter';
+export type { TableWrapperHeaderProps } from './TableWrapperHeader';
+export { default as TableWrapperHeader } from './TableWrapperHeader';
+export type { TableWrapperPaginationProps } from './TableWrapperPagination';
+export { default as TableWrapperPagination } from './TableWrapperPagination';
+export type { TableWrapperTitleProps } from './TableWrapperTitle';
+export { default as TableWrapperTitle } from './TableWrapperTitle';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TableWrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableWrapper/index.tsx"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAC5E,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/components/index.d.ts

@@ -12,8 +12,10 @@ export * from './MyNotifications';
 export * from './MyNumberInput';
 export * from './MyRadioGroup';
 export * from './MySelect';
+export * from './MyTable';
 export * from './MyTextarea';
 export * from './MyTextInput';
 export * from './MyTimeInput';
 export * from './NavItems';
+export * from './TableWrapper';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAE7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAE7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/dist/index.cjs

@@ -14,10 +14,16 @@ const require_index$9 = require("./components/MyNotifications/index.cjs");
 const require_index$10 = require("./components/MyNumberInput/index.cjs");
 const require_index$11 = require("./components/MyRadioGroup/index.cjs");
 const require_index$12 = require("./components/MySelect/index.cjs");
+const require_MyTable = require("./components/MyTable/MyTable.cjs");
 const require_index$13 = require("./components/MyTextarea/index.cjs");
 const require_index$14 = require("./components/MyTextInput/index.cjs");
 const require_index$15 = require("./components/MyTimeInput/index.cjs");
 const require_NavItems = require("./components/NavItems.cjs");
+const require_TableWrapper = require("./components/TableWrapper/TableWrapper.cjs");
+const require_TableWrapperFooter = require("./components/TableWrapper/TableWrapperFooter.cjs");
+const require_TableWrapperHeader = require("./components/TableWrapper/TableWrapperHeader.cjs");
+const require_TableWrapperPagination = require("./components/TableWrapper/TableWrapperPagination.cjs");
+const require_TableWrapperTitle = require("./components/TableWrapper/TableWrapperTitle.cjs");
 const require_http_status = require("./consts/http-status.cjs");
 const require_revalidate = require("./consts/revalidate.cjs");
 const require_index$16 = require("./contexts/ModalManagerContext/index.cjs");
@@ -52,6 +58,7 @@ const require_useFetchNextPageOnScroll = require("./hooks/useFetchNextPageOnScro
 const require_useUpdateSearchParams = require("./hooks/useUpdateSearchParams.cjs");
 const require_useZodConfig = require("./hooks/useZodConfig.cjs");
 const require_my_default_theme = require("./mantine/my-default-theme.cjs");
+const require_create_lkd_theme = require("./mantine/create-lkd-theme.cjs");
 const require_to_tailwind_colors = require("./mantine/to-tailwind-colors.cjs");
 const require_groupBy = require("./utils/array/groupBy.cjs");
 const require_shuffleArray = require("./utils/array/shuffleArray.cjs");
@@ -93,6 +100,7 @@ exports.MyNotifications = require_index$9.MyNotifications;
 exports.MyNumberInput = require_index$10.MyNumberInput;
 exports.MyRadioGroup = require_index$11.MyRadioGroup;
 exports.MySelect = require_index$12.MySelect;
+exports.MyTable = require_MyTable;
 exports.MyTextInput = require_index$14.MyTextInput;
 exports.MyTextarea = require_index$13.MyTextarea;
 exports.MyTimeInput = require_index$15.MyTimeInput;
@@ -101,8 +109,14 @@ exports.NavigationHistoryProvider = require_index$17.NavigationHistoryProvider;
 exports.PageDataProvider = require_index$18.PageDataProvider;
 exports.QP_BACK_URL_NAME = require_hook.QP_BACK_URL_NAME;
 exports.Revalidate = require_revalidate.Revalidate;
+exports.TableWrapper = require_TableWrapper;
+exports.TableWrapperFooter = require_TableWrapperFooter;
+exports.TableWrapperHeader = require_TableWrapperHeader;
+exports.TableWrapperPagination = require_TableWrapperPagination;
+exports.TableWrapperTitle = require_TableWrapperTitle;
 exports.addBodyJsonHook = require_addBodyJsonHook.addBodyJsonHook;
 exports.breakpointsWithPx = require_breakpoints_with_px.breakpointsWithPx;
+exports.createLkdTheme = require_create_lkd_theme.createLkdTheme;
 exports.createNewRoute = require_new_route.createNewRoute;
 exports.formatBytes = require_formatBytes.formatBytes;
 exports.getVirtualContainerProps = require_virtual_styles.getVirtualContainerProps;

package/dist/index.js

@@ -13,10 +13,16 @@ import { MyNotifications } from "./components/MyNotifications/index.js";
 import { MyNumberInput } from "./components/MyNumberInput/index.js";
 import { MyRadioGroup } from "./components/MyRadioGroup/index.js";
 import { MySelect } from "./components/MySelect/index.js";
+import MyTable from "./components/MyTable/MyTable.js";
 import { MyTextarea } from "./components/MyTextarea/index.js";
 import { MyTextInput } from "./components/MyTextInput/index.js";
 import { MyTimeInput } from "./components/MyTimeInput/index.js";
 import { NavItems } from "./components/NavItems.js";
+import TableWrapper from "./components/TableWrapper/TableWrapper.js";
+import TableWrapperFooter from "./components/TableWrapper/TableWrapperFooter.js";
+import TableWrapperHeader from "./components/TableWrapper/TableWrapperHeader.js";
+import TableWrapperPagination from "./components/TableWrapper/TableWrapperPagination.js";
+import TableWrapperTitle from "./components/TableWrapper/TableWrapperTitle.js";
 import { HttpStatus } from "./consts/http-status.js";
 import { Revalidate } from "./consts/revalidate.js";
 import { ModalManagerProvider, useModalManager } from "./contexts/ModalManagerContext/index.js";
@@ -51,6 +57,7 @@ import { useFetchNextPageOnScroll } from "./hooks/useFetchNextPageOnScroll.js";
 import { useUpdateSearchParams } from "./hooks/useUpdateSearchParams.js";
 import { useZodConfig } from "./hooks/useZodConfig.js";
 import { myDefaultTheme } from "./mantine/my-default-theme.js";
+import { createLkdTheme } from "./mantine/create-lkd-theme.js";
 import { toTailwindColors } from "./mantine/to-tailwind-colors.js";
 import { groupBy, indexBy } from "./utils/array/groupBy.js";
 import { shuffleArray } from "./utils/array/shuffleArray.js";
@@ -60,4 +67,4 @@ import { addBodyJsonHook } from "./utils/ky/addBodyJsonHook.js";
 import { parseJSON } from "./utils/ky/parseJson.js";
 import { queryStringify } from "./utils/query-stringify.js";
 import { createNewRoute, newRoute } from "./utils/new-route.js";
-export { EmptyState, Form, FormCheckbox, FormCheckboxGroup, FormDateInput, FormDatePickerInput, FormDateTimePicker, FormInfinitySelect, FormMonthPickerInput, FormMultiSelect, FormNumberInput, FormRadioGroup, FormSelect, FormSubmitButton, FormTextInput, FormTextarea, FormTimeInput, HttpStatus, Icon, InfinityLoadMoreButton, InfinitySelect, ModalManagerProvider, MyCheckboxGroup, MyDateInput, MyDatePickerInput, MyDateTimePicker, MyMonthPickerInput, MyMultiSelect, MyNotifications, MyNumberInput, MyRadioGroup, MySelect, MyTextInput, MyTextarea, MyTimeInput, NavItems, NavigationHistoryProvider, PageDataProvider, QP_BACK_URL_NAME, Revalidate, addBodyJsonHook, breakpointsWithPx, createNewRoute, formatBytes, getVirtualContainerProps, getVirtualItemProps, groupBy, indexBy, isInfinityEmpty, myDefaultTheme, newRoute, nullableButRequired, numberToTimeInput, optionalButRequired, parseJSON, queryStringify, shuffleArray, timeInputToNumber, toTailwindColors, useBreakpoint, useFetchNextPageOnScroll, useModalManager, useNavigationHistory, useOnScrollProgress, usePageData, useUpdateSearchParams, useZodConfig, withController, withModalManager, zodValidator };
+export { EmptyState, Form, FormCheckbox, FormCheckboxGroup, FormDateInput, FormDatePickerInput, FormDateTimePicker, FormInfinitySelect, FormMonthPickerInput, FormMultiSelect, FormNumberInput, FormRadioGroup, FormSelect, FormSubmitButton, FormTextInput, FormTextarea, FormTimeInput, HttpStatus, Icon, InfinityLoadMoreButton, InfinitySelect, ModalManagerProvider, MyCheckboxGroup, MyDateInput, MyDatePickerInput, MyDateTimePicker, MyMonthPickerInput, MyMultiSelect, MyNotifications, MyNumberInput, MyRadioGroup, MySelect, MyTable, MyTextInput, MyTextarea, MyTimeInput, NavItems, NavigationHistoryProvider, PageDataProvider, QP_BACK_URL_NAME, Revalidate, TableWrapper, TableWrapperFooter, TableWrapperHeader, TableWrapperPagination, TableWrapperTitle, addBodyJsonHook, breakpointsWithPx, createLkdTheme, createNewRoute, formatBytes, getVirtualContainerProps, getVirtualItemProps, groupBy, indexBy, isInfinityEmpty, myDefaultTheme, newRoute, nullableButRequired, numberToTimeInput, optionalButRequired, parseJSON, queryStringify, shuffleArray, timeInputToNumber, toTailwindColors, useBreakpoint, useFetchNextPageOnScroll, useModalManager, useNavigationHistory, useOnScrollProgress, usePageData, useUpdateSearchParams, useZodConfig, withController, withModalManager, zodValidator };

package/dist/mantine/breakpoints-with-px.cjs

@@ -1,11 +1,12 @@
 //#region src/mantine/breakpoints-with-px.ts
 var breakpointsWithPx = {
-	xs: "576px",
+	xs: "540px",
 	sm: "640px",
 	md: "768px",
 	lg: "1024px",
 	xl: "1280px",
-	["2xl"]: "1536px"
+	"2xl": "1536px",
+	"3xl": "1680px"
 };
 //#endregion
 exports.breakpointsWithPx = breakpointsWithPx;

package/dist/mantine/breakpoints-with-px.d.ts

@@ -4,6 +4,7 @@ export declare const breakpointsWithPx: {
     md: string;
     lg: string;
     xl: string;
-    "2xl": string;
+    '2xl': string;
+    '3xl': string;
 };
 //# sourceMappingURL=breakpoints-with-px.d.ts.map

package/dist/mantine/breakpoints-with-px.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints-with-px.d.ts","sourceRoot":"","sources":["../../src/mantine/breakpoints-with-px.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;;;;;;;CAO7B,CAAA"}
+{"version":3,"file":"breakpoints-with-px.d.ts","sourceRoot":"","sources":["../../src/mantine/breakpoints-with-px.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;;;;;;;;CAQ7B,CAAA"}

package/dist/mantine/breakpoints-with-px.js

@@ -1,11 +1,12 @@
 //#region src/mantine/breakpoints-with-px.ts
 var breakpointsWithPx = {
-	xs: "576px",
+	xs: "540px",
 	sm: "640px",
 	md: "768px",
 	lg: "1024px",
 	xl: "1280px",
-	["2xl"]: "1536px"
+	"2xl": "1536px",
+	"3xl": "1680px"
 };
 //#endregion
 export { breakpointsWithPx };

package/dist/mantine/create-lkd-theme.cjs

@@ -0,0 +1,7 @@
+require("../_virtual/_rolldown/runtime.cjs");
+const require_my_default_theme = require("./my-default-theme.cjs");
+let _mantine_core = require("@mantine/core");
+//#region src/mantine/create-lkd-theme.ts
+var createLkdTheme = (theme) => (0, _mantine_core.createTheme)((0, _mantine_core.mergeThemeOverrides)(require_my_default_theme.myDefaultTheme, theme));
+//#endregion
+exports.createLkdTheme = createLkdTheme;

package/dist/mantine/create-lkd-theme.d.ts

@@ -0,0 +1,3 @@
+import { MantineThemeOverride } from '@mantine/core';
+export declare const createLkdTheme: (theme: MantineThemeOverride) => MantineThemeOverride;
+//# sourceMappingURL=create-lkd-theme.d.ts.map

package/dist/mantine/create-lkd-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-lkd-theme.d.ts","sourceRoot":"","sources":["../../src/mantine/create-lkd-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,oBAAoB,EAAuB,MAAM,eAAe,CAAA;AAG3F,eAAO,MAAM,cAAc,GAAI,OAAO,oBAAoB,KAAG,oBACJ,CAAA"}

package/dist/mantine/create-lkd-theme.js

@@ -0,0 +1,6 @@
+import { myDefaultTheme } from "./my-default-theme.js";
+import { createTheme, mergeThemeOverrides } from "@mantine/core";
+//#region src/mantine/create-lkd-theme.ts
+var createLkdTheme = (theme) => createTheme(mergeThemeOverrides(myDefaultTheme, theme));
+//#endregion
+export { createLkdTheme };

package/dist/mantine/index.d.ts

@@ -1,4 +1,5 @@
 export * from './breakpoints-with-px';
+export * from './create-lkd-theme';
 export * from './my-default-theme';
 export * from './to-tailwind-colors';
 //# sourceMappingURL=index.d.ts.map

package/dist/mantine/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/mantine/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/mantine/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "description": "A template for creating React component libraries with Vite.",
   "author": "LKD",
   "license": "MIT",
@@ -20,13 +20,13 @@
     }
   },
   "bin": {
-    "lkd-install-codex-skills": "./scripts/install-codex-skills.mjs"
+    "lkd-install-agent-skills": "./scripts/install-agent-skills.mjs"
   },
   "sideEffects": false,
   "engines": {
     "node": ">=22.12.0"
   },
-  "files": ["dist", "codex/skills", "scripts/install-codex-skills.mjs"],
+  "files": ["dist", ".agents/skills", "scripts/install-agent-skills.mjs"],
   "scripts": {
     "test": "vitest run --passWithNoTests",
     "test:watch": "vitest",
@@ -37,6 +37,7 @@
   },
   "devDependencies": {
     "@biomejs/biome": "2.4.14",
+    "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.13.24",
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
@@ -60,6 +61,7 @@
     "@mantine/hooks": "^9.4.1",
     "@mantine/notifications": "^9.4.1",
     "@tanstack/react-query": "^5.101.2",
+    "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.14.4",
     "clsx": "^2.1.1",
     "ky": "^2.0.2",

package/scripts/{install-codex-skills.mjs → install-agent-skills.mjs}

@@ -4,7 +4,7 @@ import { dirname, join } from 'node:path'
 import { fileURLToPath } from 'node:url'
 
 const scriptDir = dirname(fileURLToPath(import.meta.url))
-const source = join(scriptDir, '..', 'codex', 'skills')
+const source = join(scriptDir, '..', '.agents', 'skills')
 const target = join(process.cwd(), '.agents', 'skills')
 
 if (!existsSync(source)) {

package/codex/skills/create-modal-component/SKILL.md

@@ -1,168 +0,0 @@
----
-name: create-modal-component
-description: Crear modales en proyectos internos con el modal manager global de lkd-web-kit. Usar cuando Codex deba agregar, modificar o registrar modales bajo src/components/modals, envolverlos con withModalManager, elegir entre un modal interno del proyecto o Modal de Mantine, organizar el modal en carpeta propia, tipar props para showModal, actualizar dynamicModals, MyModalManagerProvider, module augmentation o loadModals.
----
-
-# Crear Modal Component
-
-Usar este flujo para modales abiertos con `useModalManager().showModal(...)`.
-
-## Lectura Obligatoria
-
-1. Leer `docs/lkd-web-kit.md` y `docs/local-components.md`.
-2. Leer `src/components/modals/index.ts`.
-3. Leer `src/contexts/MyModalManagerContext/index.tsx`.
-4. Leer `src/types/lkd-web-kit.d.ts`.
-5. Buscar si existe un modal interno en `src/components/ui` o componentes compartidos antes de importar `Modal` de Mantine.
-6. Leer un modal existente del mismo dominio en `src/components/modals/{dominio}`.
-7. Si se toca `next/dynamic` o lazy loading, leer `node_modules/next/dist/docs/01-app/02-guides/lazy-loading.md`.
-
-## Arquitectura Actual
-
-- `lkd-web-kit` exporta `ModalManagerProvider`, `useModalManager`, `withModalManager`, `ModalRegistryItem`, `ModalKey` y tipos relacionados.
-- El proyecto no usa `src/contexts/ModalManagerContext`; no recrearlo.
-- `src/contexts/MyModalManagerContext/index.tsx` adapta el provider del kit y le pasa `dynamicModals`.
-- `src/types/lkd-web-kit.d.ts` hace module augmentation para que `showModal` infiera keys y props desde `dynamicModals`.
-- `src/app/PageProviders.tsx` envuelve la app con `MyModalManagerProvider` y propaga `loadModals`.
-
-## Estructura
-
-- Crear modales en `src/components/modals/{dominio}/{NombreModal}/index.tsx` cuando tengan formulario, schema, hooks internos, assets o subcomponentes.
-- Usar archivo plano `src/components/modals/{dominio}/{NombreModal}.tsx` solo para modales triviales de una pieza, siguiendo el patron existente.
-- Colocar piezas privadas junto al modal: `schema.ts`, `helpers.ts`, subcomponentes o assets dentro de la misma carpeta.
-- No mover logica compartida a `src/components/ui` salvo que ya exista mas de un consumidor real.
-
-## Implementacion
-
-1. Definir props exportadas si el modal recibe datos desde `showModal`:
-
-```tsx
-export interface MyModalProps {
-  itemId: string;
-  onSuccess?: () => void;
-}
-```
-
-2. Envolver el componente con `withModalManager<Props>`.
-3. Recibir `modalProps` desde el wrapper y pasarlo al modal raiz.
-4. Antes de usar `Modal` de `@mantine/core`, corroborar si el proyecto tiene un modal interno que ya envuelve Mantine y usarlo si cubre el caso.
-5. Usar clases Tailwind para spacing, radius, shadow, margin y padding; evitar props Mantine equivalentes si `className` resuelve el caso.
-6. Usar wrappers locales del proyecto o `lkd-web-kit` antes que primitivas Mantine directas.
-7. No usar `any`.
-
-Modal base con modal interno:
-
-```tsx
-import { withModalManager } from "lkd-web-kit";
-import ButtonAE from "src/components/ui/ButtonAE";
-import InternalModal from "src/components/ui/InternalModal";
-
-export interface MyModalProps {
-  onConfirm?: () => void;
-}
-
-const MyModal = withModalManager<MyModalProps>(
-  ({ onConfirm, modalProps }) => {
-    return (
-      <InternalModal {...modalProps} size="lg">
-        <InternalModal.Header>Titulo</InternalModal.Header>
-        <InternalModal.Body className="grid gap-4">Contenido</InternalModal.Body>
-        <InternalModal.Footer>
-          <ButtonAE
-            onClick={() => {
-              onConfirm?.();
-              modalProps.onClose?.();
-            }}
-          >
-            Guardar
-          </ButtonAE>
-        </InternalModal.Footer>
-      </InternalModal>
-    );
-  },
-);
-
-export default MyModal;
-```
-
-Fallback con Mantine, solo si no hay modal interno aplicable:
-
-```tsx
-import { Modal } from "@mantine/core";
-import { withModalManager } from "lkd-web-kit";
-
-const MyModal = withModalManager(({ modalProps }) => (
-  <Modal {...modalProps} title="Titulo">
-    Contenido
-  </Modal>
-));
-
-export default MyModal;
-```
-
-## Registro
-
-1. Exportar las props publicas desde el modal.
-2. Importar el tipo de props en `src/components/modals/index.ts`:
-
-```ts
-import type { MyModalProps } from "./domain/MyModal";
-```
-
-3. Registrar con `dynamicModal<Props>("domain/MyModal")`:
-
-```ts
-"domain.myModal": dynamicModal<MyModalProps>("domain/MyModal"),
-```
-
-4. Usar una key estable con formato `{dominio}.{accion}`.
-5. No tocar `src/types/lkd-web-kit.d.ts` si `dynamicModals` sigue siendo la fuente unica. La augmentacion ya apunta a `typeof dynamicModals`.
-6. Si se cambia la forma del registro, mantener `ModalRegistryItem<T>` y que cada item tenga `component`, `load` y `path`.
-
-## Contexto y Precarga
-
-- Para rutas que ya usan `PageProviders`, pasar `loadModals` ahi:
-
-```tsx
-<PageProviders loadModals={["domain.myModal"]}>{children}</PageProviders>
-```
-
-- `loadModals` acepta una key exacta o un prefijo, por ejemplo `"development"` para precargar todos los modales cuyo key empieza con ese prefijo.
-- Para layouts que no usan `PageProviders`, envolver el arbol con `MyModalManagerProvider`:
-
-```tsx
-import { MyModalManagerProvider } from "src/contexts/MyModalManagerContext";
-
-<MyModalManagerProvider loadModals={["domain.myModal"]}>
-  {children}
-</MyModalManagerProvider>
-```
-
-- Evitar providers anidados salvo que haya una razon real: un provider interno aisla estado y puede cerrar o reemplazar modales inesperadamente.
-- Invocar siempre con `useModalManager` desde `lkd-web-kit`, nunca importando el modal directo desde una vista:
-
-```tsx
-import { useModalManager } from "lkd-web-kit";
-
-const { showModal, closeModal } = useModalManager();
-showModal("domain.myModal", { itemId: "123" });
-closeModal("domain.myModal");
-```
-
-## Formularios Dentro de Modales
-
-- Usar la skill `rhf-lkd-forms` si el modal contiene formulario.
-- Pasar `onSuccess={modalProps.onClose}` o cerrar en el submit exitoso.
-- En errores de API, mostrar la alerta esperada y luego hacer `throw error`.
-- No poner mensajes textuales en reglas base de Zod.
-
-## Checklist
-
-- El modal exporta default envuelto con `withModalManager`.
-- Las props publicas estan exportadas y registradas en `dynamicModals`.
-- `showModal("key", props)` queda tipado sin `any`.
-- `useModalManager` se importa desde `lkd-web-kit`.
-- La ruta esta bajo `PageProviders` o `MyModalManagerProvider`.
-- `loadModals` se agrega solo cuando conviene precargar.
-- Se reutiliza el modal interno del proyecto salvo necesidad concreta de Mantine directo.
-- Se ejecuta una verificacion focalizada si el cambio no es trivial.

package/codex/skills/create-modal-component/agents/openai.yaml

@@ -1,4 +0,0 @@
-interface:
-  display_name: "Create Modal Component"
-  short_description: "Create project modals with manager registration."
-  default_prompt: "Use $create-modal-component to create a modal following this project's modal manager pattern."

package/codex/skills/create-svg-icon/SKILL.md

@@ -1,41 +0,0 @@
----
-name: create-svg-icon
-description: Create SVG icon files in projects that expose SVGs from src/icons. Use when Codex must add a new icon under src/icons from user-provided SVG markup, normalize SVG colors to currentColor for Tailwind text-* styling, and export the icon alias from src/icons/index.ts.
----
-
-# Create SVG Icon
-
-Use this skill when the user provides SVG markup and the desired icon name, usually in the form `Icon{Name}`.
-
-## Required Workflow
-
-1. Read `src/icons/index.ts` before editing.
-2. Determine the component export name from the user input.
-   - Expected format: `Icon{Name}`.
-   - Keep the export alias with the `Icon` prefix.
-3. Verify the icon does not already exist.
-   - Check for the exact alias in `src/icons/index.ts`.
-   - Check for the target SVG filename in `src/icons/`.
-   - If either exists, cancel the operation and notify the user.
-4. Build the SVG filename.
-   - Remove the leading `Icon` prefix.
-   - Convert the remaining name to kebab-case.
-   - Save it as `src/icons/{name}.svg`.
-   - Example: `IconBuildingTower` -> `src/icons/building-tower.svg`.
-5. Normalize the provided SVG.
-   - Replace every explicit visual color value with `currentColor`.
-   - Include colors expressed as hex, rgb(), rgba(), hsl(), hsla(), named colors, or inline style values.
-   - Apply this to attributes such as `fill`, `stroke`, `color`, `stop-color`, and CSS declarations inside `style`.
-   - Preserve `fill="none"`, `stroke="none"`, `currentColor`, `transparent`, masks, clipping, sizing, viewBox, paths, and structural SVG attributes.
-   - Do not convert opacity values to `currentColor`.
-6. Create the SVG file in `src/icons/`.
-7. Add the alias in `src/icons/index.ts` following the existing export style in that file.
-8. Report the created SVG path and the added export alias.
-
-## Guardrails
-
-- Do not use `any`.
-- Do not create React wrapper components for the icon unless the existing icon system requires it.
-- Do not overwrite an existing icon file or alias.
-- Do not invent SVG path data; use the SVG supplied by the user.
-- Keep edits scoped to `src/icons/{name}.svg` and `src/icons/index.ts` unless the user asks for something else.

package/codex/skills/create-svg-icon/agents/openai.yaml

@@ -1,3 +0,0 @@
-display_name: Create SVG Icon
-short_description: Create project SVG icons with currentColor and index exports.
-default_prompt: Create an SVG icon for this project from the SVG markup and icon name I provide.