@mastra/playground-ui 55.0.0 → 56.0.0-alpha.10

package/dist/popover-DL_Vqxfp.cjs

@@ -1,121 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const popover = require('@base-ui/react/popover');
-const React = require('react');
-const primitives_floating = require('./primitives/floating.cjs.js');
-const primitives_portalContainer = require('./primitives/portal-container.cjs.js');
-const primitives_triggerButton = require('./primitives/trigger-button.cjs.js');
-const utils_cn = require('./cn-DnbTIGXa.cjs');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const Popover = popover.Popover.Root;
-const PopoverTrigger = React__namespace.forwardRef(
-  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {
-    const resolved = primitives_triggerButton.resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });
-    return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Trigger, { ref, className: resolved.className, render: resolved.render, ...props, children: resolved.children });
-  }
-);
-PopoverTrigger.displayName = "PopoverTrigger";
-const PopoverContent = React__namespace.forwardRef(
-  ({
-    className,
-    container,
-    align = "center",
-    alignOffset = 0,
-    side = "bottom",
-    sideOffset = 4,
-    anchor,
-    positionMethod = primitives_floating.FLOATING_POSITION_METHOD,
-    collisionBoundary,
-    collisionPadding,
-    sticky,
-    arrowPadding,
-    disableAnchorTracking,
-    collisionAvoidance,
-    ...props
-  }, ref) => {
-    const classNameString = typeof className === "string" ? className : void 0;
-    const resolvedContainer = primitives_portalContainer.usePortalContainer(container);
-    const positionerProps = {
-      align,
-      alignOffset,
-      side,
-      sideOffset,
-      anchor,
-      positionMethod,
-      collisionBoundary,
-      collisionPadding,
-      sticky,
-      arrowPadding,
-      disableAnchorTracking,
-      collisionAvoidance
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Positioner, { className: "z-50 outline-none", ...positionerProps, children: /* @__PURE__ */ jsxRuntime.jsx(
-      popover.Popover.Popup,
-      {
-        ref,
-        "data-slot": "popover-content",
-        className: utils_cn.cn(
-          "z-50 w-72 origin-[var(--transform-origin)] rounded-xl border border-border1 bg-surface3 text-neutral5 shadow-dialog focus-visible:outline-hidden",
-          "data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
-          "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
-          classNameString && /\bp[trblxy]?-\S+/.test(classNameString) ? false : `px-3 py-3.5`,
-          className
-        ),
-        ...props
-      }
-    ) }) });
-  }
-);
-PopoverContent.displayName = "PopoverContent";
-function HoverPopover({
-  children,
-  ...props
-}) {
-  const [open, setOpen] = React__namespace.useState(false);
-  const timeoutRef = React__namespace.useRef(void 0);
-  const handleOpen = React__namespace.useCallback(() => {
-    clearTimeout(timeoutRef.current);
-    setOpen(true);
-  }, []);
-  const handleClose = React__namespace.useCallback(() => {
-    timeoutRef.current = setTimeout(() => setOpen(false), 150);
-  }, []);
-  React__namespace.useEffect(() => () => clearTimeout(timeoutRef.current), []);
-  return /* @__PURE__ */ jsxRuntime.jsx(Popover, { open, onOpenChange: setOpen, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      onMouseEnter: handleOpen,
-      onMouseLeave: handleClose,
-      onFocusCapture: handleOpen,
-      onBlurCapture: handleClose,
-      style: { display: "contents" },
-      children
-    }
-  ) });
-}
-
-exports.HoverPopover = HoverPopover;
-exports.Popover = Popover;
-exports.PopoverContent = PopoverContent;
-exports.PopoverTrigger = PopoverTrigger;
-//# sourceMappingURL=popover-DL_Vqxfp.cjs.map

