@plexui/vue 0.0.0-stage → 0.1.1

package/dist/es/components/Popover/pointerIntent.js

@@ -0,0 +1,134 @@
+// Based on https://github.com/radix-ui/primitives/blob/main/packages/react/tooltip/src/tooltip.tsx
+export const createPointerIntentArea = (event, hoverTarget) => {
+    const currentTarget = event.currentTarget;
+    const exitPoint = { x: event.clientX, y: event.clientY };
+    const exitSide = getExitSideFromRect(exitPoint, currentTarget.getBoundingClientRect());
+    const paddedExitPoints = getPaddedExitPoints(exitPoint, exitSide);
+    const hoverTargetPoints = getPointsFromRect(hoverTarget.getBoundingClientRect());
+    const graceArea = getHull([...paddedExitPoints, ...hoverTargetPoints]);
+    return graceArea;
+};
+function getExitSideFromRect(point, rect) {
+    const top = Math.abs(rect.top - point.y);
+    const bottom = Math.abs(rect.bottom - point.y);
+    const right = Math.abs(rect.right - point.x);
+    const left = Math.abs(rect.left - point.x);
+    switch (Math.min(top, bottom, right, left)) {
+        case left:
+            return "left";
+        case right:
+            return "right";
+        case top:
+            return "top";
+        case bottom:
+            return "bottom";
+        default:
+            throw new Error("unreachable");
+    }
+}
+function getPaddedExitPoints(exitPoint, exitSide, padding = 5) {
+    const paddedExitPoints = [];
+    switch (exitSide) {
+        case "top":
+            paddedExitPoints.push({ x: exitPoint.x - padding, y: exitPoint.y + padding }, { x: exitPoint.x + padding, y: exitPoint.y + padding });
+            break;
+        case "bottom":
+            paddedExitPoints.push({ x: exitPoint.x - padding, y: exitPoint.y - padding }, { x: exitPoint.x + padding, y: exitPoint.y - padding });
+            break;
+        case "left":
+            paddedExitPoints.push({ x: exitPoint.x + padding, y: exitPoint.y - padding }, { x: exitPoint.x + padding, y: exitPoint.y + padding });
+            break;
+        case "right":
+            paddedExitPoints.push({ x: exitPoint.x - padding, y: exitPoint.y - padding }, { x: exitPoint.x - padding, y: exitPoint.y + padding });
+            break;
+    }
+    return paddedExitPoints;
+}
+function getPointsFromRect(rect) {
+    const { top, right, bottom, left } = rect;
+    return [
+        { x: left, y: top },
+        { x: right, y: top },
+        { x: right, y: bottom },
+        { x: left, y: bottom },
+    ];
+}
+// Determine if a point is inside of a polygon.
+export function isPointInPolygon(point, polygon) {
+    const { x, y } = point;
+    let inside = false;
+    for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+        const ii = polygon[i];
+        const jj = polygon[j];
+        const xi = ii.x;
+        const yi = ii.y;
+        const xj = jj.x;
+        const yj = jj.y;
+        // prettier-ignore
+        const intersect = ((yi > y) !== (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
+        if (intersect)
+            inside = !inside;
+    }
+    return inside;
+}
+// Returns a new array of points representing the convex hull of the given set of points.
+// https://www.nayuki.io/page/convex-hull-algorithm
+function getHull(points) {
+    const newPoints = points.slice();
+    newPoints.sort((a, b) => {
+        if (a.x < b.x)
+            return -1;
+        else if (a.x > b.x)
+            return +1;
+        else if (a.y < b.y)
+            return -1;
+        else if (a.y > b.y)
+            return +1;
+        else
+            return 0;
+    });
+    return getHullPresorted(newPoints);
+}
+// Returns the convex hull, assuming that each points[i] <= points[i + 1]. Runs in O(n) time.
+function getHullPresorted(points) {
+    if (points.length <= 1)
+        return points.slice();
+    const upperHull = [];
+    for (let i = 0; i < points.length; i++) {
+        const p = points[i];
+        while (upperHull.length >= 2) {
+            const q = upperHull[upperHull.length - 1];
+            const r = upperHull[upperHull.length - 2];
+            if ((q.x - r.x) * (p.y - r.y) >= (q.y - r.y) * (p.x - r.x))
+                upperHull.pop();
+            else
+                break;
+        }
+        upperHull.push(p);
+    }
+    upperHull.pop();
+    const lowerHull = [];
+    for (let i = points.length - 1; i >= 0; i--) {
+        const p = points[i];
+        while (lowerHull.length >= 2) {
+            const q = lowerHull[lowerHull.length - 1];
+            const r = lowerHull[lowerHull.length - 2];
+            if ((q.x - r.x) * (p.y - r.y) >= (q.y - r.y) * (p.x - r.x))
+                lowerHull.pop();
+            else
+                break;
+        }
+        lowerHull.push(p);
+    }
+    lowerHull.pop();
+    if (upperHull.length === 1 &&
+        lowerHull.length === 1 &&
+        upperHull[0].x === lowerHull[0].x &&
+        upperHull[0].y === lowerHull[0].y) {
+        return upperHull;
+    }
+    else {
+        return upperHull.concat(lowerHull);
+    }
+}
+//# sourceMappingURL=pointerIntent.js.map

package/dist/es/components/Popover/pointerIntent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointerIntent.js","sourceRoot":"","sources":["../../../../src/components/Popover/pointerIntent.ts"],"names":[],"mappings":"AAAA,mGAAmG;AAMnG,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAmB,EAAE,WAAwB,EAAE,EAAE;IACvF,MAAM,aAAa,GAAG,KAAK,CAAC,aAA4B,CAAA;IACxD,MAAM,SAAS,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAA;IACxD,MAAM,QAAQ,GAAG,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,qBAAqB,EAAE,CAAC,CAAA;IACtF,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;IACjE,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,WAAW,CAAC,qBAAqB,EAAE,CAAC,CAAA;IAChF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,GAAG,gBAAgB,EAAE,GAAG,iBAAiB,CAAC,CAAC,CAAA;IACtE,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAED,SAAS,mBAAmB,CAAC,KAAY,EAAE,IAAa;IACtD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;IACxC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;IAC9C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;IAE1C,QAAQ,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;QAC3C,KAAK,IAAI;YACP,OAAO,MAAM,CAAA;QACf,KAAK,KAAK;YACR,OAAO,OAAO,CAAA;QAChB,KAAK,GAAG;YACN,OAAO,KAAK,CAAA;QACd,KAAK,MAAM;YACT,OAAO,QAAQ,CAAA;QACjB;YACE,MAAM,IAAI,KAAK,CAAC,aAAa,CAAC,CAAA;IAClC,CAAC;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,SAAgB,EAAE,QAAc,EAAE,OAAO,GAAG,CAAC;IACxE,MAAM,gBAAgB,GAAY,EAAE,CAAA;IACpC,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,KAAK;YACR,gBAAgB,CAAC,IAAI,CACnB,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,EACtD,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,CACvD,CAAA;YACD,MAAK;QACP,KAAK,QAAQ;YACX,gBAAgB,CAAC,IAAI,CACnB,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,EACtD,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,CACvD,CAAA;YACD,MAAK;QACP,KAAK,MAAM;YACT,gBAAgB,CAAC,IAAI,CACnB,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,EACtD,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,CACvD,CAAA;YACD,MAAK;QACP,KAAK,OAAO;YACV,gBAAgB,CAAC,IAAI,CACnB,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,EACtD,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,CACvD,CAAA;YACD,MAAK;IACT,CAAC;IACD,OAAO,gBAAgB,CAAA;AACzB,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAa;IACtC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;IACzC,OAAO;QACL,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE;QACnB,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE;QACpB,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE;QACvB,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE;KACvB,CAAA;AACH,CAAC;AAED,+CAA+C;AAC/C,MAAM,UAAU,gBAAgB,CAAC,KAAY,EAAE,OAAgB;IAC7D,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,CAAA;IACtB,IAAI,MAAM,GAAG,KAAK,CAAA;IAClB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;QACpE,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,CAAE,CAAA;QACtB,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,CAAE,CAAA;QACtB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAA;QACf,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAA;QACf,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAA;QACf,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAA;QAEf,kBAAkB;QAClB,MAAM,SAAS,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;QACzF,IAAI,SAAS;YAAE,MAAM,GAAG,CAAC,MAAM,CAAA;IACjC,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC;AAED,yFAAyF;AACzF,mDAAmD;AACnD,SAAS,OAAO,CAAkB,MAA0B;IAC1D,MAAM,SAAS,GAAa,MAAM,CAAC,KAAK,EAAE,CAAA;IAC1C,SAAS,CAAC,IAAI,CAAC,CAAC,CAAQ,EAAE,CAAQ,EAAE,EAAE;QACpC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAAE,OAAO,CAAC,CAAC,CAAA;aACnB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAAE,OAAO,CAAC,CAAC,CAAA;aACxB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAAE,OAAO,CAAC,CAAC,CAAA;aACxB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAAE,OAAO,CAAC,CAAC,CAAA;;YACxB,OAAO,CAAC,CAAA;IACf,CAAC,CAAC,CAAA;IACF,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAA;AACpC,CAAC;AAED,6FAA6F;AAC7F,SAAS,gBAAgB,CAAkB,MAA0B;IACnE,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,MAAM,CAAC,KAAK,EAAE,CAAA;IAE7C,MAAM,SAAS,GAAa,EAAE,CAAA;IAC9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACvC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAE,CAAA;QACpB,OAAO,SAAS,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YAC7B,MAAM,CAAC,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAE,CAAA;YAC1C,MAAM,CAAC,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAE,CAAA;YAC1C,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBAAE,SAAS,CAAC,GAAG,EAAE,CAAA;;gBACtE,MAAK;QACZ,CAAC;QACD,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACnB,CAAC;IACD,SAAS,CAAC,GAAG,EAAE,CAAA;IAEf,MAAM,SAAS,GAAa,EAAE,CAAA;IAC9B,KAAK,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5C,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAE,CAAA;QACpB,OAAO,SAAS,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YAC7B,MAAM,CAAC,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAE,CAAA;YAC1C,MAAM,CAAC,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAE,CAAA;YAC1C,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBAAE,SAAS,CAAC,GAAG,EAAE,CAAA;;gBACtE,MAAK;QACZ,CAAC;QACD,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACnB,CAAC;IACD,SAAS,CAAC,GAAG,EAAE,CAAA;IAEf,IACE,SAAS,CAAC,MAAM,KAAK,CAAC;QACtB,SAAS,CAAC,MAAM,KAAK,CAAC;QACtB,SAAS,CAAC,CAAC,CAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAE,CAAC,CAAC;QACnC,SAAS,CAAC,CAAC,CAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAE,CAAC,CAAC,EACnC,CAAC;QACD,OAAO,SAAS,CAAA;IAClB,CAAC;SAAM,CAAC;QACN,OAAO,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;IACpC,CAAC;AACH,CAAC","sourcesContent":["// Based on https://github.com/radix-ui/primitives/blob/main/packages/react/tooltip/src/tooltip.tsx\n\nexport type Polygon = Point[]\ntype Point = { x: number; y: number }\ntype Side = \"left\" | \"right\" | \"top\" | \"bottom\"\n\nexport const createPointerIntentArea = (event: PointerEvent, hoverTarget: HTMLElement) => {\n  const currentTarget = event.currentTarget as HTMLElement\n  const exitPoint = { x: event.clientX, y: event.clientY }\n  const exitSide = getExitSideFromRect(exitPoint, currentTarget.getBoundingClientRect())\n  const paddedExitPoints = getPaddedExitPoints(exitPoint, exitSide)\n  const hoverTargetPoints = getPointsFromRect(hoverTarget.getBoundingClientRect())\n  const graceArea = getHull([...paddedExitPoints, ...hoverTargetPoints])\n  return graceArea\n}\n\nfunction getExitSideFromRect(point: Point, rect: DOMRect): Side {\n  const top = Math.abs(rect.top - point.y)\n  const bottom = Math.abs(rect.bottom - point.y)\n  const right = Math.abs(rect.right - point.x)\n  const left = Math.abs(rect.left - point.x)\n\n  switch (Math.min(top, bottom, right, left)) {\n    case left:\n      return \"left\"\n    case right:\n      return \"right\"\n    case top:\n      return \"top\"\n    case bottom:\n      return \"bottom\"\n    default:\n      throw new Error(\"unreachable\")\n  }\n}\n\nfunction getPaddedExitPoints(exitPoint: Point, exitSide: Side, padding = 5) {\n  const paddedExitPoints: Point[] = []\n  switch (exitSide) {\n    case \"top\":\n      paddedExitPoints.push(\n        { x: exitPoint.x - padding, y: exitPoint.y + padding },\n        { x: exitPoint.x + padding, y: exitPoint.y + padding },\n      )\n      break\n    case \"bottom\":\n      paddedExitPoints.push(\n        { x: exitPoint.x - padding, y: exitPoint.y - padding },\n        { x: exitPoint.x + padding, y: exitPoint.y - padding },\n      )\n      break\n    case \"left\":\n      paddedExitPoints.push(\n        { x: exitPoint.x + padding, y: exitPoint.y - padding },\n        { x: exitPoint.x + padding, y: exitPoint.y + padding },\n      )\n      break\n    case \"right\":\n      paddedExitPoints.push(\n        { x: exitPoint.x - padding, y: exitPoint.y - padding },\n        { x: exitPoint.x - padding, y: exitPoint.y + padding },\n      )\n      break\n  }\n  return paddedExitPoints\n}\n\nfunction getPointsFromRect(rect: DOMRect) {\n  const { top, right, bottom, left } = rect\n  return [\n    { x: left, y: top },\n    { x: right, y: top },\n    { x: right, y: bottom },\n    { x: left, y: bottom },\n  ]\n}\n\n// Determine if a point is inside of a polygon.\nexport function isPointInPolygon(point: Point, polygon: Polygon) {\n  const { x, y } = point\n  let inside = false\n  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {\n    const ii = polygon[i]!\n    const jj = polygon[j]!\n    const xi = ii.x\n    const yi = ii.y\n    const xj = jj.x\n    const yj = jj.y\n\n    // prettier-ignore\n    const intersect = ((yi > y) !== (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);\n    if (intersect) inside = !inside\n  }\n\n  return inside\n}\n\n// Returns a new array of points representing the convex hull of the given set of points.\n// https://www.nayuki.io/page/convex-hull-algorithm\nfunction getHull<P extends Point>(points: Readonly<Array<P>>): Array<P> {\n  const newPoints: Array<P> = points.slice()\n  newPoints.sort((a: Point, b: Point) => {\n    if (a.x < b.x) return -1\n    else if (a.x > b.x) return +1\n    else if (a.y < b.y) return -1\n    else if (a.y > b.y) return +1\n    else return 0\n  })\n  return getHullPresorted(newPoints)\n}\n\n// Returns the convex hull, assuming that each points[i] <= points[i + 1]. Runs in O(n) time.\nfunction getHullPresorted<P extends Point>(points: Readonly<Array<P>>): Array<P> {\n  if (points.length <= 1) return points.slice()\n\n  const upperHull: Array<P> = []\n  for (let i = 0; i < points.length; i++) {\n    const p = points[i]!\n    while (upperHull.length >= 2) {\n      const q = upperHull[upperHull.length - 1]!\n      const r = upperHull[upperHull.length - 2]!\n      if ((q.x - r.x) * (p.y - r.y) >= (q.y - r.y) * (p.x - r.x)) upperHull.pop()\n      else break\n    }\n    upperHull.push(p)\n  }\n  upperHull.pop()\n\n  const lowerHull: Array<P> = []\n  for (let i = points.length - 1; i >= 0; i--) {\n    const p = points[i]!\n    while (lowerHull.length >= 2) {\n      const q = lowerHull[lowerHull.length - 1]!\n      const r = lowerHull[lowerHull.length - 2]!\n      if ((q.x - r.x) * (p.y - r.y) >= (q.y - r.y) * (p.x - r.x)) lowerHull.pop()\n      else break\n    }\n    lowerHull.push(p)\n  }\n  lowerHull.pop()\n\n  if (\n    upperHull.length === 1 &&\n    lowerHull.length === 1 &&\n    upperHull[0]!.x === lowerHull[0]!.x &&\n    upperHull[0]!.y === lowerHull[0]!.y\n  ) {\n    return upperHull\n  } else {\n    return upperHull.concat(lowerHull)\n  }\n}\n"]}

package/dist/es/components/Popover/usePopoverContext.js

@@ -0,0 +1,10 @@
+import { inject } from "vue";
+export const PopoverContextKey = Symbol("PlexUIPopover");
+export const usePopoverContext = () => {
+    const context = inject(PopoverContextKey, null);
+    if (!context) {
+        throw new Error("Popover components must be wrapped in <Popover />");
+    }
+    return context;
+};
+//# sourceMappingURL=usePopoverContext.js.map

package/dist/es/components/Popover/usePopoverContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopoverContext.js","sourceRoot":"","sources":["../../../../src/components/Popover/usePopoverContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAiD,MAAM,KAAK,CAAA;AAqB3E,MAAM,CAAC,MAAM,iBAAiB,GAAsC,MAAM,CAAC,eAAe,CAAC,CAAA;AAE3F,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,OAAO,GAAG,MAAM,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAA;IAE/C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAA;IACtE,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA","sourcesContent":["import { inject, type ComputedRef, type InjectionKey, type Ref } from \"vue\"\n\n// Vue port of packages/ui/src/components/Popover/usePopoverContext.tsx.\n// React's mutable refs become `{ current }` boxes (not reactive, like refs)\n// and the element refs become Vue refs.\n\nexport type PopoverContextValue = {\n  open: ComputedRef<boolean>\n  setOpen: (next: boolean) => void\n  shake: Ref<boolean>\n  setShake: (next: boolean) => void\n  showOnHover: ComputedRef<boolean>\n  temporarilyPreventClickToClose: Ref<boolean>\n  onTriggerEnter: () => void\n  onTriggerLeave: () => void\n  hoverOpenFocusedWithTab: { current: boolean }\n  isPointerInTransitRef: { current: boolean }\n  triggerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n}\n\nexport const PopoverContextKey: InjectionKey<PopoverContextValue> = Symbol(\"PlexUIPopover\")\n\nexport const usePopoverContext = () => {\n  const context = inject(PopoverContextKey, null)\n\n  if (!context) {\n    throw new Error(\"Popover components must be wrapped in <Popover />\")\n  }\n\n  return context\n}\n"]}

