@konstructio/ui 0.1.4 → 0.1.6

package/dist/components/Avatar/hooks/use-gravatar-url.js

@@ -1,25 +1,30 @@
-import { useEffect as s, useState as l } from "react";
-var u = "https://gravatar.com/avatar", c = (r) => Array.from(new Uint8Array(r)).map((t) => t.toString(16).padStart(2, "0")).join(""), i = async (r, t) => {
-  const a = globalThis.crypto?.subtle;
-  if (!a) return null;
-  const e = new TextEncoder().encode(r.trim().toLowerCase()), n = c(await a.digest("SHA-256", e));
-  return `${u}/${n}?d=404&s=${t}`;
-}, f = (r, t) => {
-  const [a, e] = l(null);
-  return s(() => {
+import { useEffect as c, useState as v } from "react";
+var d = "https://gravatar.com/avatar", o = /* @__PURE__ */ new Map(), l = (r, t) => `${r.trim().toLowerCase()}|${t}`, f = (r) => Array.from(new Uint8Array(r)).map((t) => t.toString(16).padStart(2, "0")).join(""), h = async (r, t) => {
+  const n = globalThis.crypto?.subtle;
+  if (!n) return null;
+  const e = new TextEncoder().encode(r.trim().toLowerCase()), a = f(await n.digest("SHA-256", e));
+  return `${d}/${a}?d=404&s=${t}`;
+}, p = (r, t) => {
+  const [n, e] = v(() => r ? o.get(l(r, t)) ?? null : null);
+  return c(() => {
     if (!r) {
       e(null);
       return;
     }
-    let n = !1;
-    return i(r, t).then((o) => {
-      n || e(o);
+    const a = l(r, t);
+    if (o.has(a)) {
+      e(o.get(a) ?? null);
+      return;
+    }
+    let s = !1;
+    return h(r, t).then((u) => {
+      o.set(a, u), s || e(u);
     }), () => {
-      n = !0;
+      s = !0;
     };
-  }, [r, t]), a;
+  }, [r, t]), n;
 };
 export {
-  i as buildGravatarUrl,
-  f as useGravatarUrl
+  h as buildGravatarUrl,
+  p as useGravatarUrl
 };

package/dist/components/Badge/Badge.js

@@ -1,29 +1,29 @@
 import { t as x } from "../../x-C8O1IsaM.js";
 import { LoaderIcon as D } from "../../assets/icons/components/Loader.js";
-import { t as u } from "../../utils-DnIJruo0.js";
+import { t as c } from "../../utils-DnIJruo0.js";
 import { badgeVariants as V, buttonDismissVariants as j } from "./Badge.variants.js";
 import { t as f } from "../../dist-CK8FUUUn.js";
 import { useEffect as E, useRef as L, useState as P } from "react";
 import { jsx as s, jsxs as p } from "react/jsx-runtime";
-var q = ({ className: b, dismissible: v = !1, isSelectable: g = !0, label: i, leftIcon: n, loading: o = !1, rightIcon: l, size: m, variant: c, onClick: e, onDismiss: h }) => {
-  const d = L(null), [r, N] = P("visible"), y = (a) => {
-    a.stopPropagation(), h?.(), N("hidden");
+var q = ({ className: b, dismissible: g = !1, isSelectable: h = !0, label: i, leftIcon: n, loading: o = !1, rightIcon: l, size: m, variant: d, onClick: e, onDismiss: v }) => {
+  const u = L(null), [r, N] = P("visible"), y = (a) => {
+    a.stopPropagation(), v?.(), N("hidden");
   };
   return E(() => {
     if (r !== "hidden") return;
-    const a = new AbortController(), t = d.current;
+    const a = new AbortController(), t = u.current;
     return t?.addEventListener("animationend", (w) => {
       w.target === t && (t.style.setProperty("display", "none"), t.remove());
     }, { signal: a.signal }), () => a.abort();
   }, [r]), /* @__PURE__ */ p("span", {
-    ref: d,
-    className: u(V({
-      variant: c,
+    ref: u,
+    className: c(V({
+      variant: d,
       size: m,
       className: b
     }), {
-      "select-none": !g,
-      "cursor-pointer tap-target outline-none focus-visible:ring-1 focus-visible:ring-aurora-500 active:scale-95 motion-reduce:active:scale-100": e
+      "select-none": !h,
+      "cursor-pointer tap-target outline-none focus-visible:ring-1 focus-visible:ring-aurora-500 pointer-coarse:motion-safe:active:scale-95": e
     }),
     role: e ? "button" : void 0,
     onClick: e,
@@ -42,11 +42,11 @@ var q = ({ className: b, dismissible: v = !1, isSelectable: g = !0, label: i, le
         children: n
       }) : null,
       i,
-      v ? /* @__PURE__ */ p("button", {
+      g ? /* @__PURE__ */ p("button", {
         type: "button",
-        className: u(j({
+        className: c(j({
           size: m,
-          variant: c
+          variant: d
         })),
         onClick: y,
         "aria-label": "Dismiss",

package/dist/components/Button/Button.js

@@ -1,30 +1,31 @@
-import { t as x } from "../../dist-CK8FUUUn.js";
-import { t as b } from "../../utils-DnIJruo0.js";
-import { buttonVariants as l } from "./Button.variants.js";
-import { forwardRef as v } from "react";
-import { jsx as B } from "react/jsx-runtime";
-var N = v(({ appearance: r, asChild: o = !1, className: n, disabled: t = !1, shape: a, size: e, theme: m, variant: s, version: p, ...f }, u) => {
-  const i = o ? x : "button", c = o && t ? {
+import { t as b } from "../../dist-CK8FUUUn.js";
+import { t as l } from "../../utils-DnIJruo0.js";
+import { buttonVariants as v } from "./Button.variants.js";
+import { forwardRef as B } from "react";
+import { jsx as N } from "react/jsx-runtime";
+var j = B(({ appearance: r, asChild: o = !1, className: e, disabled: t = !1, pressEffect: n = !0, shape: a, size: m, theme: s, variant: p, version: f, ...u }, i) => {
+  const c = o ? b : "button", x = o && t ? {
     "aria-disabled": !0,
     tabIndex: -1
   } : { disabled: t };
-  return /* @__PURE__ */ B(i, {
-    ref: u,
-    "data-theme": m,
-    className: b(l({
+  return /* @__PURE__ */ N(c, {
+    ref: i,
+    "data-theme": s,
+    className: l(v({
       appearance: r,
-      className: n,
+      className: e,
       disabled: t,
+      pressEffect: n,
       shape: a,
-      size: e,
-      variant: s,
-      version: p
+      size: m,
+      variant: p,
+      version: f
     }), o && t && "pointer-events-none"),
-    ...c,
-    ...f
+    ...x,
+    ...u
   });
 });
-N.displayName = "KonstructButton";
+j.displayName = "KonstructButton";
 export {
-  N as Button
+  j as Button
 };

package/dist/components/Button/Button.variants.js

@@ -20,8 +20,6 @@ var a = r([
   "rounded",
   "transition-[color,background-color,border-color,transform]",
   "duration-150",
-  "active:scale-[0.97]",
-  "motion-reduce:active:scale-100",
   "whitespace-nowrap",
   "h-10",
   "pointer-coarse:min-h-11",
@@ -41,6 +39,10 @@ var a = r([
   "kubefirst:text-white"
 ], {
   variants: {
+    pressEffect: {
+      true: "pointer-coarse:motion-safe:active:scale-[0.97]",
+      false: ""
+    },
     variant: {
       primary: "",
       secondary: ["bg-white"],
@@ -322,6 +324,7 @@ var a = r([
     }
   ],
   defaultVariants: {
+    pressEffect: !0,
     variant: "primary",
     version: "default",
     disabled: !1,

package/dist/components/Checkbox/Checkbox.variants.js

@@ -9,8 +9,7 @@ var t = e([
   "focus-visible:outline-2",
   "focus-visible:outline-offset-2",
   "focus-visible:outline-aurora-500",
-  "active:scale-90",
-  "motion-reduce:active:scale-100",
+  "pointer-coarse:motion-safe:active:scale-90",
   "border",
   "rounded",
   "w-5",

package/dist/components/Datepicker/components/DatePickerContent/DatePickerContent.js

@@ -6,22 +6,22 @@ import { t as k } from "../../../../chevron-right-D4OkgIIT.js";
 import '../../../../style.css';/* empty css                         */
 import { useState as g } from "react";
 import { jsx as a } from "react/jsx-runtime";
-var v = ({ className: o, showOutsideDays: n = !0, animate: l = !0, arrowClassName: s, monthsClassName: d, defaultSelected: i, onSelect: m, ...c }) => {
-  const [u, x] = g(() => i), b = (e) => {
+var w = ({ className: o, showOutsideDays: n = !0, animate: l = !0, arrowClassName: s, monthsClassName: d, defaultSelected: i, onSelect: m, ...u }) => {
+  const [c, x] = g(() => i), b = (e) => {
     e && (x(e), m?.(e));
   };
   return /* @__PURE__ */ a(f, {
     className: t(h({ className: o })),
     animate: l,
     mode: "single",
-    selected: u,
+    selected: c,
     onSelect: b,
     showOutsideDays: n,
     role: "dialog",
     "aria-label": "Datepicker",
     classNames: {
       chevron: t("cursor-pointer", "text-slate-500", "w-5", "h-5", "text-slate-500", "w-4", "h-4", "dark:text-metal-200"),
-      day_button: t("h-7.5", "aria-selected:opacity-100", "font-semibold", "hover:rounded-full", "cursor-pointer", "tap-target", "rounded-full", "w-7.5", "pointer-coarse:size-10", "active:scale-90", "motion-reduce:active:scale-100", "transition-transform"),
+      day_button: t("h-7.5", "aria-selected:opacity-100", "font-semibold", "hover:rounded-full", "cursor-pointer", "tap-target", "rounded-full", "w-7.5", "pointer-coarse:size-10", "pointer-coarse:motion-safe:active:scale-90", "transition-transform"),
       day: "text-center text-sm leading-5",
       month_caption: t("text-slate-700", "font-semibold", "text-sm", "pl-1", "h-8", "flex", "items-center", "dark:text-white"),
       months: t("flex", "flex-col", "relative", "px-5", "py-4", "rounded-lg", "shadow-md", "px-6", "py-4", "w-[307px]", "justify-center", "items-center", "border", "border-transparent", "dark:bg-metal-800", "dark:border-metal-700", d),
@@ -42,10 +42,10 @@ var v = ({ className: o, showOutsideDays: n = !0, animate: l = !0, arrowClassNam
       className: t(e),
       ...r
     }) },
-    ...c
+    ...u
   });
 };
-v.displayName = "DatePickerContent";
+w.displayName = "DatePickerContent";
 export {
-  v as DatePickerContent
+  w as DatePickerContent
 };