silver-ui 0.5.0 → 0.7.1

package/dist/{chunk-Z7OUMVR5.cjs → chunk-I4XYOJJS.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
 var chunkVXBVSYPA_cjs = require('./chunk-VXBVSYPA.cjs');
-var chunkFFF57VHO_cjs = require('./chunk-FFF57VHO.cjs');
+var chunkRX2FXCIH_cjs = require('./chunk-RX2FXCIH.cjs');
 var chunkXPHXAZCE_cjs = require('./chunk-XPHXAZCE.cjs');
-var chunkBSI4BQEX_cjs = require('./chunk-BSI4BQEX.cjs');
-var chunk3Z5PF75J_cjs = require('./chunk-3Z5PF75J.cjs');
+var chunkOCYZKZ24_cjs = require('./chunk-OCYZKZ24.cjs');
+var chunkCKDB7QNT_cjs = require('./chunk-CKDB7QNT.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
@@ -64,9 +64,9 @@ function TextArea({
   const counterID = maxLength != null ? `${inputId}-counter` : void 0;
   const describedBy = chunkXPHXAZCE_cjs.getDescribedBy(descriptionID, statusMessageID, counterID);
   const isOverLimit = maxLength != null && value.length > maxLength;
-  const necessity = chunkFFF57VHO_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunkRX2FXCIH_cjs.getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkFFF57VHO_cjs.Field,
+    chunkRX2FXCIH_cjs.Field,
     {
       className,
       description,
@@ -120,13 +120,13 @@ function TextArea({
                   value
                 }
               ),
-              isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkBSI4BQEX_cjs.Spinner, { size: "sm" }) : null,
+              isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size: "sm" }) : null,
               status != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVXBVSYPA_cjs.inputStyles.iconSlot, children: chunkXPHXAZCE_cjs.getStatusIcon(status.type) }) : null
             ]
           }
         ),
         maxLength != null ? /* @__PURE__ */ jsxRuntime.jsxs(
-          chunk3Z5PF75J_cjs.Text,
+          chunkCKDB7QNT_cjs.Text,
           {
             as: "span",
             className: chunkSPDVNY2Z_cjs.cx(
@@ -150,5 +150,5 @@ function TextArea({
 TextArea.displayName = "TextArea";
 
 exports.TextArea = TextArea;
-//# sourceMappingURL=chunk-Z7OUMVR5.cjs.map
-//# sourceMappingURL=chunk-Z7OUMVR5.cjs.map
+//# sourceMappingURL=chunk-I4XYOJJS.cjs.map
+//# sourceMappingURL=chunk-I4XYOJJS.cjs.map

package/dist/{chunk-Z7OUMVR5.cjs.map → chunk-I4XYOJJS.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TextArea/TextArea.tsx"],"names":["css","useId","isReactNode","getStatusMessageID","getDescribedBy","getNecessity","jsxs","Field","cx","inputRecipe","jsx","inputStyles","Icon","Spinner","getStatusIcon","Text"],"mappings":"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","file":"chunk-Z7OUMVR5.cjs","sourcesContent":["import {\n  useId,\n  type ChangeEvent,\n  type CSSProperties,\n  type ClipboardEvent,\n  type FocusEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {inputRecipe, inputStyles} from 'components/Field/inputStyles';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Spinner} from 'components/Spinner';\nimport {Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {css} from 'styled-system/css';\n\nexport type TextAreaProps = {\n  /**\n   * Additional CSS class names applied to the textarea wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the textarea element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether to focus the textarea on mount.\n   * @default false\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether the browser spellcheck is enabled.\n   * @default true\n   */\n  hasSpellCheck?: boolean;\n  /**\n   * HTML name attribute.\n   */\n  htmlName?: string;\n  /**\n   * Whether the textarea is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Whether the textarea is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label.\n   */\n  label: string;\n  /**\n   * Icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum character count. Displays a counter when set.\n   */\n  maxLength?: number;\n  /**\n   * Called when the textarea loses focus.\n   */\n  onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called with the next string value.\n   */\n  onChange: (value: string, event: ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called when the textarea receives focus.\n   */\n  onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called when content is pasted into the textarea.\n   */\n  onPaste?: (event: ClipboardEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Placeholder text.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the textarea element.\n   */\n  ref?: Ref<HTMLTextAreaElement>;\n  /**\n   * Number of visible text rows.\n   * @default 3\n   */\n  rows?: number;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Icon shown before the textarea.\n   */\n  startIcon?: IconComponent;\n  /**\n   * Validation status displayed below the textarea.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the textarea wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Controlled textarea value.\n   */\n  value: string;\n} & FieldNecessity;\n\nconst styles = {\n  wrapper: css({\n    alignItems: 'flex-start',\n    py: '2',\n  }),\n  textarea: css({\n    resize: 'vertical',\n    minH: '20',\n  }),\n  counter: css({\n    alignSelf: 'flex-end',\n    mt: '1',\n  }),\n  counterOverLimit: css({\n    color: 'status.error.fg',\n  }),\n} as const;\n\n/**\n * Multi-line text input field with optional character counter.\n */\nexport function TextArea({\n  label,\n  value,\n  onChange,\n  rows = 3,\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  hasSpellCheck = true,\n  hasAutoFocus = false,\n  htmlName,\n  status,\n  labelIcon,\n  labelTooltip,\n  startIcon,\n  placeholder,\n  maxLength,\n  onPaste,\n  onFocus,\n  onBlur,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: TextAreaProps): React.JSX.Element {\n  const inputId = useId();\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const counterID = maxLength != null ? `${inputId}-counter` : undefined;\n  const describedBy = getDescribedBy(descriptionID, statusMessageID, counterID);\n  const isOverLimit = maxLength != null && value.length > maxLength;\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <Field\n      className={className}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      style={style}>\n      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled,\n          }),\n          styles.wrapper,\n        )}>\n        {startIcon != null ? (\n          <span className={inputStyles.iconSlot}>\n            <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n          </span>\n        ) : null}\n        <textarea\n          aria-busy={isLoading || undefined}\n          aria-describedby={describedBy}\n          aria-invalid={status?.type === 'error' || isOverLimit || undefined}\n          aria-required={isRequired ?? undefined}\n          // eslint-disable-next-line jsx-a11y-x/no-autofocus\n          autoFocus={hasAutoFocus}\n          className={cx(inputStyles.control, styles.textarea)}\n          data-autofocus={hasAutoFocus || undefined}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          id={inputId}\n          maxLength={maxLength}\n          name={htmlName}\n          onBlur={onBlur}\n          onChange={event => onChange(event.target.value, event)}\n          onFocus={onFocus}\n          onPaste={onPaste}\n          placeholder={placeholder}\n          ref={ref}\n          rows={rows}\n          spellCheck={hasSpellCheck}\n          value={value}\n        />\n        {isLoading ? <Spinner size=\"sm\" /> : null}\n        {status != null ? (\n          <span className={inputStyles.iconSlot}>\n            {getStatusIcon(status.type)}\n          </span>\n        ) : null}\n      </div>\n      {maxLength != null ? (\n        <Text\n          as=\"span\"\n          className={cx(\n            styles.counter,\n            isOverLimit ? styles.counterOverLimit : undefined,\n          )}\n          color=\"secondary\"\n          id={counterID}\n          type=\"supporting\">\n          {value.length}/{maxLength}\n        </Text>\n      ) : null}\n    </Field>\n  );\n}\n\nTextArea.displayName = 'TextArea';\n"]}
+{"version":3,"sources":["../src/components/TextArea/TextArea.tsx"],"names":["css","useId","isReactNode","getStatusMessageID","getDescribedBy","getNecessity","jsxs","Field","cx","inputRecipe","jsx","inputStyles","Icon","Spinner","getStatusIcon","Text"],"mappings":"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","file":"chunk-I4XYOJJS.cjs","sourcesContent":["import {\n  useId,\n  type ChangeEvent,\n  type CSSProperties,\n  type ClipboardEvent,\n  type FocusEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {inputRecipe, inputStyles} from 'components/Field/inputStyles';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Spinner} from 'components/Spinner';\nimport {Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {css} from 'styled-system/css';\n\nexport type TextAreaProps = {\n  /**\n   * Additional CSS class names applied to the textarea wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the textarea element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether to focus the textarea on mount.\n   * @default false\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether the browser spellcheck is enabled.\n   * @default true\n   */\n  hasSpellCheck?: boolean;\n  /**\n   * HTML name attribute.\n   */\n  htmlName?: string;\n  /**\n   * Whether the textarea is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Whether the textarea is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label.\n   */\n  label: string;\n  /**\n   * Icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum character count. Displays a counter when set.\n   */\n  maxLength?: number;\n  /**\n   * Called when the textarea loses focus.\n   */\n  onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called with the next string value.\n   */\n  onChange: (value: string, event: ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called when the textarea receives focus.\n   */\n  onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called when content is pasted into the textarea.\n   */\n  onPaste?: (event: ClipboardEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Placeholder text.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the textarea element.\n   */\n  ref?: Ref<HTMLTextAreaElement>;\n  /**\n   * Number of visible text rows.\n   * @default 3\n   */\n  rows?: number;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Icon shown before the textarea.\n   */\n  startIcon?: IconComponent;\n  /**\n   * Validation status displayed below the textarea.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the textarea wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Controlled textarea value.\n   */\n  value: string;\n} & FieldNecessity;\n\nconst styles = {\n  wrapper: css({\n    alignItems: 'flex-start',\n    py: '2',\n  }),\n  textarea: css({\n    resize: 'vertical',\n    minH: '20',\n  }),\n  counter: css({\n    alignSelf: 'flex-end',\n    mt: '1',\n  }),\n  counterOverLimit: css({\n    color: 'status.error.fg',\n  }),\n} as const;\n\n/**\n * Multi-line text input field with optional character counter.\n */\nexport function TextArea({\n  label,\n  value,\n  onChange,\n  rows = 3,\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  hasSpellCheck = true,\n  hasAutoFocus = false,\n  htmlName,\n  status,\n  labelIcon,\n  labelTooltip,\n  startIcon,\n  placeholder,\n  maxLength,\n  onPaste,\n  onFocus,\n  onBlur,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: TextAreaProps): React.JSX.Element {\n  const inputId = useId();\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const counterID = maxLength != null ? `${inputId}-counter` : undefined;\n  const describedBy = getDescribedBy(descriptionID, statusMessageID, counterID);\n  const isOverLimit = maxLength != null && value.length > maxLength;\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <Field\n      className={className}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      style={style}>\n      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled,\n          }),\n          styles.wrapper,\n        )}>\n        {startIcon != null ? (\n          <span className={inputStyles.iconSlot}>\n            <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n          </span>\n        ) : null}\n        <textarea\n          aria-busy={isLoading || undefined}\n          aria-describedby={describedBy}\n          aria-invalid={status?.type === 'error' || isOverLimit || undefined}\n          aria-required={isRequired ?? undefined}\n          // eslint-disable-next-line jsx-a11y-x/no-autofocus\n          autoFocus={hasAutoFocus}\n          className={cx(inputStyles.control, styles.textarea)}\n          data-autofocus={hasAutoFocus || undefined}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          id={inputId}\n          maxLength={maxLength}\n          name={htmlName}\n          onBlur={onBlur}\n          onChange={event => onChange(event.target.value, event)}\n          onFocus={onFocus}\n          onPaste={onPaste}\n          placeholder={placeholder}\n          ref={ref}\n          rows={rows}\n          spellCheck={hasSpellCheck}\n          value={value}\n        />\n        {isLoading ? <Spinner size=\"sm\" /> : null}\n        {status != null ? (\n          <span className={inputStyles.iconSlot}>\n            {getStatusIcon(status.type)}\n          </span>\n        ) : null}\n      </div>\n      {maxLength != null ? (\n        <Text\n          as=\"span\"\n          className={cx(\n            styles.counter,\n            isOverLimit ? styles.counterOverLimit : undefined,\n          )}\n          color=\"secondary\"\n          id={counterID}\n          type=\"supporting\">\n          {value.length}/{maxLength}\n        </Text>\n      ) : null}\n    </Field>\n  );\n}\n\nTextArea.displayName = 'TextArea';\n"]}

package/dist/{chunk-HWP2UGOC.cjs → chunk-IE7GWY4E.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 chunkVULMEKZZ_cjs = require('./chunk-VULMEKZZ.cjs');
+var chunkYOAFVMEN_cjs = require('./chunk-YOAFVMEN.cjs');
+var chunkUR5EWWWL_cjs = require('./chunk-UR5EWWWL.cjs');
+var chunkDUGGZUJP_cjs = require('./chunk-DUGGZUJP.cjs');
+var chunkZNAGK36T_cjs = require('./chunk-ZNAGK36T.cjs');
+var chunkWIFMXZIN_cjs = require('./chunk-WIFMXZIN.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 chunkRUQODCTW_cjs = require('./chunk-RUQODCTW.cjs');
+var chunkDXUFDJHA_cjs = require('./chunk-DXUFDJHA.cjs');
+var chunkMYSLJWCW_cjs = require('./chunk-MYSLJWCW.cjs');
+var chunkWOVSJHY6_cjs = require('./chunk-WOVSJHY6.cjs');
+var chunkCKDB7QNT_cjs = require('./chunk-CKDB7QNT.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,
+      chunkRUQODCTW_cjs.AutocompleteInput,
       {
         debounceMs: 150,
         isLabelHidden: true,
@@ -50,7 +129,7 @@ function StringEditor({
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkX4I5YARV_cjs.TextInput,
+    chunkDUGGZUJP_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,
+    chunkVULMEKZZ_cjs.TagsInput,
     {
       debounceMs: operatorValue.searchSource == null ? 0 : 150,
       hasCreate,
@@ -98,7 +177,7 @@ function IntegerEditor({
   onChange
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRRXOSNCX_cjs.NumberInput,
+    chunkUR5EWWWL_cjs.NumberInput,
     {
       isIntegerOnly: true,
       isLabelHidden: true,
@@ -118,7 +197,7 @@ function FloatEditor({
   onChange
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRRXOSNCX_cjs.NumberInput,
+    chunkUR5EWWWL_cjs.NumberInput,
     {
       isLabelHidden: true,
       label: "Value",
@@ -137,7 +216,7 @@ function TimeEditor({
   onChange
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTKTCN4JE_cjs.TimeInput,
+    chunkZNAGK36T_cjs.TimeInput,
     {
       isLabelHidden: true,
       label: "Time",
@@ -158,7 +237,7 @@ function DateAbsoluteEditor({
   timezoneID
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkV4ZH2H2P_cjs.DateInput,
+    chunkWIFMXZIN_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,
+    chunkYOAFVMEN_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,
+      chunkWIFMXZIN_cjs.DateInput,
       {
         isLabelHidden: true,
         label: "Start date",
@@ -273,7 +352,7 @@ function DateRangeEditor({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkV4ZH2H2P_cjs.DateInput,
+      chunkWIFMXZIN_cjs.DateInput,
       {
         isLabelHidden: true,
         label: "End date",
@@ -289,7 +368,7 @@ function EnumEditor({
   onChange
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkXPGIWOJO_cjs.Select,
+    chunkYOAFVMEN_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(() => chunkRUQODCTW_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,
+    chunkVULMEKZZ_cjs.TagsInput,
     {
       debounceMs: 0,
       hasEntriesOnFocus: true,
@@ -359,7 +438,7 @@ function EntityListEditor({
     }));
   }, [filterValue]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkVV72PGKH_cjs.TagsInput,
+    chunkVULMEKZZ_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(
+      chunkYOAFVMEN_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(
+      chunkYOAFVMEN_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,
+      chunkWOVSJHY6_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,
+      chunkYOAFVMEN_cjs.Select,
       {
         isDisabled: isReadOnly,
         isLabelHidden: true,
@@ -816,7 +837,7 @@ function NestedEditor({
       }
     ) }, `${subFilter.field}-${index}`)) }),
     !isReadOnly ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5XMWGK3O_cjs.Button,
+      chunkWOVSJHY6_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,
+      chunkWOVSJHY6_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(chunkWOVSJHY6_cjs.Button, { label: "Cancel", onClick: onCancel, size: "sm", variant: "ghost" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5XMWGK3O_cjs.Button,
+        chunkWOVSJHY6_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,
+              chunkYOAFVMEN_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,
+              chunkYOAFVMEN_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,
+      chunkRUQODCTW_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,
+    chunkCKDB7QNT_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,
+      chunkVULMEKZZ_cjs.TagsInput,
       {
         className,
         "data-testid": dataTestId,
@@ -1649,7 +1670,7 @@ function SearchFilterInput({
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkL5JS6P62_cjs.Popover,
+      chunkMYSLJWCW_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-IE7GWY4E.cjs.map
+//# sourceMappingURL=chunk-IE7GWY4E.cjs.map