package/dist/es/components/Popover/usePopoverController.js

@@ -0,0 +1,25 @@
+import { waitForAnimationFrame } from "../../lib/helpers.js";
+import { usePopoverContext } from "./usePopoverContext.js";
+// Vue port of packages/ui/src/components/Popover/usePopoverController.tsx.
+// Call these from setup() of a component rendered inside PopoverContent; in a
+// template, PopoverContent's default slot receives the same `{ close, shake }`.
+export const usePopoverClose = () => {
+    const { setOpen } = usePopoverContext();
+    return () => setOpen(false);
+};
+export const usePopoverShake = () => {
+    const { setShake } = usePopoverContext();
+    return () => {
+        // Sequence: (1) ensure shake is cleared, then (2) set on the next tick.
+        // Vue renders the cleared state before the animation frame, which is
+        // what React's flushSync() forces.
+        setShake(false);
+        waitForAnimationFrame(() => setShake(true));
+    };
+};
+export const usePopoverController = () => {
+    const shake = usePopoverShake();
+    const close = usePopoverClose();
+    return { close, shake };
+};
+//# sourceMappingURL=usePopoverController.js.map

package/dist/es/components/Popover/usePopoverController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopoverController.js","sourceRoot":"","sources":["../../../../src/components/Popover/usePopoverController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE1D,2EAA2E;AAC3E,8EAA8E;AAC9E,gFAAgF;AAEhF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACvC,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;AAC7B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACxC,OAAO,GAAG,EAAE;QACV,wEAAwE;QACxE,qEAAqE;QACrE,mCAAmC;QACnC,QAAQ,CAAC,KAAK,CAAC,CAAA;QACf,qBAAqB,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAA;IAC7C,CAAC,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAKlC,EAAE;IACF,MAAM,KAAK,GAAG,eAAe,EAAE,CAAA;IAC/B,MAAM,KAAK,GAAG,eAAe,EAAE,CAAA;IAC/B,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAA;AACzB,CAAC,CAAA","sourcesContent":["import { waitForAnimationFrame } from \"../../lib/helpers.js\"\nimport { usePopoverContext } from \"./usePopoverContext.js\"\n\n// Vue port of packages/ui/src/components/Popover/usePopoverController.tsx.\n// Call these from setup() of a component rendered inside PopoverContent; in a\n// template, PopoverContent's default slot receives the same `{ close, shake }`.\n\nexport const usePopoverClose = () => {\n  const { setOpen } = usePopoverContext()\n  return () => setOpen(false)\n}\n\nexport const usePopoverShake = () => {\n  const { setShake } = usePopoverContext()\n  return () => {\n    // Sequence: (1) ensure shake is cleared, then (2) set on the next tick.\n    // Vue renders the cleared state before the animation frame, which is\n    // what React's flushSync() forces.\n    setShake(false)\n    waitForAnimationFrame(() => setShake(true))\n  }\n}\n\nexport const usePopoverController = (): {\n  /** Plays a short shake animation on the popover. */\n  shake: () => void\n  /** Imperatively closes the popover. */\n  close: () => void\n} => {\n  const shake = usePopoverShake()\n  const close = usePopoverClose()\n  return { close, shake }\n}\n"]}

