@konstructio/ui 0.1.2-alpha.75 → 0.1.2-alpha.77

package/dist/components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.js

@@ -1,155 +1,84 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { Badge as N } from "../../../Badge/Badge.js";
-import { Button as p } from "../../../Button/Button.js";
-import { filterButtonIconVariants as w, filterButtonVariants as C } from "../../Filter.variants.js";
-import { TimePicker as B } from "../../../TimePicker/TimePicker.js";
-import { cn as a } from "../../../../utils/index.js";
-import { useTimeFilterDropdown as j } from "./TimeFilterDropdown.hook.js";
-import { C as D } from "../../../../chevron-down-BBFYYzZq.js";
-const V = ({
-  label: b,
-  position: o = "left",
-  format: r = "24",
-  presets: n,
-  showTimePicker: d = !0,
-  onApply: h
-}) => {
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
+import { c as S } from "../../../../compiler-runtime-DA41awpA.js";
+import { Badge as V } from "../../../Badge/Badge.js";
+import { Button as L } from "../../../Button/Button.js";
+import { filterButtonVariants as z, filterButtonIconVariants as E } from "../../Filter.variants.js";
+import { TimePicker as I } from "../../../TimePicker/TimePicker.js";
+import { cn as m } from "../../../../utils/index.js";
+import { useTimeFilterDropdown as $ } from "./TimeFilterDropdown.hook.js";
+import { C as q } from "../../../../chevron-down-BBFYYzZq.js";
+const Y = (O) => {
+  const e = S.c(34), {
+    label: y,
+    position: A,
+    format: D,
+    presets: d,
+    showTimePicker: F,
+    onApply: w
+  } = O, h = A === void 0 ? "left" : A, a = D === void 0 ? "24" : D, b = F === void 0 ? !0 : F;
+  let x;
+  e[0] !== a || e[1] !== w ? (x = {
+    onApply: w,
+    format: a
+  }, e[0] = a, e[1] = w, e[2] = x) : x = e[2];
   const {
-    appliedLabel: c,
-    isOpen: i,
-    selectedTime: x,
-    selectedPresetLabel: m,
-    wrapperRef: g,
-    handleApply: f,
-    handleOpen: u,
-    handleSelectPreset: y,
-    handleSelectCustom: k,
-    handleReset: v
-  } = j({ onApply: h, format: r }), s = n && n.length > 0;
-  return /* @__PURE__ */ l("div", { ref: g, className: "relative", children: [
-    /* @__PURE__ */ l(
-      "button",
-      {
-        className: a(C(), {
-          "text-slate-700 dark:text-metal-100": i
-        }),
-        onClick: u,
-        children: [
-          b,
-          c && /* @__PURE__ */ e(N, { label: c }),
-          /* @__PURE__ */ e(
-            D,
-            {
-              className: a(w(), {
-                "rotate-180 text-blue-600 dark:text-aurora-500": i
-              })
-            }
-          )
-        ]
-      }
-    ),
-    i && /* @__PURE__ */ l(
-      "div",
-      {
-        className: a(
-          "absolute",
-          "top-full",
-          "mt-1",
-          "bg-white",
-          "rounded-md",
-          "shadow-md",
-          "animate-in",
-          "fade-in-0",
-          "z-10",
-          "border",
-          "border-gray-200",
-          "flex",
-          "flex-col",
-          "dark:bg-metal-800",
-          "dark:border-metal-700",
-          {
-            "left-0": o === "left",
-            "right-0": o === "right"
-          }
-        ),
-        children: [
-          /* @__PURE__ */ l("div", { className: "flex", children: [
-            s && /* @__PURE__ */ e("div", { className: "flex flex-col gap-1 py-4 px-4 min-w-40", children: n.map((t) => /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                className: a(
-                  "text-left",
-                  "px-3",
-                  "py-1.5",
-                  "rounded",
-                  "cursor-pointer",
-                  "text-sm",
-                  "whitespace-nowrap",
-                  "transition-colors",
-                  "hover:bg-gray-100",
-                  "dark:hover:bg-metal-700",
-                  {
-                    "bg-blue-50 text-blue-600 dark:bg-metal-700 dark:text-aurora-500": m === t.label,
-                    "text-gray-700 dark:text-gray-300": m !== t.label
-                  }
-                ),
-                onClick: () => y(t),
-                children: t.label
-              },
-              t.label
-            )) }),
-            s && d && /* @__PURE__ */ e("div", { className: "w-px bg-gray-200 dark:bg-metal-700" }),
-            d && /* @__PURE__ */ e("div", { className: "py-4 px-6", children: /* @__PURE__ */ e(
-              "div",
-              {
-                className: a({
-                  "w-35.5": r === "24",
-                  "w-52": r === "12"
-                }),
-                children: /* @__PURE__ */ e(
-                  B,
-                  {
-                    format: r,
-                    time: x,
-                    onChange: k,
-                    mode: "input"
-                  }
-                )
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ e("div", { className: "h-px bg-gray-200 dark:bg-metal-700" }),
-          /* @__PURE__ */ l(
-            "div",
-            {
-              className: a(
-                "flex",
-                "justify-end",
-                "items-center",
-                "gap-4",
-                "px-6",
-                "py-3"
-              ),
-              children: [
-                /* @__PURE__ */ e(
-                  p,
-                  {
-                    variant: "secondary",
-                    appearance: "compact",
-                    onClick: v,
-                    children: "Reset"
-                  }
-                ),
-                /* @__PURE__ */ e(p, { appearance: "compact", onClick: f, children: "Apply" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
+    appliedLabel: g,
+    isOpen: l,
+    selectedTime: N,
+    selectedPresetLabel: u,
+    wrapperRef: C,
+    handleApply: P,
+    handleOpen: T,
+    handleSelectPreset: B,
+    handleSelectCustom: R,
+    handleReset: j
+  } = $(x), k = d && d.length > 0;
+  let r;
+  e[3] !== l ? (r = m(z(), {
+    "text-slate-700 dark:text-metal-100": l
+  }), e[3] = l, e[4] = r) : r = e[4];
+  let o;
+  e[5] !== g ? (o = g && /* @__PURE__ */ t(V, { label: g }), e[5] = g, e[6] = o) : o = e[6];
+  let i;
+  e[7] !== l ? (i = m(E(), {
+    "rotate-180 text-blue-600 dark:text-aurora-500": l
+  }), e[7] = l, e[8] = i) : i = e[8];
+  let s;
+  e[9] !== i ? (s = /* @__PURE__ */ t(q, { className: i }), e[9] = i, e[10] = s) : s = e[10];
+  let n;
+  e[11] !== T || e[12] !== y || e[13] !== r || e[14] !== o || e[15] !== s ? (n = /* @__PURE__ */ f("button", { className: r, onClick: T, children: [
+    y,
+    o,
+    s
+  ] }), e[11] = T, e[12] = y, e[13] = r, e[14] = o, e[15] = s, e[16] = n) : n = e[16];
+  let c;
+  e[17] !== a || e[18] !== P || e[19] !== j || e[20] !== R || e[21] !== B || e[22] !== k || e[23] !== l || e[24] !== h || e[25] !== d || e[26] !== u || e[27] !== N || e[28] !== b ? (c = l && /* @__PURE__ */ f("div", { className: m("absolute", "top-full", "mt-1", "bg-white", "rounded-md", "shadow-md", "animate-in", "fade-in-0", "z-10", "border", "border-gray-200", "flex", "flex-col", "dark:bg-metal-800", "dark:border-metal-700", {
+    "left-0": h === "left",
+    "right-0": h === "right"
+  }), children: [
+    /* @__PURE__ */ f("div", { className: "flex", children: [
+      k && /* @__PURE__ */ t("div", { className: "flex flex-col gap-1 py-4 px-4 min-w-40", children: d.map((p) => /* @__PURE__ */ t("button", { type: "button", className: m("text-left", "px-3", "py-1.5", "rounded", "cursor-pointer", "text-sm", "whitespace-nowrap", "transition-colors", "hover:bg-gray-100", "dark:hover:bg-metal-700", {
+        "bg-blue-50 text-blue-600 dark:bg-metal-700 dark:text-aurora-500": u === p.label,
+        "text-gray-700 dark:text-gray-300": u !== p.label
+      }), onClick: () => B(p), children: p.label }, p.label)) }),
+      k && b && /* @__PURE__ */ t("div", { className: "w-px bg-gray-200 dark:bg-metal-700" }),
+      b && /* @__PURE__ */ t("div", { className: "py-4 px-6", children: /* @__PURE__ */ t("div", { className: m({
+        "w-35.5": a === "24",
+        "w-52": a === "12"
+      }), children: /* @__PURE__ */ t(I, { format: a, time: N, onChange: R, mode: "input" }) }) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "h-px bg-gray-200 dark:bg-metal-700" }),
+    /* @__PURE__ */ f("div", { className: m("flex", "justify-end", "items-center", "gap-4", "px-6", "py-3"), children: [
+      /* @__PURE__ */ t(L, { variant: "secondary", appearance: "compact", onClick: j, children: "Reset" }),
+      /* @__PURE__ */ t(L, { appearance: "compact", onClick: P, children: "Apply" })
+    ] })
+  ] }), e[17] = a, e[18] = P, e[19] = j, e[20] = R, e[21] = B, e[22] = k, e[23] = l, e[24] = h, e[25] = d, e[26] = u, e[27] = N, e[28] = b, e[29] = c) : c = e[29];
+  let v;
+  return e[30] !== c || e[31] !== n || e[32] !== C ? (v = /* @__PURE__ */ f("div", { ref: C, className: "relative", children: [
+    n,
+    c
+  ] }), e[30] = c, e[31] = n, e[32] = C, e[33] = v) : v = e[33], v;
 };
 export {
-  V as TimeFilterDropdown
+  Y as TimeFilterDropdown
 };

package/dist/components/Filter/contexts/filter.provider.js

@@ -1,6 +1,18 @@
-import { jsx as t } from "react/jsx-runtime";
-import { FilterContext as e } from "./filter.context.js";
-const l = ({ children: r, closeOnApply: o }) => /* @__PURE__ */ t(e.Provider, { value: { closeOnApply: o }, children: r });
+import { jsx as s } from "react/jsx-runtime";
+import { c } from "../../../compiler-runtime-DA41awpA.js";
+import { FilterContext as m } from "./filter.context.js";
+const x = (l) => {
+  const e = c.c(5), {
+    children: o,
+    closeOnApply: i
+  } = l;
+  let r;
+  e[0] !== i ? (r = {
+    closeOnApply: i
+  }, e[0] = i, e[1] = r) : r = e[1];
+  let t;
+  return e[2] !== o || e[3] !== r ? (t = /* @__PURE__ */ s(m.Provider, { value: r, children: o }), e[2] = o, e[3] = r, e[4] = t) : t = e[4], t;
+};
 export {
-  l as FilterProvider
+  x as FilterProvider
 };

package/dist/components/Filter/events/index.js

@@ -1,7 +1,7 @@
 var e = /* @__PURE__ */ ((t) => (t.OPEN = "@konstrtuctio/KonstructFilter/event-OPEN", t.RESET = "@konstrtuctio/KonstructFilter/event-RESET", t))(e || {});
-const n = (t) => document.dispatchEvent(
-  new CustomEvent("@konstrtuctio/KonstructFilter/event-OPEN", { detail: t })
-), o = () => document.dispatchEvent(new CustomEvent(
+const n = (t) => document.dispatchEvent(new CustomEvent("@konstrtuctio/KonstructFilter/event-OPEN", {
+  detail: t
+})), o = () => document.dispatchEvent(new CustomEvent(
   "@konstrtuctio/KonstructFilter/event-RESET"
   /* RESET */
 ));

package/dist/components/ImageUpload/ImageUpload.d.ts

@@ -1,4 +1,4 @@
-import { ImageUploadProps } from './ImageUpload.types';
+import { Props } from './ImageUpload.types';
 /**
  * A file input component for uploading images with preview and validation.
  * Supports drag states, file type validation, size limits, and upload progress.
@@ -19,7 +19,7 @@ import { ImageUploadProps } from './ImageUpload.types';
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-imageupload--docs Storybook}
  */
 declare const ImageUpload: {
-    ({ className, error, fileName, fileSize, fileUrl, helperText, isRequired, label, labelClassName, labelWrapperClassName, name, onChange, onRemove, status, theme, uploadButtonText, accept, maxSize, }: ImageUploadProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, error, fileName, fileSize, fileUrl, helperText, isRequired, label, labelClassName, labelWrapperClassName, name, onChange, onRemove, status, theme, uploadButtonText, accept, maxSize, }: Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { ImageUpload };

package/dist/components/ImageUpload/ImageUpload.js

@@ -65,157 +65,55 @@ const me = ({
     const r = 1024, V = ["Bytes", "KB", "MB", "GB"], w = Math.floor(Math.log(i) / Math.log(r));
     return `${parseFloat((i / Math.pow(r, w)).toFixed(2))}${V[w]}`;
   }, _ = b || (x ? "Invalid file format. Accepted file type is SVG, PNG, JPEG. Max file size is 5MB." : R || "Logo should be 32 x 32 pixels with transparent background (larger images will be downscaled proportionally to fit). Accepted file type is SVG, PNG, JPEG. Max file size is 5MB.");
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: c(
-        ne({
-          status: a,
-          className: s
-        })
-      ),
-      "data-theme": u,
-      children: [
-        p && /* @__PURE__ */ e("div", { className: c(A), children: /* @__PURE__ */ l(
-          "label",
-          {
-            htmlFor: U,
-            className: c(
-              re({
-                className: L
-              }),
-              "cursor-pointer"
-            ),
-            children: [
-              p,
-              S && /* @__PURE__ */ e("span", { className: "text-red-600 dark:text-red-500 text-xs mt-0.5", children: "*" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ l(
-          "div",
-          {
-            className: c(
-              ie({
-                status: a
-              })
-            ),
-            children: [
-              /* @__PURE__ */ l(
-                "div",
-                {
-                  className: c(
-                    le({
-                      status: a
-                    }),
-                    {
-                      "justify-between": x,
-                      "justify-start": !x
-                    }
-                  ),
-                  children: [
-                    a === t.Uploading && /* @__PURE__ */ l(j, { children: [
-                      /* @__PURE__ */ e(
-                        ce,
-                        {
-                          size: 20,
-                          className: "shrink-0 animate-spin text-metal-400"
-                        }
-                      ),
-                      d && /* @__PURE__ */ l("div", { className: "flex flex-col items-start min-w-0 flex-1", children: [
-                        /* @__PURE__ */ e("p", { className: "text-sm leading-5 truncate w-full text-slate-800 dark:text-metal-50", children: d }),
-                        h && /* @__PURE__ */ e("p", { className: "text-xs leading-4 text-slate-600 dark:text-metal-300 tracking-[0.15px]", children: h })
-                      ] })
-                    ] }),
-                    a === t.Complete && v && /* @__PURE__ */ l(j, { children: [
-                      /* @__PURE__ */ e("div", { className: "w-8 h-8 shrink-0 relative", children: /* @__PURE__ */ e(
-                        "img",
-                        {
-                          src: v,
-                          alt: d || "Uploaded image",
-                          className: "w-full h-full object-contain"
-                        }
-                      ) }),
-                      d && /* @__PURE__ */ l("div", { className: "flex flex-col items-start min-w-0 flex-1", children: [
-                        /* @__PURE__ */ e("p", { className: "text-sm leading-5 truncate w-full text-slate-800 dark:text-slate-50 kubefirst-dark:text-slate-50", children: d }),
-                        h && /* @__PURE__ */ e("p", { className: "text-xs leading-4 text-slate-600 dark:text-slate-400 kubefirst-dark:text-slate-400 tracking-[0.15px]", children: h })
-                      ] })
-                    ] }),
-                    (a === t.Default || a === t.Error && !v) && /* @__PURE__ */ e("div", { className: "w-8 h-8 shrink-0 flex items-center justify-center", children: /* @__PURE__ */ e(oe, { className: "w-8 h-8 text-slate-400 dark:text-slate-500 kubefirst-dark:text-slate-500" }) }),
-                    x && /* @__PURE__ */ e("div", { className: "shrink-0", children: /* @__PURE__ */ e(de, { className: "w-5 h-5 text-red-700 dark:text-red-500 kubefirst-dark:text-red-500" }) })
-                  ]
-                }
-              ),
-              (a === t.Default || a === t.Error) && /* @__PURE__ */ e(
-                F,
-                {
-                  variant: "secondary",
-                  onClick: Y,
-                  theme: u,
-                  className: "h-10 px-4 py-2 shrink-0",
-                  children: K
-                }
-              ),
-              a === t.Uploading && /* @__PURE__ */ e(
-                F,
-                {
-                  variant: "secondary",
-                  shape: "circle",
-                  size: "medium",
-                  onClick: I,
-                  theme: u,
-                  className: "shrink-0",
-                  "aria-label": "Cancel upload",
-                  children: /* @__PURE__ */ e(P, { className: "w-6 h-6" })
-                }
-              ),
-              a === t.Complete && /* @__PURE__ */ e(
-                F,
-                {
-                  variant: "secondary",
-                  shape: "circle",
-                  size: "medium",
-                  onClick: I,
-                  theme: u,
-                  className: "shrink-0",
-                  "aria-label": "Remove file",
-                  children: /* @__PURE__ */ e(P, { className: "w-6 h-6" })
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ l("div", { className: "flex w-full gap-2", children: [
-          /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ e(
-            "p",
-            {
-              className: c(
-                se({
-                  status: a
-                })
-              ),
-              children: _
-            }
-          ) }),
-          (a === t.Default || a === t.Error) && /* @__PURE__ */ e("div", { className: "shrink-0 w-29" }),
-          a === t.Uploading && /* @__PURE__ */ e("div", { className: "shrink-0 w-10" })
+  return /* @__PURE__ */ l("div", { className: c(ne({
+    status: a,
+    className: s
+  })), "data-theme": u, children: [
+    p && /* @__PURE__ */ e("div", { className: c(A), children: /* @__PURE__ */ l("label", { htmlFor: U, className: c(re({
+      className: L
+    }), "cursor-pointer"), children: [
+      p,
+      S && /* @__PURE__ */ e("span", { className: "text-red-600 dark:text-red-500 text-xs mt-0.5", children: "*" })
+    ] }) }),
+    /* @__PURE__ */ l("div", { className: c(ie({
+      status: a
+    })), children: [
+      /* @__PURE__ */ l("div", { className: c(le({
+        status: a
+      }), {
+        "justify-between": x,
+        "justify-start": !x
+      }), children: [
+        a === t.Uploading && /* @__PURE__ */ l(j, { children: [
+          /* @__PURE__ */ e(ce, { size: 20, className: "shrink-0 animate-spin text-metal-400" }),
+          d && /* @__PURE__ */ l("div", { className: "flex flex-col items-start min-w-0 flex-1", children: [
+            /* @__PURE__ */ e("p", { className: "text-sm leading-5 truncate w-full text-slate-800 dark:text-metal-50", children: d }),
+            h && /* @__PURE__ */ e("p", { className: "text-xs leading-4 text-slate-600 dark:text-metal-300 tracking-[0.15px]", children: h })
+          ] })
         ] }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            ref: f,
-            id: U,
-            type: "file",
-            name: H,
-            accept: M,
-            onChange: Q,
-            className: "hidden",
-            "aria-label": typeof p == "string" ? p : "File upload"
-          }
-        )
-      ]
-    }
-  );
+        a === t.Complete && v && /* @__PURE__ */ l(j, { children: [
+          /* @__PURE__ */ e("div", { className: "w-8 h-8 shrink-0 relative", children: /* @__PURE__ */ e("img", { src: v, alt: d || "Uploaded image", className: "w-full h-full object-contain" }) }),
+          d && /* @__PURE__ */ l("div", { className: "flex flex-col items-start min-w-0 flex-1", children: [
+            /* @__PURE__ */ e("p", { className: "text-sm leading-5 truncate w-full text-slate-800 dark:text-slate-50 kubefirst-dark:text-slate-50", children: d }),
+            h && /* @__PURE__ */ e("p", { className: "text-xs leading-4 text-slate-600 dark:text-slate-400 kubefirst-dark:text-slate-400 tracking-[0.15px]", children: h })
+          ] })
+        ] }),
+        (a === t.Default || a === t.Error && !v) && /* @__PURE__ */ e("div", { className: "w-8 h-8 shrink-0 flex items-center justify-center", children: /* @__PURE__ */ e(oe, { className: "w-8 h-8 text-slate-400 dark:text-slate-500 kubefirst-dark:text-slate-500" }) }),
+        x && /* @__PURE__ */ e("div", { className: "shrink-0", children: /* @__PURE__ */ e(de, { className: "w-5 h-5 text-red-700 dark:text-red-500 kubefirst-dark:text-red-500" }) })
+      ] }),
+      (a === t.Default || a === t.Error) && /* @__PURE__ */ e(F, { variant: "secondary", onClick: Y, theme: u, className: "h-10 px-4 py-2 shrink-0", children: K }),
+      a === t.Uploading && /* @__PURE__ */ e(F, { variant: "secondary", shape: "circle", size: "medium", onClick: I, theme: u, className: "shrink-0", "aria-label": "Cancel upload", children: /* @__PURE__ */ e(P, { className: "w-6 h-6" }) }),
+      a === t.Complete && /* @__PURE__ */ e(F, { variant: "secondary", shape: "circle", size: "medium", onClick: I, theme: u, className: "shrink-0", "aria-label": "Remove file", children: /* @__PURE__ */ e(P, { className: "w-6 h-6" }) })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "flex w-full gap-2", children: [
+      /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ e("p", { className: c(se({
+        status: a
+      })), children: _ }) }),
+      (a === t.Default || a === t.Error) && /* @__PURE__ */ e("div", { className: "shrink-0 w-29" }),
+      a === t.Uploading && /* @__PURE__ */ e("div", { className: "shrink-0 w-10" })
+    ] }),
+    /* @__PURE__ */ e("input", { ref: f, id: U, type: "file", name: H, accept: M, onChange: Q, className: "hidden", "aria-label": typeof p == "string" ? p : "File upload" })
+  ] });
 };
 me.displayName = "KonstructImageUpload";
 export {

package/dist/components/ImageUpload/ImageUpload.types.d.ts

@@ -29,7 +29,7 @@ export type ImageUploadStatusType = ImageUploadStatus;
  * />
  * ```
  */
-export interface ImageUploadProps extends Omit<VariantProps<typeof imageUploadVariants>, 'status'> {
+export interface Props extends Omit<VariantProps<typeof imageUploadVariants>, 'status'> {
     /** Additional CSS classes */
     className?: string;
     /** Error message to display */
@@ -67,3 +67,5 @@ export interface ImageUploadProps extends Omit<VariantProps<typeof imageUploadVa
     /** Maximum file size in bytes */
     maxSize?: number;
 }
+/** @deprecated Use Props instead */
+export type ImageUploadProps = Props;