@accelint/design-toolkit 9.6.0 → 9.7.0

package/dist/components/notice/list.d.ts

@@ -12,7 +12,7 @@
 
 import { NoticeListProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime177 from "react/jsx-runtime";
+import * as react_jsx_runtime105 from "react/jsx-runtime";
 
 //#region src/components/notice/list.d.ts
 
@@ -55,7 +55,7 @@ declare function NoticeList({
   placement,
   size,
   ...rest
-}: NoticeListProps): react_jsx_runtime177.JSX.Element;
+}: NoticeListProps): react_jsx_runtime105.JSX.Element;
 //#endregion
 export { NoticeList };
 //# sourceMappingURL=list.d.ts.map

package/dist/components/notice/notice-icon.d.ts

@@ -12,7 +12,7 @@
 
 import { NoticeIconProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime179 from "react/jsx-runtime";
+import * as react_jsx_runtime71 from "react/jsx-runtime";
 
 //#region src/components/notice/notice-icon.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime179 from "react/jsx-runtime";
 declare function NoticeIcon({
   color,
   size
-}: NoticeIconProps): react_jsx_runtime179.JSX.Element;
+}: NoticeIconProps): react_jsx_runtime71.JSX.Element;
 //#endregion
 export { NoticeIcon };
 //# sourceMappingURL=notice-icon.d.ts.map

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

@@ -12,12 +12,12 @@
 
 import { OptionsDataItem, OptionsProps } from "./types.js";
 import "client-only";
-import * as react47 from "react";
+import * as react19 from "react";
 import { ContextValue } from "react-aria-components";
 
 //#region src/components/options/context.d.ts
 /** Context for sharing Options props with nested components */
-declare const OptionsContext: react47.Context<ContextValue<OptionsProps<OptionsDataItem>, HTMLDivElement>>;
+declare const OptionsContext: react19.Context<ContextValue<OptionsProps<OptionsDataItem>, HTMLDivElement>>;
 //#endregion
 export { OptionsContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { OptionsDataItem, OptionsProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime187 from "react/jsx-runtime";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
 
 //#region src/components/options/index.d.ts
 
@@ -73,7 +73,7 @@ import * as react_jsx_runtime187 from "react/jsx-runtime";
 declare function Options<T extends OptionsDataItem>({
   ref,
   ...props
-}: OptionsProps<T>): react_jsx_runtime187.JSX.Element;
+}: OptionsProps<T>): react_jsx_runtime52.JSX.Element;
 //#endregion
 export { Options };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/options/item-content.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime202 from "react/jsx-runtime";
+import * as react_jsx_runtime53 from "react/jsx-runtime";
 
 //#region src/components/options/item-content.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime202 from "react/jsx-runtime";
 declare function OptionsItemContent({
   className,
   ...rest
-}: TextProps): react_jsx_runtime202.JSX.Element;
+}: TextProps): react_jsx_runtime53.JSX.Element;
 //#endregion
 export { OptionsItemContent };
 //# sourceMappingURL=item-content.d.ts.map

package/dist/components/options/item-description.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime188 from "react/jsx-runtime";
+import * as react_jsx_runtime55 from "react/jsx-runtime";
 
 //#region src/components/options/item-description.d.ts
 /**
@@ -29,7 +29,7 @@ import * as react_jsx_runtime188 from "react/jsx-runtime";
 declare function OptionsItemDescription({
   className,
   ...rest
-}: TextProps): react_jsx_runtime188.JSX.Element;
+}: TextProps): react_jsx_runtime55.JSX.Element;
 //#endregion
 export { OptionsItemDescription };
 //# sourceMappingURL=item-description.d.ts.map

package/dist/components/options/item-label.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime198 from "react/jsx-runtime";
+import * as react_jsx_runtime57 from "react/jsx-runtime";
 
 //#region src/components/options/item-label.d.ts
 /**
@@ -29,7 +29,7 @@ import * as react_jsx_runtime198 from "react/jsx-runtime";
 declare function OptionsItemLabel({
   className,
   ...rest
-}: TextProps): react_jsx_runtime198.JSX.Element;
+}: TextProps): react_jsx_runtime57.JSX.Element;
 //#endregion
 export { OptionsItemLabel };
 //# sourceMappingURL=item-label.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { OptionsDataItem, OptionsItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime201 from "react/jsx-runtime";
+import * as react_jsx_runtime59 from "react/jsx-runtime";
 
 //#region src/components/options/item.d.ts
 
@@ -43,7 +43,7 @@ declare function OptionsItem<T extends OptionsDataItem>({
   color,
   textValue,
   ...rest
-}: OptionsItemProps<T>): react_jsx_runtime201.JSX.Element;
+}: OptionsItemProps<T>): react_jsx_runtime59.JSX.Element;
 //#endregion
 export { OptionsItem };
 //# sourceMappingURL=item.d.ts.map

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

@@ -11,7 +11,7 @@
  */
 
 import { OptionsDataItem, OptionsSectionProps } from "./types.js";