package/dist/popover-DL_Vqxfp.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-DL_Vqxfp.cjs","sources":["../src/ds/components/Popover/popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport type { PopoverPopupProps, PopoverPositionerProps } from '@base-ui/react/popover';\nimport * as React from 'react';\n\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { resolveTriggerRender } from '@/ds/primitives/trigger-button';\nimport type { TriggerButtonProps } from '@/ds/primitives/trigger-button';\nimport { cn } from '@/lib/utils';\n\nconst Popover = PopoverPrimitive.Root;\n\nexport type PopoverTriggerProps = Omit<PopoverPrimitive.Trigger.Props, 'className'> & TriggerButtonProps;\n\n/**\n * The button that opens the popover. Renders a design-system `<Button>` by\n * default, so it takes Button's `variant` / `size` / `tooltip`. Pass `render`\n * to project the behavior onto your own element (then the look is yours).\n */\nconst PopoverTrigger = React.forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {\n    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });\n\n    return (\n      <PopoverPrimitive.Trigger ref={ref} className={resolved.className} render={resolved.render} {...props}>\n        {resolved.children}\n      </PopoverPrimitive.Trigger>\n    );\n  },\n);\nPopoverTrigger.displayName = 'PopoverTrigger';\n\ntype PopoverContentPositionerProps = Omit<PopoverPositionerProps, keyof PopoverPopupProps>;\n\ntype PopoverContentProps = PopoverPopupProps &\n  PopoverContentPositionerProps & {\n    /** Optional portal container, forwarded to `Popover.Portal`. */\n    container?: HTMLElement | null;\n  };\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, PopoverContentProps>(\n  (\n    {\n      className,\n      container,\n      align = 'center',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = 4,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    const classNameString = typeof className === 'string' ? className : undefined;\n    // Default to the nearest SideDialog/Drawer popup so the content stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const positionerProps: PopoverContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <PopoverPrimitive.Portal container={resolvedContainer}>\n        <PopoverPrimitive.Positioner className=\"z-50 outline-none\" {...positionerProps}>\n          <PopoverPrimitive.Popup\n            ref={ref}\n            data-slot=\"popover-content\"\n            className={cn(\n              'z-50 w-72 origin-[var(--transform-origin)] rounded-xl border border-border1 bg-surface3 text-neutral5 shadow-dialog focus-visible:outline-hidden',\n              'data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n              classNameString && /\\bp[trblxy]?-\\S+/.test(classNameString) ? false : `px-3 py-3.5`,\n              className,\n            )}\n            {...props}\n          />\n        </PopoverPrimitive.Positioner>\n      </PopoverPrimitive.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'PopoverContent';\n\nfunction HoverPopover({\n  children,\n  ...props\n}: Omit<React.ComponentProps<typeof Popover>, 'children'> & { children?: React.ReactNode }) {\n  const [open, setOpen] = React.useState(false);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleOpen = React.useCallback(() => {\n    clearTimeout(timeoutRef.current);\n    setOpen(true);\n  }, []);\n\n  const handleClose = React.useCallback(() => {\n    timeoutRef.current = setTimeout(() => setOpen(false), 150);\n  }, []);\n\n  React.useEffect(() => () => clearTimeout(timeoutRef.current), []);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} {...props}>\n      <span\n        onMouseEnter={handleOpen}\n        onMouseLeave={handleClose}\n        onFocusCapture={handleOpen}\n        onBlurCapture={handleClose}\n        style={{ display: 'contents' }}\n      >\n        {children}\n      </span>\n    </Popover>\n  );\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, HoverPopover };\n"],"names":["PopoverPrimitive","React","resolveTriggerRender","jsx","FLOATING_POSITION_METHOD","usePortalContainer","cn"],"mappings":"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"}

package/dist/popover-L2o0kHi2.js

@@ -1,97 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Popover as Popover$1 } from '@base-ui/react/popover';
-import * as React from 'react';
-import { FLOATING_POSITION_METHOD } from './primitives/floating.es.js';
-import { usePortalContainer } from './primitives/portal-container.es.js';
-import { resolveTriggerRender } from './primitives/trigger-button.es.js';
-import { c as cn } from './cn-ByEbywDh.js';
-
-const Popover = Popover$1.Root;
-const PopoverTrigger = React.forwardRef(
-  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {
-    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });
-    return /* @__PURE__ */ jsx(Popover$1.Trigger, { ref, className: resolved.className, render: resolved.render, ...props, children: resolved.children });
-  }
-);
-PopoverTrigger.displayName = "PopoverTrigger";
-const PopoverContent = React.forwardRef(
-  ({
-    className,
-    container,
-    align = "center",
-    alignOffset = 0,
-    side = "bottom",
-    sideOffset = 4,
-    anchor,
-    positionMethod = FLOATING_POSITION_METHOD,
-    collisionBoundary,
-    collisionPadding,
-    sticky,
-    arrowPadding,
-    disableAnchorTracking,
-    collisionAvoidance,
-    ...props
-  }, ref) => {
-    const classNameString = typeof className === "string" ? className : void 0;
-    const resolvedContainer = usePortalContainer(container);
-    const positionerProps = {
-      align,
-      alignOffset,
-      side,
-      sideOffset,
-      anchor,
-      positionMethod,
-      collisionBoundary,
-      collisionPadding,
-      sticky,
-      arrowPadding,
-      disableAnchorTracking,
-      collisionAvoidance
-    };
-    return /* @__PURE__ */ jsx(Popover$1.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(Popover$1.Positioner, { className: "z-50 outline-none", ...positionerProps, children: /* @__PURE__ */ jsx(
-      Popover$1.Popup,
-      {
-        ref,
-        "data-slot": "popover-content",
-        className: cn(
-          "z-50 w-72 origin-[var(--transform-origin)] rounded-xl border border-border1 bg-surface3 text-neutral5 shadow-dialog focus-visible:outline-hidden",
-          "data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
-          "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
-          classNameString && /\bp[trblxy]?-\S+/.test(classNameString) ? false : `px-3 py-3.5`,
-          className
-        ),
-        ...props
-      }
-    ) }) });
-  }
-);
-PopoverContent.displayName = "PopoverContent";
-function HoverPopover({
-  children,
-  ...props
-}) {
-  const [open, setOpen] = React.useState(false);
-  const timeoutRef = React.useRef(void 0);
-  const handleOpen = React.useCallback(() => {
-    clearTimeout(timeoutRef.current);
-    setOpen(true);
-  }, []);
-  const handleClose = React.useCallback(() => {
-    timeoutRef.current = setTimeout(() => setOpen(false), 150);
-  }, []);
-  React.useEffect(() => () => clearTimeout(timeoutRef.current), []);
-  return /* @__PURE__ */ jsx(Popover, { open, onOpenChange: setOpen, ...props, children: /* @__PURE__ */ jsx(
-    "span",
-    {
-      onMouseEnter: handleOpen,
-      onMouseLeave: handleClose,
-      onFocusCapture: handleOpen,
-      onBlurCapture: handleClose,
-      style: { display: "contents" },
-      children
-    }
-  ) });
-}
-
-export { HoverPopover as H, Popover as P, PopoverContent as a, PopoverTrigger as b };
-//# sourceMappingURL=popover-L2o0kHi2.js.map

