@accelint/design-toolkit 9.5.0 → 9.7.0

package/dist/components/query-builder/actions.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime171 from "react/jsx-runtime";
+import * as react_jsx_runtime95 from "react/jsx-runtime";
 import { ActionProps } from "react-querybuilder";
 
 //#region src/components/query-builder/actions.d.ts
@@ -30,7 +30,7 @@ declare function RemoveRuleAction({
   handleOnClick,
   className,
   ...rest
-}: ActionProps): react_jsx_runtime171.JSX.Element;
+}: ActionProps): react_jsx_runtime95.JSX.Element;
 /**
  * Lock/unlock toggle button for rules or groups
  *
@@ -46,7 +46,7 @@ declare function LockAction({
   handleOnClick,
   className,
   ...rest
-}: ActionProps): react_jsx_runtime171.JSX.Element;
+}: ActionProps): react_jsx_runtime95.JSX.Element;
 /**
  * Duplicate button for cloning rules or groups
  *
@@ -62,7 +62,7 @@ declare function CloneAction({
   handleOnClick,
   className,
   ...rest
-}: ActionProps): react_jsx_runtime171.JSX.Element;
+}: ActionProps): react_jsx_runtime95.JSX.Element;
 //#endregion
 export { CloneAction, LockAction, RemoveRuleAction };
 //# sourceMappingURL=actions.d.ts.map

package/dist/components/query-builder/combinator-selector.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime174 from "react/jsx-runtime";
+import * as react_jsx_runtime106 from "react/jsx-runtime";
 import { CombinatorSelectorProps } from "react-querybuilder";
 
 //#region src/components/query-builder/combinator-selector.d.ts
@@ -27,7 +27,7 @@ declare function CombinatorSelector({
   options,
   value,
   handleOnChange
-}: CombinatorSelectorProps): react_jsx_runtime174.JSX.Element;
+}: CombinatorSelectorProps): react_jsx_runtime106.JSX.Element;
 //#endregion
 export { CombinatorSelector };
 //# sourceMappingURL=combinator-selector.d.ts.map

package/dist/components/query-builder/index.d.ts

@@ -12,7 +12,7 @@
 
 import { QueryBuilderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime176 from "react/jsx-runtime";
+import * as react_jsx_runtime107 from "react/jsx-runtime";
 
 //#region src/components/query-builder/index.d.ts
 
@@ -55,7 +55,7 @@ declare function QueryBuilder({
   orientation,
   showRuleLines,
   ...rest
-}: QueryBuilderProps): react_jsx_runtime176.JSX.Element;
+}: QueryBuilderProps): react_jsx_runtime107.JSX.Element;
 //#endregion
 export { QueryBuilder };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/query-builder/index.js

@@ -92,7 +92,7 @@ function QueryBuilder({ controlClassnames, controlElements, orientation = "horiz
 				header: styles.header,
 				combinators: styles.combinators,
 				fields: styles.fields,
-				operators: "",
+				operators: styles.operators,
 				value: styles.value,
 				valueListItem: "",
 				valueSource: "",

package/dist/components/query-builder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["RQBBuilder"],"sources":["../../../src/components/query-builder/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { createContext, useMemo } from 'react';\nimport { QueryBuilder as RQBBuilder } from 'react-querybuilder';\nimport { ActionElement } from './action-element';\nimport { CloneAction, LockAction, RemoveRuleAction } from './actions';\nimport { CombinatorSelector } from './combinator-selector';\nimport { Rule } from './rule';\nimport { RuleGroup } from './rule-group';\nimport styles from './styles.module.css';\nimport { ValueEditor } from './value-editor';\nimport { ValueSelector } from './value-selector';\nimport type { QueryBuilderContextType, QueryBuilderProps } from './types';\n\n/**\n * QueryBuilder - A visual interface for building complex database queries\n *\n * Provides an intuitive drag-and-drop interface for constructing database queries\n * with support for multiple conditions, operators, and logical grouping. Enables\n * users to build complex filters without writing SQL or code.\n *\n * @param props - {@link QueryBuilderProps}\n * @param props.controlClassnames - Custom CSS class names for control elements.\n * @param props.controlElements - Custom component overrides for controls.\n * @param props.orientation - Layout orientation ('horizontal' or 'vertical').\n * @param props.showRuleLines - Whether to show connecting lines between rules.\n * @returns The rendered QueryBuilder component.\n *\n * @example\n * ```tsx\n * // Basic query builder\n * <QueryBuilder\n *   fields={[\n *     // { name, label, type, inputType, operators },\n *   ]}\n *   query={\n *     // { combinator, rules }\n *   }\n *   onQueryChange={handleQueryChange}\n *   controlElements={{\n *     addRuleAction: CustomAddButton,\n *     removeRuleAction: CustomRemoveButton\n *   }}\n *   orientation=\"vertical\"\n * />\n * ```\n */\nexport function QueryBuilder({\n  controlClassnames,\n  controlElements,\n  orientation = 'horizontal',\n  showRuleLines = true,\n  ...rest\n}: QueryBuilderProps) {\n  /**\n   * Represents the list of available controls that the component can use as a custom\n   * component override.Passed in as a map of our custom defaults, but can be\n   * overridden by using the controlElements prop\n   */\n  const mergedElements = useMemo(\n    () => ({\n      combinatorSelector: CombinatorSelector,\n      cloneGroupAction: CloneAction,\n      cloneRuleAction: CloneAction,\n      removeRuleAction: RemoveRuleAction,\n      lockGroupAction: LockAction,\n      lockRuleAction: LockAction,\n      ruleGroup: RuleGroup,\n      rule: Rule,\n      actionElement: ActionElement,\n      valueSelector: ValueSelector,\n      valueEditor: ValueEditor,\n      ...controlElements,\n    }),\n    [controlElements],\n  );\n\n  /**\n   * Represents the list of available classnames that the component will recognize.\n   * Passed in as a map as all the default styling, but can be overridden by using the\n   * controlClassnames prop\n   */\n  const mergedClassnames = useMemo(() => {\n    return {\n      queryBuilder: styles.queryBuilder,\n      ruleGroup: clsx('group', styles.ruleGroup),\n      header: styles.header,\n      combinators: styles.combinators,\n      fields: styles.fields,\n      operators: '',\n      value: styles.value,\n      valueListItem: '',\n      valueSource: '',\n      cloneGroup: styles.cloneGroup,\n      cloneRule: styles.cloneRule,\n      lockGroup: styles.lockGroup,\n      lockRule: styles.lockRule,\n      disabled: '',\n      valid: '',\n      invalid: '',\n      removeRule: '',\n      addRule: '',\n      addGroup: '',\n      removeGroup: '',\n      rule: clsx(styles.rule, styles[orientation]),\n      body: clsx(\n        'group',\n        styles.body,\n        showRuleLines && styles.showRuleLines,\n        !showRuleLines && styles.hideRuleLines,\n      ),\n      ...controlClassnames,\n    };\n  }, [controlClassnames, showRuleLines, orientation]);\n\n  const QueryBuilderContext = createContext<QueryBuilderContextType>({\n    orientation,\n    showRuleLines,\n  });\n\n  return (\n    <RQBBuilder\n      showNotToggle={false}\n      showShiftActions={false}\n      enableDragAndDrop={false}\n      controlClassnames={mergedClassnames}\n      controlElements={mergedElements}\n      context={QueryBuilderContext}\n      listsAsArrays\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,SAAgB,aAAa,EAC3B,mBACA,iBACA,cAAc,cACd,gBAAgB,MAChB,GAAG,QACiB;;;;;;CAMpB,MAAM,iBAAiB,eACd;EACL,oBAAoB;EACpB,kBAAkB;EAClB,iBAAiB;EACjB,kBAAkB;EAClB,iBAAiB;EACjB,gBAAgB;EAChB,WAAW;EACX,MAAM;EACN,eAAe;EACf,eAAe;EACf,aAAa;EACb,GAAG;EACJ,GACD,CAAC,gBAAgB,CAClB;AA6CD,QACE,oBAACA;EACC,eAAe;EACf,kBAAkB;EAClB,mBAAmB;EACnB,mBA3CqB,cAAc;AACrC,UAAO;IACL,cAAc,OAAO;IACrB,WAAW,KAAK,SAAS,OAAO,UAAU;IAC1C,QAAQ,OAAO;IACf,aAAa,OAAO;IACpB,QAAQ,OAAO;IACf,WAAW;IACX,OAAO,OAAO;IACd,eAAe;IACf,aAAa;IACb,YAAY,OAAO;IACnB,WAAW,OAAO;IAClB,WAAW,OAAO;IAClB,UAAU,OAAO;IACjB,UAAU;IACV,OAAO;IACP,SAAS;IACT,YAAY;IACZ,SAAS;IACT,UAAU;IACV,aAAa;IACb,MAAM,KAAK,OAAO,MAAM,OAAO,aAAa;IAC5C,MAAM,KACJ,SACA,OAAO,MACP,iBAAiB,OAAO,eACxB,CAAC,iBAAiB,OAAO,cAC1B;IACD,GAAG;IACJ;KACA;GAAC;GAAmB;GAAe;GAAY,CAAC;EAa/C,iBAAiB;EACjB,SAZwB,cAAuC;GACjE;GACA;GACD,CAAC;EAUE;EACA,GAAI;GACJ"}
+{"version":3,"file":"index.js","names":["RQBBuilder"],"sources":["../../../src/components/query-builder/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { createContext, useMemo } from 'react';\nimport { QueryBuilder as RQBBuilder } from 'react-querybuilder';\nimport { ActionElement } from './action-element';\nimport { CloneAction, LockAction, RemoveRuleAction } from './actions';\nimport { CombinatorSelector } from './combinator-selector';\nimport { Rule } from './rule';\nimport { RuleGroup } from './rule-group';\nimport styles from './styles.module.css';\nimport { ValueEditor } from './value-editor';\nimport { ValueSelector } from './value-selector';\nimport type { QueryBuilderContextType, QueryBuilderProps } from './types';\n\n/**\n * QueryBuilder - A visual interface for building complex database queries\n *\n * Provides an intuitive drag-and-drop interface for constructing database queries\n * with support for multiple conditions, operators, and logical grouping. Enables\n * users to build complex filters without writing SQL or code.\n *\n * @param props - {@link QueryBuilderProps}\n * @param props.controlClassnames - Custom CSS class names for control elements.\n * @param props.controlElements - Custom component overrides for controls.\n * @param props.orientation - Layout orientation ('horizontal' or 'vertical').\n * @param props.showRuleLines - Whether to show connecting lines between rules.\n * @returns The rendered QueryBuilder component.\n *\n * @example\n * ```tsx\n * // Basic query builder\n * <QueryBuilder\n *   fields={[\n *     // { name, label, type, inputType, operators },\n *   ]}\n *   query={\n *     // { combinator, rules }\n *   }\n *   onQueryChange={handleQueryChange}\n *   controlElements={{\n *     addRuleAction: CustomAddButton,\n *     removeRuleAction: CustomRemoveButton\n *   }}\n *   orientation=\"vertical\"\n * />\n * ```\n */\nexport function QueryBuilder({\n  controlClassnames,\n  controlElements,\n  orientation = 'horizontal',\n  showRuleLines = true,\n  ...rest\n}: QueryBuilderProps) {\n  /**\n   * Represents the list of available controls that the component can use as a custom\n   * component override.Passed in as a map of our custom defaults, but can be\n   * overridden by using the controlElements prop\n   */\n  const mergedElements = useMemo(\n    () => ({\n      combinatorSelector: CombinatorSelector,\n      cloneGroupAction: CloneAction,\n      cloneRuleAction: CloneAction,\n      removeRuleAction: RemoveRuleAction,\n      lockGroupAction: LockAction,\n      lockRuleAction: LockAction,\n      ruleGroup: RuleGroup,\n      rule: Rule,\n      actionElement: ActionElement,\n      valueSelector: ValueSelector,\n      valueEditor: ValueEditor,\n      ...controlElements,\n    }),\n    [controlElements],\n  );\n\n  /**\n   * Represents the list of available classnames that the component will recognize.\n   * Passed in as a map as all the default styling, but can be overridden by using the\n   * controlClassnames prop\n   */\n  const mergedClassnames = useMemo(() => {\n    return {\n      queryBuilder: styles.queryBuilder,\n      ruleGroup: clsx('group', styles.ruleGroup),\n      header: styles.header,\n      combinators: styles.combinators,\n      fields: styles.fields,\n      operators: styles.operators,\n      value: styles.value,\n      valueListItem: '',\n      valueSource: '',\n      cloneGroup: styles.cloneGroup,\n      cloneRule: styles.cloneRule,\n      lockGroup: styles.lockGroup,\n      lockRule: styles.lockRule,\n      disabled: '',\n      valid: '',\n      invalid: '',\n      removeRule: '',\n      addRule: '',\n      addGroup: '',\n      removeGroup: '',\n      rule: clsx(styles.rule, styles[orientation]),\n      body: clsx(\n        'group',\n        styles.body,\n        showRuleLines && styles.showRuleLines,\n        !showRuleLines && styles.hideRuleLines,\n      ),\n      ...controlClassnames,\n    };\n  }, [controlClassnames, showRuleLines, orientation]);\n\n  const QueryBuilderContext = createContext<QueryBuilderContextType>({\n    orientation,\n    showRuleLines,\n  });\n\n  return (\n    <RQBBuilder\n      showNotToggle={false}\n      showShiftActions={false}\n      enableDragAndDrop={false}\n      controlClassnames={mergedClassnames}\n      controlElements={mergedElements}\n      context={QueryBuilderContext}\n      listsAsArrays\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,SAAgB,aAAa,EAC3B,mBACA,iBACA,cAAc,cACd,gBAAgB,MAChB,GAAG,QACiB;;;;;;CAMpB,MAAM,iBAAiB,eACd;EACL,oBAAoB;EACpB,kBAAkB;EAClB,iBAAiB;EACjB,kBAAkB;EAClB,iBAAiB;EACjB,gBAAgB;EAChB,WAAW;EACX,MAAM;EACN,eAAe;EACf,eAAe;EACf,aAAa;EACb,GAAG;EACJ,GACD,CAAC,gBAAgB,CAClB;AA6CD,QACE,oBAACA;EACC,eAAe;EACf,kBAAkB;EAClB,mBAAmB;EACnB,mBA3CqB,cAAc;AACrC,UAAO;IACL,cAAc,OAAO;IACrB,WAAW,KAAK,SAAS,OAAO,UAAU;IAC1C,QAAQ,OAAO;IACf,aAAa,OAAO;IACpB,QAAQ,OAAO;IACf,WAAW,OAAO;IAClB,OAAO,OAAO;IACd,eAAe;IACf,aAAa;IACb,YAAY,OAAO;IACnB,WAAW,OAAO;IAClB,WAAW,OAAO;IAClB,UAAU,OAAO;IACjB,UAAU;IACV,OAAO;IACP,SAAS;IACT,YAAY;IACZ,SAAS;IACT,UAAU;IACV,aAAa;IACb,MAAM,KAAK,OAAO,MAAM,OAAO,aAAa;IAC5C,MAAM,KACJ,SACA,OAAO,MACP,iBAAiB,OAAO,eACxB,CAAC,iBAAiB,OAAO,cAC1B;IACD,GAAG;IACJ;KACA;GAAC;GAAmB;GAAe;GAAY,CAAC;EAa/C,iBAAiB;EACjB,SAZwB,cAAuC;GACjE;GACA;GACD,CAAC;EAUE;EACA,GAAI;GACJ"}

package/dist/components/query-builder/rule-group.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime177 from "react/jsx-runtime";
+import * as react_jsx_runtime108 from "react/jsx-runtime";
 import { RuleGroupProps, useRuleGroup } from "react-querybuilder";
 
 //#region src/components/query-builder/rule-group.d.ts
@@ -33,7 +33,7 @@ import { RuleGroupProps, useRuleGroup } from "react-querybuilder";
  * @param props - RuleGroupProps from react-querybuilder.
  * @returns The rendered RuleGroup component.
  */
-declare function RuleGroup(props: RuleGroupProps): react_jsx_runtime177.JSX.Element;
+declare function RuleGroup(props: RuleGroupProps): react_jsx_runtime108.JSX.Element;
 /**
  * Header section with combinator selector and group actions (clone, lock, remove)
  *
@@ -49,7 +49,7 @@ declare function RuleGroup(props: RuleGroupProps): react_jsx_runtime177.JSX.Elem
  * @param ruleGroup - Combined RuleGroupProps and useRuleGroup return value.
  * @returns The rendered header with combinator and action controls.
  */
-declare function RuleGroupHeaderComponent(ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>): react_jsx_runtime177.JSX.Element;
+declare function RuleGroupHeaderComponent(ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>): react_jsx_runtime108.JSX.Element;
 /**
  * Footer section with add rule and add group actions
  *
@@ -65,7 +65,7 @@ declare function RuleGroupHeaderComponent(ruleGroup: RuleGroupProps & ReturnType
  * @param ruleGroup - Combined RuleGroupProps and useRuleGroup return value.
  * @returns The rendered footer with add rule and add group buttons.
  */
-declare function RuleGroupFooterComponent(ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>): react_jsx_runtime177.JSX.Element;
+declare function RuleGroupFooterComponent(ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>): react_jsx_runtime108.JSX.Element;
 //#endregion
 export { RuleGroup, RuleGroupFooterComponent, RuleGroupHeaderComponent };
 //# sourceMappingURL=rule-group.d.ts.map

package/dist/components/query-builder/rule.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime180 from "react/jsx-runtime";
+import * as react_jsx_runtime111 from "react/jsx-runtime";
 import { RuleProps } from "react-querybuilder";
 
 //#region src/components/query-builder/rule.d.ts
@@ -33,7 +33,7 @@ import { RuleProps } from "react-querybuilder";
  * @param props - RuleProps from react-querybuilder.
  * @returns The rendered Rule component with all selectors and actions.
  */
-declare function Rule(props: RuleProps): react_jsx_runtime180.JSX.Element;
+declare function Rule(props: RuleProps): react_jsx_runtime111.JSX.Element;
 //#endregion
 export { Rule };
 //# sourceMappingURL=rule.d.ts.map

package/dist/components/query-builder/styles.module.css

@@ -70,7 +70,8 @@
   }
 
   .fields,
-  .value {
+  .value,
+  .operators {
     @apply w-full;
   }
 }
@@ -84,4 +85,12 @@
   .textInput {
     @apply min-h-xl;
   }
+
+  .fields,
+  .value,
+  .operators {
+    @variant group-size-small/combobox-field {
+      max-width: 250px;
+    }
+  }
 }

package/dist/components/query-builder/value-editor.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime182 from "react/jsx-runtime";
+import * as react_jsx_runtime112 from "react/jsx-runtime";
 import { ValueEditorProps } from "react-querybuilder";
 
 //#region src/components/query-builder/value-editor.d.ts
@@ -36,7 +36,7 @@ import { ValueEditorProps } from "react-querybuilder";
  * @param props - ValueEditorProps from react-querybuilder.
  * @returns The rendered value editor, or null for null/notNull operators.
  */
-declare function ValueEditor(props: ValueEditorProps): react_jsx_runtime182.JSX.Element | null;
+declare function ValueEditor(props: ValueEditorProps): react_jsx_runtime112.JSX.Element | null;
 //#endregion
 export { ValueEditor };
 //# sourceMappingURL=value-editor.d.ts.map

package/dist/components/query-builder/value-selector.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime183 from "react/jsx-runtime";
+import * as react_jsx_runtime113 from "react/jsx-runtime";
 import { ValueSelectorProps } from "react-querybuilder";
 
 //#region src/components/query-builder/value-selector.d.ts
@@ -36,7 +36,7 @@ import { ValueSelectorProps } from "react-querybuilder";
  * @param props - ValueSelectorProps from react-querybuilder.
  * @returns The rendered ValueSelector dropdown.
  */
-declare function ValueSelector(props: ValueSelectorProps): react_jsx_runtime183.JSX.Element;
+declare function ValueSelector(props: ValueSelectorProps): react_jsx_runtime113.JSX.Element;
 //#endregion
 export { ValueSelector };
 //# sourceMappingURL=value-selector.d.ts.map

package/dist/components/query-builder/value-selector.js

@@ -43,7 +43,7 @@ import { isOptionGroupArray, useValueSelector } from "react-querybuilder";
 * @returns The rendered ValueSelector dropdown.
 */
 function ValueSelector(props) {
-	const { handleOnChange, disabled, listsAsArrays, options: optionsProp, multiple, title, validation, value, ...rest } = props;
+	const { className, handleOnChange, disabled, listsAsArrays, options: optionsProp, multiple, title, validation, value, ...rest } = props;
 	const { onChange, val } = useValueSelector({
 		handleOnChange,
 		listsAsArrays,
@@ -51,11 +51,12 @@ function ValueSelector(props) {
 		value
 	});
 	const handleSelectionChange = useCallback((selection) => {
-		if (selection) onChange(`${selection}`);
+		if (selection !== null) onChange(`${selection}`);
 	}, [onChange]);
 	const options = useMemo(() => isOptionGroupArray(optionsProp) ? optionsProp.map((section) => /* @__PURE__ */ jsx(OptionsSection, {
 		header: section.label,
 		children: section.options.map((option) => /* @__PURE__ */ jsx(OptionsItem, {
+			textValue: option.label,
 			id: option.name,
 			children: option.label
 		}, option.name))
@@ -64,11 +65,17 @@ function ValueSelector(props) {
 		id: option.name,
 		children: option.label
 	}, option.name)), [optionsProp]);
+	const selectedKey = Array.isArray(val) ? val[0] : val;
+	const selectedValue = (isOptionGroupArray(optionsProp) ? optionsProp.flatMap((group) => group.options) : optionsProp).find((option) => option.name === selectedKey)?.label ?? selectedKey;
 	return /* @__PURE__ */ jsx(ComboBoxField, {
+		...rest,
+		classNames: { control: className },
 		size: "small",
+		allowsCustomValue: false,
+		isClearable: false,
 		isDisabled: disabled,
-		...rest,
-		selectedKey: Array.isArray(val) ? val[0] : val,
+		defaultInputValue: selectedValue,
+		defaultSelectedKey: selectedKey,
 		"aria-labelledby": title,
 		onSelectionChange: handleSelectionChange,
 		children: options

package/dist/components/query-builder/value-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"value-selector.js","names":[],"sources":["../../../src/components/query-builder/value-selector.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport type { Key } from '@react-types/shared';\nimport 'client-only';\nimport { useCallback, useMemo } from 'react';\nimport {\n  isOptionGroupArray,\n  useValueSelector,\n  type ValueSelectorProps,\n} from 'react-querybuilder';\nimport { ComboBoxField } from '../combobox-field';\nimport { OptionsItem } from '../options/item';\nimport { OptionsSection } from '../options/section';\n\n/**\n * ValueSelector - Dropdown for selecting predefined values\n *\n * Renders a ComboBoxField with options, supporting grouped and flat option lists.\n *\n * @example\n * ```tsx\n * <ValueSelector\n *   options={[\n *     { name: 'option1', label: 'Option 1' },\n *     { name: 'option2', label: 'Option 2' }\n *   ]}\n *   value=\"option1\"\n *   handleOnChange={(value) => console.log(value)}\n * />\n * ```\n *\n * @param props - ValueSelectorProps from react-querybuilder.\n * @returns The rendered ValueSelector dropdown.\n */\nexport function ValueSelector(props: ValueSelectorProps) {\n  const {\n    handleOnChange,\n    disabled,\n    listsAsArrays,\n    options: optionsProp,\n    multiple,\n    title,\n    validation,\n    value,\n    ...rest\n  } = props;\n\n  const { onChange, val } = useValueSelector({\n    handleOnChange,\n    listsAsArrays,\n    multiple,\n    value,\n  });\n\n  const handleSelectionChange = useCallback(\n    (selection: Key | null) => {\n      if (selection) {\n        onChange(`${selection}`);\n      }\n    },\n    [onChange],\n  );\n\n  const options = useMemo(\n    () =>\n      isOptionGroupArray(optionsProp)\n        ? optionsProp.map((section) => (\n            <OptionsSection key={section.label} header={section.label}>\n              {section.options.map((option) => (\n                <OptionsItem id={option.name} key={option.name}>\n                  {option.label}\n                </OptionsItem>\n              ))}\n            </OptionsSection>\n          ))\n        : optionsProp.map((option) => (\n            <OptionsItem\n              textValue={option.label}\n              id={option.name}\n              key={option.name}\n            >\n              {option.label}\n            </OptionsItem>\n          )),\n    [optionsProp],\n  );\n\n  return (\n    <ComboBoxField\n      size='small'\n      isDisabled={disabled}\n      {...rest}\n      selectedKey={Array.isArray(val) ? val[0] : val}\n      aria-labelledby={title}\n      onSelectionChange={handleSelectionChange}\n    >\n      {options}\n    </ComboBoxField>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,SAAgB,cAAc,OAA2B;CACvD,MAAM,EACJ,gBACA,UACA,eACA,SAAS,aACT,UACA,OACA,YACA,OACA,GAAG,SACD;CAEJ,MAAM,EAAE,UAAU,QAAQ,iBAAiB;EACzC;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,wBAAwB,aAC3B,cAA0B;AACzB,MAAI,UACF,UAAS,GAAG,YAAY;IAG5B,CAAC,SAAS,CACX;CAED,MAAM,UAAU,cAEZ,mBAAmB,YAAY,GAC3B,YAAY,KAAK,YACf,oBAAC;EAAmC,QAAQ,QAAQ;YACjD,QAAQ,QAAQ,KAAK,WACpB,oBAAC;GAAY,IAAI,OAAO;aACrB,OAAO;KADyB,OAAO,KAE5B,CACd;IALiB,QAAQ,MAMZ,CACjB,GACF,YAAY,KAAK,WACf,oBAAC;EACC,WAAW,OAAO;EAClB,IAAI,OAAO;YAGV,OAAO;IAFH,OAAO,KAGA,CACd,EACR,CAAC,YAAY,CACd;AAED,QACE,oBAAC;EACC,MAAK;EACL,YAAY;EACZ,GAAI;EACJ,aAAa,MAAM,QAAQ,IAAI,GAAG,IAAI,KAAK;EAC3C,mBAAiB;EACjB,mBAAmB;YAElB;GACa"}
+{"version":3,"file":"value-selector.js","names":[],"sources":["../../../src/components/query-builder/value-selector.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport type { Key } from '@react-types/shared';\nimport 'client-only';\nimport { useCallback, useMemo } from 'react';\nimport {\n  isOptionGroupArray,\n  useValueSelector,\n  type ValueSelectorProps,\n} from 'react-querybuilder';\nimport { ComboBoxField } from '../combobox-field';\nimport { OptionsItem } from '../options/item';\nimport { OptionsSection } from '../options/section';\n\n/**\n * ValueSelector - Dropdown for selecting predefined values\n *\n * Renders a ComboBoxField with options, supporting grouped and flat option lists.\n *\n * @example\n * ```tsx\n * <ValueSelector\n *   options={[\n *     { name: 'option1', label: 'Option 1' },\n *     { name: 'option2', label: 'Option 2' }\n *   ]}\n *   value=\"option1\"\n *   handleOnChange={(value) => console.log(value)}\n * />\n * ```\n *\n * @param props - ValueSelectorProps from react-querybuilder.\n * @returns The rendered ValueSelector dropdown.\n */\nexport function ValueSelector(props: ValueSelectorProps) {\n  const {\n    className,\n    handleOnChange,\n    disabled,\n    listsAsArrays,\n    options: optionsProp,\n    multiple,\n    title,\n    validation,\n    value,\n    ...rest\n  } = props;\n\n  const { onChange, val } = useValueSelector({\n    handleOnChange,\n    listsAsArrays,\n    multiple,\n    value,\n  });\n\n  const handleSelectionChange = useCallback(\n    (selection: Key | null) => {\n      if (selection !== null) {\n        onChange(`${selection}`);\n      }\n    },\n    [onChange],\n  );\n\n  const options = useMemo(\n    () =>\n      isOptionGroupArray(optionsProp)\n        ? optionsProp.map((section) => (\n            <OptionsSection key={section.label} header={section.label}>\n              {section.options.map((option) => (\n                <OptionsItem\n                  textValue={option.label}\n                  id={option.name}\n                  key={option.name}\n                >\n                  {option.label}\n                </OptionsItem>\n              ))}\n            </OptionsSection>\n          ))\n        : optionsProp.map((option) => (\n            <OptionsItem\n              textValue={option.label}\n              id={option.name}\n              key={option.name}\n            >\n              {option.label}\n            </OptionsItem>\n          )),\n    [optionsProp],\n  );\n\n  const selectedKey = Array.isArray(val) ? val[0] : val;\n\n  const flatOptions = isOptionGroupArray(optionsProp)\n    ? optionsProp.flatMap((group) => group.options)\n    : optionsProp;\n\n  const selectedValue =\n    flatOptions.find((option) => option.name === selectedKey)?.label ??\n    selectedKey;\n\n  return (\n    <ComboBoxField\n      {...rest}\n      classNames={{ control: className }}\n      size='small'\n      allowsCustomValue={false}\n      isClearable={false}\n      isDisabled={disabled}\n      defaultInputValue={selectedValue}\n      defaultSelectedKey={selectedKey}\n      aria-labelledby={title}\n      onSelectionChange={handleSelectionChange}\n    >\n      {options}\n    </ComboBoxField>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,SAAgB,cAAc,OAA2B;CACvD,MAAM,EACJ,WACA,gBACA,UACA,eACA,SAAS,aACT,UACA,OACA,YACA,OACA,GAAG,SACD;CAEJ,MAAM,EAAE,UAAU,QAAQ,iBAAiB;EACzC;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,wBAAwB,aAC3B,cAA0B;AACzB,MAAI,cAAc,KAChB,UAAS,GAAG,YAAY;IAG5B,CAAC,SAAS,CACX;CAED,MAAM,UAAU,cAEZ,mBAAmB,YAAY,GAC3B,YAAY,KAAK,YACf,oBAAC;EAAmC,QAAQ,QAAQ;YACjD,QAAQ,QAAQ,KAAK,WACpB,oBAAC;GACC,WAAW,OAAO;GAClB,IAAI,OAAO;aAGV,OAAO;KAFH,OAAO,KAGA,CACd;IATiB,QAAQ,MAUZ,CACjB,GACF,YAAY,KAAK,WACf,oBAAC;EACC,WAAW,OAAO;EAClB,IAAI,OAAO;YAGV,OAAO;IAFH,OAAO,KAGA,CACd,EACR,CAAC,YAAY,CACd;CAED,MAAM,cAAc,MAAM,QAAQ,IAAI,GAAG,IAAI,KAAK;CAMlD,MAAM,iBAJc,mBAAmB,YAAY,GAC/C,YAAY,SAAS,UAAU,MAAM,QAAQ,GAC7C,aAGU,MAAM,WAAW,OAAO,SAAS,YAAY,EAAE,SAC3D;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,YAAY,EAAE,SAAS,WAAW;EAClC,MAAK;EACL,mBAAmB;EACnB,aAAa;EACb,YAAY;EACZ,mBAAmB;EACnB,oBAAoB;EACpB,mBAAiB;EACjB,mBAAmB;YAElB;GACa"}

package/dist/components/radio/context.d.ts

@@ -12,7 +12,7 @@
 
 import { RadioGroupProps as RadioGroupProps$1 } from "./types.js";
 import "client-only";
-import * as react41 from "react";
+import * as react28 from "react";
 import { ContextValue } from "react-aria-components";
 
 //#region src/components/radio/context.d.ts
@@ -21,7 +21,7 @@ import { ContextValue } from "react-aria-components";
  *
  * Provides context for RadioGroup component to share state with Radio components
  */
-declare const RadioContext: react41.Context<ContextValue<RadioGroupProps$1, HTMLDivElement>>;
+declare const RadioContext: react28.Context<ContextValue<RadioGroupProps$1, HTMLDivElement>>;
 //#endregion
 export { RadioContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/radio/group.d.ts

@@ -12,7 +12,7 @@
 
 import { RadioGroupProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime184 from "react/jsx-runtime";
+import * as react_jsx_runtime114 from "react/jsx-runtime";
 
 //#region src/components/radio/group.d.ts
 
@@ -41,7 +41,7 @@ import * as react_jsx_runtime184 from "react/jsx-runtime";
 declare function RadioGroup({
   ref,
   ...props
-}: RadioGroupProps): react_jsx_runtime184.JSX.Element;
+}: RadioGroupProps): react_jsx_runtime114.JSX.Element;
 //#endregion
 export { RadioGroup };
 //# sourceMappingURL=group.d.ts.map

package/dist/components/radio/index.d.ts

@@ -12,7 +12,7 @@
 
 import { RadioProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime185 from "react/jsx-runtime";
+import * as react_jsx_runtime115 from "react/jsx-runtime";
 
 //#region src/components/radio/index.d.ts
 
@@ -38,7 +38,7 @@ declare function Radio({
   classNames,
   children,
   ...rest
-}: RadioProps): react_jsx_runtime185.JSX.Element;
+}: RadioProps): react_jsx_runtime115.JSX.Element;
 //#endregion
 export { Radio };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/search-field/context.d.ts

@@ -13,9 +13,9 @@
 import { ProviderProps } from "../../lib/types.js";
 import { SearchFieldProps as SearchFieldProps$1 } from "./types.js";
 import "client-only";
-import * as react42 from "react";
+import * as react29 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime187 from "react/jsx-runtime";
+import * as react_jsx_runtime116 from "react/jsx-runtime";
 
 //#region src/components/search-field/context.d.ts
 /**
@@ -23,7 +23,7 @@ import * as react_jsx_runtime187 from "react/jsx-runtime";
  *
  * Provides context for SearchField component to share props
  */
-declare const SearchFieldContext: react42.Context<ContextValue<SearchFieldProps$1, HTMLDivElement>>;
+declare const SearchFieldContext: react29.Context<ContextValue<SearchFieldProps$1, HTMLDivElement>>;
 /**
  * Provider for SearchField component
  *
@@ -35,7 +35,7 @@ declare const SearchFieldContext: react42.Context<ContextValue<SearchFieldProps$
 declare function SearchFieldProvider({
   children,
   ...props
-}: ProviderProps<SearchFieldProps$1>): react_jsx_runtime187.JSX.Element;
+}: ProviderProps<SearchFieldProps$1>): react_jsx_runtime116.JSX.Element;
 //#endregion
 export { SearchFieldContext, SearchFieldProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/search-field/index.d.ts

@@ -12,7 +12,7 @@
 
 import { SearchFieldProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime192 from "react/jsx-runtime";
+import * as react_jsx_runtime117 from "react/jsx-runtime";
 
 //#region src/components/search-field/index.d.ts
 
@@ -41,7 +41,7 @@ import * as react_jsx_runtime192 from "react/jsx-runtime";
 declare function SearchField({
   ref,
   ...props
-}: SearchFieldProps): react_jsx_runtime192.JSX.Element;
+}: SearchFieldProps): react_jsx_runtime117.JSX.Element;
 //#endregion
 export { SearchField };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/search-field/styles.module.css

@@ -14,7 +14,7 @@
 
 @layer components.l1 {
   .field {
-    @apply fg-primary-bold gap-s rounded-round p-s h-content flex items-center outline;
+    @apply fg-primary-bold gap-s rounded-round p-s flex h-fit items-center outline;
 
     &.filled {
       @apply bg-surface-raised outline-static;

package/dist/components/select-field/context.d.ts

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { SelectFieldProps } from "./types.js";
 import "client-only";
-import * as react37 from "react";
+import * as react30 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime155 from "react/jsx-runtime";
+import * as react_jsx_runtime119 from "react/jsx-runtime";
 
 //#region src/components/select-field/context.d.ts
 /** Context for SelectField component */
-declare const SelectFieldContext: react37.Context<ContextValue<SelectFieldProps, HTMLDivElement>>;
+declare const SelectFieldContext: react30.Context<ContextValue<SelectFieldProps, HTMLDivElement>>;
 /**
  * Provider for setting default props across multiple SelectField components
  *
@@ -29,7 +29,7 @@ declare const SelectFieldContext: react37.Context<ContextValue<SelectFieldProps,
 declare function SelectFieldProvider({
   children,
   ...props
-}: ProviderProps<SelectFieldProps>): react_jsx_runtime155.JSX.Element;
+}: ProviderProps<SelectFieldProps>): react_jsx_runtime119.JSX.Element;
 //#endregion
 export { SelectFieldContext, SelectFieldProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/select-field/index.d.ts

@@ -12,7 +12,7 @@
 
 import { SelectFieldProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime145 from "react/jsx-runtime";
+import * as react_jsx_runtime121 from "react/jsx-runtime";
 
 //#region src/components/select-field/index.d.ts
 
@@ -43,7 +43,7 @@ import * as react_jsx_runtime145 from "react/jsx-runtime";
 declare function SelectField({
   ref,
   ...props
-}: SelectFieldProps): react_jsx_runtime145.JSX.Element;
+}: SelectFieldProps): react_jsx_runtime121.JSX.Element;
 //#endregion
 export { SelectField };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/sidenav/avatar.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavAvatarProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime146 from "react/jsx-runtime";
+import * as react_jsx_runtime122 from "react/jsx-runtime";
 
 //#region src/components/sidenav/avatar.d.ts
 
@@ -41,7 +41,7 @@ declare function SidenavAvatar({
   children,
   className,
   ...rest
-}: SidenavAvatarProps): react_jsx_runtime146.JSX.Element;
+}: SidenavAvatarProps): react_jsx_runtime122.JSX.Element;
 //#endregion
 export { SidenavAvatar };
 //# sourceMappingURL=avatar.d.ts.map

package/dist/components/sidenav/content.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavContentProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime148 from "react/jsx-runtime";
+import * as react_jsx_runtime123 from "react/jsx-runtime";
 
 //#region src/components/sidenav/content.d.ts
 
@@ -45,7 +45,7 @@ declare function SidenavContent({
   className,
   children,
   ...rest
-}: SidenavContentProps): react_jsx_runtime148.JSX.Element;
+}: SidenavContentProps): react_jsx_runtime123.JSX.Element;
 //#endregion
 export { SidenavContent };
 //# sourceMappingURL=content.d.ts.map

package/dist/components/sidenav/context.d.ts

@@ -12,11 +12,11 @@
 
 import { SidenavContextValue } from "./types.js";
 import "client-only";
-import * as react36 from "react";
+import * as react31 from "react";
 
 //#region src/components/sidenav/context.d.ts
 /** Context for sidenav state and identification */
-declare const SidenavContext: react36.Context<SidenavContextValue>;
+declare const SidenavContext: react31.Context<SidenavContextValue>;
 //#endregion
 export { SidenavContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/sidenav/footer.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { SidenavFooterProps } from "./types.js";
-import * as react_jsx_runtime149 from "react/jsx-runtime";
+import * as react_jsx_runtime124 from "react/jsx-runtime";
 
 //#region src/components/sidenav/footer.d.ts
 
@@ -33,7 +33,7 @@ import * as react_jsx_runtime149 from "react/jsx-runtime";
  * @param props - {@link SidenavFooterProps}
  * @returns The rendered SidenavFooter component.
  */
-declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime149.JSX.Element;
+declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime124.JSX.Element;
 //#endregion
 export { SidenavFooter };
 //# sourceMappingURL=footer.d.ts.map

package/dist/components/sidenav/header.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavHeaderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime137 from "react/jsx-runtime";
+import * as react_jsx_runtime125 from "react/jsx-runtime";
 
 //#region src/components/sidenav/header.d.ts
 
@@ -42,7 +42,7 @@ declare function SidenavHeader({
   children,
   classNames,
   ...rest
-}: SidenavHeaderProps): react_jsx_runtime137.JSX.Element;
+}: SidenavHeaderProps): react_jsx_runtime125.JSX.Element;
 //#endregion
 export { SidenavHeader };
 //# sourceMappingURL=header.d.ts.map

package/dist/components/sidenav/index.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime152 from "react/jsx-runtime";
+import * as react_jsx_runtime126 from "react/jsx-runtime";
 
 //#region src/components/sidenav/index.d.ts
 
@@ -87,7 +87,7 @@ declare function Sidenav({
   isHiddenWhenClosed,
   children,
   ...rest
-}: SidenavProps): react_jsx_runtime152.JSX.Element | null;
+}: SidenavProps): react_jsx_runtime126.JSX.Element | null;
 //#endregion
 export { Sidenav };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/sidenav/item.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime153 from "react/jsx-runtime";
+import * as react_jsx_runtime128 from "react/jsx-runtime";
 
 //#region src/components/sidenav/item.d.ts
 
@@ -40,7 +40,7 @@ declare function SidenavItem({
   classNames,
   textValue,
   ...rest
-}: SidenavItemProps): react_jsx_runtime153.JSX.Element;
+}: SidenavItemProps): react_jsx_runtime128.JSX.Element;
 //#endregion
 export { SidenavItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/sidenav/link.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavLinkProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime154 from "react/jsx-runtime";
+import * as react_jsx_runtime127 from "react/jsx-runtime";
 
 //#region src/components/sidenav/link.d.ts
 
@@ -40,7 +40,7 @@ declare function SidenavLink({
   classNames,
   textValue,
   ...rest
-}: SidenavLinkProps): react_jsx_runtime154.JSX.Element;
+}: SidenavLinkProps): react_jsx_runtime127.JSX.Element;
 //#endregion
 export { SidenavLink };
 //# sourceMappingURL=link.d.ts.map

