@accelint/design-toolkit 9.9.1 → 9.10.0

package/dist/components/options/section.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { OptionsDataItem, OptionsSectionProps } from "./types.js";
-import * as react_jsx_runtime129 from "react/jsx-runtime";
+import * as react_jsx_runtime154 from "react/jsx-runtime";
 
 //#region src/components/options/section.d.ts
 
@@ -38,7 +38,7 @@ declare function OptionsSection<T extends OptionsDataItem>({
   classNames,
   header,
   items
-}: OptionsSectionProps<T>): react_jsx_runtime129.JSX.Element;
+}: OptionsSectionProps<T>): react_jsx_runtime154.JSX.Element;
 //#endregion
 export { OptionsSection };
 //# sourceMappingURL=section.d.ts.map

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

@@ -12,11 +12,11 @@
 
 import { PaginationContextValue } from "./types.js";
 import "client-only";
-import * as react25 from "react";
+import * as react40 from "react";
 
 //#region src/components/pagination/context.d.ts
 /** Context for sharing pagination state with sub-components */
-declare const PaginationContext: react25.Context<PaginationContextValue>;
+declare const PaginationContext: react40.Context<PaginationContextValue>;
 //#endregion
 export { PaginationContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { PaginationProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime132 from "react/jsx-runtime";
+import * as react_jsx_runtime156 from "react/jsx-runtime";
 
 //#region src/components/pagination/index.d.ts
 
@@ -46,7 +46,7 @@ declare function Pagination({
   isLoading,
   onChange,
   ...rest
-}: PaginationProps): react_jsx_runtime132.JSX.Element;
+}: PaginationProps): react_jsx_runtime156.JSX.Element;
 //#endregion
 export { Pagination };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/pagination/next.d.ts

@@ -12,7 +12,7 @@
 
 import { PaginationNextProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime133 from "react/jsx-runtime";
+import * as react_jsx_runtime160 from "react/jsx-runtime";
 
 //#region src/components/pagination/next.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime133 from "react/jsx-runtime";
 declare function PaginationNext({
   className,
   onPress
-}: PaginationNextProps): react_jsx_runtime133.JSX.Element;
+}: PaginationNextProps): react_jsx_runtime160.JSX.Element;
 //#endregion
 export { PaginationNext };
 //# sourceMappingURL=next.d.ts.map

package/dist/components/pagination/pages.d.ts

@@ -12,7 +12,7 @@
 
 import { PaginationPagesProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime130 from "react/jsx-runtime";
+import * as react_jsx_runtime158 from "react/jsx-runtime";
 
 //#region src/components/pagination/pages.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime130 from "react/jsx-runtime";
 declare function PaginationPages({
   className,
   onPress
-}: PaginationPagesProps): react_jsx_runtime130.JSX.Element[] | null;
+}: PaginationPagesProps): react_jsx_runtime158.JSX.Element[] | null;
 //#endregion
 export { PaginationPages };
 //# sourceMappingURL=pages.d.ts.map

package/dist/components/pagination/prev.d.ts

@@ -12,7 +12,7 @@
 
 import { PaginationPrevProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime134 from "react/jsx-runtime";
+import * as react_jsx_runtime166 from "react/jsx-runtime";
 
 //#region src/components/pagination/prev.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime134 from "react/jsx-runtime";
 declare function PaginationPrev({
   className,
   onPress
-}: PaginationPrevProps): react_jsx_runtime134.JSX.Element;
+}: PaginationPrevProps): react_jsx_runtime166.JSX.Element;
 //#endregion
 export { PaginationPrev };
 //# sourceMappingURL=prev.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime135 from "react/jsx-runtime";
+import * as react_jsx_runtime167 from "react/jsx-runtime";
 
 //#region src/components/popover/content.d.ts
 
