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

package/dist/dist-BlPTJNIm.js

@@ -0,0 +1,118 @@
+import { t as m } from "./dist-CCdbu9GU.js";
+import { i as P, r as p, t as S } from "./dist-D-yS0HN8.js";
+import { t as M } from "./dist-DYIabsrY.js";
+import { t as x } from "./dist-BUocnzkM.js";
+import { t as y } from "./dist-DGOjiAnB2.js";
+import { n as E, r as R, t as F } from "./dist-BdobXn93.js";
+import * as f from "react";
+import { jsx as d } from "react/jsx-runtime";
+var w = Object.defineProperty, v = (i, e) => w(i, "name", {
+  value: e,
+  configurable: !0
+}), C = "Tabs", [D, U] = P(C, [R]), A = R(), [V, I] = D(C), G = /* @__PURE__ */ f.forwardRef(/* @__PURE__ */ v(function(e, l) {
+  const { __scopeTabs: s, value: t, onValueChange: r, defaultValue: c, orientation: a = "horizontal", dir: u, activationMode: T = "automatic", ...g } = e, n = y(u), [o, b] = S({
+    prop: t,
+    onChange: r,
+    defaultProp: c ?? "",
+    caller: C
+  });
+  return /* @__PURE__ */ d(V, {
+    scope: s,
+    baseId: M(),
+    value: o,
+    onValueChange: b,
+    orientation: a,
+    dir: n,
+    activationMode: T,
+    children: /* @__PURE__ */ d(m.div, {
+      dir: n,
+      "data-orientation": a,
+      ...g,
+      ref: l
+    })
+  });
+}, "Tabs")), L = "TabsList", N = /* @__PURE__ */ f.forwardRef(/* @__PURE__ */ v(function(e, l) {
+  const { __scopeTabs: s, loop: t = !0, ...r } = e, c = I(L, s), a = A(s);
+  return /* @__PURE__ */ d(E, {
+    asChild: !0,
+    ...a,
+    orientation: c.orientation,
+    dir: c.dir,
+    loop: t,
+    children: /* @__PURE__ */ d(m.div, {
+      role: "tablist",
+      "aria-orientation": c.orientation,
+      ...r,
+      ref: l
+    })
+  });
+}, "TabsList")), $ = "TabsTrigger", k = /* @__PURE__ */ f.forwardRef(/* @__PURE__ */ v(function(e, l) {
+  const { __scopeTabs: s, value: t, disabled: r = !1, ...c } = e, a = I($, s), u = A(s), T = _(a.baseId, t), g = h(a.baseId, t), n = t === a.value;
+  return /* @__PURE__ */ d(F, {
+    asChild: !0,
+    ...u,
+    focusable: !r,
+    active: n,
+    children: /* @__PURE__ */ d(m.button, {
+      type: "button",
+      role: "tab",
+      "aria-selected": n,
+      "aria-controls": g,
+      "data-state": n ? "active" : "inactive",
+      "data-disabled": r ? "" : void 0,
+      disabled: r,
+      id: T,
+      ...c,
+      ref: l,
+      onMouseDown: p(e.onMouseDown, (o) => {
+        !r && o.button === 0 && o.ctrlKey === !1 ? a.onValueChange(t) : o.preventDefault();
+      }),
+      onKeyDown: p(e.onKeyDown, (o) => {
+        r || o.target !== o.currentTarget || [" ", "Enter"].includes(o.key) && a.onValueChange(t);
+      }),
+      onFocus: p(e.onFocus, () => {
+        const o = a.activationMode !== "manual";
+        !n && !r && o && a.onValueChange(t);
+      })
+    })
+  });
+}, "TabsTrigger")), K = "TabsContent", j = /* @__PURE__ */ f.forwardRef(/* @__PURE__ */ v(function(e, l) {
+  const { __scopeTabs: s, value: t, forceMount: r, children: c, ...a } = e, u = I(K, s), T = _(u.baseId, t), g = h(u.baseId, t), n = t === u.value, o = f.useRef(n);
+  return f.useEffect(() => {
+    const b = requestAnimationFrame(() => o.current = !1);
+    return () => cancelAnimationFrame(b);
+  }, []), /* @__PURE__ */ d(x, {
+    present: r || n,
+    children: ({ present: b }) => /* @__PURE__ */ d(m.div, {
+      "data-state": n ? "active" : "inactive",
+      "data-orientation": u.orientation,
+      role: "tabpanel",
+      "aria-labelledby": T,
+      hidden: !b,
+      id: g,
+      tabIndex: 0,
+      ...a,
+      ref: l,
+      style: {
+        ...e.style,
+        animationDuration: o.current ? "0s" : void 0
+      },
+      children: b && c
+    })
+  });
+}, "TabsContent"));
+function _(i, e) {
+  return `${i}-trigger-${e}`;
+}
+v(_, "makeTriggerId");
+function h(i, e) {
+  return `${i}-content-${e}`;
+}
+v(h, "makeContentId");
+var W = G, X = N, Y = k, Z = j;
+export {
+  Y as i,
+  X as n,
+  W as r,
+  Z as t
+};