package/dist/components/sidenav/menu-item.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { SidenavMenuItemProps } from "./types.js";
-import * as react_jsx_runtime161 from "react/jsx-runtime";
+import * as react_jsx_runtime130 from "react/jsx-runtime";
 
 //#region src/components/sidenav/menu-item.d.ts
 
@@ -37,7 +37,7 @@ declare function SidenavMenuItem({
   className,
   children,
   ...rest
-}: SidenavMenuItemProps): react_jsx_runtime161.JSX.Element;
+}: SidenavMenuItemProps): react_jsx_runtime130.JSX.Element;
 //#endregion
 export { SidenavMenuItem };
 //# sourceMappingURL=menu-item.d.ts.map

package/dist/components/sidenav/menu.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavMenuProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime159 from "react/jsx-runtime";
+import * as react_jsx_runtime120 from "react/jsx-runtime";
 
 //#region src/components/sidenav/menu.d.ts
 
@@ -43,7 +43,7 @@ declare function SidenavMenu({
   classNames,
   children,
   ...rest
-}: SidenavMenuProps): react_jsx_runtime159.JSX.Element;
+}: SidenavMenuProps): react_jsx_runtime120.JSX.Element;
 //#endregion
 export { SidenavMenu };
 //# sourceMappingURL=menu.d.ts.map