lkd-web-kit 0.3.5 → 0.3.7

package/dist/index.es50.js

@@ -0,0 +1,40 @@
+function indexBy(arr, getKey, getValue) {
+  if (getValue)
+    return arr.reduce(
+      (acc, item) => {
+        const key = getKey(item);
+        if (key === void 0) return acc;
+        acc[key] = getValue(item);
+        return acc;
+      },
+      {}
+    );
+  return arr.reduce(
+    (acc, item) => {
+      const key = getKey(item);
+      if (key === void 0) return acc;
+      acc[key] = item;
+      return acc;
+    },
+    {}
+  );
+}
+const groupBy = (arr, getKey) => {
+  const groups = {};
+  arr?.forEach((item) => {
+    const key = getKey(item);
+    if (key === null) return;
+    if (Array.isArray(key)) {
+      key.forEach((k) => {
+        if (!groups[k]) groups[k] = [];
+        groups[k]?.push(item);
+      });
+      return;
+    }
+    if (!groups[key]) groups[key] = [];
+    groups[key]?.push(item);
+  });
+  return groups;
+};
+
+export { groupBy, indexBy };

package/dist/index.es51.js

@@ -0,0 +1,15 @@
+const shuffleArray = (array) => {
+  const shuffledArray = [...array];
+  let currentIndex = shuffledArray.length, randomIndex;
+  while (currentIndex > 0) {
+    randomIndex = Math.floor(Math.random() * currentIndex);
+    currentIndex--;
+    [shuffledArray[currentIndex], shuffledArray[randomIndex]] = [
+      shuffledArray[randomIndex],
+      shuffledArray[currentIndex]
+    ];
+  }
+  return shuffledArray;
+};
+
+export { shuffleArray };

package/dist/index.es52.js

@@ -0,0 +1,20 @@
+import queryString from 'query-string';
+
+const newHref = (fn) => (args) => {
+  const href = typeof fn === "string" ? fn : fn(
+    args ?? {
+      params: {},
+      searchParams: {}
+    }
+  );
+  if (args?.searchParams) {
+    const qs = queryString.stringify(args.searchParams, {
+      skipEmptyString: true,
+      skipNull: true
+    });
+    return `${href}${qs ? `?${qs}` : ""}`;
+  }
+  return href;
+};
+
+export { newHref };

package/dist/index.es53.js

@@ -0,0 +1,3 @@
+const isInfinityEmpty = (data) => data?.pages[0].data.length === 0;
+
+export { isInfinityEmpty };

package/dist/index.es54.js

