@flytedan/flytebot-design-system 0.5.0 → 0.6.1

package/dist/index.cjs

@@ -390,7 +390,14 @@ function Popover({
           bottom: pos.bottom == null ? "auto" : pos.bottom,
           width: matchWidth ? pos.width : width,
           minWidth: minWidth || (matchWidth ? void 0 : 200),
-          maxHeight: Math.min(maxHeight || 420, pos.maxH),
+          // Size to content by default — cap only at real available room between the
+          // anchor and the viewport edge (pos.maxH, computed by usePopoverPosition).
+          // A caller-supplied `maxHeight` narrows that further (e.g. a long menu that
+          // should scroll well before it reaches the viewport edge); it must never
+          // widen past pos.maxH, which is why it's still Math.min'd against it. There
+          // is intentionally no arbitrary default here — an unrequested cap would clip
+          // ordinary content that simply happens to be taller than some fixed number.
+          maxHeight: maxHeight != null ? Math.min(maxHeight, pos.maxH) : pos.maxH,
           transformOrigin: pos.side === "top" ? "bottom center" : "top center",
           zIndex: 140,
           ...style
@@ -1113,12 +1120,13 @@ function hasModifier(e) {
 
 // src/components/feedback/Tag.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
-function Tag({ children, icon, selected = false, onRemove, onClick, className = "", ...rest }) {
+var TONES2 = { info: "fd-tag-info", success: "fd-tag-success", warning: "fd-tag-warning", danger: "fd-tag-danger" };
+function Tag({ children, icon, selected = false, tone = "neutral", onRemove, onClick, className = "", ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "button",
     {
       type: "button",
-      className: ["fd-tag", className].filter(Boolean).join(" "),
+      className: ["fd-tag", selected ? TONES2[tone] : null, className].filter(Boolean).join(" "),
       "aria-pressed": selected,
       onClick,
       ...rest,