package/dist/es/components/Progress/Progress.js

@@ -0,0 +1,57 @@
+import { defineComponent, h } from "vue";
+import { ProgressIndicator, ProgressRoot } from "reka-ui";
+import s from "@plexui/styles/components/Progress/Progress.module.css";
+// Vue port of packages/ui/src/components/Progress/Progress.tsx on Reka UI's
+// Progress. Radix and Reka differ in three places, smoothed over here so the
+// DOM matches React:
+// - Radix announces the percentage as `aria-valuetext` (via `getValueLabel`),
+//   Reka as `aria-label`. Reka's label is turned off and its value text set.
+// - Radix falls back to `max = 100` for an invalid max and to an
+//   indeterminate value for an invalid value. Reka keeps them and asks the
+//   parent to correct them, so the same fallbacks are applied before Reka.
+// - Caller attributes still win over Reka's, as `{...restProps}` does in React.
+const DEFAULT_MAX = 100;
+const isNumber = (value) => typeof value === "number";
+const isValidMax = (max) => isNumber(max) && !Number.isNaN(max) && max > 0;
+const isValidValue = (value, max) => isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
+const defaultGetValueLabel = (value, max) => `${Math.round((value / max) * 100)}%`;
+const ProgressComponent = defineComponent({
+    name: "Progress",
+    props: {
+        /**
+         * Current progress value, between `0` and `max`.
+         * Omit (or pass `null`) for an indeterminate state.
+         */
+        value: { type: Number, default: null },
+        /** Maximum value. @default 100 */
+        max: { type: Number, default: DEFAULT_MAX },
+        /** Accessible value text for the current value. @default "<percentage>%" */
+        getValueLabel: Function,
+    },
+    setup(props) {
+        const getValueText = (value, max) => isNumber(value) ? (props.getValueLabel ?? defaultGetValueLabel)(value, max) : undefined;
+        return () => {
+            const { value, max } = props;
+            const resolved = value == null ? null : Math.max(0, Math.min(max, value));
+            const percentage = resolved == null ? null : (resolved / max) * 100;
+            // What Radix renders for the props React hands it
+            const rootMax = isValidMax(max) ? max : DEFAULT_MAX;
+            const rootValue = isValidValue(resolved, rootMax) ? resolved : null;
+            return h(ProgressRoot, {
+                modelValue: rootValue,
+                max: rootMax,
+                getValueLabel: () => undefined,
+                getValueText,
+                class: s.Root,
+            }, {
+                default: () => h(ProgressIndicator, {
+                    "class": s.Indicator,
+                    "style": percentage == null ? undefined : { transform: `translateX(-${100 - percentage}%)` },
+                    "data-indeterminate": percentage == null ? "" : undefined,
+                }),
+            });
+        };
+    },
+});
+export const Progress = ProgressComponent;
+//# sourceMappingURL=Progress.js.map