package/dist/popover-L2o0kHi2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-L2o0kHi2.js","sources":["../src/ds/components/Popover/popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport type { PopoverPopupProps, PopoverPositionerProps } from '@base-ui/react/popover';\nimport * as React from 'react';\n\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { resolveTriggerRender } from '@/ds/primitives/trigger-button';\nimport type { TriggerButtonProps } from '@/ds/primitives/trigger-button';\nimport { cn } from '@/lib/utils';\n\nconst Popover = PopoverPrimitive.Root;\n\nexport type PopoverTriggerProps = Omit<PopoverPrimitive.Trigger.Props, 'className'> & TriggerButtonProps;\n\n/**\n * The button that opens the popover. Renders a design-system `<Button>` by\n * default, so it takes Button's `variant` / `size` / `tooltip`. Pass `render`\n * to project the behavior onto your own element (then the look is yours).\n */\nconst PopoverTrigger = React.forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {\n    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });\n\n    return (\n      <PopoverPrimitive.Trigger ref={ref} className={resolved.className} render={resolved.render} {...props}>\n        {resolved.children}\n      </PopoverPrimitive.Trigger>\n    );\n  },\n);\nPopoverTrigger.displayName = 'PopoverTrigger';\n\ntype PopoverContentPositionerProps = Omit<PopoverPositionerProps, keyof PopoverPopupProps>;\n\ntype PopoverContentProps = PopoverPopupProps &\n  PopoverContentPositionerProps & {\n    /** Optional portal container, forwarded to `Popover.Portal`. */\n    container?: HTMLElement | null;\n  };\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, PopoverContentProps>(\n  (\n    {\n      className,\n      container,\n      align = 'center',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = 4,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    const classNameString = typeof className === 'string' ? className : undefined;\n    // Default to the nearest SideDialog/Drawer popup so the content stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const positionerProps: PopoverContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <PopoverPrimitive.Portal container={resolvedContainer}>\n        <PopoverPrimitive.Positioner className=\"z-50 outline-none\" {...positionerProps}>\n          <PopoverPrimitive.Popup\n            ref={ref}\n            data-slot=\"popover-content\"\n            className={cn(\n              'z-50 w-72 origin-[var(--transform-origin)] rounded-xl border border-border1 bg-surface3 text-neutral5 shadow-dialog focus-visible:outline-hidden',\n              'data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n              classNameString && /\\bp[trblxy]?-\\S+/.test(classNameString) ? false : `px-3 py-3.5`,\n              className,\n            )}\n            {...props}\n          />\n        </PopoverPrimitive.Positioner>\n      </PopoverPrimitive.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'PopoverContent';\n\nfunction HoverPopover({\n  children,\n  ...props\n}: Omit<React.ComponentProps<typeof Popover>, 'children'> & { children?: React.ReactNode }) {\n  const [open, setOpen] = React.useState(false);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleOpen = React.useCallback(() => {\n    clearTimeout(timeoutRef.current);\n    setOpen(true);\n  }, []);\n\n  const handleClose = React.useCallback(() => {\n    timeoutRef.current = setTimeout(() => setOpen(false), 150);\n  }, []);\n\n  React.useEffect(() => () => clearTimeout(timeoutRef.current), []);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} {...props}>\n      <span\n        onMouseEnter={handleOpen}\n        onMouseLeave={handleClose}\n        onFocusCapture={handleOpen}\n        onBlurCapture={handleClose}\n        style={{ display: 'contents' }}\n      >\n        {children}\n      </span>\n    </Popover>\n  );\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, HoverPopover };\n"],"names":["PopoverPrimitive"],"mappings":"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"}

package/dist/property-filter-applied-CF-InSu-.js

@@ -1,344 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { XIcon, EllipsisVerticalIcon, SaveIcon, Trash2Icon, SearchIcon, CheckIcon, LockIcon } from 'lucide-react';
-import { B as Button } from './Button-BVGwYwHT.js';
-import { D as DropdownMenu } from './dropdown-menu-C853KwJJ.js';
-import { useState, useMemo, useRef, useEffect } from 'react';
-import { B as ButtonsGroup, b as ButtonsGroupText } from './buttons-group-CHyXDQBp.js';
-import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-Vj_jjcxE.js';
-import { S as Spinner } from './spinner-CUkNhTKC.js';
-import { menuSearchClasses, menuEmptyClass, menuItemCheckClass, menuItemClass, MENU_SIDE_OFFSET } from './primitives/menu-item.es.js';
-import { c as cn } from './cn-ByEbywDh.js';
-import { I as Input } from './input-DinpgQXj.js';
-import { P as Popover, b as PopoverTrigger, a as PopoverContent } from './popover-L2o0kHi2.js';
-
-function PropertyFilterActions({
-  disabled,
-  onClear,
-  onRemoveAll,
-  onSave,
-  onRemoveSaved
-}) {
-  const hasMenuItems = !!(onRemoveAll || onSave || onRemoveSaved);
-  if (!onClear && !hasMenuItems) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-    onClear && /* @__PURE__ */ jsx(Button, { disabled, size: "md", onClick: onClear, icon: /* @__PURE__ */ jsx(XIcon, {}), children: "Clear" }),
-    hasMenuItems && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { disabled, size: "md", "aria-label": "More filter actions", children: /* @__PURE__ */ jsx(EllipsisVerticalIcon, {}) }) }),
-      /* @__PURE__ */ jsxs(DropdownMenu.Content, { align: "end", children: [
-        onRemoveAll && /* @__PURE__ */ jsxs(DropdownMenu.Item, { onSelect: () => onRemoveAll(), children: [
-          /* @__PURE__ */ jsx(XIcon, {}),
-          "Remove all filters"
-        ] }),
-        onRemoveAll && (onSave || onRemoveSaved) && /* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
-        onSave && /* @__PURE__ */ jsxs(DropdownMenu.Item, { onSelect: () => onSave(), children: [
-          /* @__PURE__ */ jsx(SaveIcon, {}),
-          "Save filters for next time"
-        ] }),
-        onRemoveSaved && /* @__PURE__ */ jsxs(DropdownMenu.Item, { onSelect: () => onRemoveSaved(), children: [
-          /* @__PURE__ */ jsx(Trash2Icon, {}),
-          "Remove saved filters"
-        ] })
-      ] })
-    ] })
-  ] });
-}
-
-const pickMultiItemClass = cn(menuItemClass, "min-w-0 focus:bg-neutral6/5 focus:text-neutral6");
-function PickMultiItem({
-  role,
-  checked,
-  label,
-  onClick
-}) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      role,
-      "aria-checked": checked,
-      "data-selected": checked || void 0,
-      "data-pick-multi-item": "",
-      title: label,
-      className: pickMultiItemClass,
-      onClick,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: label }),
-        checked && /* @__PURE__ */ jsx("span", { className: menuItemCheckClass, children: /* @__PURE__ */ jsx(CheckIcon, {}) })
-      ]
-    }
-  );
-}
-function PickMultiPanel({ field, tokens, onChange }) {
-  const [query, setQuery] = useState("");
-  const filteredOptions = useMemo(() => {
-    const q = query.trim().toLowerCase();
-    if (!q) return field.options;
-    return field.options.filter((o) => o.label.toLowerCase().includes(q));
-  }, [field.options, query]);
-  const token = useMemo(() => tokens.find((t) => t.fieldId === field.id), [tokens, field.id]);
-  const selectedValue = typeof token?.value === "string" ? token.value : !field.multi ? field.defaultValue : void 0;
-  const selectedValues = useMemo(() => {
-    const value = token?.value;
-    if (Array.isArray(value)) return value;
-    if (typeof value === "string") return [value];
-    return [];
-  }, [token]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    field.searchable !== false && /* @__PURE__ */ jsxs("div", { className: menuSearchClasses.container, children: [
-      /* @__PURE__ */ jsx(SearchIcon, { className: menuSearchClasses.icon }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "text",
-          value: query,
-          onChange: (e) => setQuery(e.target.value),
-          placeholder: `Search ${field.label.toLowerCase()}...`,
-          className: menuSearchClasses.input,
-          onKeyDown: (e) => {
-            if (e.key !== "ArrowDown") return;
-            const panel = e.currentTarget.closest("[data-pick-multi-panel]");
-            const first = panel?.querySelector("[data-pick-multi-item]:not([disabled])");
-            if (!first) return;
-            e.preventDefault();
-            e.stopPropagation();
-            first.focus();
-          }
-        }
-      )
-    ] }),
-    field.isLoading ? /* @__PURE__ */ jsxs("div", { className: cn(menuEmptyClass, "m-1"), children: [
-      /* @__PURE__ */ jsx(Spinner, { size: "sm", className: "text-neutral3 size-3" }),
-      "Loading options…"
-    ] }) : filteredOptions.length === 0 ? /* @__PURE__ */ jsx("div", { className: cn(menuEmptyClass, "m-1"), children: field.emptyText ?? "No option found." }) : field.multi ? /* @__PURE__ */ jsx("div", { className: "max-h-[80dvh] overflow-auto p-1", children: filteredOptions.map((option) => {
-      const checked = selectedValues.includes(option.value);
-      return /* @__PURE__ */ jsx(
-        PickMultiItem,
-        {
-          role: "checkbox",
-          checked,
-          label: option.label,
-          onClick: () => onChange(
-            field.id,
-            checked ? selectedValues.filter((v) => v !== option.value) : [...selectedValues, option.value]
-          )
-        },
-        option.value
-      );
-    }) }) : /* @__PURE__ */ jsxs("div", { role: "radiogroup", className: "max-h-[80dvh] overflow-auto p-1", children: [
-      filteredOptions.map((option) => /* @__PURE__ */ jsx(
-        PickMultiItem,
-        {
-          role: "radio",
-          checked: selectedValue === option.value,
-          label: option.label,
-          onClick: () => onChange(field.id, option.value)
-        },
-        option.value
-      )),
-      !field.omitAnyOption && /* @__PURE__ */ jsx(
-        PickMultiItem,
-        {
-          role: "radio",
-          checked: selectedValue === "Any",
-          label: "Any",
-          onClick: () => onChange(field.id, "Any")
-        }
-      )
-    ] })
-  ] });
-}
-
-function stringifyTokenValue(value) {
-  if (Array.isArray(value)) return value.length === 0 ? "Any" : value.join(", ");
-  return value;
-}
-const DEFAULT_LOCKED_TOOLTIP = "This filter is set by the current context and cannot be removed here.";
-function lookupOptionLabel(field, value) {
-  if (field.kind === "pick-multi" && field.options) {
-    if (Array.isArray(value)) {
-      if (value.length === 0) return "Any";
-      return value.map((v) => field.options.find((o) => o.value === v)?.label ?? v).join(", ");
-    }
-    return field.options.find((o) => o.value === value)?.label ?? value;
-  }
-  return stringifyTokenValue(value);
-}
-function LockedTokenPill({ field, value, tooltipContent }) {
-  const display = lookupOptionLabel(field, value);
-  const lockA11yLabel = `${field.label} filter is locked by context`;
-  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      ButtonsGroup,
-      {
-        spacing: "close",
-        "data-locked-field-id": field.id,
-        "data-property-filter-pill": "locked",
-        tabIndex: 0,
-        "aria-label": lockA11yLabel,
-        children: [
-          /* @__PURE__ */ jsx(ButtonsGroupText, { size: "md", children: field.label }),
-          /* @__PURE__ */ jsx(ButtonsGroupText, { size: "md", children: "is" }),
-          /* @__PURE__ */ jsx(ButtonsGroupText, { size: "md", children: display }),
-          /* @__PURE__ */ jsx(ButtonsGroupText, { size: "md", children: /* @__PURE__ */ jsx(LockIcon, {}) })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(TooltipContent, { children: tooltipContent })
-  ] }) });
-}
-function TextTokenPill({ field, value, onChange, onRemove, disabled, autoFocus }) {
-  const [draft, setDraft] = useState(value);
-  const inputRef = useRef(null);
-  useEffect(() => {
-    if (draft.trim() !== value) setDraft(value);
-  }, [value]);
-  useEffect(() => {
-    if (autoFocus) inputRef.current?.focus();
-  }, [autoFocus]);
-  return /* @__PURE__ */ jsxs(ButtonsGroup, { spacing: "close", children: [
-    /* @__PURE__ */ jsx(ButtonsGroupText, { size: "md", children: field.label }),
-    /* @__PURE__ */ jsx(ButtonsGroupText, { size: "md", children: "is" }),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        ref: inputRef,
-        size: "md",
-        disabled,
-        value: draft,
-        placeholder: field.placeholder ?? `Enter ${field.label}`,
-        onChange: (e) => {
-          const next = e.target.value;
-          setDraft(next);
-          if (next.trim() !== value) onChange(next);
-        },
-        onKeyDown: (e) => {
-          if (e.key === "Enter") {
-            e.preventDefault();
-            const trimmed = draft.trim();
-            if (trimmed !== value) onChange(trimmed);
-          } else if (e.key === "Escape") {
-            e.preventDefault();
-            setDraft(value);
-            e.target.blur();
-          }
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        disabled,
-        "aria-label": `Remove ${field.label} filter`,
-        size: "md",
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: onRemove,
-        children: /* @__PURE__ */ jsx(XIcon, {})
-      }
-    )
-  ] });
-}
-function PickMultiTokenPill({ field, token, tokens, onChange, onRemove, disabled }) {
-  const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ jsxs(ButtonsGroup, { spacing: "close", children: [
-    /* @__PURE__ */ jsx(ButtonsGroupText, { size: "md", children: field.label }),
-    /* @__PURE__ */ jsx(ButtonsGroupText, { size: "md", children: "is" }),
-    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { type: "button", disabled, size: "md", children: stringifyTokenValue(token.value) }) }),
-      /* @__PURE__ */ jsx(PopoverContent, { align: "start", sideOffset: MENU_SIDE_OFFSET, className: "w-64 p-0", "data-pick-multi-panel": true, children: /* @__PURE__ */ jsx(PickMultiPanel, { field, tokens, onChange }) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        disabled,
-        "aria-label": `Remove ${field.label} filter`,
-        size: "md",
-        onClick: onRemove,
-        children: /* @__PURE__ */ jsx(XIcon, {})
-      }
-    )
-  ] });
-}
-function PropertyFilterApplied({
-  fields,
-  tokens,
-  onTokensChange,
-  disabled,
-  autoFocusFieldId,
-  lockedFieldIds,
-  lockedTooltipContent = DEFAULT_LOCKED_TOOLTIP
-}) {
-  if (tokens.length === 0) return null;
-  const lockedSet = new Set(lockedFieldIds ?? []);
-  const replaceTokenAt = (index, next) => {
-    const copy = [...tokens];
-    copy[index] = next;
-    onTokensChange(copy);
-  };
-  const removeTokenAt = (index) => {
-    onTokensChange(tokens.filter((_, i) => i !== index));
-  };
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: tokens.map((token, index) => {
-    const field = fields.find((f) => f.id === token.fieldId);
-    if (!field) return null;
-    if (lockedSet.has(token.fieldId)) {
-      return /* @__PURE__ */ jsx(
-        LockedTokenPill,
-        {
-          field,
-          value: token.value,
-          tooltipContent: lockedTooltipContent
-        },
-        `${token.fieldId}-${index}`
-      );
-    }
-    if (field.kind === "text" && typeof token.value === "string") {
-      return /* @__PURE__ */ jsx(
-        TextTokenPill,
-        {
-          field,
-          value: token.value,
-          disabled,
-          autoFocus: autoFocusFieldId === token.fieldId,
-          onChange: (nextValue) => replaceTokenAt(index, { fieldId: token.fieldId, value: nextValue }),
-          onRemove: () => removeTokenAt(index)
-        },
-        `${token.fieldId}-${index}`
-      );
-    }
-    if (field.kind === "pick-multi") {
-      return /* @__PURE__ */ jsx(
-        PickMultiTokenPill,
-        {
-          field,
-          token,
-          tokens,
-          disabled,
-          onChange: (fieldId, value) => replaceTokenAt(index, { fieldId, value }),
-          onRemove: () => removeTokenAt(index)
-        },
-        `${token.fieldId}-${index}`
-      );
-    }
-    return /* @__PURE__ */ jsxs(ButtonsGroup, { spacing: "close", children: [
-      /* @__PURE__ */ jsx(ButtonsGroupText, { size: "md", children: field.label }),
-      /* @__PURE__ */ jsx(ButtonsGroupText, { size: "md", children: "is" }),
-      /* @__PURE__ */ jsx(ButtonsGroupText, { size: "md", children: stringifyTokenValue(token.value) }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          disabled,
-          size: "md",
-          "aria-label": `Remove ${field.label} filter`,
-          onClick: () => removeTokenAt(index),
-          children: /* @__PURE__ */ jsx(XIcon, {})
-        }
-      )
-    ] }, `${token.fieldId}-${index}`);
-  }) });
-}
-
-export { PropertyFilterApplied as P, PropertyFilterActions as a, PickMultiPanel as b };
-//# sourceMappingURL=property-filter-applied-CF-InSu-.js.map