@alif-ui-test/core 1.11.0 → 2.0.0-alpha.5

package/dist/components/Timeline/Timeline.js

@@ -1,43 +1,32 @@
-import { jsx as m } from "react/jsx-runtime";
-import { Children as n, cloneElement as C, isValidElement as d } from "react";
-import r from "./Timeline.module.css.js";
-import { TimelineContextProvider as c } from "./Timeline.context.js";
-import { TimelineItem as T } from "./TimelineItem/TimelineItem.js";
-import { TimelineOppositeContent as u } from "./TimelineOppositeContent/TimelineOppositeContent.js";
-import { TimelineContent as x } from "./TimelineContent/TimelineContent.js";
-import { classNames as I } from "../../utils/class-names.js";
-const e = ({
-  horizontal: o = !1,
-  active: l = 0,
-  children: i,
-  contentRatio: s = { opposite: 1, main: 1 }
-}) => {
-  const p = I(
-    r.root,
-    o && r.horizontal
-  ), a = n.map(
-    i,
-    (t, f) => d(t) ? C(t, {
-      tabIndex: f
-    }) : t
-  );
-  return /* @__PURE__ */ m(
-    c,
-    {
-      value: {
-        active: l,
-        horizontal: o,
-        countChildren: n.count(i),
-        contentRatio: s
-      },
-      children: /* @__PURE__ */ m("ul", { className: p, children: a })
-    }
-  );
-};
-e.displayName = "Timeline";
-e.Item = T;
-e.OppositeContent = u;
-e.Content = x;
-export {
-  e as Timeline
+import { classNames as e } from "../../utils/class-names.js";
+import t from "./Timeline.module.js";
+import { TimelineContextProvider as n } from "./Timeline.context.js";
+import { TimelineOppositeContent as r } from "./TimelineOppositeContent/TimelineOppositeContent.js";
+import { TimelineContent as i } from "./TimelineContent/TimelineContent.js";
+import { TimelineItem as a } from "./TimelineItem/TimelineItem.js";
+import { Children as o, cloneElement as s, isValidElement as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/Timeline/Timeline.tsx
+var u = ({ horizontal: r = !1, active: i = 0, children: a, contentRatio: u = {
+	opposite: 1,
+	main: 1
+}, className: d, style: f, ref: p }) => {
+	let m = o.map(a, (e, t) => c(e) ? s(e, { _index: t }) : e);
+	return /* @__PURE__ */ l(n, {
+		value: {
+			active: i,
+			horizontal: r,
+			countChildren: o.count(a),
+			contentRatio: u
+		},
+		children: /* @__PURE__ */ l("ul", {
+			ref: p,
+			style: f,
+			className: e(t.root, r && t.rootHorizontal, d),
+			children: m
+		})
+	});
 };
+u.Item = a, u.OppositeContent = r, u.Content = i;
+//#endregion
+export { u as Timeline };

package/dist/components/Timeline/Timeline.module.js

@@ -0,0 +1,6 @@
+var e = {
+	root: "_root_18ens_1",
+	rootHorizontal: "_rootHorizontal_18ens_30"
+};
+//#endregion
+export { e as default };

package/dist/components/Timeline/Timeline.utils.js

@@ -1,5 +1,4 @@
-const e = (t, r) => r === t ? "active" : r < t ? "completed" : "inactive", u = (t, r = 0) => t === 0 ? "first" : t === r - 1 ? "last" : "middle";
-export {
-  u as getOrder,
-  e as getStatus
-};
+//#region src/components/Timeline/Timeline.utils.ts
+var e = (e, t) => t === e ? "active" : t < e ? "completed" : "inactive", t = (e, t = 0) => e === 0 ? "first" : e === t - 1 ? "last" : "middle";
+//#endregion
+export { t as getOrder, e as getStatus };

package/dist/components/Timeline/TimelineBullet/TimelineBullet.js

@@ -1,12 +1,18 @@
-import { jsx as o } from "react/jsx-runtime";
-import s from "../TimelineItem/TimelineItem.module.css.js";
-import { classNames as m } from "../../../utils/class-names.js";
-const i = ({ bullet: t, status: l }) => {
-  const e = m(
-    t ? s.customBullet : s.defaultBullet
-  );
-  return /* @__PURE__ */ o("span", { "data-dot": l, className: e, children: t });
-};
-export {
-  i as TimelineBullet
+import { classNames as e } from "../../../utils/class-names.js";
+import t from "./TimelineBullet.module.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Timeline/TimelineBullet/TimelineBullet.tsx
+var r = ({ bullet: r, status: i }) => {
+	let a = !!r, o = a ? t.custom : t.bullet, s = {
+		active: a ? t.customActive : t.bulletActive,
+		completed: a ? t.customCompleted : t.bulletCompleted,
+		inactive: a ? t.customInactive : t.bulletInactive
+	}[i], c = typeof r == "function" ? r(i) : r;
+	return /* @__PURE__ */ n("div", {
+		"aria-hidden": "true",
+		className: e(o, s),
+		children: a ? c : null
+	});
 };
+//#endregion
+export { r as TimelineBullet };

package/dist/components/Timeline/TimelineBullet/TimelineBullet.module.js

@@ -0,0 +1,12 @@
+var e = {
+	bullet: "_bullet_18j78_1",
+	bulletInactive: "_bulletInactive_18j78_8",
+	bulletActive: "_bulletActive_18j78_12",
+	bulletCompleted: "_bulletCompleted_18j78_13",
+	custom: "_custom_18j78_21",
+	customInactive: "_customInactive_18j78_32",
+	customActive: "_customActive_18j78_36",
+	customCompleted: "_customCompleted_18j78_37"
+};
+//#endregion
+export { e as default };

package/dist/components/Timeline/TimelineContent/TimelineContent.js

@@ -1,14 +1,19 @@
-import { jsx as m } from "react/jsx-runtime";
-import t from "./TimelineContent.module.css.js";
-import { useTimelineContext as s } from "../Timeline.context.js";
-import { classNames as r } from "../../../utils/class-names.js";
-const p = ({ children: o }) => {
-  const { horizontal: e, contentRatio: n } = s(), i = r(
-    e && t.horizontal,
-    t.content
-  );
-  return /* @__PURE__ */ m("div", { style: { flex: n?.main }, className: i, children: o });
-};
-export {
-  p as TimelineContent
+import { classNames as e } from "../../../utils/class-names.js";
+import { useTimelineContext as t } from "../Timeline.context.js";
+import n from "./TimelineContent.module.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Timeline/TimelineContent/TimelineContent.tsx
+var i = ({ children: i, className: a, style: o, ref: s }) => {
+	let { horizontal: c, contentRatio: l } = t();
+	return /* @__PURE__ */ r("div", {
+		ref: s,
+		style: {
+			flex: l?.main,
+			...o
+		},
+		className: e(n.root, c && n.rootHorizontal, a),
+		children: i
+	});
 };
+//#endregion
+export { i as TimelineContent };

package/dist/components/Timeline/TimelineContent/TimelineContent.module.js

@@ -0,0 +1,6 @@
+var e = {
+	root: "_root_1w3zg_1",
+	rootHorizontal: "_rootHorizontal_1w3zg_5"
+};
+//#endregion
+export { e as default };

package/dist/components/Timeline/TimelineItem/TimelineItem.js

@@ -1,54 +1,46 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { Children as v } from "react";
-import t from "./TimelineItem.module.css.js";
-import { findChildByType as c, getTimelineItemStyles as N } from "./TimelineItem.utils.js";
-import { useTimelineContext as x } from "../Timeline.context.js";
-import { TimelineBullet as g } from "../TimelineBullet/TimelineBullet.js";
-import { getStatus as j, getOrder as z } from "../Timeline.utils.js";
-import { TimelineOppositeContent as A } from "../TimelineOppositeContent/TimelineOppositeContent.js";
-import { TimelineContent as B } from "../TimelineContent/TimelineContent.js";
-import { classNames as o } from "../../../utils/class-names.js";
-const F = ({
-  children: p,
-  bullet: d,
-  tabIndex: n = 0
-}) => {
-  const { horizontal: s, active: f, countChildren: r } = x(), h = Math.max(0, f), C = o(
-    t.root,
-    s && t.horizontal
-  ), m = v.toArray(p), y = c(
-    m,
-    A
-  ), T = c(m, B), e = j(h, n), l = z(n, r), u = l === "last" || r === 1;
-  return /* @__PURE__ */ a(
-    "li",
-    {
-      style: N(s, l),
-      className: C,
-      children: [
-        y,
-        /* @__PURE__ */ a("div", { className: t.lineContainer, children: [
-          /* @__PURE__ */ i(
-            "span",
-            {
-              "data-line": e === "inactive" ? "inactive" : "completed",
-              className: o(t.line1)
-            }
-          ),
-          /* @__PURE__ */ i(g, { bullet: d, status: e }),
-          !u && /* @__PURE__ */ i(
-            "span",
-            {
-              "data-line": e === "completed" ? "completed" : "inactive",
-              className: o(t.line)
-            }
-          )
-        ] }),
-        T
-      ]
-    }
-  );
-};
-export {
-  F as TimelineItem
+import { classNames as e } from "../../../utils/class-names.js";
+import { useTimelineContext as t } from "../Timeline.context.js";
+import { TimelineOppositeContent as n } from "../TimelineOppositeContent/TimelineOppositeContent.js";
+import { TimelineContent as r } from "../TimelineContent/TimelineContent.js";
+import i from "./TimelineItem.module.js";
+import { findChildByType as a, getTimelineItemStyles as o } from "./TimelineItem.utils.js";
+import { getOrder as s, getStatus as c } from "../Timeline.utils.js";
+import { TimelineBullet as l } from "../TimelineBullet/TimelineBullet.js";
+import { Children as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/Timeline/TimelineItem/TimelineItem.tsx
+var p = ({ children: p, bullet: m, className: h, style: g, ref: _, _index: v = 0 }) => {
+	let { horizontal: y, active: b, countChildren: x } = t(), S = u.toArray(p), C = a(S, n), w = a(S, r), T = c(b, v), E = s(v, x), D = e(i.root, y && i.rootHorizontal, h), O = e(i.separator, !!m && i.separatorWithBullet), k = e(i.lineBefore, T === "inactive" ? i.lineDefault : i.lineFilled), A = e(i.lineAfter, T === "completed" ? i.lineFilled : i.lineDefault);
+	return /* @__PURE__ */ f("li", {
+		ref: _,
+		style: o(y, E, g),
+		className: D,
+		"aria-current": T === "active" ? "step" : void 0,
+		children: [
+			C,
+			/* @__PURE__ */ f("div", {
+				className: O,
+				children: [
+					/* @__PURE__ */ d("span", {
+						"aria-hidden": "true",
+						className: k
+					}),
+					/* @__PURE__ */ d("div", {
+						className: i.bulletContainer,
+						children: /* @__PURE__ */ d(l, {
+							bullet: m,
+							status: T
+						})
+					}),
+					E !== "last" && /* @__PURE__ */ d("span", {
+						"aria-hidden": "true",
+						className: A
+					})
+				]
+			}),
+			w
+		]
+	});
 };
+//#endregion
+export { p as TimelineItem };

package/dist/components/Timeline/TimelineItem/TimelineItem.module.js

@@ -0,0 +1,13 @@
+var e = {
+	root: "_root_16tro_1",
+	rootHorizontal: "_rootHorizontal_16tro_6",
+	bulletContainer: "_bulletContainer_16tro_10",
+	separator: "_separator_16tro_24",
+	separatorWithBullet: "_separatorWithBullet_16tro_31",
+	lineBefore: "_lineBefore_16tro_44",
+	lineAfter: "_lineAfter_16tro_54",
+	lineDefault: "_lineDefault_16tro_64",
+	lineFilled: "_lineFilled_16tro_69"
+};
+//#endregion
+export { e as default };

package/dist/components/Timeline/TimelineItem/TimelineItem.utils.js

@@ -1,21 +1,17 @@
-import { isValidElement as a } from "react";
-const m = (i, e) => i.find((t) => a(t) && t.type === e), r = (i, e, t) => {
-  const l = {
-    first: 0,
-    last: i ? "0 0 0 var(--time-line-spacing-horizontal-slot)" : "var(--time-line-spacing-vertical-slot) 0 0 0",
-    middle: i ? "0 var(--time-line-spacing-horizontal-slot)" : "var(--time-line-spacing-vertical-slot) 0"
-  }, n = {
-    first: "var(--time-line-line-height-start)",
-    last: "var(--time-line-line-height-default)",
-    middle: "var(--time-line-line-height-default)"
-  };
-  return {
-    ...t,
-    "--time-line-item-spacing": l[e],
-    "--time-line-line-height": n[e]
-  };
-};
-export {
-  m as findChildByType,
-  r as getTimelineItemStyles
-};
+import { isValidElement as e } from "react";
+//#region src/components/Timeline/TimelineItem/TimelineItem.utils.ts
+var t = (t, n) => t.find((t) => e(t) && t.type === n), n = (e, t, n) => ({
+	"--timeline-item-spacing": {
+		first: e ? "0 var(--timeline-spacing-horizontal-slot) 0 0" : "0 0 var(--timeline-spacing-vertical-slot) 0",
+		last: e ? "0 0 0 var(--timeline-spacing-horizontal-slot)" : "var(--timeline-spacing-vertical-slot) 0 0 0",
+		middle: e ? "0 var(--timeline-spacing-horizontal-slot)" : "var(--timeline-spacing-vertical-slot) 0"
+	}[t],
+	"--timeline-line-height": {
+		first: "var(--timeline-line-height-start)",
+		last: "var(--timeline-line-height-default)",
+		middle: "var(--timeline-line-height-default)"
+	}[t],
+	...n
+});
+//#endregion
+export { t as findChildByType, n as getTimelineItemStyles };

package/dist/components/Timeline/TimelineOppositeContent/TimelineOppositeContent.js

@@ -1,23 +1,19 @@
-import { jsx as i } from "react/jsx-runtime";
-import o from "./TimelineOppositeContent.module.css.js";
-import { useTimelineContext as p } from "../Timeline.context.js";
-import { classNames as r } from "../../../utils/class-names.js";
-const f = ({
-  children: t
-}) => {
-  const { horizontal: e, contentRatio: s } = p(), n = r(
-    e && o.horizontal,
-    o.oppositeContent
-  );
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      style: { flex: s?.opposite },
-      className: n,
-      children: t
-    }
-  );
-};
-export {
-  f as TimelineOppositeContent
+import { classNames as e } from "../../../utils/class-names.js";
+import { useTimelineContext as t } from "../Timeline.context.js";
+import n from "./TimelineOppositeContent.module.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Timeline/TimelineOppositeContent/TimelineOppositeContent.tsx
+var i = ({ children: i, className: a, style: o, ref: s }) => {
+	let { horizontal: c, contentRatio: l } = t();
+	return /* @__PURE__ */ r("div", {
+		ref: s,
+		style: {
+			flex: l?.opposite,
+			...o
+		},
+		className: e(n.root, c && n.rootHorizontal, a),
+		children: i
+	});
 };
+//#endregion
+export { i as TimelineOppositeContent };

package/dist/components/Timeline/TimelineOppositeContent/TimelineOppositeContent.module.js

@@ -0,0 +1,6 @@
+var e = {
+	root: "_root_69ag8_1",
+	rootHorizontal: "_rootHorizontal_69ag8_6"
+};
+//#endregion
+export { e as default };

package/dist/components/Tooltip/Tooltip.js

@@ -1,57 +1,25 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { useState as u } from "react";
-import e from "./Tooltip.module.css.js";
-import { Popover as s } from "../Popover/Popover.js";
-import { Typography as b } from "../Typography/Typography.js";
-import { classNames as v } from "../../utils/class-names.js";
-const V = ({
-  label: n,
-  icon: l,
-  className: p,
-  isOpen: r,
-  children: a,
-  withArrow: m = !0,
-  position: c = "top",
-  offset: f = 2,
-  ...d
-}) => {
-  const [y, t] = u(!1), g = () => {
-    typeof r != "boolean" && t(!0);
-  }, h = () => {
-    typeof r != "boolean" && t(!1);
-  };
-  return /* @__PURE__ */ i(
-    s,
-    {
-      isOpen: r ?? y,
-      withArrow: m,
-      position: c,
-      offset: f,
-      ...d,
-      children: [
-        /* @__PURE__ */ o(s.Trigger, { children: /* @__PURE__ */ o(
-          "div",
-          {
-            className: e.trigger,
-            onMouseEnter: g,
-            onMouseLeave: h,
-            children: a
-          }
-        ) }),
-        /* @__PURE__ */ o(
-          s.Dropdown,
-          {
-            className: v(e.root, e.fadeIn, p),
-            children: /* @__PURE__ */ i("div", { children: [
-              l,
-              /* @__PURE__ */ o(b, { category: "body", proportions: "s", children: n })
-            ] })
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  V as Tooltip
-};
+import { resolveTypography as e } from "../../utils/typography.js";
+import { classNames as t } from "../../utils/class-names.js";
+import { Popover as n } from "../Popover/Popover.js";
+import r from "./Tooltip.module.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Tooltip/Tooltip.tsx
+var o = ({ label: o, className: s, isOpen: c, children: l, withArrow: u = !0, position: d = "top", offset: f = 4, triggerType: p = "hover", ...m }) => /* @__PURE__ */ a(n, {
+	isOpen: c,
+	withArrow: u,
+	position: d,
+	offset: f,
+	triggerType: p,
+	...m,
+	children: [/* @__PURE__ */ i(n.Trigger, { children: /* @__PURE__ */ i("div", {
+		className: r.trigger,
+		children: l
+	}) }), /* @__PURE__ */ i(n.Dropdown, {
+		role: "tooltip",
+		style: e("body", "s"),
+		className: t(r.root, r.fadeIn, "uiFont", s),
+		children: o
+	})]
+});
+//#endregion
+export { o as Tooltip };

package/dist/components/Tooltip/Tooltip.module.js

@@ -0,0 +1,8 @@
+var e = {
+	root: "_root_1dfag_1",
+	trigger: "_trigger_1dfag_18",
+	fadeIn: "_fadeIn_1dfag_28",
+	"fade-in": "_fade-in_1dfag_1"
+};
+//#endregion
+export { e as default };

package/dist/components/Transition/Transition.hook.js

@@ -1,64 +1,57 @@
-import { useState as p, useRef as s, useCallback as q, useEffect as y } from "react";
-import { flushSync as j } from "react-dom";
-function B({
-  mounted: r,
-  duration: u,
-  exitDuration: g,
-  onEnter: c,
-  onEntered: a,
-  onExit: o,
-  onExited: f,
-  enterDelay: S,
-  exitDelay: w
-}) {
-  const [k, n] = p(
-    r ? "entered" : "exited"
-  ), [x, C] = p(u), [h, A] = p(r), F = s(!0), i = s(null), l = s(null), m = s(null), b = () => {
-    l.current !== null && clearTimeout(l.current), m.current !== null && clearTimeout(m.current), i.current !== null && cancelAnimationFrame(i.current);
-  }, T = q(
-    (t) => {
-      const e = t, R = e ? u : g;
-      if (C(R), R === 0) {
-        e ? c?.() : o?.(), e ? a?.() : f?.(), n(e ? "entered" : "exited");
-        return;
-      }
-      i.current = requestAnimationFrame(() => {
-        j(() => {
-          n(e ? "pre-entering" : "pre-exiting");
-        }), i.current = requestAnimationFrame(() => {
-          e ? c?.() : o?.(), n(e ? "entering" : "exiting"), l.current = window.setTimeout(() => {
-            e ? a?.() : f?.(), n(e ? "entered" : "exited"), t || A(!1);
-          }, R);
-        });
-      });
-    },
-    [u, g, c, a, o, f]
-  ), d = q(
-    (t) => {
-      b();
-      const e = t ? S : w;
-      if (typeof e != "number" || e <= 0) {
-        T(t);
-        return;
-      }
-      m.current = window.setTimeout(() => {
-        T(t);
-      }, e);
-    },
-    [S, w, T]
-  );
-  return y(() => {
-    if (F.current) {
-      F.current = !1;
-      return;
-    }
-    r && A(!0), d(r);
-  }, [d, r]), y(() => b, []), {
-    transitionStatus: k,
-    transitionDuration: x,
-    shouldRender: h
-  };
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+import { flushSync as i } from "react-dom";
+//#region src/components/Transition/Transition.hook.ts
+function a({ mounted: a, duration: o, exitDuration: s, onEnter: c, onEntered: l, onExit: u, onExited: d, enterDelay: f, exitDelay: p }) {
+	let [m, h] = r(a ? "entered" : "exited"), [g, _] = r(o), [v, y] = r(a), b = n(!0), x = n(null), S = n(null), C = n(null), w = () => {
+		S.current !== null && clearTimeout(S.current), C.current !== null && clearTimeout(C.current), x.current !== null && cancelAnimationFrame(x.current);
+	}, T = e((e) => {
+		let t = e, n = t ? o : s;
+		if (_(n), n === 0) {
+			t ? c?.() : u?.(), t ? l?.() : d?.(), h(t ? "entered" : "exited");
+			return;
+		}
+		x.current = requestAnimationFrame(() => {
+			i(() => {
+				h(t ? "pre-entering" : "pre-exiting");
+			}), x.current = requestAnimationFrame(() => {
+				t ? c?.() : u?.(), h(t ? "entering" : "exiting"), S.current = window.setTimeout(() => {
+					t ? l?.() : d?.(), h(t ? "entered" : "exited"), e || y(!1);
+				}, n);
+			});
+		});
+	}, [
+		o,
+		s,
+		c,
+		l,
+		u,
+		d
+	]), E = e((e) => {
+		w();
+		let t = e ? f : p;
+		if (typeof t != "number" || t <= 0) {
+			T(e);
+			return;
+		}
+		C.current = window.setTimeout(() => {
+			T(e);
+		}, t);
+	}, [
+		f,
+		p,
+		T
+	]);
+	return t(() => {
+		if (b.current) {
+			b.current = !1;
+			return;
+		}
+		a && y(!0), E(a);
+	}, [E, a]), t(() => w, []), {
+		transitionStatus: m,
+		transitionDuration: g,
+		shouldRender: v
+	};
 }
-export {
-  B as useTransition
-};
+//#endregion
+export { a as useTransition };