package/dist/dist-C3YVLapk.js

@@ -0,0 +1,194 @@
+import { a as R, n as S } from "./dist-xCbHbMLA.js";
+import { t as D } from "./dist-CCdbu9GU.js";
+import { i as N, n as h, r as d, t as L } from "./dist-D-yS0HN8.js";
+import { t as m } from "./dist-DYIabsrY.js";
+import { i as k, n as G } from "./dist-DKryKPmP.js";
+import { n as $, r as j, t as H } from "./es2015-CoHq2g4y.js";
+import { t as K } from "./dist-C4j75TwZ.js";
+import { t as P } from "./dist-BUocnzkM.js";
+import { t as U } from "./Combination-CnMM05mt.js";
+import * as i from "react";
+import { Fragment as V, jsx as s } from "react/jsx-runtime";
+var Y = Object.defineProperty, u = (l, o) => Y(l, "name", {
+  value: o,
+  configurable: !0
+}), O = "Dialog", [E, ge] = N(O), [Z, g] = E(O), de = /* @__PURE__ */ u((l) => {
+  const { __scopeDialog: o, children: a, open: n, defaultOpen: r, onOpenChange: t, modal: e = !0 } = l, c = i.useRef(null), f = i.useRef(null), [x, C] = L({
+    prop: n,
+    defaultProp: r ?? !1,
+    onChange: t,
+    caller: O
+  }), [T, A] = i.useState(0), [b, F] = i.useState(0);
+  return /* @__PURE__ */ s(Z, {
+    scope: o,
+    triggerRef: c,
+    contentRef: f,
+    contentId: m(),
+    titleId: m(),
+    descriptionId: m(),
+    titlePresent: T > 0,
+    descriptionPresent: b > 0,
+    setTitleCount: A,
+    setDescriptionCount: F,
+    open: x,
+    onOpenChange: C,
+    onOpenToggle: i.useCallback(() => C((w) => !w), [C]),
+    modal: e,
+    children: a
+  });
+}, "Dialog"), q = "DialogTrigger", pe = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, a) {
+  const { __scopeDialog: n, ...r } = o, t = g(q, n), e = R(a, t.triggerRef);
+  return /* @__PURE__ */ s(D.button, {
+    type: "button",
+    "aria-haspopup": "dialog",
+    "aria-expanded": t.open,
+    "aria-controls": t.open ? t.contentId : void 0,
+    "data-state": v(t.open),
+    ...r,
+    ref: e,
+    onClick: d(o.onClick, t.onOpenToggle)
+  });
+}, "DialogTrigger")), I = "DialogPortal", [z, y] = E(I, { forceMount: void 0 }), De = /* @__PURE__ */ u((l) => {
+  const { __scopeDialog: o, forceMount: a, children: n, container: r } = l, t = g(I, o);
+  return /* @__PURE__ */ s(z, {
+    scope: o,
+    forceMount: a,
+    children: i.Children.map(n, (e) => /* @__PURE__ */ s(P, {
+      present: a || t.open,
+      children: /* @__PURE__ */ s(K, {
+        asChild: !0,
+        container: r,
+        children: e
+      })
+    }))
+  });
+}, "DialogPortal"), _ = "DialogOverlay", ve = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, a) {
+  const n = y(_, o.__scopeDialog), { forceMount: r = n.forceMount, ...t } = o, e = g(_, o.__scopeDialog);
+  return e.modal ? /* @__PURE__ */ s(P, {
+    present: r || e.open,
+    children: /* @__PURE__ */ s(J, {
+      ...t,
+      ref: a
+    })
+  }) : null;
+}, "DialogOverlay")), B = S("DialogOverlay.RemoveScroll"), J = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, a) {
+  const { __scopeDialog: n, ...r } = o, t = g(_, n), e = R(a, k());
+  return /* @__PURE__ */ s(U, {
+    as: B,
+    allowPinchZoom: !0,
+    shards: [t.contentRef],
+    children: /* @__PURE__ */ s(D.div, {
+      "data-state": v(t.open),
+      ...r,
+      ref: e,
+      style: {
+        pointerEvents: "auto",
+        ...r.style
+      }
+    })
+  });
+}, "DialogOverlayImpl")), p = "DialogContent", Ce = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, a) {
+  const n = y(p, o.__scopeDialog), { forceMount: r = n.forceMount, ...t } = o, e = g(p, o.__scopeDialog);
+  return /* @__PURE__ */ s(P, {
+    present: r || e.open,
+    children: e.modal ? /* @__PURE__ */ s(Q, {
+      ...t,
+      ref: a
+    }) : /* @__PURE__ */ s(W, {
+      ...t,
+      ref: a
+    })
+  });
+}, "DialogContent")), Q = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, a) {
+  const n = g(p, o.__scopeDialog), r = i.useRef(null), t = R(a, n.contentRef, r);
+  return i.useEffect(() => {
+    const e = r.current;
+    if (e) return H(e);
+  }, []), /* @__PURE__ */ s(M, {
+    ...o,
+    ref: t,
+    trapFocus: n.open,
+    disableOutsidePointerEvents: n.open,
+    onCloseAutoFocus: d(o.onCloseAutoFocus, (e) => {
+      e.preventDefault(), n.triggerRef.current?.focus();
+    }),
+    onPointerDownOutside: d(o.onPointerDownOutside, (e) => {
+      const c = e.detail.originalEvent, f = c.button === 0 && c.ctrlKey === !0;
+      (c.button === 2 || f) && e.preventDefault();
+    }),
+    onFocusOutside: d(o.onFocusOutside, (e) => e.preventDefault())
+  });
+}, "DialogContentModal")), W = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, a) {
+  const n = g(p, o.__scopeDialog), r = i.useRef(!1), t = i.useRef(!1);
+  return /* @__PURE__ */ s(M, {
+    ...o,
+    ref: a,
+    trapFocus: !1,
+    disableOutsidePointerEvents: !1,
+    onCloseAutoFocus: (e) => {
+      o.onCloseAutoFocus?.(e), e.defaultPrevented || (r.current || n.triggerRef.current?.focus(), e.preventDefault()), r.current = !1, t.current = !1;
+    },
+    onInteractOutside: (e) => {
+      o.onInteractOutside?.(e), e.defaultPrevented || (r.current = !0, e.detail.originalEvent.type === "pointerdown" && (t.current = !0));
+      const c = e.target;
+      n.triggerRef.current?.contains(c) && e.preventDefault(), e.detail.originalEvent.type === "focusin" && t.current && e.preventDefault();
+    }
+  });
+}, "DialogContentNonModal")), M = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, a) {
+  const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: t, onCloseAutoFocus: e, ...c } = o, f = g(p, n);
+  return $(), /* @__PURE__ */ s(V, { children: /* @__PURE__ */ s(j, {
+    asChild: !0,
+    loop: !0,
+    trapped: r,
+    onMountAutoFocus: t,
+    onUnmountAutoFocus: e,
+    children: /* @__PURE__ */ s(G, {
+      role: "dialog",
+      id: f.contentId,
+      "aria-describedby": f.descriptionPresent ? f.descriptionId : void 0,
+      "aria-labelledby": f.titlePresent ? f.titleId : void 0,
+      "data-state": v(f.open),
+      ...c,
+      ref: a,
+      deferPointerDownOutside: !0,
+      onDismiss: () => f.onOpenChange(!1)
+    })
+  }) });
+}, "DialogContentImpl")), X = "DialogTitle", me = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, a) {
+  const { __scopeDialog: n, ...r } = o, t = g(X, n), { setTitleCount: e } = t;
+  return h(() => (e((c) => c + 1), () => e((c) => c - 1)), [e]), /* @__PURE__ */ s(D.h2, {
+    id: t.titleId,
+    ...r,
+    ref: a
+  });
+}, "DialogTitle")), ee = "DialogDescription", _e = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, a) {
+  const { __scopeDialog: n, ...r } = o, t = g(ee, n), { setDescriptionCount: e } = t;
+  return h(() => (e((c) => c + 1), () => e((c) => c - 1)), [e]), /* @__PURE__ */ s(D.p, {
+    id: t.descriptionId,
+    ...r,
+    ref: a
+  });
+}, "DialogDescription")), oe = "DialogClose", Re = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, a) {
+  const { __scopeDialog: n, ...r } = o, t = g(oe, n);
+  return /* @__PURE__ */ s(D.button, {
+    type: "button",
+    ...r,
+    ref: a,
+    onClick: d(o.onClick, () => t.onOpenChange(!1))
+  });
+}, "DialogClose"));
+function v(l) {
+  return l ? "open" : "closed";
+}
+u(v, "getState");
+export {
+  ve as a,
+  pe as c,
+  _e as i,
+  ge as l,
+  Re as n,
+  De as o,
+  Ce as r,
+  me as s,
+  de as t
+};