@@ -0,0 +1,63 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const CalendarIcon = ({ size = "sm", ...props }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size === "sm" ? 20 : 24,
+      height: size === "sm" ? 20 : 24,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M6 5.5C5.66848 5.5 5.35054 5.6317 5.11612 5.86612C4.8817 6.10054 4.75 6.41848 4.75 6.75V18.75C4.75 19.0815 4.8817 19.3995 5.11612 19.6339C5.35054 19.8683 5.66848 20 6 20H18C18.3315 20 18.6495 19.8683 18.8839 19.6339C19.1183 19.3995 19.25 19.0815 19.25 18.75V6.75C19.25 6.41848 19.1183 6.10054 18.8839 5.86612C18.6495 5.6317 18.3315 5.5 18 5.5H6ZM4.05546 4.80546C4.57118 4.28973 5.27065 4 6 4H18C18.7293 4 19.4288 4.28973 19.9445 4.80546C20.4603 5.32118 20.75 6.02065 20.75 6.75V18.75C20.75 19.4793 20.4603 20.1788 19.9445 20.6945C19.4288 21.2103 18.7293 21.5 18 21.5H6C5.27065 21.5 4.57118 21.2103 4.05546 20.6945C3.53973 20.1788 3.25 19.4793 3.25 18.75V6.75C3.25 6.02065 3.53973 5.32118 4.05546 4.80546Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M16 2C16.4142 2 16.75 2.33579 16.75 2.75V6.75C16.75 7.16421 16.4142 7.5 16 7.5C15.5858 7.5 15.25 7.16421 15.25 6.75V2.75C15.25 2.33579 15.5858 2 16 2Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M8 2C8.41421 2 8.75 2.33579 8.75 2.75V6.75C8.75 7.16421 8.41421 7.5 8 7.5C7.58579 7.5 7.25 7.16421 7.25 6.75V2.75C7.25 2.33579 7.58579 2 8 2Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M3.25 10.75C3.25 10.3358 3.58579 10 4 10H20C20.4142 10 20.75 10.3358 20.75 10.75C20.75 11.1642 20.4142 11.5 20 11.5H4C3.58579 11.5 3.25 11.1642 3.25 10.75Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M7 14.3929C7 14.0378 7.28782 13.75 7.64286 13.75H9.35714C9.71218 13.75 10 14.0378 10 14.3929V16.1071C10 16.4622 9.71218 16.75 9.35714 16.75H7.64286C7.28782 16.75 7 16.4622 7 16.1071V14.3929Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { CalendarIcon as default };

package/dist/index.es6.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { DatePickerInput } from '@mantine/dates';
+import CalendarIcon from './index.es54.js';
+
+const MyDatePickerInput = (props) => /* @__PURE__ */ jsx(
+  DatePickerInput,
+  {
+    leftSection: /* @__PURE__ */ jsx(CalendarIcon, { size: props.size }),
+    variant: props.readOnly ? "filled" : "default",
+    ...props
+  }
+);
+
+export { MyDatePickerInput };

package/dist/index.es7.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { DateTimePicker } from '@mantine/dates';
+import CalendarIcon from './index.es54.js';
+
+const MyDateTimePicker = (props) => /* @__PURE__ */ jsx(
+  DateTimePicker,
+  {
+    leftSection: /* @__PURE__ */ jsx(CalendarIcon, { size: props.size }),
+    variant: props.readOnly ? "filled" : "default",
+    ...props
+  }
+);
+
+export { MyDateTimePicker };

package/dist/index.es8.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { Notifications } from '@mantine/notifications';
+/* empty css           */
+
+const MyNotifications = (props) => /* @__PURE__ */ jsx(
+  Notifications,
+  {
+    position: "top-center",
+    ...props
+  }
+);
+
+export { MyNotifications };

package/dist/index.es9.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { NumberInput } from '@mantine/core';
+
+const MyNumberInput = (props) => /* @__PURE__ */ jsx(
+  NumberInput,
+  {
+    variant: props.readOnly ? "filled" : "default",
+    ...props
+  }
+);
+
+export { MyNumberInput };

package/dist/node_modules/@mantine/notifications/styles.css

@@ -0,0 +1,42 @@
+.m_b37d9ac7 {
+  width: calc(100% - var(--mantine-spacing-md) * 2);
+  position: fixed;
+  z-index: var(--notifications-z-index);
+  max-width: var(--notifications-container-width);
+}
+
+  .m_b37d9ac7:where([data-position='top-center']) {
+    top: var(--mantine-spacing-md);
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .m_b37d9ac7:where([data-position='top-left']) {
+    top: var(--mantine-spacing-md);
+    left: var(--mantine-spacing-md);
+  }
+
+  .m_b37d9ac7:where([data-position='top-right']) {
+    top: var(--mantine-spacing-md);
+    right: var(--mantine-spacing-md);
+  }
+
+  .m_b37d9ac7:where([data-position='bottom-center']) {
+    bottom: var(--mantine-spacing-md);
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .m_b37d9ac7:where([data-position='bottom-left']) {
+    bottom: var(--mantine-spacing-md);
+    left: var(--mantine-spacing-md);
+  }
+
+  .m_b37d9ac7:where([data-position='bottom-right']) {
+    bottom: var(--mantine-spacing-md);
+    right: var(--mantine-spacing-md);
+  }
+
+.m_5ed0edd0 + .m_5ed0edd0 {
+    margin-top: var(--mantine-spacing-md);
+  }

package/package.json

@@ -1,14 +1,24 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "A template for creating React component libraries with Vite.",
   "author": "LKD",
   "license": "MIT",
   "type": "module",
-  "files": ["dist"],
-  "exports": "./dist/src/main.js",
-  "module": "./dist/src/main.js",
-  "types": "./dist/main.d.ts",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
+    }
+  },
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "test": "vitest run",
     "test:watch": "vitest",

package/dist/lkd-web-kit.css

@@ -1 +0,0 @@
-.m_b37d9ac7{width:calc(100% - var(--mantine-spacing-md) * 2);position:fixed;z-index:var(--notifications-z-index);max-width:var(--notifications-container-width)}.m_b37d9ac7:where([data-position=top-center]){top:var(--mantine-spacing-md);left:50%;transform:translate(-50%)}.m_b37d9ac7:where([data-position=top-left]){top:var(--mantine-spacing-md);left:var(--mantine-spacing-md)}.m_b37d9ac7:where([data-position=top-right]){top:var(--mantine-spacing-md);right:var(--mantine-spacing-md)}.m_b37d9ac7:where([data-position=bottom-center]){bottom:var(--mantine-spacing-md);left:50%;transform:translate(-50%)}.m_b37d9ac7:where([data-position=bottom-left]){bottom:var(--mantine-spacing-md);left:var(--mantine-spacing-md)}.m_b37d9ac7:where([data-position=bottom-right]){bottom:var(--mantine-spacing-md);right:var(--mantine-spacing-md)}.m_5ed0edd0+.m_5ed0edd0{margin-top:var(--mantine-spacing-md)}

package/dist/src/components/EmptyState/index.js

@@ -1,36 +0,0 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import o from "clsx";
-import { Icon as a } from "../Icon.js";
-const x = {
-  sm: 48,
-  md: 60,
-  lg: 84
-}, f = ({
-  label: s,
-  action: m,
-  icon: t,
-  className: r,
-  size: i = "md",
-  ...c
-}) => /* @__PURE__ */ l(
-  "div",
-  {
-    className: o("justfiy-center flex flex-col items-center gap-1", r),
-    ...c,
-    children: [
-      t && /* @__PURE__ */ e(
-        a,
-        {
-          i: t,
-          size: x[i],
-          className: "text-gray-2"
-        }
-      ),
-      /* @__PURE__ */ e("p", { className: "text-gray-6 text-sm font-semibold", children: s }),
-      /* @__PURE__ */ e("div", { children: m })
-    ]
-  }
-);
-export {
-  f as EmptyState
-};

package/dist/src/components/Icon.js

@@ -1,47 +0,0 @@
-"use client";
-import { jsx as s } from "react/jsx-runtime";
-import d from "clsx";
-const n = ({ i: h, size: t = "md", style: i, rotate: e, className: o, ...r }) => /* @__PURE__ */ s(
-  h,
-  {
-    ...typeof t == "number" ? {
-      height: t,
-      width: t
-    } : m[t],
-    viewBox: "0 0 24 24",
-    style: {
-      ...i,
-      transform: `rotate(${e}deg)`
-    },
-    className: d("shrink-0", o),
-    ...r
-  }
-), m = {
-  xs: {
-    height: 16,
-    width: 16
-  },
-  sm: {
-    height: 20,
-    width: 20
-  },
-  md: {
-    height: 24,
-    width: 24
-  },
-  lg: {
-    height: 28,
-    width: 28
-  },
-  xl: {
-    height: 32,
-    width: 32
-  },
-  "2xl": {
-    height: 40,
-    width: 40
-  }
-};
-export {
-  n as Icon
-};

package/dist/src/components/InfinityLoader/index.js

@@ -1,9 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Center as s, Loader as d } from "@mantine/core";
-const n = ({ infinity: e, loaderProps: t, ...a }) => {
-  var o;
-  return /* @__PURE__ */ r(s, { ...a, children: e.isFetching ? /* @__PURE__ */ r(d, { ...t }) : !e.hasNextPage && (((o = e.data) == null ? void 0 : o.pages.length) ?? 0) > 1 && /* @__PURE__ */ r("p", { children: "No hay más resultados" }) });
-};
-export {
-  n as InfinityLoader
-};

