silver-ui 0.5.0 → 0.6.0

package/dist/{chunk-JJNXQ7EL.js → chunk-TQDJVPHP.js}

@@ -1,4 +1,4 @@
-import { Heading, Text } from './chunk-RJEZBOSH.js';
+import { Heading, Text } from './chunk-NXTDP6AX.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { sva } from './chunk-IAVZKGZS.js';
 import { cx } from './chunk-PPNETWIP.js';
@@ -106,5 +106,5 @@ function EmptyState({
 EmptyState.displayName = "EmptyState";
 
 export { EmptyState };
-//# sourceMappingURL=chunk-JJNXQ7EL.js.map
-//# sourceMappingURL=chunk-JJNXQ7EL.js.map
+//# sourceMappingURL=chunk-TQDJVPHP.js.map
+//# sourceMappingURL=chunk-TQDJVPHP.js.map

package/dist/{chunk-JJNXQ7EL.js.map → chunk-TQDJVPHP.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/EmptyState/EmptyState.recipe.ts","../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"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","file":"chunk-JJNXQ7EL.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const emptyStateRecipe = sva({\n  slots: ['root', 'illustration', 'text', 'actions'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      textAlign: 'center',\n      gap: '4',\n      w: 'full',\n      px: '6',\n      py: '8',\n    },\n    illustration: {\n      display: 'inline-flex',\n      color: 'fg.muted',\n      w: '16',\n      h: '16',\n      '& > svg': {\n        w: 'full',\n        h: 'full',\n      },\n    },\n    text: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      gap: '1',\n      maxW: '96',\n    },\n    actions: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexWrap: 'wrap',\n      gap: '2',\n      mt: '1',\n    },\n  },\n  variants: {\n    isCompact: {\n      true: {\n        root: {\n          gap: '2',\n          px: '4',\n          py: '4',\n        },\n        illustration: {\n          w: '12',\n          h: '12',\n        },\n        actions: {\n          mt: '0',\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isCompact: false,\n  },\n});\n\nexport type EmptyStateVariants = RecipeVariantProps<typeof emptyStateRecipe>;\n","import {useId, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport {emptyStateRecipe} from 'components/EmptyState/EmptyState.recipe';\nimport {Heading, type HeadingLevel, Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport interface EmptyStateProps {\n  /**\n   * Action controls rendered below the text.\n   */\n  actions?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text.\n   */\n  description?: string;\n  /**\n   * Semantic heading level for the title.\n   * @default 3\n   */\n  headingLevel?: HeadingLevel;\n  /**\n   * Decorative illustration or large icon rendered above the title.\n   */\n  illustration?: ReactNode;\n  /**\n   * Whether to use tighter spacing for constrained areas.\n   * @default false\n   */\n  isCompact?: boolean;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Primary empty-state message.\n   */\n  title: string;\n}\n\n/**\n * A placeholder for an empty data or content area.\n */\nexport function EmptyState({\n  actions,\n  className,\n  'data-testid': dataTestId,\n  description,\n  headingLevel = 3,\n  illustration,\n  isCompact = false,\n  ref,\n  style,\n  title,\n}: EmptyStateProps): React.JSX.Element {\n  const headingId = useId();\n  const classes = emptyStateRecipe({isCompact});\n\n  return (\n    <div\n      aria-labelledby={headingId}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"region\"\n      style={style}>\n      {isReactNode(illustration) ? (\n        <div aria-hidden=\"true\" className={classes.illustration}>\n          {illustration}\n        </div>\n      ) : null}\n      <div className={classes.text}>\n        <Heading id={headingId} level={headingLevel}>\n          {title}\n        </Heading>\n        {description != null ? (\n          <Text as=\"p\" color=\"secondary\">\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {isReactNode(actions) ? (\n        <div className={classes.actions}>{actions}</div>\n      ) : null}\n    </div>\n  );\n}\n\nEmptyState.displayName = 'EmptyState';\n"]}
+{"version":3,"sources":["../src/components/EmptyState/EmptyState.recipe.ts","../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"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","file":"chunk-TQDJVPHP.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const emptyStateRecipe = sva({\n  slots: ['root', 'illustration', 'text', 'actions'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      textAlign: 'center',\n      gap: '4',\n      w: 'full',\n      px: '6',\n      py: '8',\n    },\n    illustration: {\n      display: 'inline-flex',\n      color: 'fg.muted',\n      w: '16',\n      h: '16',\n      '& > svg': {\n        w: 'full',\n        h: 'full',\n      },\n    },\n    text: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      gap: '1',\n      maxW: '96',\n    },\n    actions: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexWrap: 'wrap',\n      gap: '2',\n      mt: '1',\n    },\n  },\n  variants: {\n    isCompact: {\n      true: {\n        root: {\n          gap: '2',\n          px: '4',\n          py: '4',\n        },\n        illustration: {\n          w: '12',\n          h: '12',\n        },\n        actions: {\n          mt: '0',\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isCompact: false,\n  },\n});\n\nexport type EmptyStateVariants = RecipeVariantProps<typeof emptyStateRecipe>;\n","import {useId, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport {emptyStateRecipe} from 'components/EmptyState/EmptyState.recipe';\nimport {Heading, type HeadingLevel, Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport interface EmptyStateProps {\n  /**\n   * Action controls rendered below the text.\n   */\n  actions?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text.\n   */\n  description?: string;\n  /**\n   * Semantic heading level for the title.\n   * @default 3\n   */\n  headingLevel?: HeadingLevel;\n  /**\n   * Decorative illustration or large icon rendered above the title.\n   */\n  illustration?: ReactNode;\n  /**\n   * Whether to use tighter spacing for constrained areas.\n   * @default false\n   */\n  isCompact?: boolean;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Primary empty-state message.\n   */\n  title: string;\n}\n\n/**\n * A placeholder for an empty data or content area.\n */\nexport function EmptyState({\n  actions,\n  className,\n  'data-testid': dataTestId,\n  description,\n  headingLevel = 3,\n  illustration,\n  isCompact = false,\n  ref,\n  style,\n  title,\n}: EmptyStateProps): React.JSX.Element {\n  const headingId = useId();\n  const classes = emptyStateRecipe({isCompact});\n\n  return (\n    <div\n      aria-labelledby={headingId}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"region\"\n      style={style}>\n      {isReactNode(illustration) ? (\n        <div aria-hidden=\"true\" className={classes.illustration}>\n          {illustration}\n        </div>\n      ) : null}\n      <div className={classes.text}>\n        <Heading id={headingId} level={headingLevel}>\n          {title}\n        </Heading>\n        {description != null ? (\n          <Text as=\"p\" color=\"secondary\">\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {isReactNode(actions) ? (\n        <div className={classes.actions}>{actions}</div>\n      ) : null}\n    </div>\n  );\n}\n\nEmptyState.displayName = 'EmptyState';\n"]}

package/dist/{chunk-MEUELWGO.cjs → chunk-TVWU4XBL.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
 var chunkJV4Y6HNP_cjs = require('./chunk-JV4Y6HNP.cjs');
-var chunk5XMWGK3O_cjs = require('./chunk-5XMWGK3O.cjs');
-var chunkBSI4BQEX_cjs = require('./chunk-BSI4BQEX.cjs');
-var chunkJSAYTQTJ_cjs = require('./chunk-JSAYTQTJ.cjs');
+var chunkVXOIOPGZ_cjs = require('./chunk-VXOIOPGZ.cjs');
+var chunkGU65FGY6_cjs = require('./chunk-GU65FGY6.cjs');
+var chunkGJZAGTPV_cjs = require('./chunk-GJZAGTPV.cjs');
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -159,9 +159,9 @@ function ThumbnailImageArea({
       }
     ) : imageContent,
     hasImage ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.insetBorder }) : null,
-    isLoading && hasImage ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.overlay, children: /* @__PURE__ */ jsxRuntime.jsx(chunkBSI4BQEX_cjs.Spinner, { size: "sm", variant: "onMedia" }) }) : null,
+    isLoading && hasImage ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.overlay, children: /* @__PURE__ */ jsxRuntime.jsx(chunkGU65FGY6_cjs.Spinner, { size: "sm", variant: "onMedia" }) }) : null,
     onRemove != null && !isDisabled ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.remove, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5XMWGK3O_cjs.Button,
