@konstructio/ui 0.1.2-alpha.101 → 0.1.2-alpha.104

package/dist/Modal-Bcu6LLAp.js

@@ -1,76 +0,0 @@
-import { t as F } from "./x-CESTrenk.js";
-import { t as k } from "./dist-C6Cif8-U.js";
-import { t as h } from "./utils-Cx-WzRZF.js";
-import { t as w } from "./Combination-cjXRJS03.js";
-import { t as A } from "./react-CvUtBTMg.js";
-import { Body as N } from "./components/Modal/components/Body/Body.js";
-import { Footer as R } from "./components/Modal/components/Footer/Footer.js";
-import { Header as x } from "./components/Modal/components/Header/Header.js";
-import { buttonCloseVariants as B, modalVariants as C } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
-import { Children as m, isValidElement as l, useEffect as g, useRef as E, useState as H } from "react";
-import { createPortal as V } from "react-dom";
-import { Fragment as j, jsx as a, jsxs as c } from "react/jsx-runtime";
-var D = ({ buttonCloseClassName: f, children: r, className: n, containerClassName: s, showCloseButton: p = !0, theme: i, transition: u, onClose: d }) => {
-  const o = m.toArray(r).find((t) => l(t) && t.type === e.Header), y = m.toArray(r).find((t) => l(t) && t.type === e.Body), b = m.toArray(r).find((t) => l(t) && t.type === e.Footer), v = m.toArray(r).filter((t) => !l(t) || ![
-    e.Header,
-    e.Body,
-    e.Footer
-  ].includes(t.type));
-  return /* @__PURE__ */ a(w, { children: /* @__PURE__ */ c("div", {
-    className: h("fixed inset-0 grid place-content-center", s),
-    "data-theme": i,
-    children: [/* @__PURE__ */ a("div", {
-      className: "absolute inset-0 bg-black opacity-70 dark:opacity-85 animate-in fade-in-0",
-      onClick: d,
-      role: "presentation"
-    }), /* @__PURE__ */ c(A.div, {
-      className: h(C({ className: n })),
-      role: "dialog",
-      "aria-modal": "true",
-      layout: "size",
-      transition: u ?? {
-        duration: 0.25,
-        ease: "easeInOut"
-      },
-      children: [
-        o,
-        p && /* @__PURE__ */ c("button", {
-          className: h(B({ className: f })),
-          onClick: d,
-          children: [/* @__PURE__ */ a(F, {}), /* @__PURE__ */ a(k, { children: "Dismiss modal" })]
-        }),
-        y ?? v,
-        b
-      ]
-    })]
-  }) });
-}, e = ({ isOpen: f, onClose: r, container: n, theme: s, ...p }) => {
-  const i = E(null), [u, d] = H(null);
-  return g(() => {
-    if (!i.current || s || n) return;
-    const o = i.current.closest("[data-theme]");
-    o && d(o);
-  }, [s, n]), g(() => {
-    const o = new AbortController(), y = (b) => {
-      b.code === "Escape" && r?.();
-    };
-    return window.addEventListener("keydown", y, { signal: o.signal }), () => {
-      o.abort();
-    };
-  }, [r]), /* @__PURE__ */ c(j, { children: [/* @__PURE__ */ a("span", {
-    ref: i,
-    "data-testid": "modal-anchor",
-    hidden: !0
-  }), f && V(/* @__PURE__ */ a(D, {
-    ...p,
-    theme: s,
-    onClose: r
-  }), n || u || document.body)] });
-};
-e.Header = x;
-e.Body = N;
-e.Footer = R;
-export {
-  D as n,
-  e as t
-};

package/dist/Switch-1RGhhTtg.js