@@ -36,7 +36,7 @@ import * as react_jsx_runtime135 from "react/jsx-runtime";
 declare function PopoverContent({
   className,
   ...rest
-}: ComponentPropsWithRef<'div'>): react_jsx_runtime135.JSX.Element;
+}: ComponentPropsWithRef<'div'>): react_jsx_runtime167.JSX.Element;
 //#endregion
 export { PopoverContent };
 //# sourceMappingURL=content.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime136 from "react/jsx-runtime";
+import * as react_jsx_runtime169 from "react/jsx-runtime";
 
 //#region src/components/popover/footer.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime136 from "react/jsx-runtime";
 declare function PopoverFooter({
   children,
   className
-}: ComponentPropsWithRef<'footer'>): react_jsx_runtime136.JSX.Element;
+}: ComponentPropsWithRef<'footer'>): react_jsx_runtime169.JSX.Element;
 //#endregion
 export { PopoverFooter };
 //# sourceMappingURL=footer.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { PopoverProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime137 from "react/jsx-runtime";
+import * as react_jsx_runtime174 from "react/jsx-runtime";
 
 //#region src/components/popover/index.d.ts
 
@@ -58,7 +58,7 @@ declare function Popover({
   classNames,
   dialogProps,
   ...rest
-}: PopoverProps): react_jsx_runtime137.JSX.Element;
+}: PopoverProps): react_jsx_runtime174.JSX.Element;
 //#endregion
 export { Popover };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/popover/styles.module.css

@@ -14,8 +14,42 @@
 
 @layer components.l1 {
   .popover {
+    --offset: var(--spacing-xs);
+    --offset-neg: calc(var(--spacing-xs) * -1);
+
     @apply rounded-medium bg-surface-raised p-s outline-static outline;
     max-width: 280px;
+    transition:
+      transform var(--animation-duration-normal),
+      opacity var(--animation-duration-normal);
+
+    @variant motion-safe {
+      @variant placement-top {
+        --origin: translateY(var(--offset));
+      }
+
+      @variant placement-bottom {
+        --origin: translateY(var(--offset-neg));
+      }
+
+      @variant placement-left {
+        --origin: translateX(var(--offset));
+      }
+
+      @variant placement-right {
+        --origin: translateX(var(--offset-neg));
+      }
+
+      @variant entering {
+        transform: var(--origin);
+        opacity: 0;
+      }
+
+      @variant exiting {
+        transform: var(--origin);
+        opacity: 0;
+      }
+    }
   }
 
   .title {

package/dist/components/popover/title.d.ts

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { HeadingProps } from "react-aria-components";
-import * as react_jsx_runtime138 from "react/jsx-runtime";
+import * as react_jsx_runtime139 from "react/jsx-runtime";
 
 //#region src/components/popover/title.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime138 from "react/jsx-runtime";
 declare function PopoverTitle({
   className,
   ...rest
-}: HeadingProps): react_jsx_runtime138.JSX.Element;
+}: HeadingProps): react_jsx_runtime139.JSX.Element;
 //#endregion
 export { PopoverTitle };
 //# sourceMappingURL=title.d.ts.map

package/dist/components/popover/trigger.d.ts

@@ -12,7 +12,7 @@
 
 import { PopoverTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime139 from "react/jsx-runtime";
+import * as react_jsx_runtime141 from "react/jsx-runtime";
 
 //#region src/components/popover/trigger.d.ts
 
@@ -41,7 +41,7 @@ declare function PopoverTrigger({
   ref,
   children,
   ...rest
-}: PopoverTriggerProps): react_jsx_runtime139.JSX.Element;
+}: PopoverTriggerProps): react_jsx_runtime141.JSX.Element;
 //#endregion
 export { PopoverTrigger };
 //# sourceMappingURL=trigger.d.ts.map

package/dist/components/query-builder/action-element.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime140 from "react/jsx-runtime";
+import * as react_jsx_runtime143 from "react/jsx-runtime";
 import { ActionProps } from "react-querybuilder";
 
 //#region src/components/query-builder/action-element.d.ts