-import * as react_jsx_runtime190 from "react/jsx-runtime";
+import * as react_jsx_runtime61 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_runtime190.JSX.Element;
+}: OptionsSectionProps<T>): react_jsx_runtime61.JSX.Element;
 //#endregion
 export { OptionsSection };
 //# sourceMappingURL=section.d.ts.map

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

@@ -102,7 +102,7 @@
         }
 
         @variant hover {
-          @apply bg-serious-bold;
+          @apply fg-a11y-on-utility bg-serious-bold;
 
           &:before {
             @apply bg-(--outline-serious-hover);
@@ -110,7 +110,7 @@
         }
 
         @variant focus-visible {
-          @apply bg-serious-bold;
+          @apply fg-a11y-on-utility bg-serious-bold;
         }
 
         @variant pressed {
@@ -144,7 +144,7 @@
         }
 
         @variant hover {
-          @apply bg-critical-bold;
+          @apply fg-a11y-on-utility bg-critical-bold;
 
           &:before {
             @apply bg-(--outline-critical-hover);
@@ -152,7 +152,7 @@
         }
 
         @variant focus-visible {
-          @apply bg-critical-bold;
+          @apply fg-a11y-on-utility bg-critical-bold;
         }
 
         @variant pressed {
@@ -234,6 +234,14 @@
       }
 
       @variant group-selected/options-item {
+        @variant group-hover/options-item {
+          @apply fg-a11y-on-utility;
+        }
+
+        @variant group-focus-visible/options-item {
+          @apply fg-a11y-on-utility;
+        }
+
         @variant group-pressed/options-item {
           @apply fg-serious-bold;
         }
@@ -248,6 +256,14 @@
       }
 
       @variant group-selected/options-item {
+        @variant group-hover/options-item {
+          @apply fg-a11y-on-utility;
+        }
+
+        @variant group-focus-visible/options-item {
+          @apply fg-a11y-on-utility;
+        }
+
         @variant group-pressed/options-item {
           @apply fg-critical-bold;
         }
@@ -304,6 +320,14 @@
       }
 
       @variant group-selected/options-item {
+        @variant group-hover/options-item {
+          @apply fg-a11y-on-utility;
+        }
+
+        @variant group-focus-visible/options-item {
+          @apply fg-a11y-on-utility;
+        }
+
         @variant group-pressed/options-item {
           @apply fg-serious-bold;
         }
@@ -318,6 +342,14 @@
       }
 
       @variant group-selected/options-item {
+        @variant group-hover/options-item {
+          @apply fg-a11y-on-utility;
+        }
+
+        @variant group-focus-visible/options-item {
+          @apply fg-a11y-on-utility;
+        }
+
         @variant group-pressed/options-item {
           @apply fg-critical-bold;
         }
@@ -370,6 +402,14 @@
       @variant group-selected/options-item {
         @apply fg-primary-bold;
 
+        @variant group-hover/options-item {
+          @apply fg-a11y-on-utility;
+        }
+
+        @variant group-focus-visible/options-item {
+          @apply fg-a11y-on-utility;
+        }
+
         @variant group-pressed/options-item {
           @apply fg-serious-bold;
         }
@@ -384,6 +424,14 @@
       @variant group-selected/options-item {
         @apply fg-primary-bold;
 
+        @variant group-hover/options-item {
+          @apply fg-a11y-on-utility;
+        }
+
+        @variant group-focus-visible/options-item {
+          @apply fg-a11y-on-utility;
+        }
+
         @variant group-pressed/options-item {
           @apply fg-critical-bold;
         }

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

@@ -12,11 +12,11 @@
 
 import { PaginationContextValue } from "./types.js";
 import "client-only";
-import * as react48 from "react";
+import * as react20 from "react";
 
 //#region src/components/pagination/context.d.ts
 /** Context for sharing pagination state with sub-components */
-declare const PaginationContext: react48.Context<PaginationContextValue>;
+declare const PaginationContext: react20.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_runtime189 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/components/pagination/index.d.ts
 
@@ -46,7 +46,7 @@ declare function Pagination({
   isLoading,
   onChange,
   ...rest
-}: PaginationProps): react_jsx_runtime189.JSX.Element;
+}: PaginationProps): react_jsx_runtime8.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_runtime199 from "react/jsx-runtime";
+import * as react_jsx_runtime65 from "react/jsx-runtime";
 
 //#region src/components/pagination/next.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime199 from "react/jsx-runtime";
 declare function PaginationNext({
   className,
   onPress
-}: PaginationNextProps): react_jsx_runtime199.JSX.Element;
+}: PaginationNextProps): react_jsx_runtime65.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_runtime195 from "react/jsx-runtime";
+import * as react_jsx_runtime67 from "react/jsx-runtime";
 
 //#region src/components/pagination/pages.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime195 from "react/jsx-runtime";
 declare function PaginationPages({
   className,
   onPress
-}: PaginationPagesProps): react_jsx_runtime195.JSX.Element[] | null;
+}: PaginationPagesProps): react_jsx_runtime67.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_runtime197 from "react/jsx-runtime";
+import * as react_jsx_runtime69 from "react/jsx-runtime";
 
 //#region src/components/pagination/prev.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime197 from "react/jsx-runtime";
 declare function PaginationPrev({
   className,
   onPress
-}: PaginationPrevProps): react_jsx_runtime197.JSX.Element;
+}: PaginationPrevProps): react_jsx_runtime69.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_runtime191 from "react/jsx-runtime";
+import * as react_jsx_runtime75 from "react/jsx-runtime";
 
 //#region src/components/popover/content.d.ts
 