package/dist/src/components/MyDatePickerInput/CalendarIcon.js

@@ -1,61 +0,0 @@
-import { jsxs as C, jsx as l } from "react/jsx-runtime";
-const r = ({ size: e = "sm", ...d }) => /* @__PURE__ */ C(
-  "svg",
-  {
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: e === "sm" ? 20 : 24,
-    height: e === "sm" ? 20 : 24,
-    children: [
-      /* @__PURE__ */ l(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M6 5.5C5.66848 5.5 5.35054 5.6317 5.11612 5.86612C4.8817 6.10054 4.75 6.41848 4.75 6.75V18.75C4.75 19.0815 4.8817 19.3995 5.11612 19.6339C5.35054 19.8683 5.66848 20 6 20H18C18.3315 20 18.6495 19.8683 18.8839 19.6339C19.1183 19.3995 19.25 19.0815 19.25 18.75V6.75C19.25 6.41848 19.1183 6.10054 18.8839 5.86612C18.6495 5.6317 18.3315 5.5 18 5.5H6ZM4.05546 4.80546C4.57118 4.28973 5.27065 4 6 4H18C18.7293 4 19.4288 4.28973 19.9445 4.80546C20.4603 5.32118 20.75 6.02065 20.75 6.75V18.75C20.75 19.4793 20.4603 20.1788 19.9445 20.6945C19.4288 21.2103 18.7293 21.5 18 21.5H6C5.27065 21.5 4.57118 21.2103 4.05546 20.6945C3.53973 20.1788 3.25 19.4793 3.25 18.75V6.75C3.25 6.02065 3.53973 5.32118 4.05546 4.80546Z",
-          fill: "currentColor"
-        }
-      ),
-      /* @__PURE__ */ l(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M16 2C16.4142 2 16.75 2.33579 16.75 2.75V6.75C16.75 7.16421 16.4142 7.5 16 7.5C15.5858 7.5 15.25 7.16421 15.25 6.75V2.75C15.25 2.33579 15.5858 2 16 2Z",
-          fill: "currentColor"
-        }
-      ),
-      /* @__PURE__ */ l(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M8 2C8.41421 2 8.75 2.33579 8.75 2.75V6.75C8.75 7.16421 8.41421 7.5 8 7.5C7.58579 7.5 7.25 7.16421 7.25 6.75V2.75C7.25 2.33579 7.58579 2 8 2Z",
-          fill: "currentColor"
-        }
-      ),
-      /* @__PURE__ */ l(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M3.25 10.75C3.25 10.3358 3.58579 10 4 10H20C20.4142 10 20.75 10.3358 20.75 10.75C20.75 11.1642 20.4142 11.5 20 11.5H4C3.58579 11.5 3.25 11.1642 3.25 10.75Z",
-          fill: "currentColor"
-        }
-      ),
-      /* @__PURE__ */ l(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M7 14.3929C7 14.0378 7.28782 13.75 7.64286 13.75H9.35714C9.71218 13.75 10 14.0378 10 14.3929V16.1071C10 16.4622 9.71218 16.75 9.35714 16.75H7.64286C7.28782 16.75 7 16.4622 7 16.1071V14.3929Z",
-          fill: "currentColor"
-        }
-      )
-    ]
-  }
-);
-export {
-  r as default
-};