package/dist/es/components/Progress/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../../src/components/Progress/Progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAsC,MAAM,KAAK,CAAA;AAC5E,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACzD,OAAO,CAAC,MAAM,wDAAwD,CAAA;AAEtE,4EAA4E;AAC5E,6EAA6E;AAC7E,qBAAqB;AACrB,8EAA8E;AAC9E,6EAA6E;AAC7E,iEAAiE;AACjE,2EAA2E;AAC3E,2EAA2E;AAC3E,gFAAgF;AAEhF,MAAM,WAAW,GAAG,GAAG,CAAA;AAEvB,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAmB,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAA;AAC/E,MAAM,UAAU,GAAG,CAAC,GAAY,EAAiB,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,CAAA;AAClG,MAAM,YAAY,GAAG,CAAC,KAAc,EAAE,GAAW,EAAmB,EAAE,CACpE,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC,CAAA;AAEvE,MAAM,oBAAoB,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAA;AAElG,MAAM,iBAAiB,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE;QACL;;;WAGG;QACH,KAAK,EAAE,EAAE,IAAI,EAAE,MAAiC,EAAE,OAAO,EAAE,IAAI,EAAE;QACjE,kCAAkC;QAClC,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE;QAC3C,4EAA4E;QAC5E,aAAa,EAAE,QAA4D;KAC5E;IACD,KAAK,CAAC,KAAK;QACT,MAAM,YAAY,GAAG,CAAC,KAAgC,EAAE,GAAW,EAAE,EAAE,CACrE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,IAAI,oBAAoB,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAEzF,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,CAAA;YAC5B,MAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAA;YACzE,MAAM,UAAU,GAAG,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA;YAEnE,kDAAkD;YAClD,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,CAAA;YACnD,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;YAEnE,OAAO,CAAC,CACN,YAAY,EACZ;gBACE,UAAU,EAAE,SAAS;gBACrB,GAAG,EAAE,OAAO;gBACZ,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS;gBAC9B,YAAY;gBACZ,KAAK,EAAE,CAAC,CAAC,IAAI;aACd,EACD;gBACE,OAAO,EAAE,GAAG,EAAE,CACZ,CAAC,CAAC,iBAAiB,EAAE;oBACnB,OAAO,EAAE,CAAC,CAAC,SAAS;oBACpB,OAAO,EAAE,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,eAAe,GAAG,GAAG,UAAU,IAAI,EAAE;oBAC5F,oBAAoB,EAAE,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;iBAC1D,CAAC;aACL,CACF,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAOF,MAAM,CAAC,MAAM,QAAQ,GAAG,iBAAqF,CAAA","sourcesContent":["import { defineComponent, h, type HTMLAttributes, type PropType } from \"vue\"\nimport { ProgressIndicator, ProgressRoot } from \"reka-ui\"\nimport s from \"@plexui/styles/components/Progress/Progress.module.css\"\n\n// Vue port of packages/ui/src/components/Progress/Progress.tsx on Reka UI's\n// Progress. Radix and Reka differ in three places, smoothed over here so the\n// DOM matches React:\n// - Radix announces the percentage as `aria-valuetext` (via `getValueLabel`),\n//   Reka as `aria-label`. Reka's label is turned off and its value text set.\n// - Radix falls back to `max = 100` for an invalid max and to an\n//   indeterminate value for an invalid value. Reka keeps them and asks the\n//   parent to correct them, so the same fallbacks are applied before Reka.\n// - Caller attributes still win over Reka's, as `{...restProps}` does in React.\n\nconst DEFAULT_MAX = 100\n\nconst isNumber = (value: unknown): value is number => typeof value === \"number\"\nconst isValidMax = (max: unknown): max is number => isNumber(max) && !Number.isNaN(max) && max > 0\nconst isValidValue = (value: unknown, max: number): value is number =>\n  isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0\n\nconst defaultGetValueLabel = (value: number, max: number) => `${Math.round((value / max) * 100)}%`\n\nconst ProgressComponent = defineComponent({\n  name: \"Progress\",\n  props: {\n    /**\n     * Current progress value, between `0` and `max`.\n     * Omit (or pass `null`) for an indeterminate state.\n     */\n    value: { type: Number as PropType<number | null>, default: null },\n    /** Maximum value. @default 100 */\n    max: { type: Number, default: DEFAULT_MAX },\n    /** Accessible value text for the current value. @default \"<percentage>%\" */\n    getValueLabel: Function as PropType<(value: number, max: number) => string>,\n  },\n  setup(props) {\n    const getValueText = (value: number | null | undefined, max: number) =>\n      isNumber(value) ? (props.getValueLabel ?? defaultGetValueLabel)(value, max) : undefined\n\n    return () => {\n      const { value, max } = props\n      const resolved = value == null ? null : Math.max(0, Math.min(max, value))\n      const percentage = resolved == null ? null : (resolved / max) * 100\n\n      // What Radix renders for the props React hands it\n      const rootMax = isValidMax(max) ? max : DEFAULT_MAX\n      const rootValue = isValidValue(resolved, rootMax) ? resolved : null\n\n      return h(\n        ProgressRoot,\n        {\n          modelValue: rootValue,\n          max: rootMax,\n          getValueLabel: () => undefined,\n          getValueText,\n          class: s.Root,\n        },\n        {\n          default: () =>\n            h(ProgressIndicator, {\n              \"class\": s.Indicator,\n              \"style\": percentage == null ? undefined : { transform: `translateX(-${100 - percentage}%)` },\n              \"data-indeterminate\": percentage == null ? \"\" : undefined,\n            }),\n        },\n      )\n    }\n  },\n})\n\ntype ProgressOwnProps = InstanceType<typeof ProgressComponent>[\"$props\"]\n\n/** Progress props plus the native <div> attributes that fall through to the root, as in React. */\nexport type ProgressProps = ProgressOwnProps & Omit<HTMLAttributes, keyof ProgressOwnProps>\n\nexport const Progress = ProgressComponent as typeof ProgressComponent & { new (): { $props: ProgressProps } }\n"]}