@@ -36,7 +36,7 @@ import * as react_jsx_runtime191 from "react/jsx-runtime";
 declare function PopoverContent({
   className,
   ...rest
-}: ComponentPropsWithRef<'div'>): react_jsx_runtime191.JSX.Element;
+}: ComponentPropsWithRef<'div'>): react_jsx_runtime75.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_runtime193 from "react/jsx-runtime";
+import * as react_jsx_runtime77 from "react/jsx-runtime";
 
 //#region src/components/popover/footer.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime193 from "react/jsx-runtime";
 declare function PopoverFooter({
   children,
   className
-}: ComponentPropsWithRef<'footer'>): react_jsx_runtime193.JSX.Element;
+}: ComponentPropsWithRef<'footer'>): react_jsx_runtime77.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_runtime196 from "react/jsx-runtime";
+import * as react_jsx_runtime118 from "react/jsx-runtime";
 
 //#region src/components/popover/index.d.ts
 
@@ -58,7 +58,7 @@ declare function Popover({
   classNames,
   dialogProps,
   ...rest
-}: PopoverProps): react_jsx_runtime196.JSX.Element;
+}: PopoverProps): react_jsx_runtime118.JSX.Element;
 //#endregion
 export { Popover };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { HeadingProps } from "react-aria-components";
-import * as react_jsx_runtime194 from "react/jsx-runtime";
+import * as react_jsx_runtime78 from "react/jsx-runtime";
 
 //#region src/components/popover/title.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime194 from "react/jsx-runtime";
 declare function PopoverTitle({
   className,
   ...rest
-}: HeadingProps): react_jsx_runtime194.JSX.Element;
+}: HeadingProps): react_jsx_runtime78.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_runtime192 from "react/jsx-runtime";
+import * as react_jsx_runtime80 from "react/jsx-runtime";
 
 //#region src/components/popover/trigger.d.ts
 
@@ -41,7 +41,7 @@ declare function PopoverTrigger({
   ref,
   children,
   ...rest
-}: PopoverTriggerProps): react_jsx_runtime192.JSX.Element;
+}: PopoverTriggerProps): react_jsx_runtime80.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_runtime200 from "react/jsx-runtime";
+import * as react_jsx_runtime82 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_runtime200.JSX.Element;
+}: ActionProps): react_jsx_runtime82.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_runtime66 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_runtime66.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_runtime66.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_runtime66.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_runtime72 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_runtime72.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_runtime73 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_runtime73.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_runtime74 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_runtime74.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_runtime74.JSX.Eleme
  * @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_runtime74.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_runtime74.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_runtime78 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_runtime78.JSX.Element;
+declare function Rule(props: RuleProps): react_jsx_runtime111.JSX.Element;
 //#endregion
 export { Rule };
 //# sourceMappingURL=rule.d.ts.map