+      chunkVXOIOPGZ_cjs.Button,
       {
         icon: lucideReact.X,
         isIconOnly: true,
@@ -217,10 +217,10 @@ function Thumbnail({
       )
     }
   );
-  return label != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkJSAYTQTJ_cjs.Tooltip, { content: label, children: thumbnail }) : thumbnail;
+  return label != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkGJZAGTPV_cjs.Tooltip, { content: label, children: thumbnail }) : thumbnail;
 }
 Thumbnail.displayName = "Thumbnail";
 
 exports.Thumbnail = Thumbnail;
-//# sourceMappingURL=chunk-MEUELWGO.cjs.map
-//# sourceMappingURL=chunk-MEUELWGO.cjs.map
+//# sourceMappingURL=chunk-TVWU4XBL.cjs.map
+//# sourceMappingURL=chunk-TVWU4XBL.cjs.map

package/dist/{chunk-MEUELWGO.cjs.map → chunk-TVWU4XBL.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Thumbnail/Thumbnail.recipe.ts","../src/components/Thumbnail/Thumbnail.tsx"],"names":["sva","useState","Skeleton","jsx","Icon","ImageIcon","jsxs","Spinner","Button","X","cx","Tooltip"],"mappings":"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","file":"chunk-MEUELWGO.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const thumbnailRecipe = sva({\n  slots: [\n    'root',\n    'imageContainer',\n    'imageButton',\n    'image',\n    'placeholder',\n    'insetBorder',\n    'remove',\n    'overlay',\n  ],\n  base: {\n    root: {\n      position: 'relative',\n      display: 'inline-flex',\n      flexDirection: 'column',\n      w: '16',\n      flexShrink: 0,\n      isolation: 'isolate',\n    },\n    imageContainer: {\n      position: 'relative',\n      w: 'full',\n      aspectRatio: '1',\n      borderRadius: 'md',\n      overflow: 'hidden',\n      bg: 'surface.gray',\n    },\n    imageButton: {\n      display: 'block',\n      w: 'full',\n      h: 'full',\n      cursor: 'pointer',\n      borderRadius: 'inherit',\n      overflow: 'hidden',\n    },\n    image: {\n      display: 'block',\n      w: 'full',\n      h: 'full',\n      objectFit: 'cover',\n    },\n    placeholder: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: 'full',\n      h: 'full',\n      color: 'fg.muted',\n    },\n    insetBorder: {\n      position: 'absolute',\n      inset: 0,\n      borderRadius: 'inherit',\n      boxShadow: 'inset 0 0 0 1px token(colors.border.emphasized)',\n      pointerEvents: 'none',\n    },\n    remove: {\n      position: 'absolute',\n      top: '1',\n      right: '1',\n      zIndex: 1,\n      color: 'fg.onPrimary',\n    },\n    overlay: {\n      position: 'absolute',\n      inset: 0,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      bg: 'overlay.scrim.subtle',\n      borderRadius: 'inherit',\n      zIndex: 1,\n    },\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        root: {\n          opacity: 0.5,\n          pointerEvents: 'none',\n        },\n      },\n    },\n    isInteractive: {\n      true: {\n        imageContainer: {\n          cursor: 'pointer',\n          transitionProperty: 'opacity, box-shadow',\n          transitionDuration: 'fast',\n          transitionTimingFunction: 'default',\n          _hover: {\n            boxShadow: 'lg',\n            opacity: 0.9,\n          },\n          _active: {\n            opacity: 0.75,\n          },\n          '&:has(:focus-visible)': {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    isDisabled: false,\n    isInteractive: false,\n  },\n});\n\nexport type ThumbnailVariants = RecipeVariantProps<typeof thumbnailRecipe>;\n","import {ImageIcon, X} from 'lucide-react';\nimport {useState, type CSSProperties, type MouseEvent, type Ref} from 'react';\nimport {Button} from 'components/Button';\nimport {Icon} from 'components/Icon';\nimport {Skeleton} from 'components/Skeleton';\nimport {Spinner} from 'components/Spinner';\nimport {thumbnailRecipe} from 'components/Thumbnail/Thumbnail.recipe';\nimport {Tooltip} from 'components/Tooltip';\nimport {cx} from 'internal/cx';\n\nexport interface ThumbnailProps {\n  /**\n   * Alt text describing the image content. Use `label` for a file name or\n   * action label shown in the tooltip and button accessible names.\n   */\n  alt?: string;\n  /**\n   * Additional CSS class names applied to the root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the thumbnail is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the thumbnail is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * File name or short item label used for the root accessible name, tooltip,\n   * and open/remove button labels. When omitted, `alt` is used as a fallback.\n   */\n  label?: string;\n  /**\n   * Called when the thumbnail image area is clicked.\n   */\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Called when the remove button is clicked.\n   */\n  onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Image source.\n   */\n  src?: string;\n  /**\n   * Inline styles applied to the root.\n   */\n  style?: CSSProperties;\n}\n\ntype ThumbnailClasses = ReturnType<typeof thumbnailRecipe>;\n\ntype ThumbnailImageAreaProps = Pick<\n  ThumbnailProps,\n  'alt' | 'isLoading' | 'onClick' | 'onRemove' | 'src'\n> & {\n  accessibleName: string;\n  classes: ThumbnailClasses;\n  isDisabled: boolean;\n};\n\nfunction ThumbnailImageArea({\n  accessibleName,\n  alt,\n  classes,\n  isDisabled,\n  isLoading = false,\n  onClick,\n  onRemove,\n  src,\n}: ThumbnailImageAreaProps): React.JSX.Element {\n  const [hasImageError, setHasImageError] = useState(false);\n  const hasImage = src != null && !hasImageError;\n  const isInteractive = onClick != null && !isDisabled && !isLoading;\n  const imageContent =\n    isLoading && !hasImage ? (\n      <Skeleton radius={2} />\n    ) : hasImage ? (\n      <img\n        alt={alt ?? ''}\n        className={classes.image}\n        onError={() => setHasImageError(true)}\n        src={src}\n      />\n    ) : (\n      <div className={classes.placeholder}>\n        <Icon icon={ImageIcon} size=\"lg\" />\n      </div>\n    );\n\n  return (\n    <div className={classes.imageContainer}>\n      {isInteractive ? (\n        <button\n          aria-label={`Open ${accessibleName}`}\n          className={classes.imageButton}\n          onClick={onClick}\n          type=\"button\">\n          {imageContent}\n        </button>\n      ) : (\n        imageContent\n      )}\n      {hasImage ? <div className={classes.insetBorder} /> : null}\n      {isLoading && hasImage ? (\n        <div className={classes.overlay}>\n          <Spinner size=\"sm\" variant=\"onMedia\" />\n        </div>\n      ) : null}\n      {onRemove != null && !isDisabled ? (\n        <div className={classes.remove}>\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Remove ${accessibleName}`}\n            onClick={event => {\n              event.stopPropagation();\n              onRemove(event as MouseEvent<HTMLButtonElement>);\n            }}\n            size=\"sm\"\n            variant=\"onSolid\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Square image preview for attachments and media.\n */\nexport function Thumbnail({\n  alt,\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  isLoading = false,\n  label,\n  onClick,\n  onRemove,\n  ref,\n  src,\n  style,\n}: ThumbnailProps): React.JSX.Element {\n  const accessibleName = label ?? alt ?? 'thumbnail';\n  const isInteractive = onClick != null && !isDisabled && !isLoading;\n  const classes = thumbnailRecipe({isDisabled, isInteractive});\n\n  const thumbnail = (\n    <div\n      aria-busy={isLoading || undefined}\n      aria-label={accessibleName}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <ThumbnailImageArea\n        accessibleName={accessibleName}\n        alt={alt}\n        classes={classes}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        key={src ?? 'empty'}\n        onClick={onClick}\n        onRemove={onRemove}\n        src={src}\n      />\n    </div>\n  );\n\n  return label != null ? (\n    <Tooltip content={label}>{thumbnail}</Tooltip>\n  ) : (\n    thumbnail\n  );\n}\n\nThumbnail.displayName = 'Thumbnail';\n"]}
+{"version":3,"sources":["../src/components/Thumbnail/Thumbnail.recipe.ts","../src/components/Thumbnail/Thumbnail.tsx"],"names":["sva","useState","Skeleton","jsx","Icon","ImageIcon","jsxs","Spinner","Button","X","cx","Tooltip"],"mappings":"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","file":"chunk-TVWU4XBL.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const thumbnailRecipe = sva({\n  slots: [\n    'root',\n    'imageContainer',\n    'imageButton',\n    'image',\n    'placeholder',\n    'insetBorder',\n    'remove',\n    'overlay',\n  ],\n  base: {\n    root: {\n      position: 'relative',\n      display: 'inline-flex',\n      flexDirection: 'column',\n      w: '16',\n      flexShrink: 0,\n      isolation: 'isolate',\n    },\n    imageContainer: {\n      position: 'relative',\n      w: 'full',\n      aspectRatio: '1',\n      borderRadius: 'md',\n      overflow: 'hidden',\n      bg: 'surface.gray',\n    },\n    imageButton: {\n      display: 'block',\n      w: 'full',\n      h: 'full',\n      cursor: 'pointer',\n      borderRadius: 'inherit',\n      overflow: 'hidden',\n    },\n    image: {\n      display: 'block',\n      w: 'full',\n      h: 'full',\n      objectFit: 'cover',\n    },\n    placeholder: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: 'full',\n      h: 'full',\n      color: 'fg.muted',\n    },\n    insetBorder: {\n      position: 'absolute',\n      inset: 0,\n      borderRadius: 'inherit',\n      boxShadow: 'inset 0 0 0 1px token(colors.border.emphasized)',\n      pointerEvents: 'none',\n    },\n    remove: {\n      position: 'absolute',\n      top: '1',\n      right: '1',\n      zIndex: 1,\n      color: 'fg.onPrimary',\n    },\n    overlay: {\n      position: 'absolute',\n      inset: 0,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      bg: 'overlay.scrim.subtle',\n      borderRadius: 'inherit',\n      zIndex: 1,\n    },\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        root: {\n          opacity: 0.5,\n          pointerEvents: 'none',\n        },\n      },\n    },\n    isInteractive: {\n      true: {\n        imageContainer: {\n          cursor: 'pointer',\n          transitionProperty: 'opacity, box-shadow',\n          transitionDuration: 'fast',\n          transitionTimingFunction: 'default',\n          _hover: {\n            boxShadow: 'lg',\n            opacity: 0.9,\n          },\n          _active: {\n            opacity: 0.75,\n          },\n          '&:has(:focus-visible)': {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    isDisabled: false,\n    isInteractive: false,\n  },\n});\n\nexport type ThumbnailVariants = RecipeVariantProps<typeof thumbnailRecipe>;\n","import {ImageIcon, X} from 'lucide-react';\nimport {useState, type CSSProperties, type MouseEvent, type Ref} from 'react';\nimport {Button} from 'components/Button';\nimport {Icon} from 'components/Icon';\nimport {Skeleton} from 'components/Skeleton';\nimport {Spinner} from 'components/Spinner';\nimport {thumbnailRecipe} from 'components/Thumbnail/Thumbnail.recipe';\nimport {Tooltip} from 'components/Tooltip';\nimport {cx} from 'internal/cx';\n\nexport interface ThumbnailProps {\n  /**\n   * Alt text describing the image content. Use `label` for a file name or\n   * action label shown in the tooltip and button accessible names.\n   */\n  alt?: string;\n  /**\n   * Additional CSS class names applied to the root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the thumbnail is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the thumbnail is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * File name or short item label used for the root accessible name, tooltip,\n   * and open/remove button labels. When omitted, `alt` is used as a fallback.\n   */\n  label?: string;\n  /**\n   * Called when the thumbnail image area is clicked.\n   */\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Called when the remove button is clicked.\n   */\n  onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Image source.\n   */\n  src?: string;\n  /**\n   * Inline styles applied to the root.\n   */\n  style?: CSSProperties;\n}\n\ntype ThumbnailClasses = ReturnType<typeof thumbnailRecipe>;\n\ntype ThumbnailImageAreaProps = Pick<\n  ThumbnailProps,\n  'alt' | 'isLoading' | 'onClick' | 'onRemove' | 'src'\n> & {\n  accessibleName: string;\n  classes: ThumbnailClasses;\n  isDisabled: boolean;\n};\n\nfunction ThumbnailImageArea({\n  accessibleName,\n  alt,\n  classes,\n  isDisabled,\n  isLoading = false,\n  onClick,\n  onRemove,\n  src,\n}: ThumbnailImageAreaProps): React.JSX.Element {\n  const [hasImageError, setHasImageError] = useState(false);\n  const hasImage = src != null && !hasImageError;\n  const isInteractive = onClick != null && !isDisabled && !isLoading;\n  const imageContent =\n    isLoading && !hasImage ? (\n      <Skeleton radius={2} />\n    ) : hasImage ? (\n      <img\n        alt={alt ?? ''}\n        className={classes.image}\n        onError={() => setHasImageError(true)}\n        src={src}\n      />\n    ) : (\n      <div className={classes.placeholder}>\n        <Icon icon={ImageIcon} size=\"lg\" />\n      </div>\n    );\n\n  return (\n    <div className={classes.imageContainer}>\n      {isInteractive ? (\n        <button\n          aria-label={`Open ${accessibleName}`}\n          className={classes.imageButton}\n          onClick={onClick}\n          type=\"button\">\n          {imageContent}\n        </button>\n      ) : (\n        imageContent\n      )}\n      {hasImage ? <div className={classes.insetBorder} /> : null}\n      {isLoading && hasImage ? (\n        <div className={classes.overlay}>\n          <Spinner size=\"sm\" variant=\"onMedia\" />\n        </div>\n      ) : null}\n      {onRemove != null && !isDisabled ? (\n        <div className={classes.remove}>\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Remove ${accessibleName}`}\n            onClick={event => {\n              event.stopPropagation();\n              onRemove(event as MouseEvent<HTMLButtonElement>);\n            }}\n            size=\"sm\"\n            variant=\"onSolid\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Square image preview for attachments and media.\n */\nexport function Thumbnail({\n  alt,\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  isLoading = false,\n  label,\n  onClick,\n  onRemove,\n  ref,\n  src,\n  style,\n}: ThumbnailProps): React.JSX.Element {\n  const accessibleName = label ?? alt ?? 'thumbnail';\n  const isInteractive = onClick != null && !isDisabled && !isLoading;\n  const classes = thumbnailRecipe({isDisabled, isInteractive});\n\n  const thumbnail = (\n    <div\n      aria-busy={isLoading || undefined}\n      aria-label={accessibleName}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <ThumbnailImageArea\n        accessibleName={accessibleName}\n        alt={alt}\n        classes={classes}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        key={src ?? 'empty'}\n        onClick={onClick}\n        onRemove={onRemove}\n        src={src}\n      />\n    </div>\n  );\n\n  return label != null ? (\n    <Tooltip content={label}>{thumbnail}</Tooltip>\n  ) : (\n    thumbnail\n  );\n}\n\nThumbnail.displayName = 'Thumbnail';\n"]}

package/dist/{chunk-HWP2UGOC.cjs → chunk-U4L75VA4.cjs}

@@ -1,25 +1,104 @@
 'use strict';
 
 var chunk62SQBQA4_cjs = require('./chunk-62SQBQA4.cjs');
-var chunkVV72PGKH_cjs = require('./chunk-VV72PGKH.cjs');
-var chunkXPGIWOJO_cjs = require('./chunk-XPGIWOJO.cjs');
-var chunkRRXOSNCX_cjs = require('./chunk-RRXOSNCX.cjs');
-var chunkX4I5YARV_cjs = require('./chunk-X4I5YARV.cjs');
-var chunkTKTCN4JE_cjs = require('./chunk-TKTCN4JE.cjs');
-var chunkV4ZH2H2P_cjs = require('./chunk-V4ZH2H2P.cjs');
+var chunkHPOURAKV_cjs = require('./chunk-HPOURAKV.cjs');
+var chunkFWBYCTUB_cjs = require('./chunk-FWBYCTUB.cjs');
+var chunkQTOFQB26_cjs = require('./chunk-QTOFQB26.cjs');
+var chunkNG2H3PYA_cjs = require('./chunk-NG2H3PYA.cjs');
+var chunkMHEPDHL5_cjs = require('./chunk-MHEPDHL5.cjs');
+var chunkZUAWNT66_cjs = require('./chunk-ZUAWNT66.cjs');
 var chunkJK4YAQ2N_cjs = require('./chunk-JK4YAQ2N.cjs');
 var chunkR37R7DEV_cjs = require('./chunk-R37R7DEV.cjs');
-var chunkGY2ZZR4Z_cjs = require('./chunk-GY2ZZR4Z.cjs');
-var chunk2RZNX26F_cjs = require('./chunk-2RZNX26F.cjs');
-var chunkL5JS6P62_cjs = require('./chunk-L5JS6P62.cjs');
-var chunk5XMWGK3O_cjs = require('./chunk-5XMWGK3O.cjs');
-var chunk3Z5PF75J_cjs = require('./chunk-3Z5PF75J.cjs');
+var chunkDK6USFZP_cjs = require('./chunk-DK6USFZP.cjs');
+var chunkDXUFDJHA_cjs = require('./chunk-DXUFDJHA.cjs');
+var chunkRAMDISDK_cjs = require('./chunk-RAMDISDK.cjs');
+var chunkVXOIOPGZ_cjs = require('./chunk-VXOIOPGZ.cjs');
+var chunkMHAXS4GO_cjs = require('./chunk-MHAXS4GO.cjs');
+var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var polyfill = require('@js-temporal/polyfill');
 var jsxRuntime = require('react/jsx-runtime');
 
+// src/components/SearchFilterInput/SearchFilterInputEditPopover.recipe.ts
+var searchFilterInputEditPopoverRecipe = chunkZ6RT3WPE_cjs.sva({
+  slots: [
+    "root",
+    "content",
+    "footer",
+    "fieldSelector",
+    "operatorSelector",
+    "valueEditor",
+    "nestedList",
+    "nestedNode",
+    "nestedRow",
+    "nestedCell",
+    "nestedField",
+    "nestedOperator",
+    "nestedValue"
+  ],
+  base: {
+    root: {
+      overflow: "hidden",
+      minW: "100"
+    },
+    content: {
+      p: "4"
+    },
+    footer: {
+      px: "3",
+      pb: "3"
+    },
+    fieldSelector: {
+      flexShrink: 0
+    },
+    operatorSelector: {
+      flex: "1 0 auto"
+    },
+    valueEditor: {
+      flex: "2 1 0",
+      minW: 0
+    },
+    nestedList: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "2",
+      w: "full",
+      listStyleType: "none",
+      m: 0,
+      p: 0
+    },
+    nestedNode: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "2",
+      ps: "3",
+      borderInlineStartWidth: "default",
+      borderInlineStartStyle: "solid",
+      borderColor: "border"
+    },
+    nestedRow: {
+      display: "flex",
+      alignItems: "center",
+      gap: "2",
+      w: "full"
+    },
+    nestedCell: {
+      minW: 0
+    },
+    nestedField: {
+      flex: "0 0 200px"
+    },
+    nestedOperator: {
+      flex: "0 0 180px"
+    },
+    nestedValue: {
+      flex: "2 1 0"
+    }
+  }
+});
 function enumItemsToSearchableItems(values) {
   return values.map((item) => ({ id: item.value, label: item.label }));
 }