package/dist/es/components/Progress/index.js

@@ -0,0 +1,2 @@
+export { Progress } from "./Progress.js";
+//# sourceMappingURL=index.js.map

package/dist/es/components/Progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,eAAe,CAAA","sourcesContent":["export { Progress, type ProgressProps } from \"./Progress.js\"\n"]}

package/dist/es/components/ProgressSteps/ProgressSteps.js

@@ -0,0 +1,173 @@
+import { Comment, Fragment, cloneVNode, createTextVNode, defineComponent, h, inject, isVNode, provide, shallowRef, } from "vue";
+import { isDev } from "../../lib/environment.js";
+import { isTransparentFragment } from "../../lib/renderHelpers.js";
+import { CheckMd } from "../Icon/index.js";
+import s from "@plexui/styles/components/ProgressSteps/ProgressSteps.module.css";
+const ProgressStepsContextKey = Symbol("PlexUIProgressSteps");
+const useProgressStepsContext = () => {
+    const context = inject(ProgressStepsContextKey, null);
+    if (!context) {
+        throw new Error("ProgressSteps components must be wrapped in <ProgressSteps />");
+    }
+    return context;
+};
+// React's `Children.map` slots: `null` stands for an empty child
+// (React's `false` / `null`), which is counted and indexed but not rendered.
+const toChildSlots = (children) => {
+    const result = [];
+    for (const child of children ?? []) {
+        if (child == null || typeof child === "boolean") {
+            result.push(null);
+            continue;
+        }
+        if (Array.isArray(child)) {
+            result.push(...toChildSlots(child));
+            continue;
+        }
+        const vnode = isVNode(child) ? child : createTextVNode(String(child));
+        if (vnode.type === Comment) {
+            // `v-if` with no branch rendered (the compiler writes "v-if" in dev
+            // builds, "" in production): React's `{cond && <Step />}`
+            if (vnode.children === "v-if" || vnode.children === "")
+                result.push(null);
+            continue;
+        }
+        if (isTransparentFragment(vnode)) {
+            result.push(...toChildSlots(vnode.children));
+            continue;
+        }
+        result.push(vnode);
+    }
+    return result;
+};
+// React's `isValidElement`, minus fragments: React clones them too, but a
+// fragment ignores `_index`, so leaving them as they are renders the same
+const isElementVNode = (vnode) => typeof vnode.type !== "symbol";
+const ProgressStepsComponent = defineComponent({
+    name: "ProgressSteps",
+    inheritAttrs: false,
+    props: {
+        /** Current active step (1-indexed, starts from 1) */
+        current: { type: Number, required: true },
+        /** Total number of steps (required for minimal variant) */
+        total: Number,
+        /** Visual variant. @default "default" */
+        variant: { type: String, default: "default" },
+        /** Color scheme. @default "default" */
+        color: { type: String, default: "default" },
+        /** Layout orientation. @default "horizontal" */
+        orientation: { type: String, default: "horizontal" },
+        /** Size of step indicators. @default "md" */
+        size: { type: String, default: "md" },
+        /** Connector line style. @default "solid" */
+        connectorStyle: { type: String, default: "solid" },
+    },
+    setup(props, { slots, attrs }) {
+        let warned = false;
+        // Written on each render, read by the steps: a step re-renders when the
+        // count changes (its `isLast`), like React's context value
+        const totalStepsRef = shallowRef(0);
+        provide(ProgressStepsContextKey, {
+            current: () => props.current,
+            totalSteps: () => totalStepsRef.value,
+        });
+        return () => {
+            const children = props.variant === "minimal" ? [] : toChildSlots(slots.default?.());
+            const totalSteps = props.variant === "minimal" ? (props.total ?? 0) : children.length;
+            totalStepsRef.value = totalSteps;
+            if (isDev && props.variant === "minimal" && (props.total == null || props.total <= 0) && !warned) {
+                warned = true;
+                // eslint-disable-next-line no-console
+                console.warn('[ProgressSteps] variant="minimal" requires a positive `total` prop. Received:', props.total);
+            }
+            // Minimal variant: render horizontal bar segments
+            if (props.variant === "minimal") {
+                // A div, not nav: role="progressbar" is not allowed on <nav>
+                return h("div", {
+                    "aria-label": "Progress",
+                    "role": "progressbar",
+                    "aria-valuenow": props.current,
+                    "aria-valuemin": 1,
+                    "aria-valuemax": totalSteps,
+                    "class": [s.ProgressSteps, s.Minimal, attrs.class],
+                    "data-size": props.size,
+                    "data-color": props.color,
+                    "data-variant": "minimal",
+                }, [
+                    h("div", { class: s.MinimalList }, Array.from({ length: totalSteps }, (_, i) => h("div", { "key": i, "class": s.MinimalSegment, "data-state": i < props.current ? "completed" : "upcoming" }))),
+                ]);
+            }
+            return h("nav", {
+                "aria-label": "Progress",
+                "class": [s.ProgressSteps, attrs.class],
+                "data-size": props.size,
+                "data-color": props.color,
+                "data-variant": props.variant,
+            }, [
+                h("ol", {
+                    "class": s.List,
+                    "data-orientation": props.orientation,
+                    "data-connector": props.connectorStyle,
+                    "data-variant": props.variant,
+                }, children.map((child, index) => child && isElementVNode(child) ? cloneVNode(child, { _index: index }) : child)),
+            ]);
+        };
+    },
+});
+export const ProgressSteps = ProgressStepsComponent;
+const renderIcon = (icon) => (typeof icon === "object" && !isVNode(icon)) || typeof icon === "function" ? h(icon) : icon;
+const hasContent = (nodes) => !!nodes?.some((node) => {
+    if (node.type === Comment)
+        return false;
+    if (Array.isArray(node.children) && node.type === Fragment)
+        return hasContent(node.children);
+    return true;
+});
+/** A step. Its position comes from <ProgressSteps>, like React's injected `_index`. */
+export const ProgressStepsStep = defineComponent({
+    name: "ProgressStepsStep",
+    inheritAttrs: false,
+    props: {
+        /** Custom icon (replaces step number): a component, a vnode or text. The `icon` slot takes precedence. */
+        icon: [String, Number, Object, Function],
+        /** @internal - injected by parent */
+        _index: { type: Number, default: 0 },
+    },
+    setup(props, { slots }) {
+        const context = useProgressStepsContext();
+        return () => {
+            const index = props._index;
+            const current = context.current();
+            const state = index < current - 1 ? "completed" : index === current - 1 ? "active" : "inactive";
+            const isLast = index === context.totalSteps() - 1;
+            const iconSlot = slots.icon?.();
+            const icon = hasContent(iconSlot) ? iconSlot : props.icon != null ? renderIcon(props.icon) : index + 1;
+            return h("li", {
+                "class": s.Step,
+                "data-state": state,
+                "aria-current": state === "active" ? "step" : undefined,
+            }, [
+                h("div", { class: s.StepIndicator }, [state === "completed" ? h(CheckMd, { "data-no-autosize": true }) : icon]),
+                !isLast ? h("div", { class: s.StepConnector }) : null,
+                h("div", { class: s.StepContent }, slots.default?.()),
+            ]);
+        };
+    },
+});
+/** Step title. Like React, only `class` reaches the DOM from attributes. */
+export const ProgressStepsTitle = defineComponent({
+    name: "ProgressStepsTitle",
+    inheritAttrs: false,
+    setup(_props, { slots, attrs }) {
+        return () => h("div", { class: [s.StepTitle, attrs.class] }, slots.default?.());
+    },
+});
+/** Step description. Like React, only `class` reaches the DOM from attributes. */
+export const ProgressStepsDescription = defineComponent({
+    name: "ProgressStepsDescription",
+    inheritAttrs: false,
+    setup(_props, { slots, attrs }) {
+        return () => h("div", { class: [s.StepDescription, attrs.class] }, slots.default?.());
+    },
+});
+//# sourceMappingURL=ProgressSteps.js.map