package/dist/src/components/MyDatePickerInput/index.js

@@ -1,14 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { DatePickerInput as i } from "@mantine/dates";
-import r from "./CalendarIcon.js";
-const f = (e) => /* @__PURE__ */ t(
-  i,
-  {
-    leftSection: /* @__PURE__ */ t(r, { size: e.size }),
-    variant: e.readOnly ? "filled" : "default",
-    ...e
-  }
-);
-export {
-  f as MyDatePickerInput
-};

package/dist/src/components/MyDateTimePicker/index.js

@@ -1,14 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { DateTimePicker as t } from "@mantine/dates";
-import r from "../MyDatePickerInput/CalendarIcon.js";
-const f = (e) => /* @__PURE__ */ i(
-  t,
-  {
-    leftSection: /* @__PURE__ */ i(r, { size: e.size }),
-    variant: e.readOnly ? "filled" : "default",
-    ...e
-  }
-);
-export {
-  f as MyDateTimePicker
-};

package/dist/src/components/MyMonthPickerInput/index.js

@@ -1,14 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { MonthPickerInput as i } from "@mantine/dates";
-import n from "../MyDatePickerInput/CalendarIcon.js";
-const f = (t) => /* @__PURE__ */ e(
-  i,
-  {
-    leftSection: /* @__PURE__ */ e(n, { size: t.size }),
-    variant: t.readOnly ? "filled" : "default",
-    ...t
-  }
-);
-export {
-  f as MyMonthPickerInput
-};

