@workflow/web-shared 5.0.0-beta.3 → 5.0.0-beta.31

package/dist/components/trace-viewer/worker.js

@@ -106,4 +106,4 @@ const filterSpans = (root, filter) => {
     };
     postMessage(message);
 };
-//# sourceMappingURL=worker.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29ya2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJhY2Utdmlld2VyL3dvcmtlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRXZDLDRCQUE0QjtBQUM1QixJQUFJLFNBQVMsR0FBRyxDQUFDLENBQUM7QUFFbEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFO0lBQ3pDLE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxJQUFxQixDQUFDO0lBQ3pDLFNBQVMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBRXRELFFBQVEsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2xCLEtBQUssd0JBQXdCO1lBQzNCLHNCQUFzQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNsQyxNQUFNO1FBQ1IsS0FBSyxhQUFhO1lBQ2hCLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUNwQyxNQUFNO1FBQ1I7WUFDRSxNQUFNO0lBQ1YsQ0FBQztBQUNILENBQUMsQ0FBQyxDQUFDO0FBRUgsTUFBTSxjQUFjLEdBQUcsQ0FBQyxJQUFlLEVBQUUsT0FBc0IsRUFBUSxFQUFFO0lBQ3ZFLElBQUksUUFBUSxJQUFJLElBQUksRUFBRSxDQUFDO1FBQ3JCLE1BQU0sQ0FBQyxHQUFHLElBQW1CLENBQUM7UUFDOUIsQ0FBQyxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQztRQUNYLENBQUMsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ25CLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDbEIsQ0FBQztJQUVELE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxRQUFRO1NBQ2pDLEtBQUssRUFBRTtTQUNQLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDLFNBQVMsSUFBSSxDQUFDLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN4RSxLQUFLLE1BQU0sS0FBSyxJQUFJLGNBQWMsRUFBRSxDQUFDO1FBQ25DLGNBQWMsQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDakMsQ0FBQztBQUNILENBQUMsQ0FBQztBQUVGLE1BQU0sc0JBQXNCLEdBQUcsQ0FBQyxJQUFjLEVBQVEsRUFBRTtJQUN0RCxNQUFNLFVBQVUsR0FBRyxTQUFTLENBQUM7SUFDN0IsTUFBTSxNQUFNLEdBQW9CLEVBQUUsQ0FBQztJQUNuQyxNQUFNLE9BQU8sR0FBa0IsRUFBRSxDQUFDO0lBRWxDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFFOUIsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQztJQUNqQyxJQUFJLFVBQVUsR0FBRyxDQUFDLEVBQUUsQ0FBQztJQUNyQixJQUFJLEtBQUssR0FBRyxDQUFDLENBQUM7SUFDZCxNQUFNLEtBQUssR0FBRyxHQUFTLEVBQUU7UUFDdkIsS0FBSyxNQUFNLEdBQUcsSUFBSSxNQUFNLEVBQUUsQ0FBQztZQUN6QixHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDaEQsQ0FBQztRQUNELE1BQU0sT0FBTyxHQUFtQjtZQUM5QixTQUFTLEVBQUUsVUFBVTtZQUNyQixJQUFJLEVBQUUsZUFBZTtZQUNyQixJQUFJLEVBQUUsTUFBTTtZQUNaLEtBQUssRUFBRSxDQUFDLE9BQU8sQ0FBQyxNQUFNO1NBQ3ZCLENBQUM7UUFDRixXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDckIsVUFBVSxHQUFHLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQztRQUN4QixVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLENBQUMsQ0FBQztJQUVGLE9BQU8sSUFBSSxFQUFFLENBQUM7UUFDWixNQUFNLElBQUksR0FBRyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDN0IsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ1YsS0FBSyxFQUFFLENBQUM7WUFDUixPQUFPO1FBQ1QsQ0FBQztRQUNELFFBQVEsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQzlCLEVBQUUsS0FBSyxDQUFDO1FBQ1IsSUFBSSxJQUFJLENBQUMsR0FBRyxFQUFFLEdBQUcsVUFBVSxJQUFJLEVBQUUsSUFBSSxLQUFLLEdBQUcsVUFBVSxJQUFJLEdBQUcsRUFBRSxDQUFDO1lBQy9ELEtBQUssRUFBRSxDQUFDO1FBQ1YsQ0FBQztJQUNILENBQUM7QUFDSCxDQUFDLENBQUM7QUFFRixNQUFNLGlCQUFpQixHQUFHLGlEQUFpRCxDQUFDO0FBRTVFLE1BQU0sV0FBVyxHQUFHLENBQUMsSUFBYyxFQUFFLE1BQWMsRUFBUSxFQUFFO0lBQzNELE1BQU0sVUFBVSxHQUFHLFNBQVMsQ0FBQztJQUU3QixNQUFNLE9BQU8sR0FBRyxJQUFJLEdBQUcsRUFBVSxDQUFDO0lBRWxDLE1BQU0sSUFBSSxHQUFHLE1BQU07U0FDaEIsT0FBTyxDQUFDLGlCQUFpQixFQUFFLEVBQUUsQ0FBQztTQUM5QixPQUFPLENBQUMsU0FBUyxFQUFFLEdBQUcsQ0FBQztTQUN2QixJQUFJLEVBQUUsQ0FBQztJQUNWLE1BQU0sS0FBSyxHQUF1QixFQUFFLENBQUM7SUFDckMsS0FBSyxNQUFNLENBQUMsSUFBSSxNQUFNLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLEVBQUUsQ0FBQztRQUNuRCxNQUFNLEVBQUUsR0FBRyxHQUFHLEVBQUUsRUFBRSxLQUFLLEdBQUcsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUM7UUFDaEQsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsaUJBQWlCLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDL0MsQ0FBQztJQUVELE1BQU0sS0FBSyxHQUFHLENBQUMsSUFBVSxFQUFXLEVBQUU7UUFDcEMsTUFBTSxTQUFTLEdBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUM7WUFDNUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxpQkFBaUIsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNqRCxJQUFJLENBQUMsU0FBUztZQUFFLE9BQU8sS0FBSyxDQUFDO1FBQzdCLDZDQUE2QztRQUM3QyxPQUFPLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBRSxFQUFFO1lBQ2xDLE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDL0IsSUFBSSxDQUFDLENBQUM7Z0JBQUUsT0FBTyxLQUFLLENBQUM7WUFDckIsT0FBTyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdkQsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLENBQUM7SUFFRixNQUFNLE1BQU0sR0FBRyxDQUFDLElBQWUsRUFBUSxFQUFFO1FBQ3ZDLEtBQUssTUFBTSxLQUFLLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2xDLElBQUksS0FBSyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDO2dCQUN0QixPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDakMsQ0FBQztZQUNELE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNoQixDQUFDO0lBQ0gsQ0FBQyxDQUFDO0lBQ0YsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBRWIsTUFBTSxPQUFPLEdBQW1CO1FBQzlCLFNBQVMsRUFBRSxVQUFVO1FBQ3JCLElBQUksRUFBRSxpQkFBaUI7UUFDdkIsT0FBTztLQUNSLENBQUM7SUFDRixXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7QUFDdkIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUge1xuICBSb290Tm9kZSxcbiAgU3BhbixcbiAgVHJhY2VOb2RlLFxuICBWaXNpYmxlU3BhbixcbiAgV29ya2VyUmVxdWVzdCxcbiAgV29ya2VyUmVzcG9uc2UsXG59IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgYWRkVG9Sb3cgfSBmcm9tICcuL3V0aWwvdHJlZSc7XG5cbi8vIFRoZSBtb3N0IHJlY2VudCByZXF1ZXN0SWRcbmxldCByZXF1ZXN0SWQgPSAwO1xuXG5zZWxmLmFkZEV2ZW50TGlzdGVuZXIoJ21lc3NhZ2UnLCAoZXZlbnQpID0+IHtcbiAgY29uc3QgZGF0YSA9IGV2ZW50LmRhdGEgYXMgV29ya2VyUmVxdWVzdDtcbiAgcmVxdWVzdElkID0gTWF0aC5tYXgocmVxdWVzdElkLCBkYXRhPy5yZXF1ZXN0SWQgfHwgMCk7XG5cbiAgc3dpdGNoIChkYXRhLnR5cGUpIHtcbiAgICBjYXNlICdjYWxjdWxhdGVTcGFuUG9zaXRpb25zJzpcbiAgICAgIGNhbGN1bGF0ZVNwYW5Qb3NpdGlvbnMoZGF0YS5yb290KTtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ2ZpbHRlclNwYW5zJzpcbiAgICAgIGZpbHRlclNwYW5zKGRhdGEucm9vdCwgZGF0YS5maWx0ZXIpO1xuICAgICAgYnJlYWs7XG4gICAgZGVmYXVsdDpcbiAgICAgIGJyZWFrO1xuICB9XG59KTtcblxuY29uc3QgcG9zaXRpb25IZWxwZXIgPSAobm9kZTogVHJhY2VOb2RlLCBwZW5kaW5nOiBWaXNpYmxlU3BhbltdKTogdm9pZCA9PiB7XG4gIGlmICgncGFyZW50JyBpbiBub2RlKSB7XG4gICAgY29uc3QgbiA9IG5vZGUgYXMgVmlzaWJsZVNwYW47XG4gICAgbi5yb3cgPSAtMTtcbiAgICBuLmlzVmlzaWJsZSA9IHRydWU7XG4gICAgcGVuZGluZy5wdXNoKG4pO1xuICB9XG5cbiAgY29uc3Qgc29ydGVkQ2hpbGRyZW4gPSBub2RlLmNoaWxkcmVuXG4gICAgLnNsaWNlKClcbiAgICAuc29ydCgoYSwgYikgPT4gYS5zdGFydFRpbWUgLSBiLnN0YXJ0VGltZSB8fCBiLmR1cmF0aW9uIC0gYS5kdXJhdGlvbik7XG4gIGZvciAoY29uc3QgY2hpbGQgb2Ygc29ydGVkQ2hpbGRyZW4pIHtcbiAgICBwb3NpdGlvbkhlbHBlcihjaGlsZCwgcGVuZGluZyk7XG4gIH1cbn07XG5cbmNvbnN0IGNhbGN1bGF0ZVNwYW5Qb3NpdGlvbnMgPSAocm9vdDogUm9vdE5vZGUpOiB2b2lkID0+IHtcbiAgY29uc3QgcmVzcG9uc2VJZCA9IHJlcXVlc3RJZDtcbiAgY29uc3QgcGxhY2VkOiBWaXNpYmxlU3BhbltdW10gPSBbXTtcbiAgY29uc3QgcGVuZGluZzogVmlzaWJsZVNwYW5bXSA9IFtdO1xuXG4gIHBvc2l0aW9uSGVscGVyKHJvb3QsIHBlbmRpbmcpO1xuXG4gIGxldCBsYXN0Rmx1c2hUID0gRGF0ZS5ub3coKSAtIDEwO1xuICBsZXQgbGFzdEZsdXNoQyA9IC02NDtcbiAgbGV0IGNvdW50ID0gMDtcbiAgY29uc3QgZmx1c2ggPSAoKTogdm9pZCA9PiB7XG4gICAgZm9yIChjb25zdCByb3cgb2YgcGxhY2VkKSB7XG4gICAgICByb3cuc29ydCgoYSwgYikgPT4gYS5zdGFydFRpbWUgLSBiLnN0YXJ0VGltZSk7XG4gICAgfVxuICAgIGNvbnN0IG1lc3NhZ2U6IFdvcmtlclJlc3BvbnNlID0ge1xuICAgICAgcmVxdWVzdElkOiByZXNwb25zZUlkLFxuICAgICAgdHlwZTogJ3NldFJvd3NSZXN1bHQnLFxuICAgICAgcm93czogcGxhY2VkLFxuICAgICAgaXNFbmQ6ICFwZW5kaW5nLmxlbmd0aCxcbiAgICB9O1xuICAgIHBvc3RNZXNzYWdlKG1lc3NhZ2UpO1xuICAgIGxhc3RGbHVzaFQgPSBEYXRlLm5vdygpO1xuICAgIGxhc3RGbHVzaEMgPSBjb3VudDtcbiAgfTtcblxuICB3aGlsZSAodHJ1ZSkge1xuICAgIGNvbnN0IG5vZGUgPSBwZW5kaW5nLnNoaWZ0KCk7XG4gICAgaWYgKCFub2RlKSB7XG4gICAgICBmbHVzaCgpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBhZGRUb1JvdyhwbGFjZWQsIG5vZGUsIDAuMDAxKTtcbiAgICArK2NvdW50O1xuICAgIGlmIChEYXRlLm5vdygpIC0gbGFzdEZsdXNoVCA+PSAxNSB8fCBjb3VudCAtIGxhc3RGbHVzaEMgPj0gMjU2KSB7XG4gICAgICBmbHVzaCgpO1xuICAgIH1cbiAgfVxufTtcblxuY29uc3QgQVRUUl9GSUxURVJfUkVHRVggPSAvKD88PV58XFxzKSg/PHBhaXI+KD88a2V5PltcXHcuXSspOig/PHZhbHVlPlxcUyopKS9nO1xuXG5jb25zdCBmaWx0ZXJTcGFucyA9IChyb290OiBSb290Tm9kZSwgZmlsdGVyOiBzdHJpbmcpOiB2b2lkID0+IHtcbiAgY29uc3QgcmVzcG9uc2VJZCA9IHJlcXVlc3RJZDtcblxuICBjb25zdCBtYXRjaGVzID0gbmV3IFNldDxzdHJpbmc+KCk7XG5cbiAgY29uc3QgbmFtZSA9IGZpbHRlclxuICAgIC5yZXBsYWNlKEFUVFJfRklMVEVSX1JFR0VYLCAnJylcbiAgICAucmVwbGFjZSgvXFxzezIsfS9nLCAnICcpXG4gICAgLnRyaW0oKTtcbiAgY29uc3QgYXR0cnM6IFtzdHJpbmcsIHN0cmluZ11bXSA9IFtdO1xuICBmb3IgKGNvbnN0IG0gb2YgZmlsdGVyLm1hdGNoQWxsKEFUVFJfRklMVEVSX1JFR0VYKSkge1xuICAgIGNvbnN0IHsga2V5ID0gJycsIHZhbHVlID0gJycgfSA9IG0uZ3JvdXBzIHx8IHt9O1xuICAgIGF0dHJzLnB1c2goW2tleSwgdmFsdWUudG9Mb2NhbGVMb3dlckNhc2UoKV0pO1xuICB9XG5cbiAgY29uc3QgbWF0Y2ggPSAoc3BhbjogU3Bhbik6IGJvb2xlYW4gPT4ge1xuICAgIGNvbnN0IG5hbWVNYXRjaCA9XG4gICAgICBzcGFuLm5hbWUudG9Mb2NhbGVMb3dlckNhc2UoKS5pbmNsdWRlcyhuYW1lKSB8fFxuICAgICAgc3Bhbi5zcGFuSWQudG9Mb2NhbGVMb3dlckNhc2UoKS5pbmNsdWRlcyhuYW1lKTtcbiAgICBpZiAoIW5hbWVNYXRjaCkgcmV0dXJuIGZhbHNlO1xuICAgIC8vIFRPRE86IHN1cHBvcnQgcmVzb3VyY2UgYXR0cmlidXRlIGZpbHRlcmluZ1xuICAgIHJldHVybiBhdHRycy5ldmVyeSgoW2tleSwgdmFsdWVdKSA9PiB7XG4gICAgICBjb25zdCB2ID0gc3Bhbi5hdHRyaWJ1dGVzW2tleV07XG4gICAgICBpZiAoIXYpIHJldHVybiBmYWxzZTtcbiAgICAgIHJldHVybiBTdHJpbmcodikudG9Mb2NhbGVMb3dlckNhc2UoKS5pbmNsdWRlcyh2YWx1ZSk7XG4gICAgfSk7XG4gIH07XG5cbiAgY29uc3QgaGVscGVyID0gKG5vZGU6IFRyYWNlTm9kZSk6IHZvaWQgPT4ge1xuICAgIGZvciAoY29uc3QgY2hpbGQgb2Ygbm9kZS5jaGlsZHJlbikge1xuICAgICAgaWYgKG1hdGNoKGNoaWxkLnNwYW4pKSB7XG4gICAgICAgIG1hdGNoZXMuYWRkKGNoaWxkLnNwYW4uc3BhbklkKTtcbiAgICAgIH1cbiAgICAgIGhlbHBlcihjaGlsZCk7XG4gICAgfVxuICB9O1xuICBoZWxwZXIocm9vdCk7XG5cbiAgY29uc3QgbWVzc2FnZTogV29ya2VyUmVzcG9uc2UgPSB7XG4gICAgcmVxdWVzdElkOiByZXNwb25zZUlkLFxuICAgIHR5cGU6ICd1cGRhdGVIaWdobGlnaHQnLFxuICAgIG1hdGNoZXMsXG4gIH07XG4gIHBvc3RNZXNzYWdlKG1lc3NhZ2UpO1xufTtcbiJdfQ==