@@ -38,7 +38,7 @@ declare function ActionElement({
   disabledTranslation,
   title: titleProp,
   handleOnClick
-}: ActionProps): react_jsx_runtime140.JSX.Element;
+}: ActionProps): react_jsx_runtime143.JSX.Element;
 //#endregion
 export { ActionElement };
 //# sourceMappingURL=action-element.d.ts.map

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

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime108 from "react/jsx-runtime";
+import * as react_jsx_runtime147 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_runtime108.JSX.Element;
+}: ActionProps): react_jsx_runtime147.JSX.Element;
 /**
  * Lock/unlock toggle button for rules or groups
  *
@@ -46,7 +46,7 @@ declare function LockAction({
   handleOnClick,
   className,
   ...rest
-}: ActionProps): react_jsx_runtime108.JSX.Element;
+}: ActionProps): react_jsx_runtime147.JSX.Element;
 /**
  * Duplicate button for cloning rules or groups
  *
@@ -62,7 +62,7 @@ declare function CloneAction({
   handleOnClick,
   className,
   ...rest
-}: ActionProps): react_jsx_runtime108.JSX.Element;
+}: ActionProps): react_jsx_runtime147.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_runtime112 from "react/jsx-runtime";
+import * as react_jsx_runtime161 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_runtime112.JSX.Element;
+}: CombinatorSelectorProps): react_jsx_runtime161.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_runtime178 from "react/jsx-runtime";
+import * as react_jsx_runtime163 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_runtime178.JSX.Element;
+}: QueryBuilderProps): react_jsx_runtime163.JSX.Element;
 //#endregion
 export { QueryBuilder };
 //# sourceMappingURL=index.d.ts.map

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

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime179 from "react/jsx-runtime";
+import * as react_jsx_runtime144 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_runtime179.JSX.Element;
+declare function RuleGroup(props: RuleGroupProps): react_jsx_runtime144.JSX.Element;
 /**
  * Header section with combinator selector and group actions (clone, lock, remove)
  *
@@ -49,7 +49,7 @@ declare function RuleGroup(props: RuleGroupProps): react_jsx_runtime179.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_runtime179.JSX.Element;
+declare function RuleGroupHeaderComponent(ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>): react_jsx_runtime144.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_runtime179.JSX.Element;
+declare function RuleGroupFooterComponent(ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>): react_jsx_runtime144.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_runtime182 from "react/jsx-runtime";
+import * as react_jsx_runtime150 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_runtime182.JSX.Element;
+declare function Rule(props: RuleProps): react_jsx_runtime150.JSX.Element;
 //#endregion
 export { Rule };
 //# sourceMappingURL=rule.d.ts.map

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

@@ -87,10 +87,13 @@
   }
 
   .fields,
-  .value,
   .operators {
     @variant group-size-small/combobox-field {
       max-width: 250px;
     }
   }
+
+  .value {
+    max-width: 250px;
+  }
 }

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

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime185 from "react/jsx-runtime";
+import * as react_jsx_runtime142 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_runtime185.JSX.Element | null;
+declare function ValueEditor(props: ValueEditorProps): react_jsx_runtime142.JSX.Element | null;
 //#endregion
 export { ValueEditor };
 //# sourceMappingURL=value-editor.d.ts.map

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

@@ -171,7 +171,7 @@ function ValueEditor(props) {
 		value: valueAsArray[index],
 		handleOnChange: index ? handleRangeEndChange : handleRangeStartChange
 	}) }, `${name}-${term}`)) });
-	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Editor, { ...props }) });
+	return /* @__PURE__ */ jsx(Editor, { ...props });
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"value-editor.js","names":["defaultOptions: unknown[]","valueEditors: QueryBuilderValueEditors"],"sources":["../../../src/components/query-builder/value-editor.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2026 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 { useCallback } from 'react';\nimport { useValueEditor, type ValueEditorProps } from 'react-querybuilder';\nimport { Checkbox } from '../checkbox';\nimport { Radio } from '../radio';\nimport { RadioGroup } from '../radio/group';\nimport { Switch } from '../switch';\nimport { TextAreaField } from '../text-area-field';\nimport { TextField } from '../text-field';\nimport { multiValueOperators } from './constants';\nimport styles from './styles.module.css';\nimport { getValidationResult } from './utils';\nimport { ValueSelector } from './value-selector';\nimport type { InputProps } from '../input/types';\nimport type { QueryBuilderValueEditors } from './types';\n\nfunction CheckboxValueEditor({\n  className,\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <Checkbox\n      classNames={{ checkbox: className }}\n      isDisabled={disabled}\n      isSelected={value}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n    />\n  );\n}\n\nfunction RadioGroupValueEditor({\n  className,\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  value,\n  values,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <RadioGroup\n      classNames={{ group: className }}\n      value={value}\n      isDisabled={disabled}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n      aria-labelledby={name}\n    >\n      {values?.map((option) => (\n        <Radio key={option.name} value={option.value}>\n          {option.label}\n        </Radio>\n      ))}\n    </RadioGroup>\n  );\n}\n\nconst defaultOptions: unknown[] = [];\n\nfunction SelectValueEditor({\n  className,\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  type,\n  value,\n  values = defaultOptions,\n  ...rest\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <ValueSelector\n      {...rest}\n      className={className}\n      disabled={disabled}\n      multiple={type === 'multiselect'}\n      options={values}\n      title={name}\n      validation={!valid}\n      value={value}\n      handleOnChange={handleOnChange}\n      aria-labelledby={name}\n    />\n  );\n}\n\nfunction SwitchValueEditor({\n  className,\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <Switch\n      classNames={{ switch: className }}\n      isDisabled={disabled}\n      isSelected={Boolean(value)}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n      aria-labelledby={name}\n    />\n  );\n}\n\nfunction TextValueEditor({\n  disabled,\n  fieldData: { name, placeholder, validator },\n  handleOnChange,\n  inputType,\n  rule,\n  value,\n  className,\n}: ValueEditorProps) {\n  const { valid, reasons } = getValidationResult(rule, validator);\n\n  return (\n    <TextField\n      inputProps={{\n        placeholder,\n        type: (inputType as InputProps['type']) ?? 'text',\n      }}\n      size='small'\n      value={value}\n      classNames={{ field: className, input: { container: styles.textInput } }}\n      isDisabled={disabled}\n      isInvalid={!valid}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n      aria-labelledby={name}\n      errorMessage={reasons?.join('/n')}\n    />\n  );\n}\n\nfunction TextareaValueEditor({\n  className,\n  disabled,\n  fieldData: { name, placeholder, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid, reasons } = getValidationResult(rule, validator);\n\n  return (\n    <TextAreaField\n      classNames={{ field: className }}\n      size='small'\n      errorMessage={reasons?.join('/n')}\n      inputProps={{ placeholder }}\n      value={value}\n      isDisabled={disabled}\n      isInvalid={!valid}\n      onChange={handleOnChange}\n      aria-label={name}\n      aria-invalid={!valid}\n      aria-labelledby={name}\n    />\n  );\n}\n\nconst valueEditors: QueryBuilderValueEditors = {\n  checkbox: CheckboxValueEditor,\n  radio: RadioGroupValueEditor,\n  select: SelectValueEditor,\n  switch: SwitchValueEditor,\n  text: TextValueEditor,\n  textarea: TextareaValueEditor,\n};\n\n/**\n * ValueEditor - Input component for editing rule values\n *\n * Renders appropriate editor based on field type: text, checkbox, radio, select, switch, or textarea.\n * Supports multi-value operators (between, notBetween) with start/end inputs.\n *\n * @example\n * ```tsx\n * <ValueEditor\n *   fieldData={{ name: 'age', valueEditorType: 'text' }}\n *   operator=\"greaterThan\"\n *   value=\"18\"\n *   handleOnChange={(value) => console.log(value)}\n *   rule={{ field: 'age', operator: 'greaterThan', value: '18' }}\n * />\n * ```\n *\n * @param props - ValueEditorProps from react-querybuilder.\n * @returns The rendered value editor, or null for null/notNull operators.\n */\nexport function ValueEditor(props: ValueEditorProps) {\n  const {\n    fieldData: { name, valueEditorType },\n    operator,\n    rule: ruleProp,\n  } = props;\n\n  const { valueAsArray, multiValueHandler } = useValueEditor({\n    ...props,\n    skipHook: true,\n  });\n\n  const rule = useCallback(\n    (index: number) => ({\n      ...ruleProp,\n      value: valueAsArray[index],\n    }),\n    [ruleProp, valueAsArray],\n  );\n\n  const handleRangeStartChange = useCallback(\n    (value: string) => multiValueHandler(value, 0),\n    [multiValueHandler],\n  );\n\n  const handleRangeEndChange = useCallback(\n    (value: string) => multiValueHandler(value, 1),\n    [multiValueHandler],\n  );\n\n  const type =\n    (typeof valueEditorType === 'function'\n      ? valueEditorType(operator)\n      : valueEditorType) ?? 'text';\n\n  const Editor = valueEditors?.[type];\n\n  if (operator === 'null' || operator === 'notNull' || !Editor) {\n    return null;\n  }\n\n  if (multiValueOperators.includes(operator)) {\n    return (\n      <>\n        {['start', 'end'].map((term, index) => (\n          <div key={`${name}-${term}`}>\n            <Editor\n              {...props}\n              rule={rule(index)}\n              value={valueAsArray[index]}\n              handleOnChange={\n                index ? handleRangeEndChange : handleRangeStartChange\n              }\n            />\n          </div>\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <div>\n      <Editor {...props} />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"value-editor.js","names":["defaultOptions: unknown[]","valueEditors: QueryBuilderValueEditors"],"sources":["../../../src/components/query-builder/value-editor.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2026 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 { useCallback } from 'react';\nimport { useValueEditor, type ValueEditorProps } from 'react-querybuilder';\nimport { Checkbox } from '../checkbox';\nimport { Radio } from '../radio';\nimport { RadioGroup } from '../radio/group';\nimport { Switch } from '../switch';\nimport { TextAreaField } from '../text-area-field';\nimport { TextField } from '../text-field';\nimport { multiValueOperators } from './constants';\nimport styles from './styles.module.css';\nimport { getValidationResult } from './utils';\nimport { ValueSelector } from './value-selector';\nimport type { InputProps } from '../input/types';\nimport type { QueryBuilderValueEditors } from './types';\n\nfunction CheckboxValueEditor({\n  className,\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <Checkbox\n      classNames={{ checkbox: className }}\n      isDisabled={disabled}\n      isSelected={value}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n    />\n  );\n}\n\nfunction RadioGroupValueEditor({\n  className,\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  value,\n  values,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <RadioGroup\n      classNames={{ group: className }}\n      value={value}\n      isDisabled={disabled}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n      aria-labelledby={name}\n    >\n      {values?.map((option) => (\n        <Radio key={option.name} value={option.value}>\n          {option.label}\n        </Radio>\n      ))}\n    </RadioGroup>\n  );\n}\n\nconst defaultOptions: unknown[] = [];\n\nfunction SelectValueEditor({\n  className,\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  type,\n  value,\n  values = defaultOptions,\n  ...rest\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <ValueSelector\n      {...rest}\n      className={className}\n      disabled={disabled}\n      multiple={type === 'multiselect'}\n      options={values}\n      title={name}\n      validation={!valid}\n      value={value}\n      handleOnChange={handleOnChange}\n      aria-labelledby={name}\n    />\n  );\n}\n\nfunction SwitchValueEditor({\n  className,\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <Switch\n      classNames={{ switch: className }}\n      isDisabled={disabled}\n      isSelected={Boolean(value)}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n      aria-labelledby={name}\n    />\n  );\n}\n\nfunction TextValueEditor({\n  disabled,\n  fieldData: { name, placeholder, validator },\n  handleOnChange,\n  inputType,\n  rule,\n  value,\n  className,\n}: ValueEditorProps) {\n  const { valid, reasons } = getValidationResult(rule, validator);\n\n  return (\n    <TextField\n      inputProps={{\n        placeholder,\n        type: (inputType as InputProps['type']) ?? 'text',\n      }}\n      size='small'\n      value={value}\n      classNames={{ field: className, input: { container: styles.textInput } }}\n      isDisabled={disabled}\n      isInvalid={!valid}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n      aria-labelledby={name}\n      errorMessage={reasons?.join('/n')}\n    />\n  );\n}\n\nfunction TextareaValueEditor({\n  className,\n  disabled,\n  fieldData: { name, placeholder, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid, reasons } = getValidationResult(rule, validator);\n\n  return (\n    <TextAreaField\n      classNames={{ field: className }}\n      size='small'\n      errorMessage={reasons?.join('/n')}\n      inputProps={{ placeholder }}\n      value={value}\n      isDisabled={disabled}\n      isInvalid={!valid}\n      onChange={handleOnChange}\n      aria-label={name}\n      aria-invalid={!valid}\n      aria-labelledby={name}\n    />\n  );\n}\n\nconst valueEditors: QueryBuilderValueEditors = {\n  checkbox: CheckboxValueEditor,\n  radio: RadioGroupValueEditor,\n  select: SelectValueEditor,\n  switch: SwitchValueEditor,\n  text: TextValueEditor,\n  textarea: TextareaValueEditor,\n};\n\n/**\n * ValueEditor - Input component for editing rule values\n *\n * Renders appropriate editor based on field type: text, checkbox, radio, select, switch, or textarea.\n * Supports multi-value operators (between, notBetween) with start/end inputs.\n *\n * @example\n * ```tsx\n * <ValueEditor\n *   fieldData={{ name: 'age', valueEditorType: 'text' }}\n *   operator=\"greaterThan\"\n *   value=\"18\"\n *   handleOnChange={(value) => console.log(value)}\n *   rule={{ field: 'age', operator: 'greaterThan', value: '18' }}\n * />\n * ```\n *\n * @param props - ValueEditorProps from react-querybuilder.\n * @returns The rendered value editor, or null for null/notNull operators.\n */\nexport function ValueEditor(props: ValueEditorProps) {\n  const {\n    fieldData: { name, valueEditorType },\n    operator,\n    rule: ruleProp,\n  } = props;\n\n  const { valueAsArray, multiValueHandler } = useValueEditor({\n    ...props,\n    skipHook: true,\n  });\n\n  const rule = useCallback(\n    (index: number) => ({\n      ...ruleProp,\n      value: valueAsArray[index],\n    }),\n    [ruleProp, valueAsArray],\n  );\n\n  const handleRangeStartChange = useCallback(\n    (value: string) => multiValueHandler(value, 0),\n    [multiValueHandler],\n  );\n\n  const handleRangeEndChange = useCallback(\n    (value: string) => multiValueHandler(value, 1),\n    [multiValueHandler],\n  );\n\n  const type =\n    (typeof valueEditorType === 'function'\n      ? valueEditorType(operator)\n      : valueEditorType) ?? 'text';\n\n  const Editor = valueEditors?.[type];\n\n  if (operator === 'null' || operator === 'notNull' || !Editor) {\n    return null;\n  }\n\n  if (multiValueOperators.includes(operator)) {\n    return (\n      <>\n        {['start', 'end'].map((term, index) => (\n          <div key={`${name}-${term}`}>\n            <Editor\n              {...props}\n              rule={rule(index)}\n              value={valueAsArray[index]}\n              handleOnChange={\n                index ? handleRangeEndChange : handleRangeStartChange\n              }\n            />\n          </div>\n        ))}\n      </>\n    );\n  }\n\n  return <Editor {...props} />;\n}\n"],"mappings":"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"}

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

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime177 from "react/jsx-runtime";
+import * as react_jsx_runtime151 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_runtime177.JSX.Element;
+declare function ValueSelector(props: ValueSelectorProps): react_jsx_runtime151.JSX.Element;
 //#endregion
 export { ValueSelector };
 //# sourceMappingURL=value-selector.d.ts.map

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

@@ -13,8 +13,8 @@
 
 'use client';
 
-import { ComboBoxField } from "../combobox-field/index.js";
 import { OptionsItem } from "../options/item.js";
+import { ComboBoxField } from "../combobox-field/index.js";
 import { OptionsSection } from "../options/section.js";
 import "client-only";
 import { useCallback, useMemo } from "react";

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

@@ -12,7 +12,7 @@
 
 import { RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1 } from "./types.js";
 import "client-only";
-import * as react45 from "react";
+import * as react37 from "react";
 import { ContextValue } from "react-aria-components";
 
 //#region src/components/radio/context.d.ts
@@ -21,13 +21,13 @@ import { ContextValue } from "react-aria-components";
  *
  * Provides context for RadioGroup component to share state with Radio components
  */
-declare const RadioGroupContext: react45.Context<ContextValue<RadioGroupProps$1, HTMLDivElement>>;
+declare const RadioGroupContext: react37.Context<ContextValue<RadioGroupProps$1, HTMLDivElement>>;
 /**
  * Context for Radio component
  *
  * Provides context for Radio component to share configuration from RadioGroup
  */
-declare const RadioContext: react45.Context<ContextValue<RadioProps$1, HTMLLabelElement>>;
+declare const RadioContext: react37.Context<ContextValue<RadioProps$1, HTMLLabelElement>>;
 //#endregion
 export { RadioContext, RadioGroupContext };
 //# 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_runtime189 from "react/jsx-runtime";
+import * as react_jsx_runtime153 from "react/jsx-runtime";
 
 //#region src/components/radio/group.d.ts
 
@@ -41,7 +41,7 @@ import * as react_jsx_runtime189 from "react/jsx-runtime";
 declare function RadioGroup({
   ref,
   ...props
-}: RadioGroupProps): react_jsx_runtime189.JSX.Element;
+}: RadioGroupProps): react_jsx_runtime153.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_runtime190 from "react/jsx-runtime";
+import * as react_jsx_runtime152 from "react/jsx-runtime";
 
 //#region src/components/radio/index.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime190 from "react/jsx-runtime";
 declare function Radio({
   ref,
   ...props
-}: RadioProps): react_jsx_runtime190.JSX.Element;
+}: RadioProps): react_jsx_runtime152.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 react43 from "react";
+import * as react41 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime184 from "react/jsx-runtime";
+import * as react_jsx_runtime162 from "react/jsx-runtime";
 
 //#region src/components/search-field/context.d.ts
 /**
@@ -23,7 +23,7 @@ import * as react_jsx_runtime184 from "react/jsx-runtime";
  *
  * Provides context for SearchField component to share props
  */
-declare const SearchFieldContext: react43.Context<ContextValue<SearchFieldProps$1, HTMLDivElement>>;
+declare const SearchFieldContext: react41.Context<ContextValue<SearchFieldProps$1, HTMLDivElement>>;
 /**
  * Provider for SearchField component
  *
@@ -35,7 +35,7 @@ declare const SearchFieldContext: react43.Context<ContextValue<SearchFieldProps$
 declare function SearchFieldProvider({
   children,
   ...props
-}: ProviderProps<SearchFieldProps$1>): react_jsx_runtime184.JSX.Element;
+}: ProviderProps<SearchFieldProps$1>): react_jsx_runtime162.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_runtime91 from "react/jsx-runtime";
+import * as react_jsx_runtime159 from "react/jsx-runtime";
 
 //#region src/components/search-field/index.d.ts
 
@@ -41,7 +41,7 @@ import * as react_jsx_runtime91 from "react/jsx-runtime";
 declare function SearchField({
   ref,
   ...props
-}: SearchFieldProps): react_jsx_runtime91.JSX.Element;
+}: SearchFieldProps): react_jsx_runtime159.JSX.Element;
 //#endregion
 export { SearchField };
 //# sourceMappingURL=index.d.ts.map