package/dist/dist-C4j75TwZ.js

@@ -0,0 +1,20 @@
+import { t as s } from "./dist-CCdbu9GU.js";
+import { n as c } from "./dist-D-yS0HN8.js";
+import * as e from "react";
+import * as u from "react-dom";
+import { jsx as l } from "react/jsx-runtime";
+var p = Object.defineProperty, P = (t, r) => p(t, "name", {
+  value: r,
+  configurable: !0
+}), _ = /* @__PURE__ */ e.forwardRef(/* @__PURE__ */ P(function(r, a) {
+  const { container: n, ...i } = r, [f, m] = e.useState(!1);
+  c(() => m(!0), []);
+  const o = n || f && globalThis?.document?.body;
+  return o ? u.createPortal(/* @__PURE__ */ l(s.div, {
+    ...i,
+    ref: a
+  }), o) : null;
+}, "Portal"));
+export {
+  _ as t
+};

package/dist/dist-CCdbu9GU.js

@@ -0,0 +1,46 @@
+import { n as c } from "./dist-xCbHbMLA.js";
+import * as f from "react";
+import * as p from "react-dom";
+import { jsx as u } from "react/jsx-runtime";
+var d = Object.defineProperty, l = (i, t) => d(i, "name", {
+  value: t,
+  configurable: !0
+}), b = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+].reduce((i, t) => {
+  const r = c(`Primitive.${t}`), e = f.forwardRef((o, a) => {
+    const { asChild: s, ...n } = o, m = s ? r : t;
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u(m, {
+      ...n,
+      ref: a
+    });
+  });
+  return e.displayName = `Primitive.${t}`, {
+    ...i,
+    [t]: e
+  };
+}, {});
+function v(i, t) {
+  i && p.flushSync(() => i.dispatchEvent(t));
+}
+l(v, "dispatchDiscreteCustomEvent");
+export {
+  v as n,
+  b as t
+};