package/dist/components/trace-viewer-new.d.ts

@@ -1,10 +1,14 @@
 import type { WorkflowRun } from '@workflow/core/runtime';
 import type { Event } from '@workflow/world';
 import { type SidebarDataContextValue } from './sidebar/sidebar-data-context';
-declare const NewTraceViewer: ({ run, events, sidebarData, }: {
+declare const NewTraceViewer: ({ run, events, sidebarData, onLoadMore, hasMore, isLoadingMore, loading, }: {
     run: WorkflowRun;
     events: Event[];
     sidebarData: SidebarDataContextValue;
+    onLoadMore?: () => void | Promise<void>;
+    hasMore?: boolean;
+    isLoadingMore?: boolean;
+    loading?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export { NewTraceViewer };
 //# sourceMappingURL=trace-viewer-new.d.ts.map

package/dist/components/trace-viewer-new.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trace-viewer-new.d.ts","sourceRoot":"","sources":["../../src/components/trace-viewer-new.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAG7C,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,gCAAgC,CAAC;AAGxC,QAAA,MAAM,cAAc,GAAI,+BAIrB;IACD,GAAG,EAAE,WAAW,CAAC;IACjB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,WAAW,EAAE,uBAAuB,CAAC;CACtC,4CA2BA,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"trace-viewer-new.d.ts","sourceRoot":"","sources":["../../src/components/trace-viewer-new.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAK7C,OAAO,EACL,KAAK,uBAAuB,EAE7B,MAAM,gCAAgC,CAAC;AAExC,QAAA,MAAM,cAAc,GAAI,4EAQrB;IACD,GAAG,EAAE,WAAW,CAAC;IACjB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,WAAW,EAAE,uBAAuB,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAyBA,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/trace-viewer-new.js

@@ -1,23 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { buildTrace } from '../lib/trace-builder';
+import { TraceViewerSkeleton } from './new-trace-viewer/components/trace-viewer-skeleton';
 import { NewTraceViewer as NewTraceViewerComponent } from './new-trace-viewer/trace-viewer';
 import { SidebarDataProvider, } from './sidebar/sidebar-data-context';
-const NewTraceViewer = ({ run, events, sidebarData, }) => {
-    // Build trace only when actual data changes — no timer-driven rebuilds.
-    // Active span widths are animated imperatively by useLiveTick at 60fps.
-    const traceWithMeta = useMemo(() => {
+const NewTraceViewer = ({ run, events, sidebarData, onLoadMore, hasMore, isLoadingMore, loading = false, }) => {
+    const trace = useMemo(() => {
         if (!run?.runId) {
             return undefined;
         }
         return buildTrace(run, events, new Date());
-        // eslint-disable-next-line react-hooks/exhaustive-deps -- `new Date()` is intentionally not a dep; useLiveTick handles live growth
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- `new Date()` is intentionally not a dep
     }, [run, events]);
-    const trace = traceWithMeta;
-    if (!trace) {
-        return (_jsx("div", { className: "relative w-full h-full flex items-center justify-center", children: _jsx("div", { className: "text-gray-500 text-sm", children: "Loading trace\u2026" }) }));
+    if (!trace || (loading && events.length === 0)) {
+        return _jsx(TraceViewerSkeleton, {});
     }
-    return (_jsx(SidebarDataProvider, { value: sidebarData, children: _jsx("div", { className: "relative w-full h-full flex", children: _jsx(NewTraceViewerComponent, { trace: trace }) }) }));
+    return (_jsx(SidebarDataProvider, { value: sidebarData, children: _jsx("div", { className: "relative w-full h-full flex", children: _jsx(NewTraceViewerComponent, { trace: trace, onLoadMore: onLoadMore, hasMore: hasMore, isLoadingMore: isLoadingMore }) }) }));
 };
 export { NewTraceViewer };
-//# sourceMappingURL=trace-viewer-new.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhY2Utdmlld2VyLW5ldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RyYWNlLXZpZXdlci1uZXcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFFQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ2hDLE9BQU8sRUFBRSxVQUFVLEVBQXNCLE1BQU0sc0JBQXNCLENBQUM7QUFDdEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDMUYsT0FBTyxFQUFFLGNBQWMsSUFBSSx1QkFBdUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzVGLE9BQU8sRUFFTCxtQkFBbUIsR0FDcEIsTUFBTSxnQ0FBZ0MsQ0FBQztBQUV4QyxNQUFNLGNBQWMsR0FBRyxDQUFDLEVBQ3RCLEdBQUcsRUFDSCxNQUFNLEVBQ04sV0FBVyxFQUNYLFVBQVUsRUFDVixPQUFPLEVBQ1AsYUFBYSxFQUNiLE9BQU8sR0FBRyxLQUFLLEdBU2hCLEVBQUUsRUFBRTtJQUNILE1BQU0sS0FBSyxHQUE4QixPQUFPLENBQUMsR0FBRyxFQUFFO1FBQ3BELElBQUksQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFDaEIsT0FBTyxTQUFTLENBQUM7UUFDbkIsQ0FBQztRQUNELE9BQU8sVUFBVSxDQUFDLEdBQUcsRUFBRSxNQUFNLEVBQUUsSUFBSSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQzNDLGtHQUFrRztJQUNwRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQztJQUVsQixJQUFJLENBQUMsS0FBSyxJQUFJLENBQUMsT0FBTyxJQUFJLE1BQU0sQ0FBQyxNQUFNLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUMvQyxPQUFPLEtBQUMsbUJBQW1CLEtBQUcsQ0FBQztJQUNqQyxDQUFDO0lBRUQsT0FBTyxDQUNMLEtBQUMsbUJBQW1CLElBQUMsS0FBSyxFQUFFLFdBQVcsWUFDckMsY0FBSyxTQUFTLEVBQUMsNkJBQTZCLFlBQzFDLEtBQUMsdUJBQXVCLElBQ3RCLEtBQUssRUFBRSxLQUFLLEVBQ1osVUFBVSxFQUFFLFVBQVUsRUFDdEIsT0FBTyxFQUFFLE9BQU8sRUFDaEIsYUFBYSxFQUFFLGFBQWEsR0FDNUIsR0FDRSxHQUNjLENBQ3ZCLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixPQUFPLEVBQUUsY0FBYyxFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFdvcmtmbG93UnVuIH0gZnJvbSAnQHdvcmtmbG93L2NvcmUvcnVudGltZSc7XG5pbXBvcnQgdHlwZSB7IEV2ZW50IH0gZnJvbSAnQHdvcmtmbG93L3dvcmxkJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBidWlsZFRyYWNlLCB0eXBlIFRyYWNlV2l0aE1ldGEgfSBmcm9tICcuLi9saWIvdHJhY2UtYnVpbGRlcic7XG5pbXBvcnQgeyBUcmFjZVZpZXdlclNrZWxldG9uIH0gZnJvbSAnLi9uZXctdHJhY2Utdmlld2VyL2NvbXBvbmVudHMvdHJhY2Utdmlld2VyLXNrZWxldG9uJztcbmltcG9ydCB7IE5ld1RyYWNlVmlld2VyIGFzIE5ld1RyYWNlVmlld2VyQ29tcG9uZW50IH0gZnJvbSAnLi9uZXctdHJhY2Utdmlld2VyL3RyYWNlLXZpZXdlcic7XG5pbXBvcnQge1xuICB0eXBlIFNpZGViYXJEYXRhQ29udGV4dFZhbHVlLFxuICBTaWRlYmFyRGF0YVByb3ZpZGVyLFxufSBmcm9tICcuL3NpZGViYXIvc2lkZWJhci1kYXRhLWNvbnRleHQnO1xuXG5jb25zdCBOZXdUcmFjZVZpZXdlciA9ICh7XG4gIHJ1bixcbiAgZXZlbnRzLFxuICBzaWRlYmFyRGF0YSxcbiAgb25Mb2FkTW9yZSxcbiAgaGFzTW9yZSxcbiAgaXNMb2FkaW5nTW9yZSxcbiAgbG9hZGluZyA9IGZhbHNlLFxufToge1xuICBydW46IFdvcmtmbG93UnVuO1xuICBldmVudHM6IEV2ZW50W107XG4gIHNpZGViYXJEYXRhOiBTaWRlYmFyRGF0YUNvbnRleHRWYWx1ZTtcbiAgb25Mb2FkTW9yZT86ICgpID0+IHZvaWQgfCBQcm9taXNlPHZvaWQ+O1xuICBoYXNNb3JlPzogYm9vbGVhbjtcbiAgaXNMb2FkaW5nTW9yZT86IGJvb2xlYW47XG4gIGxvYWRpbmc/OiBib29sZWFuO1xufSkgPT4ge1xuICBjb25zdCB0cmFjZTogVHJhY2VXaXRoTWV0YSB8IHVuZGVmaW5lZCA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghcnVuPy5ydW5JZCkge1xuICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9XG4gICAgcmV0dXJuIGJ1aWxkVHJhY2UocnVuLCBldmVudHMsIG5ldyBEYXRlKCkpO1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHMgLS0gYG5ldyBEYXRlKClgIGlzIGludGVudGlvbmFsbHkgbm90IGEgZGVwXG4gIH0sIFtydW4sIGV2ZW50c10pO1xuXG4gIGlmICghdHJhY2UgfHwgKGxvYWRpbmcgJiYgZXZlbnRzLmxlbmd0aCA9PT0gMCkpIHtcbiAgICByZXR1cm4gPFRyYWNlVmlld2VyU2tlbGV0b24gLz47XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTaWRlYmFyRGF0YVByb3ZpZGVyIHZhbHVlPXtzaWRlYmFyRGF0YX0+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cInJlbGF0aXZlIHctZnVsbCBoLWZ1bGwgZmxleFwiPlxuICAgICAgICA8TmV3VHJhY2VWaWV3ZXJDb21wb25lbnRcbiAgICAgICAgICB0cmFjZT17dHJhY2V9XG4gICAgICAgICAgb25Mb2FkTW9yZT17b25Mb2FkTW9yZX1cbiAgICAgICAgICBoYXNNb3JlPXtoYXNNb3JlfVxuICAgICAgICAgIGlzTG9hZGluZ01vcmU9e2lzTG9hZGluZ01vcmV9XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L1NpZGViYXJEYXRhUHJvdmlkZXI+XG4gICk7XG59O1xuXG5leHBvcnQgeyBOZXdUcmFjZVZpZXdlciB9O1xuIl19

package/dist/components/ui/alert.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
 import * as React from 'react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/cn';
 const alertVariants = cva('relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4', {
     variants: {
         variant: {
@@ -20,4 +20,4 @@ AlertTitle.displayName = 'AlertTitle';
 const AlertDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('text-sm [&_p]:leading-relaxed', className), ...props })));
 AlertDescription.displayName = 'AlertDescription';
 export { Alert, AlertTitle, AlertDescription };
-//# sourceMappingURL=alert.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy91aS9hbGVydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxHQUFHLEVBQXFCLE1BQU0sMEJBQTBCLENBQUM7QUFDbEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFL0IsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUVsQyxNQUFNLGFBQWEsR0FBRyxHQUFHLENBQ3ZCLG1JQUFtSSxFQUNuSTtJQUNFLFFBQVEsRUFBRTtRQUNSLE9BQU8sRUFBRTtZQUNQLE9BQU8sRUFBRSxFQUFFO1lBQ1gsV0FBVyxFQUNULHNFQUFzRTtTQUN6RTtLQUNGO0lBQ0QsZUFBZSxFQUFFO1FBQ2YsT0FBTyxFQUFFLFNBQVM7S0FDbkI7Q0FDRixDQUNGLENBQUM7QUFFRixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUc1QixDQUFDLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxHQUFHLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FDM0MsY0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxPQUFPLEVBQ1osU0FBUyxFQUFFLEVBQUUsQ0FBQyxhQUFhLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxLQUNoRCxLQUFLLEdBQ1QsQ0FDSCxDQUFDLENBQUM7QUFDSCxLQUFLLENBQUMsV0FBVyxHQUFHLE9BQU8sQ0FBQztBQUU1QixNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUdqQyxDQUFDLEVBQUUsU0FBUyxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUNsQyxhQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLEVBQUUsQ0FBQyw4Q0FBOEMsRUFBRSxTQUFTLENBQUMsS0FDcEUsS0FBSyxHQUNULENBQ0gsQ0FBQyxDQUFDO0FBQ0gsVUFBVSxDQUFDLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFdEMsTUFBTSxnQkFBZ0IsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUd2QyxDQUFDLEVBQUUsU0FBUyxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUNsQyxjQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLEVBQUUsQ0FBQywrQkFBK0IsRUFBRSxTQUFTLENBQUMsS0FDckQsS0FBSyxHQUNULENBQ0gsQ0FBQyxDQUFDO0FBQ0gsZ0JBQWdCLENBQUMsV0FBVyxHQUFHLGtCQUFrQixDQUFDO0FBRWxELE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjdmEsIHR5cGUgVmFyaWFudFByb3BzIH0gZnJvbSAnY2xhc3MtdmFyaWFuY2UtYXV0aG9yaXR5JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgY24gfSBmcm9tICcuLi8uLi9saWIvY24nO1xuXG5jb25zdCBhbGVydFZhcmlhbnRzID0gY3ZhKFxuICAncmVsYXRpdmUgdy1mdWxsIHJvdW5kZWQtbGcgYm9yZGVyIHAtNCBbJj5zdmd+Kl06cGwtNyBbJj5zdmcrZGl2XTp0cmFuc2xhdGUteS1bLTNweF0gWyY+c3ZnXTphYnNvbHV0ZSBbJj5zdmddOmxlZnQtNCBbJj5zdmddOnRvcC00JyxcbiAge1xuICAgIHZhcmlhbnRzOiB7XG4gICAgICB2YXJpYW50OiB7XG4gICAgICAgIGRlZmF1bHQ6ICcnLFxuICAgICAgICBkZXN0cnVjdGl2ZTpcbiAgICAgICAgICAnYm9yZGVyLXJlZC00MDAgdGV4dC1yZWQtOTAwIGRhcms6Ym9yZGVyLXJlZC03MDAgWyY+c3ZnXTp0ZXh0LXJlZC05MDAnLFxuICAgICAgfSxcbiAgICB9LFxuICAgIGRlZmF1bHRWYXJpYW50czoge1xuICAgICAgdmFyaWFudDogJ2RlZmF1bHQnLFxuICAgIH0sXG4gIH1cbik7XG5cbmNvbnN0IEFsZXJ0ID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiAmIFZhcmlhbnRQcm9wczx0eXBlb2YgYWxlcnRWYXJpYW50cz5cbj4oKHsgY2xhc3NOYW1lLCB2YXJpYW50LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGRpdlxuICAgIHJlZj17cmVmfVxuICAgIHJvbGU9XCJhbGVydFwiXG4gICAgY2xhc3NOYW1lPXtjbihhbGVydFZhcmlhbnRzKHsgdmFyaWFudCB9KSwgY2xhc3NOYW1lKX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pKTtcbkFsZXJ0LmRpc3BsYXlOYW1lID0gJ0FsZXJ0JztcblxuY29uc3QgQWxlcnRUaXRsZSA9IFJlYWN0LmZvcndhcmRSZWY8XG4gIEhUTUxQYXJhZ3JhcGhFbGVtZW50LFxuICBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MSGVhZGluZ0VsZW1lbnQ+XG4+KCh7IGNsYXNzTmFtZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxoNVxuICAgIHJlZj17cmVmfVxuICAgIGNsYXNzTmFtZT17Y24oJ21iLTEgZm9udC1tZWRpdW0gbGVhZGluZy1ub25lIHRyYWNraW5nLXRpZ2h0JywgY2xhc3NOYW1lKX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pKTtcbkFsZXJ0VGl0bGUuZGlzcGxheU5hbWUgPSAnQWxlcnRUaXRsZSc7XG5cbmNvbnN0IEFsZXJ0RGVzY3JpcHRpb24gPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MUGFyYWdyYXBoRWxlbWVudCxcbiAgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTFBhcmFncmFwaEVsZW1lbnQ+XG4+KCh7IGNsYXNzTmFtZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXZcbiAgICByZWY9e3JlZn1cbiAgICBjbGFzc05hbWU9e2NuKCd0ZXh0LXNtIFsmX3BdOmxlYWRpbmctcmVsYXhlZCcsIGNsYXNzTmFtZSl9XG4gICAgey4uLnByb3BzfVxuICAvPlxuKSk7XG5BbGVydERlc2NyaXB0aW9uLmRpc3BsYXlOYW1lID0gJ0FsZXJ0RGVzY3JpcHRpb24nO1xuXG5leHBvcnQgeyBBbGVydCwgQWxlcnRUaXRsZSwgQWxlcnREZXNjcmlwdGlvbiB9O1xuIl19

package/dist/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants>;
+export declare function Button({ className, variant, size, type, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export { buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/dist/components/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,cAAc;;;8EA0CnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACrE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAEtC,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAe,EACf,GAAG,KAAK,EACT,EAAE,WAAW,2CAQb;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/button.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/cn';
+const buttonVariants = cva([
+    'outline-none m-0 border-0 align-baseline no-underline group/trigger',
+    'relative cursor-pointer select-none transform translate-z-0',
+    'inline-flex max-w-full items-center justify-center gap-x-1 whitespace-nowrap rounded-md font-medium',
+    '!text-gray-100',
+    'bg-gray-1000',
+    'transition-[border-color,background,color,transform,box-shadow] duration-150 ease-in-out',
+    // Geist invert hover: literal fallbacks (no token dep, so it resolves in any
+    // consuming app), darkened via ancestor theme class without a registered variant.
+    'hover:bg-[var(--themed-hover-bg,_hsl(0,_0%,_22%))]',
+    '[.dark-theme_&]:hover:bg-[var(--themed-hover-bg,_hsl(0,_0%,_80%))]',
+    '[[data-theme=dark]_&]:hover:bg-[var(--themed-hover-bg,_hsl(0,_0%,_80%))]',
+    // Geist focus ring as arbitrary properties (no bare `outline`/ambiguous
+    // arbitrary-color utilities, which differ between Tailwind v3 and v4).
+    'focus-visible:[outline:2px_solid_var(--ds-focus-color)] focus-visible:[outline-offset:2px]',
+    // disabled styles
+    'disabled:cursor-not-allowed aria-disabled:cursor-not-allowed',
+    'disabled:bg-gray-100 disabled:!text-gray-700 disabled:hover:bg-gray-100',
+    'aria-disabled:bg-gray-100 aria-disabled:text-gray-700 aria-disabled:hover:bg-gray-100',
+], {
+    variants: {
+        variant: {
+            default: '',
+            secondary: 'border border-gray-alpha-400 [--themed-bg:_var(--ds-background-100)] [--themed-fg:_var(--ds-gray-1000)] [--themed-hover-bg:_var(--ds-gray-alpha-200)]',
+            ghost: '[--themed-bg:_transparent] [--themed-fg:_var(--ds-gray-1000)] [--themed-hover-bg:_var(--ds-gray-alpha-100)]',
+        },
+        size: {
+            default: 'h-10 px-4 text-[14px]',
+            sm: 'h-8 px-3 text-[14px]',
+            xs: 'h-6 px-1.5 py-0.5 text-button-12 rounded-[4px]',
+            icon: 'h-8 w-8',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+export function Button({ className, variant, size, type = 'button', ...props }) {
+    return (_jsx("button", { type: type, className: cn(buttonVariants({ variant, size, className })), ...props }));
+}
+export { buttonVariants };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdWkvYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLEdBQUcsRUFBcUIsTUFBTSwwQkFBMEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRWxDLE1BQU0sY0FBYyxHQUFHLEdBQUcsQ0FDeEI7SUFDRSxxRUFBcUU7SUFDckUsNkRBQTZEO0lBQzdELHFHQUFxRztJQUNyRyxnQkFBZ0I7SUFDaEIsY0FBYztJQUNkLDBGQUEwRjtJQUMxRiw2RUFBNkU7SUFDN0Usa0ZBQWtGO0lBQ2xGLG9EQUFvRDtJQUNwRCxvRUFBb0U7SUFDcEUsMEVBQTBFO0lBQzFFLHdFQUF3RTtJQUN4RSx1RUFBdUU7SUFDdkUsNEZBQTRGO0lBQzVGLGtCQUFrQjtJQUNsQiw4REFBOEQ7SUFDOUQseUVBQXlFO0lBQ3pFLHVGQUF1RjtDQUN4RixFQUNEO0lBQ0UsUUFBUSxFQUFFO1FBQ1IsT0FBTyxFQUFFO1lBQ1AsT0FBTyxFQUFFLEVBQUU7WUFDWCxTQUFTLEVBQ1AsdUpBQXVKO1lBQ3pKLEtBQUssRUFDSCw2R0FBNkc7U0FDaEg7UUFDRCxJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUUsdUJBQXVCO1lBQ2hDLEVBQUUsRUFBRSxzQkFBc0I7WUFDMUIsRUFBRSxFQUFFLGdEQUFnRDtZQUNwRCxJQUFJLEVBQUUsU0FBUztTQUNoQjtLQUNGO0lBQ0QsZUFBZSxFQUFFO1FBQ2YsT0FBTyxFQUFFLFNBQVM7UUFDbEIsSUFBSSxFQUFFLFNBQVM7S0FDaEI7Q0FDRixDQUNGLENBQUM7QUFLRixNQUFNLFVBQVUsTUFBTSxDQUFDLEVBQ3JCLFNBQVMsRUFDVCxPQUFPLEVBQ1AsSUFBSSxFQUNKLElBQUksR0FBRyxRQUFRLEVBQ2YsR0FBRyxLQUFLLEVBQ0k7SUFDWixPQUFPLENBQ0wsaUJBQ0UsSUFBSSxFQUFFLElBQUksRUFDVixTQUFTLEVBQUUsRUFBRSxDQUFDLGNBQWMsQ0FBQyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQyxLQUN2RCxLQUFLLEdBQ1QsQ0FDSCxDQUFDO0FBQ0osQ0FBQztBQUVELE9BQU8sRUFBRSxjQUFjLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGN2YSwgdHlwZSBWYXJpYW50UHJvcHMgfSBmcm9tICdjbGFzcy12YXJpYW5jZS1hdXRob3JpdHknO1xuaW1wb3J0IHsgY24gfSBmcm9tICcuLi8uLi9saWIvY24nO1xuXG5jb25zdCBidXR0b25WYXJpYW50cyA9IGN2YShcbiAgW1xuICAgICdvdXRsaW5lLW5vbmUgbS0wIGJvcmRlci0wIGFsaWduLWJhc2VsaW5lIG5vLXVuZGVybGluZSBncm91cC90cmlnZ2VyJyxcbiAgICAncmVsYXRpdmUgY3Vyc29yLXBvaW50ZXIgc2VsZWN0LW5vbmUgdHJhbnNmb3JtIHRyYW5zbGF0ZS16LTAnLFxuICAgICdpbmxpbmUtZmxleCBtYXgtdy1mdWxsIGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciBnYXAteC0xIHdoaXRlc3BhY2Utbm93cmFwIHJvdW5kZWQtbWQgZm9udC1tZWRpdW0nLFxuICAgICchdGV4dC1ncmF5LTEwMCcsXG4gICAgJ2JnLWdyYXktMTAwMCcsXG4gICAgJ3RyYW5zaXRpb24tW2JvcmRlci1jb2xvcixiYWNrZ3JvdW5kLGNvbG9yLHRyYW5zZm9ybSxib3gtc2hhZG93XSBkdXJhdGlvbi0xNTAgZWFzZS1pbi1vdXQnLFxuICAgIC8vIEdlaXN0IGludmVydCBob3ZlcjogbGl0ZXJhbCBmYWxsYmFja3MgKG5vIHRva2VuIGRlcCwgc28gaXQgcmVzb2x2ZXMgaW4gYW55XG4gICAgLy8gY29uc3VtaW5nIGFwcCksIGRhcmtlbmVkIHZpYSBhbmNlc3RvciB0aGVtZSBjbGFzcyB3aXRob3V0IGEgcmVnaXN0ZXJlZCB2YXJpYW50LlxuICAgICdob3ZlcjpiZy1bdmFyKC0tdGhlbWVkLWhvdmVyLWJnLF9oc2woMCxfMCUsXzIyJSkpXScsXG4gICAgJ1suZGFyay10aGVtZV8mXTpob3ZlcjpiZy1bdmFyKC0tdGhlbWVkLWhvdmVyLWJnLF9oc2woMCxfMCUsXzgwJSkpXScsXG4gICAgJ1tbZGF0YS10aGVtZT1kYXJrXV8mXTpob3ZlcjpiZy1bdmFyKC0tdGhlbWVkLWhvdmVyLWJnLF9oc2woMCxfMCUsXzgwJSkpXScsXG4gICAgLy8gR2Vpc3QgZm9jdXMgcmluZyBhcyBhcmJpdHJhcnkgcHJvcGVydGllcyAobm8gYmFyZSBgb3V0bGluZWAvYW1iaWd1b3VzXG4gICAgLy8gYXJiaXRyYXJ5LWNvbG9yIHV0aWxpdGllcywgd2hpY2ggZGlmZmVyIGJldHdlZW4gVGFpbHdpbmQgdjMgYW5kIHY0KS5cbiAgICAnZm9jdXMtdmlzaWJsZTpbb3V0bGluZToycHhfc29saWRfdmFyKC0tZHMtZm9jdXMtY29sb3IpXSBmb2N1cy12aXNpYmxlOltvdXRsaW5lLW9mZnNldDoycHhdJyxcbiAgICAvLyBkaXNhYmxlZCBzdHlsZXNcbiAgICAnZGlzYWJsZWQ6Y3Vyc29yLW5vdC1hbGxvd2VkIGFyaWEtZGlzYWJsZWQ6Y3Vyc29yLW5vdC1hbGxvd2VkJyxcbiAgICAnZGlzYWJsZWQ6YmctZ3JheS0xMDAgZGlzYWJsZWQ6IXRleHQtZ3JheS03MDAgZGlzYWJsZWQ6aG92ZXI6YmctZ3JheS0xMDAnLFxuICAgICdhcmlhLWRpc2FibGVkOmJnLWdyYXktMTAwIGFyaWEtZGlzYWJsZWQ6dGV4dC1ncmF5LTcwMCBhcmlhLWRpc2FibGVkOmhvdmVyOmJnLWdyYXktMTAwJyxcbiAgXSxcbiAge1xuICAgIHZhcmlhbnRzOiB7XG4gICAgICB2YXJpYW50OiB7XG4gICAgICAgIGRlZmF1bHQ6ICcnLFxuICAgICAgICBzZWNvbmRhcnk6XG4gICAgICAgICAgJ2JvcmRlciBib3JkZXItZ3JheS1hbHBoYS00MDAgWy0tdGhlbWVkLWJnOl92YXIoLS1kcy1iYWNrZ3JvdW5kLTEwMCldIFstLXRoZW1lZC1mZzpfdmFyKC0tZHMtZ3JheS0xMDAwKV0gWy0tdGhlbWVkLWhvdmVyLWJnOl92YXIoLS1kcy1ncmF5LWFscGhhLTIwMCldJyxcbiAgICAgICAgZ2hvc3Q6XG4gICAgICAgICAgJ1stLXRoZW1lZC1iZzpfdHJhbnNwYXJlbnRdIFstLXRoZW1lZC1mZzpfdmFyKC0tZHMtZ3JheS0xMDAwKV0gWy0tdGhlbWVkLWhvdmVyLWJnOl92YXIoLS1kcy1ncmF5LWFscGhhLTEwMCldJyxcbiAgICAgIH0sXG4gICAgICBzaXplOiB7XG4gICAgICAgIGRlZmF1bHQ6ICdoLTEwIHB4LTQgdGV4dC1bMTRweF0nLFxuICAgICAgICBzbTogJ2gtOCBweC0zIHRleHQtWzE0cHhdJyxcbiAgICAgICAgeHM6ICdoLTYgcHgtMS41IHB5LTAuNSB0ZXh0LWJ1dHRvbi0xMiByb3VuZGVkLVs0cHhdJyxcbiAgICAgICAgaWNvbjogJ2gtOCB3LTgnLFxuICAgICAgfSxcbiAgICB9LFxuICAgIGRlZmF1bHRWYXJpYW50czoge1xuICAgICAgdmFyaWFudDogJ2RlZmF1bHQnLFxuICAgICAgc2l6ZTogJ2RlZmF1bHQnLFxuICAgIH0sXG4gIH1cbik7XG5cbmV4cG9ydCB0eXBlIEJ1dHRvblByb3BzID0gUmVhY3QuQnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+ICZcbiAgVmFyaWFudFByb3BzPHR5cGVvZiBidXR0b25WYXJpYW50cz47XG5cbmV4cG9ydCBmdW5jdGlvbiBCdXR0b24oe1xuICBjbGFzc05hbWUsXG4gIHZhcmlhbnQsXG4gIHNpemUsXG4gIHR5cGUgPSAnYnV0dG9uJyxcbiAgLi4ucHJvcHNcbn06IEJ1dHRvblByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPGJ1dHRvblxuICAgICAgdHlwZT17dHlwZX1cbiAgICAgIGNsYXNzTmFtZT17Y24oYnV0dG9uVmFyaWFudHMoeyB2YXJpYW50LCBzaXplLCBjbGFzc05hbWUgfSkpfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59XG5cbmV4cG9ydCB7IGJ1dHRvblZhcmlhbnRzIH07XG4iXX0=

package/dist/components/ui/card.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/cn';
 const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('rounded-lg border shadow-sm', className), ...props })));
 Card.displayName = 'Card';
 const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex flex-col space-y-1.5 p-6', className), ...props })));
@@ -15,4 +15,4 @@ CardContent.displayName = 'CardContent';
 const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex items-center p-6 pt-0', className), ...props })));
 CardFooter.displayName = 'CardFooter';
 export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };
-//# sourceMappingURL=card.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3VpL2NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFlBQVksQ0FBQzs7QUFFYixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUvQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRWxDLE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBRzNCLENBQUMsRUFBRSxTQUFTLEVBQUUsR0FBRyxLQUFLLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQ2xDLGNBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsRUFBRSxDQUFDLDZCQUE2QixFQUFFLFNBQVMsQ0FBQyxLQUNuRCxLQUFLLEdBQ1QsQ0FDSCxDQUFDLENBQUM7QUFDSCxJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQztBQUUxQixNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUdqQyxDQUFDLEVBQUUsU0FBUyxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUNsQyxjQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLEVBQUUsQ0FBQywrQkFBK0IsRUFBRSxTQUFTLENBQUMsS0FDckQsS0FBSyxHQUNULENBQ0gsQ0FBQyxDQUFDO0FBQ0gsVUFBVSxDQUFDLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFdEMsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FHaEMsQ0FBQyxFQUFFLFNBQVMsRUFBRSxHQUFHLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FDbEMsY0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBRSxFQUFFLENBQ1gsb0RBQW9ELEVBQ3BELFNBQVMsQ0FDVixLQUNHLEtBQUssR0FDVCxDQUNILENBQUMsQ0FBQztBQUNILFNBQVMsQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO0FBRXBDLE1BQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBR3RDLENBQUMsRUFBRSxTQUFTLEVBQUUsR0FBRyxLQUFLLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQ2xDLGNBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsRUFBRSxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsRUFDbkMsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLG9CQUFvQixFQUFFLEtBQ2xDLEtBQUssR0FDVCxDQUNILENBQUMsQ0FBQztBQUNILGVBQWUsQ0FBQyxXQUFXLEdBQUcsaUJBQWlCLENBQUM7QUFFaEQsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FHbEMsQ0FBQyxFQUFFLFNBQVMsRUFBRSxHQUFHLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FDbEMsY0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsVUFBVSxFQUFFLFNBQVMsQ0FBQyxLQUFNLEtBQUssR0FBSSxDQUNuRSxDQUFDLENBQUM7QUFDSCxXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQztBQUV4QyxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUdqQyxDQUFDLEVBQUUsU0FBUyxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUNsQyxjQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLEVBQUUsQ0FBQyw0QkFBNEIsRUFBRSxTQUFTLENBQUMsS0FDbEQsS0FBSyxHQUNULENBQ0gsQ0FBQyxDQUFDO0FBQ0gsVUFBVSxDQUFDLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFdEMsT0FBTyxFQUNMLElBQUksRUFDSixVQUFVLEVBQ1YsVUFBVSxFQUNWLFNBQVMsRUFDVCxlQUFlLEVBQ2YsV0FBVyxHQUNaLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgY24gfSBmcm9tICcuLi8uLi9saWIvY24nO1xuXG5jb25zdCBDYXJkID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PlxuPigoeyBjbGFzc05hbWUsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8ZGl2XG4gICAgcmVmPXtyZWZ9XG4gICAgY2xhc3NOYW1lPXtjbigncm91bmRlZC1sZyBib3JkZXIgc2hhZG93LXNtJywgY2xhc3NOYW1lKX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pKTtcbkNhcmQuZGlzcGxheU5hbWUgPSAnQ2FyZCc7XG5cbmNvbnN0IENhcmRIZWFkZXIgPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+XG4+KCh7IGNsYXNzTmFtZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXZcbiAgICByZWY9e3JlZn1cbiAgICBjbGFzc05hbWU9e2NuKCdmbGV4IGZsZXgtY29sIHNwYWNlLXktMS41IHAtNicsIGNsYXNzTmFtZSl9XG4gICAgey4uLnByb3BzfVxuICAvPlxuKSk7XG5DYXJkSGVhZGVyLmRpc3BsYXlOYW1lID0gJ0NhcmRIZWFkZXInO1xuXG5jb25zdCBDYXJkVGl0bGUgPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+XG4+KCh7IGNsYXNzTmFtZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXZcbiAgICByZWY9e3JlZn1cbiAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgJ3RleHQtMnhsIGZvbnQtc2VtaWJvbGQgbGVhZGluZy1ub25lIHRyYWNraW5nLXRpZ2h0JyxcbiAgICAgIGNsYXNzTmFtZVxuICAgICl9XG4gICAgey4uLnByb3BzfVxuICAvPlxuKSk7XG5DYXJkVGl0bGUuZGlzcGxheU5hbWUgPSAnQ2FyZFRpdGxlJztcblxuY29uc3QgQ2FyZERlc2NyaXB0aW9uID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PlxuPigoeyBjbGFzc05hbWUsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8ZGl2XG4gICAgcmVmPXtyZWZ9XG4gICAgY2xhc3NOYW1lPXtjbigndGV4dC1zbScsIGNsYXNzTmFtZSl9XG4gICAgc3R5bGU9e3sgY29sb3I6ICd2YXIoLS1kcy1ncmF5LTkwMCknIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKSk7XG5DYXJkRGVzY3JpcHRpb24uZGlzcGxheU5hbWUgPSAnQ2FyZERlc2NyaXB0aW9uJztcblxuY29uc3QgQ2FyZENvbnRlbnQgPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+XG4+KCh7IGNsYXNzTmFtZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXYgcmVmPXtyZWZ9IGNsYXNzTmFtZT17Y24oJ3AtNiBwdC0wJywgY2xhc3NOYW1lKX0gey4uLnByb3BzfSAvPlxuKSk7XG5DYXJkQ29udGVudC5kaXNwbGF5TmFtZSA9ICdDYXJkQ29udGVudCc7XG5cbmNvbnN0IENhcmRGb290ZXIgPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+XG4+KCh7IGNsYXNzTmFtZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXZcbiAgICByZWY9e3JlZn1cbiAgICBjbGFzc05hbWU9e2NuKCdmbGV4IGl0ZW1zLWNlbnRlciBwLTYgcHQtMCcsIGNsYXNzTmFtZSl9XG4gICAgey4uLnByb3BzfVxuICAvPlxuKSk7XG5DYXJkRm9vdGVyLmRpc3BsYXlOYW1lID0gJ0NhcmRGb290ZXInO1xuXG5leHBvcnQge1xuICBDYXJkLFxuICBDYXJkSGVhZGVyLFxuICBDYXJkRm9vdGVyLFxuICBDYXJkVGl0bGUsXG4gIENhcmREZXNjcmlwdGlvbixcbiAgQ2FyZENvbnRlbnQsXG59O1xuIl19

package/dist/components/ui/collapsible.d.ts

@@ -0,0 +1,46 @@
+import { type ReactNode } from 'react';
+type CollapsibleVariant = 'section' | 'card';
+type CollapsibleRootProps = {
+    children: ReactNode;
+    variant?: CollapsibleVariant;
+    disabled?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+};
+/**
+ * Low-level collapsible container. Use this together with `CollapsibleTrigger`
+ * and `CollapsibleContent` when you need to override the styling of individual
+ * parts. For the common case, prefer the all-in-one `Collapsible`.
+ */
+export declare function CollapsibleRoot({ children, variant, disabled, defaultOpen, onOpenChange, className, }: CollapsibleRootProps): import("react/jsx-runtime").JSX.Element;
+type CollapsibleTriggerProps = {
+    children: ReactNode;
+    className?: string;
+};
+/** The clickable header of a `CollapsibleRoot`. */
+export declare function CollapsibleTrigger({ children, className, }: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+type CollapsibleContentProps = {
+    children: ReactNode;
+    className?: string;
+};
+/** The collapsible body of a `CollapsibleRoot`. */
+export declare function CollapsibleContent({ children, className, }: CollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
+type CollapsibleProps = {
+    /** Header content shown in the trigger row. */
+    label: ReactNode;
+    /** Body content. Omit for a header-only (e.g. disabled or skeleton) row. */
+    children?: ReactNode;
+    disabled?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+/**
+ * All-in-one collapsible section: a labeled header plus body content. This is
+ * the component to reach for in most cases. When you need to override the
+ * styling of a specific part, compose `CollapsibleRoot`, `CollapsibleTrigger`,
+ * and `CollapsibleContent` directly instead.
+ */
+export declare function Collapsible({ label, children, disabled, defaultOpen, onOpenChange, }: CollapsibleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=collapsible.d.ts.map

package/dist/components/ui/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAGf,KAAK,kBAAkB,GAAG,SAAS,GAAG,MAAM,CAAC;AAmB7C,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAmB,EACnB,QAAgB,EAChB,WAAmB,EACnB,YAAY,EACZ,SAAS,GACV,EAAE,oBAAoB,2CAyCtB;AAED,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,mDAAmD;AACnD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,2CA0DzB;AAED,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,mDAAmD;AACnD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,2CAUzB;AAED,KAAK,gBAAgB,GAAG;IACtB,+CAA+C;IAC/C,KAAK,EAAE,SAAS,CAAC;IACjB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAY,GACb,EAAE,gBAAgB,2CAWlB"}

package/dist/components/ui/collapsible.js

@@ -0,0 +1,66 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronRight } from 'lucide-react';
+import { createContext, useContext, useState, } from 'react';
+import { cn } from '../../lib/cn';
+const CollapsibleContext = createContext(null);
+function useCollapsibleContext(part) {
+    const context = useContext(CollapsibleContext);
+    if (!context) {
+        throw new Error(`<Collapsible${part}> must be rendered inside <CollapsibleRoot>`);
+    }
+    return context;
+}
+/**
+ * Low-level collapsible container. Use this together with `CollapsibleTrigger`
+ * and `CollapsibleContent` when you need to override the styling of individual
+ * parts. For the common case, prefer the all-in-one `Collapsible`.
+ */
+export function CollapsibleRoot({ children, variant = 'section', disabled = false, defaultOpen = false, onOpenChange, className, }) {
+    const [open, setOpen] = useState(defaultOpen);
+    const handleToggle = (event) => {
+        // React bubbles the `toggle` event even though the native one doesn't, so
+        // a nested <details> (e.g. an event card inside the Events section)
+        // collapsing would otherwise flip this card. Only react to direct toggles.
+        if (event.target !== event.currentTarget)
+            return;
+        const next = event.currentTarget.open;
+        setOpen(next);
+        onOpenChange?.(next);
+    };
+    const details = (_jsx("details", { "data-slot": "collapsible", "data-state": open ? 'open' : 'closed', open: open, onToggle: disabled ? undefined : handleToggle, className: cn(variant === 'card'
+            ? 'group/card border-gray-alpha-400 last:border-b'
+            : 'group', className), children: _jsx(CollapsibleContext.Provider, { value: { variant, disabled }, children: children }) }));
+    if (variant === 'card') {
+        return details;
+    }
+    return (_jsx("section", { className: "-mx-4 border-t border-gray-alpha-400 px-4 py-2", children: details }));
+}
+/** The clickable header of a `CollapsibleRoot`. */
+export function CollapsibleTrigger({ children, className, }) {
+    const { variant, disabled } = useCollapsibleContext('Trigger');
+    if (variant === 'card') {
+        return (_jsxs("summary", { "data-slot": "collapsible-trigger", className: cn('flex cursor-pointer list-none items-center gap-1.5 border-t border-gray-alpha-400 bg-background-200 px-3 py-4 hover:bg-gray-100 [&::-webkit-details-marker]:hidden', className), children: [_jsx(ChevronRight, { size: 14, className: "shrink-0 text-gray-700 group-hover/card:text-gray-1000 group-open/card:rotate-90" }), children] }));
+    }
+    // Shared row metrics keep every header the same height regardless of variant.
+    const row = 'flex h-9 items-center gap-2 -mx-2 px-2 text-heading-14 font-medium list-none [&::-webkit-details-marker]:hidden';
+    if (disabled) {
+        return (_jsx("summary", { "data-slot": "collapsible-trigger", className: cn(row, 'pointer-events-none text-gray-700', className), children: _jsx("span", { className: "min-w-0 flex-1", children: children }) }));
+    }
+    return (_jsxs("summary", { "data-slot": "collapsible-trigger", className: cn(row, 'group/trigger cursor-pointer rounded hover:bg-gray-alpha-100', className), children: [_jsxs("span", { className: "relative isolate h-3.5 w-3.5 shrink-0 text-gray-700 group-hover/trigger:text-gray-1000", children: [_jsx(ChevronRight, { size: 14, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-100 group-open:opacity-0" }), _jsx(ChevronDown, { size: 14, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0 group-open:opacity-100" })] }), _jsx("span", { className: "min-w-0 flex-1", children: children })] }));
+}
+/** The collapsible body of a `CollapsibleRoot`. */
+export function CollapsibleContent({ children, className, }) {
+    const { variant } = useCollapsibleContext('Content');
+    return (_jsx("div", { "data-slot": "collapsible-content", className: cn(variant === 'section' && 'mt-2 mb-3', className), children: children }));
+}
+/**
+ * All-in-one collapsible section: a labeled header plus body content. This is
+ * the component to reach for in most cases. When you need to override the
+ * styling of a specific part, compose `CollapsibleRoot`, `CollapsibleTrigger`,
+ * and `CollapsibleContent` directly instead.
+ */
+export function Collapsible({ label, children, disabled, defaultOpen, onOpenChange, }) {
+    return (_jsxs(CollapsibleRoot, { disabled: disabled, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [_jsx(CollapsibleTrigger, { children: label }), children != null && _jsx(CollapsibleContent, { children: children })] }));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2libGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy91aS9jb2xsYXBzaWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDOztBQUViLE9BQU8sRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ3pELE9BQU8sRUFDTCxhQUFhLEVBR2IsVUFBVSxFQUNWLFFBQVEsR0FDVCxNQUFNLE9BQU8sQ0FBQztBQUNmLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFTbEMsTUFBTSxrQkFBa0IsR0FBRyxhQUFhLENBQWlDLElBQUksQ0FBQyxDQUFDO0FBRS9FLFNBQVMscUJBQXFCLENBQUMsSUFBWTtJQUN6QyxNQUFNLE9BQU8sR0FBRyxVQUFVLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUMvQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDYixNQUFNLElBQUksS0FBSyxDQUNiLGVBQWUsSUFBSSw2Q0FBNkMsQ0FDakUsQ0FBQztJQUNKLENBQUM7SUFDRCxPQUFPLE9BQU8sQ0FBQztBQUNqQixDQUFDO0FBV0Q7Ozs7R0FJRztBQUNILE1BQU0sVUFBVSxlQUFlLENBQUMsRUFDOUIsUUFBUSxFQUNSLE9BQU8sR0FBRyxTQUFTLEVBQ25CLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFdBQVcsR0FBRyxLQUFLLEVBQ25CLFlBQVksRUFDWixTQUFTLEdBQ1k7SUFDckIsTUFBTSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsR0FBRyxRQUFRLENBQUMsV0FBVyxDQUFDLENBQUM7SUFFOUMsTUFBTSxZQUFZLEdBQUcsQ0FBQyxLQUF5QyxFQUFFLEVBQUU7UUFDakUsMEVBQTBFO1FBQzFFLG9FQUFvRTtRQUNwRSwyRUFBMkU7UUFDM0UsSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLEtBQUssQ0FBQyxhQUFhO1lBQUUsT0FBTztRQUNqRCxNQUFN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QVUsV0FBVyxDQUFDLEVBQzFCLEtBQUssRUFDTCxRQUFRLEVBQ1IsUUFBUSxFQUNSLFdBQVcsRUFDWCxZQUFZLEdBQ0s7SUFDakIsT0FBTyxDQUNMLE1BQUMsZUFBZSxJQUNkLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFlBQVksRUFBRSxZQUFZLGFBRTFCLEtBQUMsa0JBQWtCLGNBQUUsS0FBSyxHQUFzQixFQUMvQyxRQUFRLElBQUksSUFBSSxJQUFJLEtBQUMsa0JBQWtCLGNBQUUsUUFBUSxHQUFzQixJQUN4RCxDQUNuQixDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50JztcblxuaW1wb3J0IHsgQ2hldnJvbkRvd24sIENoZXZyb25SaWdodCB9IGZyb20gJ2x1Y2lkZS1yZWFjdCc7XG5pbXBvcnQge1xuICBjcmVhdGVDb250ZXh0LFxuICB0eXBlIFJlYWN0Tm9kZSxcbiAgdHlwZSBTeW50aGV0aWNFdmVudCxcbiAgdXNlQ29udGV4dCxcbiAgdXNlU3RhdGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNuIH0gZnJvbSAnLi4vLi4vbGliL2NuJztcblxudHlwZSBDb2xsYXBzaWJsZVZhcmlhbnQgPSAnc2VjdGlvbicgfCAnY2FyZCc7XG5cbnR5cGUgQ29sbGFwc2libGVDb250ZXh0VmFsdWUgPSB7XG4gIHZhcmlhbnQ6IENvbGxhcHNpYmxlVmFyaWFudDtcbiAgZGlzYWJsZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBDb2xsYXBzaWJsZUNvbnRleHQgPSBjcmVhdGVDb250ZXh0PENvbGxhcHNpYmxlQ29udGV4dFZhbHVlIHwgbnVsbD4obnVsbCk7XG5cbmZ1bmN0aW9uIHVzZUNvbGxhcHNpYmxlQ29udGV4dChwYXJ0OiBzdHJpbmcpOiBDb2xsYXBzaWJsZUNvbnRleHRWYWx1ZSB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KENvbGxhcHNpYmxlQ29udGV4dCk7XG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgIGA8Q29sbGFwc2libGUke3BhcnR9PiBtdXN0IGJlIHJlbmRlcmVkIGluc2lkZSA8Q29sbGFwc2libGVSb290PmBcbiAgICApO1xuICB9XG4gIHJldHVybiBjb250ZXh0O1xufVxuXG50eXBlIENvbGxhcHNpYmxlUm9vdFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICB2YXJpYW50PzogQ29sbGFwc2libGVWYXJpYW50O1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGRlZmF1bHRPcGVuPzogYm9vbGVhbjtcbiAgb25PcGVuQ2hhbmdlPzogKG9wZW46IGJvb2xlYW4pID0+IHZvaWQ7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn07XG5cbi8qKlxuICogTG93LWxldmVsIGNvbGxhcHNpYmxlIGNvbnRhaW5lci4gVXNlIHRoaXMgdG9nZXRoZXIgd2l0aCBgQ29sbGFwc2libGVUcmlnZ2VyYFxuICogYW5kIGBDb2xsYXBzaWJsZUNvbnRlbnRgIHdoZW4geW91IG5lZWQgdG8gb3ZlcnJpZGUgdGhlIHN0eWxpbmcgb2YgaW5kaXZpZHVhbFxuICogcGFydHMuIEZvciB0aGUgY29tbW9uIGNhc2UsIHByZWZlciB0aGUgYWxsLWluLW9uZSBgQ29sbGFwc2libGVgLlxuICovXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGVSb290KHtcbiAgY2hpbGRyZW4sXG4gIHZhcmlhbnQgPSAnc2VjdGlvbicsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGRlZmF1bHRPcGVuID0gZmFsc2UsXG4gIG9uT3BlbkNoYW5nZSxcbiAgY2xhc3NOYW1lLFxufTogQ29sbGFwc2libGVSb290UHJvcHMpIHtcbiAgY29uc3QgW29wZW4sIHNldE9wZW5dID0gdXNlU3RhdGUoZGVmYXVsdE9wZW4pO1xuXG4gIGNvbnN0IGhhbmRsZVRvZ2dsZSA9IChldmVudDogU3ludGhldGljRXZlbnQ8SFRNTERldGFpbHNFbGVtZW50PikgPT4ge1xuICAgIC8vIFJlYWN0IGJ1YmJsZXMgdGhlIGB0b2dnbGVgIGV2ZW50IGV2ZW4gdGhvdWdoIHRoZSBuYXRpdmUgb25lIGRvZXNuJ3QsIHNvXG4gICAgLy8gYSBuZXN0ZWQgPGRldGFpbHM+IChlLmcuIGFuIGV2ZW50IGNhcmQgaW5zaWRlIHRoZSBFdmVudHMgc2VjdGlvbilcbiAgICAvLyBjb2xsYXBzaW5nIHdvdWxkIG90aGVyd2lzZSBmbGlwIHRoaXMgY2FyZC4gT25seSByZWFjdCB0byBkaXJlY3QgdG9nZ2xlcy5cbiAgICBpZiAoZXZlbnQudGFyZ2V0ICE9PSBldmVudC5jdXJyZW50VGFyZ2V0KSByZXR1cm47XG4gICAgY29uc3QgbmV4dCA9IGV2ZW50LmN1cnJlbnRUYXJnZXQub3BlbjtcbiAgICBzZXRPcGVuKG5leHQpO1xuICAgIG9uT3BlbkNoYW5nZT8uKG5leHQpO1xuICB9O1xuXG4gIGNvbnN0IGRldGFpbHMgPSAoXG4gICAgPGRldGFpbHNcbiAgICAgIGRhdGEtc2xvdD1cImNvbGxhcHNpYmxlXCJcbiAgICAgIGRhdGEtc3RhdGU9e29wZW4gPyAnb3BlbicgOiAnY2xvc2VkJ31cbiAgICAgIG9wZW49e29wZW59XG4gICAgICBvblRvZ2dsZT17ZGlzYWJsZWQgPyB1bmRlZmluZWQgOiBoYW5kbGVUb2dnbGV9XG4gICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICB2YXJpYW50ID09PSAnY2FyZCdcbiAgICAgICAgICA/ICdncm91cC9jYXJkIGJvcmRlci1ncmF5LWFscGhhLTQwMCBsYXN0OmJvcmRlci1iJ1xuICAgICAgICAgIDogJ2dyb3VwJyxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIDxDb2xsYXBzaWJsZUNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3sgdmFyaWFudCwgZGlzYWJsZWQgfX0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQ29sbGFwc2libGVDb250ZXh0LlByb3ZpZGVyPlxuICAgIDwvZGV0YWlscz5cbiAgKTtcblxuICBpZiAodmFyaWFudCA9PT0gJ2NhcmQnKSB7XG4gICAgcmV0dXJuIGRldGFpbHM7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxzZWN0aW9uIGNsYXNzTmFtZT1cIi1teC00IGJvcmRlci10IGJvcmRlci1ncmF5LWFscGhhLTQwMCBweC00IHB5LTJcIj5cbiAgICAgIHtkZXRhaWxzfVxuICAgIDwvc2VjdGlvbj5cbiAgKTtcbn1cblxudHlwZSBDb2xsYXBzaWJsZVRyaWdnZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufTtcblxuLyoqIFRoZSBjbGlja2FibGUgaGVhZGVyIG9mIGEgYENvbGxhcHNpYmxlUm9vdGAuICovXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGVUcmlnZ2VyKHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbn06IENvbGxhcHNpYmxlVHJpZ2dlclByb3BzKSB7XG4gIGNvbnN0IHsgdmFyaWFudCwgZGlzYWJsZWQgfSA9IHVzZUNvbGxhcHNpYmxlQ29udGV4dCgnVHJpZ2dlcicpO1xuXG4gIGlmICh2YXJpYW50ID09PSAnY2FyZCcpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHN1bW1hcnlcbiAgICAgICAgZGF0YS1zbG90PVwiY29sbGFwc2libGUtdHJpZ2dlclwiXG4gICAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICAgJ2ZsZXggY3Vyc29yLXBvaW50ZXIgbGlzdC1ub25lIGl0ZW1zLWNlbnRlciBnYXAtMS41IGJvcmRlci10IGJvcmRlci1ncmF5LWFscGhhLTQwMCBiZy1iYWNrZ3JvdW5kLTIwMCBweC0zIHB5LTQgaG92ZXI6YmctZ3JheS0xMDAgWyY6Oi13ZWJraXQtZGV0YWlscy1tYXJrZXJdOmhpZGRlbicsXG4gICAgICAgICAgY2xhc3NOYW1lXG4gICAgICAgICl9XG4gICAgICA+XG4gICAgICAgIDxDaGV2cm9uUmlnaHRcbiAgICAgICAgICBzaXplPXsxNH1cbiAgICAgICAgICBjbGFzc05hbWU9XCJzaHJpbmstMCB0ZXh0LWdyYXktNzAwIGdyb3VwLWhvdmVyL2NhcmQ6dGV4dC1ncmF5LTEwMDAgZ3JvdXAtb3Blbi9jYXJkOnJvdGF0ZS05MFwiXG4gICAgICAgIC8+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvc3VtbWFyeT5cbiAgICApO1xuICB9XG5cbiAgLy8gU2hhcmVkIHJvdyBtZXRyaWNzIGtlZXAgZXZlcnkgaGVhZGVyIHRoZSBzYW1lIGhlaWdodCByZWdhcmRsZXNzIG9mIHZhcmlhbnQuXG4gIGNvbnN0IHJvdyA9XG4gICAgJ2ZsZXggaC05IGl0ZW1zLWNlbnRlciBnYXAtMiAtbXgtMiBweC0yIHRleHQtaGVhZGluZy0xNCBmb250LW1lZGl1bSBsaXN0LW5vbmUgWyY6Oi13ZWJraXQtZGV0YWlscy1tYXJrZXJdOmhpZGRlbic7XG5cbiAgaWYgKGRpc2FibGVkKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzdW1tYXJ5XG4gICAgICAgIGRhdGEtc2xvdD1cImNvbGxhcHNpYmxlLXRyaWdnZXJcIlxuICAgICAgICBjbGFzc05hbWU9e2NuKHJvdywgJ3BvaW50ZXItZXZlbnRzLW5vbmUgdGV4dC1ncmF5LTcwMCcsIGNsYXNzTmFtZSl9XG4gICAgICA+XG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cIm1pbi13LTAgZmxleC0xXCI+e2NoaWxkcmVufTwvc3Bhbj5cbiAgICAgIDwvc3VtbWFyeT5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8c3VtbWFyeVxuICAgICAgZGF0YS1zbG90PVwiY29sbGFwc2libGUtdHJpZ2dlclwiXG4gICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICByb3csXG4gICAgICAgICdncm91cC90cmlnZ2VyIGN1cnNvci1wb2ludGVyIHJvdW5kZWQgaG92ZXI6YmctZ3JheS1hbHBoYS0xMDAnLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPHNwYW4gY2xhc3NOYW1lPVwicmVsYXRpdmUgaXNvbGF0ZSBoLTMuNSB3LTMuNSBzaHJpbmstMCB0ZXh0LWdyYXktNzAwIGdyb3VwLWhvdmVyL3RyaWdnZXI6dGV4dC1ncmF5LTEwMDBcIj5cbiAgICAgICAgPENoZXZyb25SaWdodFxuICAgICAgICAgIHNpemU9ezE0fVxuICAgICAgICAgIGNsYXNzTmFtZT1cImFic29sdXRlIHRvcC0xLzIgbGVmdC0xLzIgLXRyYW5zbGF0ZS14LTEvMiAtdHJhbnNsYXRlLXktMS8yIG9wYWNpdHktMTAwIGdyb3VwLW9wZW46b3BhY2l0eS0wXCJcbiAgICAgICAgLz5cbiAgICAgICAgPENoZXZyb25Eb3duXG4gICAgICAgICAgc2l6ZT17MTR9XG4gICAgICAgICAgY2xhc3NOYW1lPVwiYWJzb2x1dGUgdG9wLTEvMiBsZWZ0LTEvMiAtdHJhbnNsYXRlLXgtMS8yIC10cmFuc2xhdGUteS0xLzIgb3BhY2l0eS0wIGdyb3VwLW9wZW46b3BhY2l0eS0xMDBcIlxuICAgICAgICAvPlxuICAgICAgPC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3NOYW1lPVwibWluLXctMCBmbGV4LTFcIj57Y2hpbGRyZW59PC9zcGFuPlxuICAgIDwvc3VtbWFyeT5cbiAgKTtcbn1cblxudHlwZSBDb2xsYXBzaWJsZUNvbnRlbnRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufTtcblxuLyoqIFRoZSBjb2xsYXBzaWJsZSBib2R5IG9mIGEgYENvbGxhcHNpYmxlUm9vdGAuICovXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGVDb250ZW50KHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbn06IENvbGxhcHNpYmxlQ29udGVudFByb3BzKSB7XG4gIGNvbnN0IHsgdmFyaWFudCB9ID0gdXNlQ29sbGFwc2libGVDb250ZXh0KCdDb250ZW50Jyk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgZGF0YS1zbG90PVwiY29sbGFwc2libGUtY29udGVudFwiXG4gICAgICBjbGFzc05hbWU9e2NuKHZhcmlhbnQgPT09ICdzZWN0aW9uJyAmJiAnbXQtMiBtYi0zJywgY2xhc3NOYW1lKX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbnR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIEhlYWRlciBjb250ZW50IHNob3duIGluIHRoZSB0cmlnZ2VyIHJvdy4gKi9cbiAgbGFiZWw6IFJlYWN0Tm9kZTtcbiAgLyoqIEJvZHkgY29udGVudC4gT21pdCBmb3IgYSBoZWFkZXItb25seSAoZS5nLiBkaXNhYmxlZCBvciBza2VsZXRvbikgcm93LiAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBkZWZhdWx0T3Blbj86IGJvb2xlYW47XG4gIG9uT3BlbkNoYW5nZT86IChvcGVuOiBib29sZWFuKSA9PiB2b2lkO1xufTtcblxuLyoqXG4gKiBBbGwtaW4tb25lIGNvbGxhcHNpYmxlIHNlY3Rpb246IGEgbGFiZWxlZCBoZWFkZXIgcGx1cyBib2R5IGNvbnRlbnQuIFRoaXMgaXNcbiAqIHRoZSBjb21wb25lbnQgdG8gcmVhY2ggZm9yIGluIG1vc3QgY2FzZXMuIFdoZW4geW91IG5lZWQgdG8gb3ZlcnJpZGUgdGhlXG4gKiBzdHlsaW5nIG9mIGEgc3BlY2lmaWMgcGFydCwgY29tcG9zZSBgQ29sbGFwc2libGVSb290YCwgYENvbGxhcHNpYmxlVHJpZ2dlcmAsXG4gKiBhbmQgYENvbGxhcHNpYmxlQ29udGVudGAgZGlyZWN0bHkgaW5zdGVhZC5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIENvbGxhcHNpYmxlKHtcbiAgbGFiZWwsXG4gIGNoaWxkcmVuLFxuICBkaXNhYmxlZCxcbiAgZGVmYXVsdE9wZW4sXG4gIG9uT3BlbkNoYW5nZSxcbn06IENvbGxhcHNpYmxlUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8Q29sbGFwc2libGVSb290XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBkZWZhdWx0T3Blbj17ZGVmYXVsdE9wZW59XG4gICAgICBvbk9wZW5DaGFuZ2U9e29uT3BlbkNoYW5nZX1cbiAgICA+XG4gICAgICA8Q29sbGFwc2libGVUcmlnZ2VyPntsYWJlbH08L0NvbGxhcHNpYmxlVHJpZ2dlcj5cbiAgICAgIHtjaGlsZHJlbiAhPSBudWxsICYmIDxDb2xsYXBzaWJsZUNvbnRlbnQ+e2NoaWxkcmVufTwvQ29sbGFwc2libGVDb250ZW50Pn1cbiAgICA8L0NvbGxhcHNpYmxlUm9vdD5cbiAgKTtcbn1cbiJdfQ==

package/dist/components/ui/context-card.d.ts

@@ -0,0 +1,47 @@
+import type { JSX, ReactNode, RefObject } from 'react';
+/**
+ * Returns whether the current subtree is wrapped in a {@link ContextCardProvider}.
+ */
+export declare function useHasContextCardProvider(): boolean;
+/**
+ * Provides shared state and a portal container for {@link ContextCardTrigger}
+ * components. Must wrap any tree containing triggers; manages positioning,
+ * visibility transitions, and the animated arrow tip across all cards.
+ */
+export declare function ContextCardProvider({ children, portalTarget, }: {
+    children: ReactNode;
+    /** Custom container for the portal. Accepts either an element or a ref. */
+    portalTarget?: HTMLElement | RefObject<HTMLElement | null> | null;
+}): ReactNode;
+export type Side = 'top' | 'bottom' | 'left' | 'right';
+export type Align = 'start' | 'center' | 'end';
+/** Props for the {@link ContextCardTrigger} component. */
+export interface ContextCardTriggerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {
+    /** The content rendered inside the context card popup. */
+    content: ReactNode;
+    /** Which side of the trigger to display the card. Defaults to `"right"`. */
+    side?: Side;
+    /** Alignment of the card relative to the trigger. Defaults to `"center"`. */
+    align?: Align;
+    /** Distance in pixels between the trigger and the card. Defaults to `16`. */
+    sideOffset?: number;
+    /** Offset in pixels along the alignment axis. Defaults to `0`. */
+    alignOffset?: number;
+    /** Whether to disable pointer events on the card content. */
+    ignoreCardPointerEvents?: boolean;
+    /** Whether to remove default padding from the card content. */
+    noPadding?: boolean;
+    /** Whether the trigger uses the Slot pattern to merge props onto its child. */
+    asChild?: boolean;
+    /** Can be used to hide the card when needed. */
+    hide?: boolean;
+    /** Time in milliseconds before the card is dismissed after mouse leaves. */
+    inactiveTimeoutMs?: number;
+}
+/**
+ * Displays a floating context card on hover with viewport-aware collision
+ * detection and animated position transitions between triggers in the same
+ * {@link ContextCardProvider}. Persists briefly after mouse leave.
+ */
+export declare function ContextCardTrigger({ content, children, side, align, sideOffset, alignOffset, ignoreCardPointerEvents, noPadding, asChild, className, hide, inactiveTimeoutMs, }: ContextCardTriggerProps): JSX.Element;
+//# sourceMappingURL=context-card.d.ts.map

package/dist/components/ui/context-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/context-card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAuEzE;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,OAAO,CAEnD;AAgBD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,YAAY,GACb,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CACnE,GAAG,SAAS,CA4PZ;AAED,MAAM,MAAM,IAAI,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AACvD,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE/C,0DAA0D;AAC1D,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC7D,0DAA0D;IAC1D,OAAO,EAAE,SAAS,CAAC;IACnB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,6EAA6E;IAC7E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,QAAQ,EACR,IAAc,EACd,KAAgB,EAChB,UAAe,EACf,WAAe,EACf,uBAA+B,EAC/B,SAAS,EACT,OAAO,EACP,SAAS,EACT,IAAI,EACJ,iBAAuC,GACxC,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAwXvC"}