@@ -1,178 +0,0 @@
-import { a as N } from "./dist-DqKFpce5.js";
-import { t as R } from "./dist-CVy-ulDZ.js";
-import { t as v } from "./utils-Cx-WzRZF.js";
-import { a as z, i as U, t as G } from "./dist-CfYOvauX.js";
-import { Typography as I } from "./components/Typography/Typography.js";
-import { t as L } from "./dist-DdFwUrO22.js";
-import { t as O } from "./dist-DvoMuWKO2.js";
-import { switchVariants as V, thumbVariants as D } from "./components/Switch/Switch.variants.js";
-import * as b from "react";
-import { forwardRef as W, useEffect as X, useId as J, useImperativeHandle as K, useRef as Q } from "react";
-import { Fragment as Y, jsx as l, jsxs as x } from "react/jsx-runtime";
-var g = "Switch", [Z, he] = z(g), [ee, _] = Z(g);
-function te(e) {
-  const { __scopeSwitch: a, checked: o, children: i, defaultChecked: t, disabled: r, form: n, name: f, onCheckedChange: m, required: d, value: u = "on", internal_do_not_use_render: p } = e, [c, C] = G({
-    prop: o,
-    defaultProp: t ?? !1,
-    onChange: m,
-    caller: g
-  }), [h, s] = b.useState(null), [S, k] = b.useState(null), w = {
-    checked: c,
-    setChecked: C,
-    disabled: r,
-    control: h,
-    setControl: s,
-    name: f,
-    form: n,
-    value: u,
-    hasConsumerStoppedPropagationRef: b.useRef(!1),
-    required: d,
-    defaultChecked: t,
-    isFormControl: h ? !!n || !!h.closest("form") : !0,
-    bubbleInput: S,
-    setBubbleInput: k
-  };
-  return /* @__PURE__ */ l(ee, {
-    scope: a,
-    ...w,
-    children: re(p) ? p(w) : i
-  });
-}
-var P = "SwitchTrigger", E = b.forwardRef(({ __scopeSwitch: e, onClick: a, ...o }, i) => {
-  const { value: t, disabled: r, checked: n, required: f, setControl: m, setChecked: d, hasConsumerStoppedPropagationRef: u, isFormControl: p, bubbleInput: c } = _(P, e), C = N(i, m);
-  return /* @__PURE__ */ l(R.button, {
-    type: "button",
-    role: "switch",
-    "aria-checked": n,
-    "aria-required": f,
-    "data-state": q(n),
-    "data-disabled": r ? "" : void 0,
-    disabled: r,
-    value: t,
-    ...o,
-    ref: C,
-    onClick: U(a, (h) => {
-      d((s) => !s), c && p && (u.current = h.isPropagationStopped(), u.current || h.stopPropagation());
-    })
-  });
-});
-E.displayName = P;
-var T = b.forwardRef((e, a) => {
-  const { __scopeSwitch: o, name: i, checked: t, defaultChecked: r, required: n, disabled: f, value: m, onCheckedChange: d, form: u, ...p } = e;
-  return /* @__PURE__ */ l(te, {
-    __scopeSwitch: o,
-    checked: t,
-    defaultChecked: r,
-    disabled: f,
-    required: n,
-    onCheckedChange: d,
-    name: i,
-    form: u,
-    value: m,
-    internal_do_not_use_render: ({ isFormControl: c }) => /* @__PURE__ */ x(Y, { children: [/* @__PURE__ */ l(E, {
-      ...p,
-      ref: a,
-      __scopeSwitch: o
-    }), c && /* @__PURE__ */ l($, { __scopeSwitch: o })] })
-  });
-});
-T.displayName = g;
-var B = "SwitchThumb", F = b.forwardRef((e, a) => {
-  const { __scopeSwitch: o, ...i } = e, t = _(B, o);
-  return /* @__PURE__ */ l(R.span, {
-    "data-state": q(t.checked),
-    "data-disabled": t.disabled ? "" : void 0,
-    ...i,
-    ref: a
-  });
-});
-F.displayName = B;
-var M = "SwitchBubbleInput", $ = b.forwardRef(({ __scopeSwitch: e, ...a }, o) => {
-  const { control: i, hasConsumerStoppedPropagationRef: t, checked: r, defaultChecked: n, required: f, disabled: m, name: d, value: u, form: p, bubbleInput: c, setBubbleInput: C } = _(M, e), h = N(o, C), s = L(r), S = O(i);
-  b.useEffect(() => {
-    const w = c;
-    if (!w) return;
-    const H = window.HTMLInputElement.prototype, y = Object.getOwnPropertyDescriptor(H, "checked").set, A = !t.current;
-    if (s !== r && y) {
-      const j = new Event("click", { bubbles: A });
-      y.call(w, r), w.dispatchEvent(j);
-    }
-  }, [
-    c,
-    s,
-    r,
-    t
-  ]);
-  const k = b.useRef(r);
-  return /* @__PURE__ */ l(R.input, {
-    type: "checkbox",
-    "aria-hidden": !0,
-    defaultChecked: n ?? k.current,
-    required: f,
-    disabled: m,
-    name: d,
-    value: u,
-    form: p,
-    ...a,
-    tabIndex: -1,
-    ref: h,
-    style: {
-      ...a.style,
-      ...S,
-      position: "absolute",
-      pointerEvents: "none",
-      opacity: 0,
-      margin: 0,
-      transform: "translateX(-100%)"
-    }
-  });
-});
-$.displayName = M;
-function re(e) {
-  return typeof e == "function";
-}
-function q(e) {
-  return e ? "checked" : "unchecked";
-}
-var fe = W(({ alignment: e = "horizontal", className: a, defaultChecked: o, disabled: i = !1, helperText: t, helperTextClassName: r, label: n, labelClassName: f, labelWrapperClassName: m, name: d, theme: u, thumbClassName: p, value: c, onChange: C }, h) => {
-  const s = Q(null), S = J(), k = d ? `${S}-${d}` : S;
-  return K(h, () => s.current, [s]), X(() => {
-    s.current && (s.current.value = `${c}`);
-  }, [c]), /* @__PURE__ */ x("div", {
-    className: v("w-full", "flex", "gap-3", e === "vertical" ? "flex-col" : "flex-row", m),
-    "data-theme": u,
-    children: [
-      /* @__PURE__ */ l(T, {
-        id: k,
-        defaultChecked: o,
-        checked: c,
-        onCheckedChange: (w) => C?.(w),
-        className: v(V({ className: a })),
-        "aria-label": n,
-        disabled: i,
-        children: /* @__PURE__ */ l(F, { className: D({ className: p }) })
-      }),
-      n ? /* @__PURE__ */ x(I, {
-        component: "label",
-        className: v("flex", "flex-col", "text-sm", "dark:text-white", "select-none", f),
-        htmlFor: k,
-        style: { paddingRight: 15 },
-        children: [n, t ? /* @__PURE__ */ l(I, {
-          component: "span",
-          className: v("text-xs", "select-none", "text-slate-600", "dark:text-metal-400", r),
-          children: t
-        }) : null]
-      }) : null,
-      /* @__PURE__ */ l("input", {
-        ref: s,
-        name: d,
-        type: "text",
-        className: "hidden",
-        "aria-hidden": "true"
-      })
-    ]
-  });
-});
-export {
-  fe as t
-};