@@ -35,7 +114,7 @@ function StringEditor({
   if (operatorValue.searchSource != null) {
     const selectedItem = currentValue === "" ? null : { id: currentValue, label: currentValue };
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGY2ZZR4Z_cjs.AutocompleteInput,
+      chunkDK6USFZP_cjs.AutocompleteInput,
       {
         debounceMs: 150,
         isLabelHidden: true,
@@ -50,7 +129,7 @@ function StringEditor({
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkX4I5YARV_cjs.TextInput,
+    chunkNG2H3PYA_cjs.TextInput,
     {
       isLabelHidden: true,
       label: "Value",
@@ -74,7 +153,7 @@ function StringListEditor({
   const source = operatorValue.searchSource ?? emptySource();
   const hasCreate = operatorValue.isArbitraryStringAllowed === true || operatorValue.searchSource == null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkVV72PGKH_cjs.TagsInput,
+    chunkHPOURAKV_cjs.TagsInput,
     {
       debounceMs: operatorValue.searchSource == null ? 0 : 150,
       hasCreate,
@@ -98,7 +177,7 @@ function IntegerEditor({
   onChange
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRRXOSNCX_cjs.NumberInput,
+    chunkQTOFQB26_cjs.NumberInput,
     {
       isIntegerOnly: true,
       isLabelHidden: true,
@@ -118,7 +197,7 @@ function FloatEditor({
   onChange
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRRXOSNCX_cjs.NumberInput,
+    chunkQTOFQB26_cjs.NumberInput,
     {
       isLabelHidden: true,
       label: "Value",
@@ -137,7 +216,7 @@ function TimeEditor({
   onChange
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTKTCN4JE_cjs.TimeInput,
+    chunkMHEPDHL5_cjs.TimeInput,
     {
       isLabelHidden: true,
       label: "Time",
@@ -158,7 +237,7 @@ function DateAbsoluteEditor({
   timezoneID
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkV4ZH2H2P_cjs.DateInput,
+    chunkZUAWNT66_cjs.DateInput,
     {
       isLabelHidden: true,
       label: "Date",
@@ -206,7 +285,7 @@ function DateRelativeEditor({
     return result;
   }, [operatorValue.isFutureAllowed, operatorValue.isPastAllowed]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkXPGIWOJO_cjs.Select,
+    chunkFWBYCTUB_cjs.Select,
     {
       isLabelHidden: true,
       label: "Relative date",
@@ -264,7 +343,7 @@ function DateRangeEditor({
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkV4ZH2H2P_cjs.DateInput,
+      chunkZUAWNT66_cjs.DateInput,
       {
         isLabelHidden: true,
         label: "Start date",
@@ -273,7 +352,7 @@ function DateRangeEditor({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkV4ZH2H2P_cjs.DateInput,
+      chunkZUAWNT66_cjs.DateInput,
       {
         isLabelHidden: true,
         label: "End date",
@@ -289,7 +368,7 @@ function EnumEditor({
   onChange
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkXPGIWOJO_cjs.Select,
+    chunkFWBYCTUB_cjs.Select,
     {
       isLabelHidden: true,
       label: "Value",
@@ -316,7 +395,7 @@ function EnumListEditor({
     () => enumItemsToSearchableItems(operatorValue.values),
     [operatorValue.values]
   );
-  const source = react.useMemo(() => chunkGY2ZZR4Z_cjs.createStaticSearchSource(items), [items]);
+  const source = react.useMemo(() => chunkDK6USFZP_cjs.createStaticSearchSource(items), [items]);
   const currentValue = react.useMemo(() => {
     if (filterValue?.type !== "enum_list") {
       return [];
@@ -327,7 +406,7 @@ function EnumListEditor({
     }));
   }, [filterValue, operatorValue.values]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkVV72PGKH_cjs.TagsInput,
+    chunkHPOURAKV_cjs.TagsInput,
     {
       debounceMs: 0,
       hasEntriesOnFocus: true,
@@ -359,7 +438,7 @@ function EntityListEditor({
     }));
   }, [filterValue]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkVV72PGKH_cjs.TagsInput,
+    chunkHPOURAKV_cjs.TagsInput,
     {
       debounceMs: operatorValue.searchSource == null ? 0 : 150,
       isLabelHidden: true,
@@ -525,65 +604,7 @@ function SearchFilterInputValueEditor({
       );
   }
 }
-var styles = {
-  root: chunkRU6JG3FS_cjs.css({
-    overflow: "hidden",
-    minW: "100"
-  }),
-  content: chunkRU6JG3FS_cjs.css({
-    p: "4"
-  }),
-  footer: chunkRU6JG3FS_cjs.css({
-    px: "3",
-    pb: "3"
-  }),
-  fieldSelector: chunkRU6JG3FS_cjs.css({
-    flexShrink: 0
-  }),
-  operatorSelector: chunkRU6JG3FS_cjs.css({
-    flex: "1 0 auto"
-  }),
-  valueEditor: chunkRU6JG3FS_cjs.css({
-    flex: "2 1 0",
-    minW: 0
-  }),
-  nestedList: chunkRU6JG3FS_cjs.css({
-    display: "flex",
-    flexDirection: "column",
-    gap: "2",
-    w: "full",
-    listStyleType: "none",
-    m: 0,
-    p: 0
-  }),
-  nestedNode: chunkRU6JG3FS_cjs.css({
-    display: "flex",
-    flexDirection: "column",
-    gap: "2",
-    ps: "3",
-    borderInlineStartWidth: "default",
-    borderInlineStartStyle: "solid",
-    borderColor: "border"
-  }),
-  nestedRow: chunkRU6JG3FS_cjs.css({
-    display: "flex",
-    alignItems: "center",
-    gap: "2",
-    w: "full"
-  }),
-  nestedCell: chunkRU6JG3FS_cjs.css({
-    minW: 0
-  }),
-  nestedField: chunkRU6JG3FS_cjs.css({
-    flex: "0 0 200px"
-  }),
-  nestedOperator: chunkRU6JG3FS_cjs.css({
-    flex: "0 0 180px"
-  }),
-  nestedValue: chunkRU6JG3FS_cjs.css({
-    flex: "2 1 0"
-  })
-};
+var styles = searchFilterInputEditPopoverRecipe();
 function initEditableFilter(config, filter) {
   const operator = config.getOperator(filter.field, filter.operator);
   if (operator?.value.type === "nested" && filter.value.type === "nested") {
@@ -655,8 +676,8 @@ function NestedSubFilterRow({
   const isNested = operatorValue?.type === "nested";
   const isEmpty = operatorValue?.type === "empty";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.nestedRow, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles.nestedCell} ${styles.nestedField}`, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkXPGIWOJO_cjs.Select,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkSPDVNY2Z_cjs.cx(styles.nestedCell, styles.nestedField), children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkFWBYCTUB_cjs.Select,
       {
         isDisabled: isReadOnly,
         isLabelHidden: true,
@@ -678,8 +699,8 @@ function NestedSubFilterRow({
         value: subFilter.field
       }
     ) }),
-    operatorOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles.nestedCell} ${styles.nestedOperator}`, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkXPGIWOJO_cjs.Select,
+    operatorOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkSPDVNY2Z_cjs.cx(styles.nestedCell, styles.nestedOperator), children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkFWBYCTUB_cjs.Select,
       {
         isDisabled: isReadOnly,
         isLabelHidden: true,
@@ -704,7 +725,7 @@ function NestedSubFilterRow({
         value: subFilter.operator ?? null
       }
     ) }) : null,
-    operatorValue != null && !isEmpty && !isNested ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles.nestedCell} ${styles.nestedValue}`, children: /* @__PURE__ */ jsxRuntime.jsx(
+    operatorValue != null && !isEmpty && !isNested ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkSPDVNY2Z_cjs.cx(styles.nestedCell, styles.nestedValue), children: /* @__PURE__ */ jsxRuntime.jsx(
       SearchFilterInputValueEditor,
       {
         config,
@@ -715,7 +736,7 @@ function NestedSubFilterRow({
       }
     ) }) : null,
     !isReadOnly ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5XMWGK3O_cjs.Button,
+      chunkVXOIOPGZ_cjs.Button,
       {
         icon: lucideReact.X,
         isIconOnly: true,
@@ -791,7 +812,7 @@ function NestedEditor({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(chunk62SQBQA4_cjs.VStack, { gap: 2, children: [
     operatorOptions.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkXPGIWOJO_cjs.Select,
+      chunkFWBYCTUB_cjs.Select,
       {
         isDisabled: isReadOnly,
         isLabelHidden: true,
@@ -816,7 +837,7 @@ function NestedEditor({
       }
     ) }, `${subFilter.field}-${index}`)) }),
     !isReadOnly ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5XMWGK3O_cjs.Button,
+      chunkVXOIOPGZ_cjs.Button,
       {
         label: "+ Add filter",
         onClick: addSubFilter,
@@ -910,7 +931,7 @@ function SearchFilterInputEditPopover({
   };
   const footer = !isEmptyType ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.footer, children: /* @__PURE__ */ jsxRuntime.jsxs(chunk62SQBQA4_cjs.HStack, { gap: 2, hAlign: "between", children: [
     !isReadOnly && mode === "edit" ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5XMWGK3O_cjs.Button,
+      chunkVXOIOPGZ_cjs.Button,
       {
         label: "Delete",
         onClick: () => onSave(null),
@@ -919,9 +940,9 @@ function SearchFilterInputEditPopover({
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
     /* @__PURE__ */ jsxRuntime.jsxs(chunk62SQBQA4_cjs.HStack, { gap: 2, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunk5XMWGK3O_cjs.Button, { label: "Cancel", onClick: onCancel, size: "sm", variant: "ghost" }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkVXOIOPGZ_cjs.Button, { label: "Cancel", onClick: onCancel, size: "sm", variant: "ghost" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5XMWGK3O_cjs.Button,
+        chunkVXOIOPGZ_cjs.Button,
         {
           isDisabled: isSaveDisabled,
           label: saveButtonLabel,
@@ -953,7 +974,7 @@ function SearchFilterInputEditPopover({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.content, children: /* @__PURE__ */ jsxRuntime.jsxs(chunk62SQBQA4_cjs.VStack, { gap: 2, children: [
           /* @__PURE__ */ jsxRuntime.jsxs(chunk62SQBQA4_cjs.HStack, { gap: 2, children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.fieldSelector, children: /* @__PURE__ */ jsxRuntime.jsx(
-              chunkXPGIWOJO_cjs.Select,
+              chunkFWBYCTUB_cjs.Select,
               {
                 isDisabled: isReadOnly,
                 isLabelHidden: true,
@@ -964,7 +985,7 @@ function SearchFilterInputEditPopover({
               }
             ) }),
             !isNestedType && operatorOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.operatorSelector, children: /* @__PURE__ */ jsxRuntime.jsx(
-              chunkXPGIWOJO_cjs.Select,
+              chunkFWBYCTUB_cjs.Select,
               {
                 isDisabled: isReadOnly,
                 isLabelHidden: true,
@@ -1529,7 +1550,7 @@ function SearchFilterInput({
       return entities.length === 1 && entities[0].photo != null ? entities[0].photo : void 0;
     })() : void 0;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk2RZNX26F_cjs.Tag,
+      chunkDXUFDJHA_cjs.Tag,
       {
         endContent: value === "" ? void 0 : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.value, children: value }),
         isDisabled,
@@ -1547,7 +1568,7 @@ function SearchFilterInput({
   const renderItem = (item) => {
     const field = item.auxiliaryData == null ? void 0 : config.getField(item.auxiliaryData.fieldKey);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGY2ZZR4Z_cjs.AutocompleteInputItem,
+      chunkDK6USFZP_cjs.AutocompleteInputItem,
       {
         description: field?.description,
         icon: field?.icon ?? lucideReact.Search,
@@ -1604,7 +1625,7 @@ function SearchFilterInput({
     }
   );
   const resultCountNode = resultCount == null ? null : /* @__PURE__ */ jsxRuntime.jsx(
-    chunk3Z5PF75J_cjs.Text,
+    chunkMHAXS4GO_cjs.Text,
     {
       as: "span",
       className: styles2.resultCount,
@@ -1615,7 +1636,7 @@ function SearchFilterInput({
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.root, ref: rootRef, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkVV72PGKH_cjs.TagsInput,
+      chunkHPOURAKV_cjs.TagsInput,
       {
         className,
         "data-testid": dataTestId,
@@ -1649,7 +1670,7 @@ function SearchFilterInput({
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkL5JS6P62_cjs.Popover,
+      chunkRAMDISDK_cjs.Popover,
       {
         anchorRef: rootRef,
         className: styles2.popover,
@@ -1735,7 +1756,7 @@ function SearchFilterInputTag({
   );
   const entityPhoto = getSingleEntityPhoto(filter.value);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk2RZNX26F_cjs.Tag,
+    chunkDXUFDJHA_cjs.Tag,
     {
       endContent: value === "" ? void 0 : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles3.value, children: value }),
       isDisabled,
@@ -2097,5 +2118,5 @@ exports.createSearchFilterInputConfig = createSearchFilterInputConfig;
 exports.formatFilterValue = formatFilterValue;
 exports.useSearchFilterInputConfig = useSearchFilterInputConfig;
 exports.useSearchFilterInputSource = useSearchFilterInputSource;
-//# sourceMappingURL=chunk-HWP2UGOC.cjs.map
-//# sourceMappingURL=chunk-HWP2UGOC.cjs.map
+//# sourceMappingURL=chunk-U4L75VA4.cjs.map
+//# sourceMappingURL=chunk-U4L75VA4.cjs.map