@a-ui/react 7.13.0-beta.3 → 7.13.0-beta.5

package/es/index55.mjs

@@ -1,32 +1,30 @@
-const f = (t, n) => Array(n - t + 1).fill(0).map((e, o) => o + t), d = (t, n) => {
-  const e = n <= 7 ? 7 : t > 4 && t < n - 3 ? 2 : 4;
-  let o = Math.round(t - e / 2), a = Math.round(t + e / 2);
-  (o - 1 === 1 || a + 1 === n) && (o += 1, a += 1);
-  let s = t > e ? f(Math.min(o, n - e), Math.min(a, n)) : f(1, Math.min(n, e + 1));
-  return s[0] !== 1 && (s = [1, 0].concat(s)), s[s.length - 1] < n && (s = s.concat([0, n])), s;
-}, p = (t, n, e, o) => {
-  const a = e - n, c = (t - n) / a;
-  return Math.round(c * o);
-}, h = (t, n, e) => Math.min(Math.max(t, n), e), l = (t, n) => n ? t - n : t, M = (t, n, e, o, a, s, c) => {
-  const i = h(t, 0, n) / (n || 1);
-  let r = e * Math.round(i * (c - s)) / e + s;
-  return r >= a && (r = a), r <= o && (r = o), r;
-}, V = (t, n, e, o, a, s, c, i) => {
-  const u = "clientX", r = t.type !== "touchmove" ? t[u] : t.touches[0][u], g = l(r, i);
-  return M(g, n, e, o, a, s, c);
-}, y = (t, n, e) => {
-  const o = [];
-  if (e <= 0)
-    return [n];
-  for (let a = t; a < n; a += e)
-    o.push(a);
-  return [...o, n];
+var a = /* @__PURE__ */ ((r) => (r.HIGH = "high", r.MEDIUM = "medium", r.LOW = "low", r))(a || {});
+const t = "high", e = {
+  medium: "outlined",
+  low: "transparent"
 };
+var n = /* @__PURE__ */ ((r) => (r.XS = "extra-small", r.S = "small", r.MD = "medium", r.L = "large", r))(n || {});
+const c = "medium", u = {
+  "extra-small": "xs",
+  small: "s",
+  medium: "md",
+  large: "l"
+};
+var l = /* @__PURE__ */ ((r) => (r.PRIMARY = "primary", r.NEUTRAL = "neutral", r.DANGER = "danger", r.SUCCESS = "success", r.WARNING = "warning", r))(l || {});
+const E = {
+  success: "check-1",
+  warning: "alert-circle",
+  danger: "alert-triangle"
+};
+var s = /* @__PURE__ */ ((r) => (r.SUCCESS = "success", r.ERROR = "error", r))(s || {});
 export {
-  l as getPosition,
-  V as getPositionValue,
-  y as getSteps,
-  M as getValueFromPosition,
-  p as lineValuesToPosition,
-  d as pagesArray
+  t as DEFAULT_EMPHASIS,
+  c as DEFAULT_SIZE,
+  e as EMPHASIS_MAP,
+  a as Emphasis,
+  u as SIZE_MAP,
+  n as Size,
+  s as State,
+  E as THEME_ICON_MAP,
+  l as Theme
 };

package/es/index56.mjs

@@ -0,0 +1,49 @@
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import { State as i, THEME_ICON_MAP as a, Theme as p } from "./index55.mjs";
+import { classNames as d } from "./index52.mjs";
+import { renderRequiredAsterisk as f } from "./index57.mjs";
+import { Icon as u } from "./index24.mjs";
+const b = ({ label: s, id: l, required: e, inline: n, className: r = "", noMargin: t = !1 }) => {
+  const o = d({
+    "a-input__label": !t,
+    "a-input__label--inline": !!n,
+    [r]: !!r
+  });
+  return s ? /* @__PURE__ */ m("label", { className: o, htmlFor: l, children: [
+    s,
+    e && f()
+  ] }) : null;
+}, O = ({ id: s, description: l, state: e }) => {
+  const n = d({
+    "a-input__description": !0,
+    "is-error": e === i.ERROR,
+    "is-success": e === i.SUCCESS
+  });
+  return l ? /* @__PURE__ */ m("small", { id: `${s}--description`, className: n, children: [
+    e === i.SUCCESS && /* @__PURE__ */ c(u, { name: a[p.SUCCESS] }),
+    e === i.ERROR && /* @__PURE__ */ c(u, { name: a[p.DANGER] }),
+    l
+  ] }) : null;
+}, A = ({
+  id: s,
+  charCountText: l,
+  charCounter: e,
+  characterCount: n,
+  maxLength: r
+}) => {
+  const t = r ? r - n : 0, o = r && t <= 0, S = r ? l?.replace("%max%", r.toString()).replace("%count%", n.toString()).replace("%left%", t.toString()) : l?.replace("%count%", n.toString());
+  return e ? /* @__PURE__ */ c(
+    "small",
+    {
+      "aria-live": "polite",
+      id: `${s}--counter`,
+      className: `a-input__description u-text-left${o ? " u-text-danger" : ""}`,
+      children: S
+    }
+  ) : null;
+};
+export {
+  A as renderCharacterCounter,
+  O as renderDescription,
+  b as renderLabel
+};

package/es/index57.mjs

@@ -1,10 +1,51 @@
-function o(r) {
-  console.warn(`[AUI] Warning - ${r}.`);
+import { jsx as n, jsxs as o } from "react/jsx-runtime";
+import { cloneElement as f } from "react";
+import { Size as l } from "./index55.mjs";
+import { Spinner as c } from "./index39.mjs";
+import { Avatar as s } from "./index6.mjs";
+import { Icon as i } from "./index24.mjs";
+function x(e, r, t) {
+  return t ? f(r, { children: e }) : e;
 }
-function n(r) {
-  console.error(`[AUI] Error - ${r}.`);
+function D(e, r, t) {
+  return !e?.href && !e?.onClick ? e?.label || "" : e?.href ? /* @__PURE__ */ o("a", { href: e.href, target: e.target || "_self", ...t, children: [
+    e.label || "",
+    r ? /* @__PURE__ */ n(i, { name: r }) : null
+  ] }) : /* @__PURE__ */ o(
+    "a",
+    {
+      style: { cursor: "pointer" },
+      onClick: (a) => (a.preventDefault(), e.onClick && e.onClick(a)),
+      onKeyDown: (a) => {
+        if (a.key === "Enter")
+          return a.preventDefault(), e.onClick && e.onClick(a);
+      },
+      role: "button",
+      tabIndex: 0,
+      ...t,
+      children: [
+        e.label || "",
+        r ? /* @__PURE__ */ n(i, { name: r }) : null
+      ]
+    }
+  );
+}
+function S(e, r, t, u) {
+  return r ? /* @__PURE__ */ o("div", { className: "a-input", children: [
+    /* @__PURE__ */ n("label", { className: "a-input__label", id: u, htmlFor: t, children: r }),
+    e
+  ] }) : e;
+}
+function w(e, r) {
+  return e?.type === "spinner" ? /* @__PURE__ */ n(c, { ariaHidden: !0, size: r === l.S ? l.XS : l.S }) : e?.type === "avatar" ? /* @__PURE__ */ n(s, { ...e?.avatarProps, size: r }) : e?.type === "icon" ? /* @__PURE__ */ n(i, { ...e?.iconProps }) : null;
+}
+function g() {
+  return /* @__PURE__ */ n("span", { className: "u-text-danger", "aria-hidden": "true", children: "*" });
 }
 export {
-  n as logError,
-  o as logWarning
+  S as labelWrapper,
+  w as renderAddOn,
+  D as renderHTMLLink,
+  g as renderRequiredAsterisk,
+  x as wrapWithIf
 };

package/es/index58.mjs

@@ -1,49 +1,32 @@
-import { jsxs as m, jsx as c } from "react/jsx-runtime";
-import { State as i, THEME_ICON_MAP as a, Theme as p } from "./index54.mjs";
-import { classNames as d } from "./index51.mjs";
-import { renderRequiredAsterisk as f } from "./index52.mjs";
-import { Icon as u } from "./index24.mjs";
-const b = ({ label: s, id: l, required: e, inline: n, className: r = "", noMargin: t = !1 }) => {
-  const o = d({
-    "a-input__label": !t,
-    "a-input__label--inline": !!n,
-    [r]: !!r
-  });
-  return s ? /* @__PURE__ */ m("label", { className: o, htmlFor: l, children: [
-    s,
-    e && f()
-  ] }) : null;
-}, O = ({ id: s, description: l, state: e }) => {
-  const n = d({
-    "a-input__description": !0,
-    "is-error": e === i.ERROR,
-    "is-success": e === i.SUCCESS
-  });
-  return l ? /* @__PURE__ */ m("small", { id: `${s}--description`, className: n, children: [
-    e === i.SUCCESS && /* @__PURE__ */ c(u, { name: a[p.SUCCESS] }),
-    e === i.ERROR && /* @__PURE__ */ c(u, { name: a[p.DANGER] }),
-    l
-  ] }) : null;
-}, A = ({
-  id: s,
-  charCountText: l,
-  charCounter: e,
-  characterCount: n,
-  maxLength: r
-}) => {
-  const t = r ? r - n : 0, o = r && t <= 0, S = r ? l?.replace("%max%", r.toString()).replace("%count%", n.toString()).replace("%left%", t.toString()) : l?.replace("%count%", n.toString());
-  return e ? /* @__PURE__ */ c(
-    "small",
-    {
-      "aria-live": "polite",
-      id: `${s}--counter`,
-      className: `a-input__description u-text-left${o ? " u-text-danger" : ""}`,
-      children: S
-    }
-  ) : null;
+const f = (t, n) => Array(n - t + 1).fill(0).map((e, o) => o + t), d = (t, n) => {
+  const e = n <= 7 ? 7 : t > 4 && t < n - 3 ? 2 : 4;
+  let o = Math.round(t - e / 2), a = Math.round(t + e / 2);
+  (o - 1 === 1 || a + 1 === n) && (o += 1, a += 1);
+  let s = t > e ? f(Math.min(o, n - e), Math.min(a, n)) : f(1, Math.min(n, e + 1));
+  return s[0] !== 1 && (s = [1, 0].concat(s)), s[s.length - 1] < n && (s = s.concat([0, n])), s;
+}, p = (t, n, e, o) => {
+  const a = e - n, c = (t - n) / a;
+  return Math.round(c * o);
+}, h = (t, n, e) => Math.min(Math.max(t, n), e), l = (t, n) => n ? t - n : t, M = (t, n, e, o, a, s, c) => {
+  const i = h(t, 0, n) / (n || 1);
+  let r = e * Math.round(i * (c - s)) / e + s;
+  return r >= a && (r = a), r <= o && (r = o), r;
+}, V = (t, n, e, o, a, s, c, i) => {
+  const u = "clientX", r = t.type !== "touchmove" ? t[u] : t.touches[0][u], g = l(r, i);
+  return M(g, n, e, o, a, s, c);
+}, y = (t, n, e) => {
+  const o = [];
+  if (e <= 0)
+    return [n];
+  for (let a = t; a < n; a += e)
+    o.push(a);
+  return [...o, n];
 };
 export {
-  A as renderCharacterCounter,
-  O as renderDescription,
-  b as renderLabel
+  l as getPosition,
+  V as getPositionValue,
+  y as getSteps,
+  M as getValueFromPosition,
+  p as lineValuesToPosition,
+  d as pagesArray
 };

package/es/index59.mjs

@@ -0,0 +1,19 @@
+import { getDefaultExportFromCjs as d } from "./index90.mjs";
+import { __module as r } from "./index91.mjs";
+import "./index92.mjs";
+import { __exports as f } from "./index93.mjs";
+(function(o, t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  });
+  var a = f, l = u(a);
+  function u(e) {
+    return e && e.__esModule ? e : { default: e };
+  }
+  t.default = l.default, o.exports = t.default;
+})(r, r.exports);
+var i = r.exports;
+const n = /* @__PURE__ */ d(i);
+export {
+  n as default
+};

package/es/index6.mjs

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
-import { classNames as A } from "./index51.mjs";
-import { DEFAULT_AVATAR_ICON as p } from "./index53.mjs";
-import { SIZE_MAP as d, DEFAULT_SIZE as f } from "./index54.mjs";
+import { classNames as A } from "./index52.mjs";
+import { DEFAULT_AVATAR_ICON as p } from "./index51.mjs";
+import { SIZE_MAP as d, DEFAULT_SIZE as f } from "./index55.mjs";
 import { Icon as u } from "./index24.mjs";
 const _ = (a) => /* @__PURE__ */ t("span", { className: "a-avatar__letter", children: a }), E = (a, r) => /* @__PURE__ */ t("img", { src: `${a}`, alt: `${r}` }), I = (a, r) => /* @__PURE__ */ t("span", { className: "a-avatar__icon", "aria-label": r, role: "img", children: /* @__PURE__ */ t(u, { name: a }) });
 function g({

package/es/index60.mjs

@@ -1,19 +1,31 @@
-import { getDefaultExportFromCjs as d } from "./index90.mjs";
-import { __module as r } from "./index91.mjs";
-import "./index92.mjs";
-import { __exports as f } from "./index93.mjs";
-(function(o, t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  });
-  var a = f, l = u(a);
-  function u(e) {
-    return e && e.__esModule ? e : { default: e };
-  }
-  t.default = l.default, o.exports = t.default;
-})(r, r.exports);
-var i = r.exports;
-const n = /* @__PURE__ */ d(i);
+import { useRef as u, useEffect as s, useState as i } from "react";
+import { isScrollAtTheEnd as a } from "./index52.mjs";
+function E() {
+  const [l, r] = i(!0), [n, o] = i(!0), t = u(null), c = (e) => {
+    r(e.scrollLeft <= 0), o(a(e));
+  };
+  return s(() => {
+    const e = t.current;
+    e && c(e);
+  }, [t]), s(() => {
+    function e() {
+      t.current && c(t.current);
+    }
+    return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, []), [t, (e) => {
+    const d = e.target;
+    c(d);
+  }, l, n];
+}
+function m(l) {
+  const r = u(null), n = (o) => {
+    r?.current?.contains(o?.target) || l(o?.target);
+  };
+  return s(() => (window.addEventListener("click", n), () => {
+    window.removeEventListener("click", n);
+  })), { elementRef: r };
+}
 export {
-  n as default
+  E as useHorizontalScroll,
+  m as useOutsideClick
 };