package/dist/src/components/MyMultiSelect/index.js

@@ -1,12 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { MultiSelect as l } from "@mantine/core";
-const o = (t) => /* @__PURE__ */ e(
-  l,
-  {
-    variant: t.readOnly ? "filled" : "default",
-    ...t
-  }
-);
-export {
-  o as MyMultiSelect
-};

package/dist/src/components/MyNotifications/index.js

@@ -1,13 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Notifications as i } from "@mantine/notifications";
-/* empty css                                                      */
-const n = (o) => /* @__PURE__ */ t(
-  i,
-  {
-    position: "top-center",
-    ...o
-  }
-);
-export {
-  n as MyNotifications
-};

package/dist/src/components/MyNumberInput/index.js

@@ -1,12 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { NumberInput as e } from "@mantine/core";
-const o = (r) => /* @__PURE__ */ t(
-  e,
-  {
-    variant: r.readOnly ? "filled" : "default",
-    ...r
-  }
-);
-export {
-  o as MyNumberInput
-};

package/dist/src/components/MySelect/index.js

@@ -1,12 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Select as l } from "@mantine/core";
-const a = (e) => /* @__PURE__ */ t(
-  l,
-  {
-    variant: e.readOnly ? "filled" : "default",
-    ...e
-  }
-);
-export {
-  a as MySelect
-};

package/dist/src/components/MyTextInput/index.js

@@ -1,12 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { TextInput as r } from "@mantine/core";
-const a = (t) => /* @__PURE__ */ e(
-  r,
-  {
-    variant: t.readOnly ? "filled" : "default",
-    ...t
-  }
-);
-export {
-  a as MyTextInput
-};

package/dist/src/components/MyTextarea/index.js

@@ -1,12 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Textarea as r } from "@mantine/core";
-const f = (a) => /* @__PURE__ */ e(
-  r,
-  {
-    variant: a.readOnly ? "filled" : "default",
-    ...a
-  }
-);
-export {
-  f as MyTextarea
-};

package/dist/src/components/MyTimeInput/index.js

@@ -1,12 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { TextInput as r } from "@mantine/core";
-const n = (t) => /* @__PURE__ */ e(
-  r,
-  {
-    variant: t.readOnly ? "filled" : "default",
-    ...t
-  }
-);
-export {
-  n as MyTimeInput
-};

package/dist/src/components/NavItems.js

@@ -1,36 +0,0 @@
-"use client";
-import { jsx as m } from "react/jsx-runtime";
-import { Stack as u, NavLink as a } from "@mantine/core";
-import i from "next/link";
-import { usePathname as p } from "next/navigation";
-const x = ({ items: c, activeStrategy: r = "includes" }) => {
-  const o = p();
-  return /* @__PURE__ */ m(u, { gap: 0, children: c.map(({ href: t, isActive: n, ...e }) => {
-    if (t) {
-      const l = n ?? (r === "equals" ? t === o : t.includes(o));
-      return /* @__PURE__ */ m(
-        a,
-        {
-          active: l,
-          component: i,
-          prefetch: !1,
-          href: t,
-          ...e
-        },
-        e.label
-      );
-    }
-    return /* @__PURE__ */ m(
-      a,
-      {
-        active: n,
-        component: "button",
-        ...e
-      },
-      e.label
-    );
-  }) });
-};
-export {
-  x as NavItems
-};