package/dist/es/components/ProgressSteps/ProgressSteps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSteps.js","sourceRoot":"","sources":["../../../../src/components/ProgressSteps/ProgressSteps.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,eAAe,EACf,eAAe,EACf,CAAC,EACD,MAAM,EACN,OAAO,EACP,OAAO,EACP,UAAU,GAMX,MAAM,KAAK,CAAA;AAEZ,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,CAAC,MAAM,kEAAkE,CAAA;AA0BhF,MAAM,uBAAuB,GAA4C,MAAM,CAAC,qBAAqB,CAAC,CAAA;AAEtG,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACnC,MAAM,OAAO,GAAG,MAAM,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAA;IACrD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,+DAA+D,CAAC,CAAA;IAClF,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,iEAAiE;AACjE,6EAA6E;AAC7E,MAAM,YAAY,GAAG,CAAC,QAAwC,EAAuB,EAAE;IACrF,MAAM,MAAM,GAAwB,EAAE,CAAA;IACtC,KAAK,MAAM,KAAK,IAAI,QAAQ,IAAI,EAAE,EAAE,CAAC;QACnC,IAAI,KAAK,IAAI,IAAI,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;YAChD,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACjB,SAAQ;QACV,CAAC;QACD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,MAAM,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;YACnC,SAAQ;QACV,CAAC;QACD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;QACrE,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC3B,oEAAoE;YACpE,0DAA0D;YAC1D,IAAI,KAAK,CAAC,QAAQ,KAAK,MAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,EAAE;gBAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACzE,SAAQ;QACV,CAAC;QACD,IAAI,qBAAqB,CAAC,KAAK,CAAC,EAAE,CAAC;YACjC,MAAM,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,QAA8B,CAAC,CAAC,CAAA;YAClE,SAAQ;QACV,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACpB,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAED,0EAA0E;AAC1E,0EAA0E;AAC1E,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAA;AAEvE,MAAM,sBAAsB,GAAG,eAAe,CAAC;IAC7C,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,qDAAqD;QACrD,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;QACzC,2DAA2D;QAC3D,KAAK,EAAE,MAAM;QACb,yCAAyC;QACzC,OAAO,EAAE,EAAE,IAAI,EAAE,MAA2B,EAAE,OAAO,EAAE,SAAS,EAAE;QAClE,uCAAuC;QACvC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAyB,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9D,gDAAgD;QAChD,WAAW,EAAE,EAAE,IAAI,EAAE,MAA+B,EAAE,OAAO,EAAE,YAAY,EAAE;QAC7E,6CAA6C;QAC7C,IAAI,EAAE,EAAE,IAAI,EAAE,MAA6C,EAAE,OAAO,EAAE,IAAI,EAAE;QAC5E,6CAA6C;QAC7C,cAAc,EAAE,EAAE,IAAI,EAAE,MAAkC,EAAE,OAAO,EAAE,OAAO,EAAE;KAC/E;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,IAAI,MAAM,GAAG,KAAK,CAAA;QAClB,wEAAwE;QACxE,2DAA2D;QAC3D,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,CAAA;QAEnC,OAAO,CAAC,uBAAuB,EAAE;YAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO;YAC5B,UAAU,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK;SACtC,CAAC,CAAA;QAEF,OAAO,GAAG,EAAE;YACV,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;YACnF,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAA;YACrF,aAAa,CAAC,KAAK,GAAG,UAAU,CAAA;YAEhC,IAAI,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACjG,MAAM,GAAG,IAAI,CAAA;gBACb,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CAAC,+EAA+E,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;YAC5G,CAAC;YAED,kDAAkD;YAClD,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;gBAChC,6DAA6D;gBAC7D,OAAO,CAAC,CACN,KAAK,EACL;oBACE,YAAY,EAAE,UAAU;oBACxB,MAAM,EAAE,aAAa;oBACrB,eAAe,EAAE,KAAK,CAAC,OAAO;oBAC9B,eAAe,EAAE,CAAC;oBAClB,eAAe,EAAE,UAAU;oBAC3B,OAAO,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC;oBAClD,WAAW,EAAE,KAAK,CAAC,IAAI;oBACvB,YAAY,EAAE,KAAK,CAAC,KAAK;oBACzB,cAAc,EAAE,SAAS;iBAC1B,EACD;oBACE,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,EACxB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAC1C,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,cAAc,EAAE,YAAY,EAAE,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAC9G,CACF;iBACF,CACF,CAAA;YACH,CAAC;YAED,OAAO,CAAC,CACN,KAAK,EACL;gBACE,YAAY,EAAE,UAAU;gBACxB,OAAO,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC;gBACvC,WAAW,EAAE,KAAK,CAAC,IAAI;gBACvB,YAAY,EAAE,KAAK,CAAC,KAAK;gBACzB,cAAc,EAAE,KAAK,CAAC,OAAO;aAC9B,EACD;gBACE,CAAC,CACC,IAAI,EACJ;oBACE,OAAO,EAAE,CAAC,CAAC,IAAI;oBACf,kBAAkB,EAAE,KAAK,CAAC,WAAW;oBACrC,gBAAgB,EAAE,KAAK,CAAC,cAAc;oBACtC,cAAc,EAAE,KAAK,CAAC,OAAO;iBAC9B,EACD,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAC5B,KAAK,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAC9E,CACF;aACF,CACF,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAOF,MAAM,CAAC,MAAM,aAAa,GAAG,sBAE5B,CAAA;AAKD,MAAM,UAAU,GAAG,CAAC,IAAkB,EAAE,EAAE,CACxC,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,IAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AAE1G,MAAM,UAAU,GAAG,CAAC,KAA0B,EAAoB,EAAE,CAClE,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;IACrB,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO;QAAE,OAAO,KAAK,CAAA;IACvC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ;QAAE,OAAO,UAAU,CAAC,IAAI,CAAC,QAAmB,CAAC,CAAA;IACvG,OAAO,IAAI,CAAA;AACb,CAAC,CAAC,CAAA;AAEJ,uFAAuF;AACvF,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC/C,IAAI,EAAE,mBAAmB;IACzB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,0GAA0G;QAC1G,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAA2B;QAClE,qCAAqC;QACrC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;KACrC;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,MAAM,OAAO,GAAG,uBAAuB,EAAE,CAAA;QAEzC,OAAO,GAAG,EAAE;YACV,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAA;YAC1B,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,EAAE,CAAA;YAEjC,MAAM,KAAK,GAAc,KAAK,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,KAAK,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAA;YAC1G,MAAM,MAAM,GAAG,KAAK,KAAK,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,CAAA;YAEjD,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,EAAE,EAAE,CAAA;YAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAA;YAEtG,OAAO,CAAC,CACN,IAAI,EACJ;gBACE,OAAO,EAAE,CAAC,CAAC,IAAI;gBACf,YAAY,EAAE,KAAK;gBACnB,cAAc,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;aACxD,EACD;gBACE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;gBAC/G,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;gBACrD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;aACtD,CACF,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAIF,4EAA4E;AAC5E,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAe,CAAC;IAChD,IAAI,EAAE,oBAAoB;IAC1B,YAAY,EAAE,KAAK;IACnB,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC5B,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;IACjF,CAAC;CACF,CAAC,CAAA;AAEF,kFAAkF;AAClF,MAAM,CAAC,MAAM,wBAAwB,GAAG,eAAe,CAAC;IACtD,IAAI,EAAE,0BAA0B;IAChC,YAAY,EAAE,KAAK;IACnB,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC5B,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;IACvF,CAAC;CACF,CAAC,CAAA","sourcesContent":["import {\n  Comment,\n  Fragment,\n  cloneVNode,\n  createTextVNode,\n  defineComponent,\n  h,\n  inject,\n  isVNode,\n  provide,\n  shallowRef,\n  type Component,\n  type InjectionKey,\n  type PropType,\n  type VNode,\n  type VNodeArrayChildren,\n} from \"vue\"\nimport type { Sizes } from \"@plexui/styles/types\"\nimport { isDev } from \"../../lib/environment.js\"\nimport { isTransparentFragment } from \"../../lib/renderHelpers.js\"\nimport { CheckMd } from \"../Icon/index.js\"\nimport s from \"@plexui/styles/components/ProgressSteps/ProgressSteps.module.css\"\n\n// Vue port of packages/ui/src/components/ProgressSteps/ProgressSteps.tsx.\n// Flat exports: `ProgressStepsStep`, `ProgressStepsTitle`,\n// `ProgressStepsDescription` (React's `ProgressSteps.Step`, `.Title`, `.Description`).\n//\n// React counts children with `Children.count` and hands each element its\n// position as `_index` via `cloneElement`. The same is done with the slot\n// vnodes, following React's rules: lists (arrays, the fragment a v-for\n// renders, and the one a forwarded `<slot />` renders, see\n// `isTransparentFragment`) are flattened, an empty `v-if` placeholder counts\n// like React's `{cond && <Step />}` (which is `false`, still a child), and\n// text counts.\n// Template comments are dropped, like JSX comments.\n\ntype Orientation = \"horizontal\" | \"vertical\"\ntype StepState = \"completed\" | \"active\" | \"inactive\"\ntype ConnectorStyle = \"solid\" | \"dashed\"\ntype Variant = \"default\" | \"minimal\"\ntype Color = \"default\" | \"success\"\n\ntype ProgressStepsContextValue = {\n  current: () => number\n  totalSteps: () => number\n}\n\nconst ProgressStepsContextKey: InjectionKey<ProgressStepsContextValue> = Symbol(\"PlexUIProgressSteps\")\n\nconst useProgressStepsContext = () => {\n  const context = inject(ProgressStepsContextKey, null)\n  if (!context) {\n    throw new Error(\"ProgressSteps components must be wrapped in <ProgressSteps />\")\n  }\n  return context\n}\n\n// React's `Children.map` slots: `null` stands for an empty child\n// (React's `false` / `null`), which is counted and indexed but not rendered.\nconst toChildSlots = (children: VNodeArrayChildren | undefined): Array<VNode | null> => {\n  const result: Array<VNode | null> = []\n  for (const child of children ?? []) {\n    if (child == null || typeof child === \"boolean\") {\n      result.push(null)\n      continue\n    }\n    if (Array.isArray(child)) {\n      result.push(...toChildSlots(child))\n      continue\n    }\n    const vnode = isVNode(child) ? child : createTextVNode(String(child))\n    if (vnode.type === Comment) {\n      // `v-if` with no branch rendered (the compiler writes \"v-if\" in dev\n      // builds, \"\" in production): React's `{cond && <Step />}`\n      if (vnode.children === \"v-if\" || vnode.children === \"\") result.push(null)\n      continue\n    }\n    if (isTransparentFragment(vnode)) {\n      result.push(...toChildSlots(vnode.children as VNodeArrayChildren))\n      continue\n    }\n    result.push(vnode)\n  }\n  return result\n}\n\n// React's `isValidElement`, minus fragments: React clones them too, but a\n// fragment ignores `_index`, so leaving them as they are renders the same\nconst isElementVNode = (vnode: VNode) => typeof vnode.type !== \"symbol\"\n\nconst ProgressStepsComponent = defineComponent({\n  name: \"ProgressSteps\",\n  inheritAttrs: false,\n  props: {\n    /** Current active step (1-indexed, starts from 1) */\n    current: { type: Number, required: true },\n    /** Total number of steps (required for minimal variant) */\n    total: Number,\n    /** Visual variant. @default \"default\" */\n    variant: { type: String as PropType<Variant>, default: \"default\" },\n    /** Color scheme. @default \"default\" */\n    color: { type: String as PropType<Color>, default: \"default\" },\n    /** Layout orientation. @default \"horizontal\" */\n    orientation: { type: String as PropType<Orientation>, default: \"horizontal\" },\n    /** Size of step indicators. @default \"md\" */\n    size: { type: String as PropType<Sizes<\"sm\" | \"md\" | \"lg\">>, default: \"md\" },\n    /** Connector line style. @default \"solid\" */\n    connectorStyle: { type: String as PropType<ConnectorStyle>, default: \"solid\" },\n  },\n  setup(props, { slots, attrs }) {\n    let warned = false\n    // Written on each render, read by the steps: a step re-renders when the\n    // count changes (its `isLast`), like React's context value\n    const totalStepsRef = shallowRef(0)\n\n    provide(ProgressStepsContextKey, {\n      current: () => props.current,\n      totalSteps: () => totalStepsRef.value,\n    })\n\n    return () => {\n      const children = props.variant === \"minimal\" ? [] : toChildSlots(slots.default?.())\n      const totalSteps = props.variant === \"minimal\" ? (props.total ?? 0) : children.length\n      totalStepsRef.value = totalSteps\n\n      if (isDev && props.variant === \"minimal\" && (props.total == null || props.total <= 0) && !warned) {\n        warned = true\n        // eslint-disable-next-line no-console\n        console.warn('[ProgressSteps] variant=\"minimal\" requires a positive `total` prop. Received:', props.total)\n      }\n\n      // Minimal variant: render horizontal bar segments\n      if (props.variant === \"minimal\") {\n        // A div, not nav: role=\"progressbar\" is not allowed on <nav>\n        return h(\n          \"div\",\n          {\n            \"aria-label\": \"Progress\",\n            \"role\": \"progressbar\",\n            \"aria-valuenow\": props.current,\n            \"aria-valuemin\": 1,\n            \"aria-valuemax\": totalSteps,\n            \"class\": [s.ProgressSteps, s.Minimal, attrs.class],\n            \"data-size\": props.size,\n            \"data-color\": props.color,\n            \"data-variant\": \"minimal\",\n          },\n          [\n            h(\n              \"div\",\n              { class: s.MinimalList },\n              Array.from({ length: totalSteps }, (_, i) =>\n                h(\"div\", { \"key\": i, \"class\": s.MinimalSegment, \"data-state\": i < props.current ? \"completed\" : \"upcoming\" }),\n              ),\n            ),\n          ],\n        )\n      }\n\n      return h(\n        \"nav\",\n        {\n          \"aria-label\": \"Progress\",\n          \"class\": [s.ProgressSteps, attrs.class],\n          \"data-size\": props.size,\n          \"data-color\": props.color,\n          \"data-variant\": props.variant,\n        },\n        [\n          h(\n            \"ol\",\n            {\n              \"class\": s.List,\n              \"data-orientation\": props.orientation,\n              \"data-connector\": props.connectorStyle,\n              \"data-variant\": props.variant,\n            },\n            children.map((child, index) =>\n              child && isElementVNode(child) ? cloneVNode(child, { _index: index }) : child,\n            ),\n          ),\n        ],\n      )\n    }\n  },\n})\n\ntype ProgressStepsOwnProps = InstanceType<typeof ProgressStepsComponent>[\"$props\"]\n\n/** ProgressSteps props plus `class` (React's `className`). */\nexport type ProgressStepsProps = ProgressStepsOwnProps & { class?: unknown }\n\nexport const ProgressSteps = ProgressStepsComponent as typeof ProgressStepsComponent & {\n  new (): { $props: ProgressStepsProps }\n}\n\n/** Icon for a step: a component (e.g. an icon from @plexui/vue), a vnode, or text */\nexport type StepIconProp = string | number | VNode | Component\n\nconst renderIcon = (icon: StepIconProp) =>\n  (typeof icon === \"object\" && !isVNode(icon)) || typeof icon === \"function\" ? h(icon as Component) : icon\n\nconst hasContent = (nodes: VNode[] | undefined): nodes is VNode[] =>\n  !!nodes?.some((node) => {\n    if (node.type === Comment) return false\n    if (Array.isArray(node.children) && node.type === Fragment) return hasContent(node.children as VNode[])\n    return true\n  })\n\n/** A step. Its position comes from <ProgressSteps>, like React's injected `_index`. */\nexport const ProgressStepsStep = defineComponent({\n  name: \"ProgressStepsStep\",\n  inheritAttrs: false,\n  props: {\n    /** Custom icon (replaces step number): a component, a vnode or text. The `icon` slot takes precedence. */\n    icon: [String, Number, Object, Function] as PropType<StepIconProp>,\n    /** @internal - injected by parent */\n    _index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const context = useProgressStepsContext()\n\n    return () => {\n      const index = props._index\n      const current = context.current()\n\n      const state: StepState = index < current - 1 ? \"completed\" : index === current - 1 ? \"active\" : \"inactive\"\n      const isLast = index === context.totalSteps() - 1\n\n      const iconSlot = slots.icon?.()\n      const icon = hasContent(iconSlot) ? iconSlot : props.icon != null ? renderIcon(props.icon) : index + 1\n\n      return h(\n        \"li\",\n        {\n          \"class\": s.Step,\n          \"data-state\": state,\n          \"aria-current\": state === \"active\" ? \"step\" : undefined,\n        },\n        [\n          h(\"div\", { class: s.StepIndicator }, [state === \"completed\" ? h(CheckMd, { \"data-no-autosize\": true }) : icon]),\n          !isLast ? h(\"div\", { class: s.StepConnector }) : null,\n          h(\"div\", { class: s.StepContent }, slots.default?.()),\n        ],\n      )\n    }\n  },\n})\n\nexport type StepProps = InstanceType<typeof ProgressStepsStep>[\"$props\"]\n\n/** Step title. Like React, only `class` reaches the DOM from attributes. */\nexport const ProgressStepsTitle = defineComponent({\n  name: \"ProgressStepsTitle\",\n  inheritAttrs: false,\n  setup(_props, { slots, attrs }) {\n    return () => h(\"div\", { class: [s.StepTitle, attrs.class] }, slots.default?.())\n  },\n})\n\n/** Step description. Like React, only `class` reaches the DOM from attributes. */\nexport const ProgressStepsDescription = defineComponent({\n  name: \"ProgressStepsDescription\",\n  inheritAttrs: false,\n  setup(_props, { slots, attrs }) {\n    return () => h(\"div\", { class: [s.StepDescription, attrs.class] }, slots.default?.())\n  },\n})\n"]}

package/dist/es/components/ProgressSteps/index.js

@@ -0,0 +1,2 @@
+export { ProgressSteps, ProgressStepsDescription, ProgressStepsStep, ProgressStepsTitle, } from "./ProgressSteps.js";
+//# sourceMappingURL=index.js.map

package/dist/es/components/ProgressSteps/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ProgressSteps/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,iBAAiB,EACjB,kBAAkB,GAInB,MAAM,oBAAoB,CAAA","sourcesContent":["export {\n  ProgressSteps,\n  ProgressStepsDescription,\n  ProgressStepsStep,\n  ProgressStepsTitle,\n  type ProgressStepsProps,\n  type StepIconProp,\n  type StepProps,\n} from \"./ProgressSteps.js\"\n"]}