@accelint/design-toolkit 7.0.1 → 8.0.0

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

@@ -1,8 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PopoverContentProps } from './types.js';
-import 'react';
-import 'react-aria-components';
+import { ComponentPropsWithRef } from 'react';
 
-declare function PopoverContent({ children, className, ...rest }: PopoverContentProps): react_jsx_runtime.JSX.Element;
+declare function PopoverContent({ className, ...rest }: ComponentPropsWithRef<'div'>): react_jsx_runtime.JSX.Element;
 
 export { PopoverContent };

package/dist/components/popover/content.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {Popover,Dialog}from'react-aria-components';import {PopoverStyles}from'./styles.js';const{content:a}=PopoverStyles();function v({children:r,className:t,...e}){return jsx(Popover,{className:a({className:t}),...e,children:jsx(Dialog,{children:r})})}export{v as PopoverContent};//# sourceMappingURL=content.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import r from'./styles.module.css';function s({className:o,...t}){return jsx("div",{...t,className:clsx(r.content,o)})}export{s as PopoverContent};//# sourceMappingURL=content.js.map
 //# sourceMappingURL=content.js.map

package/dist/components/popover/content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/popover/content.tsx"],"names":["PopoverStyles","n","rest","o","i","p"],"mappings":"mJAsBA,KAAQ,CAAA,OAAYA,EAAc,CAAA,CAE3BC,aAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAA,oBAEA,CAAA,CAAGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OACGC,GAAY,CAAAC,OAAA,CAAA,CAAA,SAAqB,CAAA,CAAA,CAAA,CAAA,SAAW,CAAI,CAAA,CAAA,CAAGF,CAAAA,GAElD,CAAA,CAAA,SAACC,GAAY,CAAAE,MAAA,CAAA,CAAA,QAAS,CACxB,CAEJ,CAAA,CAAA,CAAA,CAAA","file":"content.js","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\n'use client';\n\nimport 'client-only';\nimport {\n  Dialog as AriaDialog,\n  Popover as AriaPopover,\n} from 'react-aria-components';\nimport { PopoverStyles } from './styles';\nimport type { PopoverContentProps } from './types';\n\nconst { content } = PopoverStyles();\n\nexport function PopoverContent({\n  children,\n  className,\n  ...rest\n}: PopoverContentProps) {\n  return (\n    <AriaPopover className={content({ className })} {...rest}>\n      {/* @ts-expect-error package version mismatch TODO */}\n      <AriaDialog>{children}</AriaDialog>\n    </AriaPopover>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/popover/content.tsx"],"names":["className","rest","clsx","styles"],"mappings":"oJAmBO,UAAwB,CAC7B,CAAA,SAAAA,CAAAA,CACA,CAAA,GACF,CAAA,CAAiC,CAC/B,CAAA,UAAQ,CAAA,KAAA,CAAK,CAAA,GAAGC,CAAM,CAAA,SAAWC,CAAAA,IAAKC,CAAAA,CAAO,CAAA,OAASH,CAAS,EAAG,CACpE,CAAA","file":"content.js","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\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport styles from './styles.module.css';\nimport type { ComponentPropsWithRef } from 'react';\n\nexport function PopoverContent({\n  className,\n  ...rest\n}: ComponentPropsWithRef<'div'>) {\n  return <div {...rest} className={clsx(styles.content, className)} />;\n}\n"]}

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

@@ -1,9 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import { ComponentPropsWithRef } from 'react';
 
-declare function PopoverFooter({ children, className, }: {
-    children: ReactNode;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
+declare function PopoverFooter({ children, className, }: ComponentPropsWithRef<'footer'>): react_jsx_runtime.JSX.Element;
 
 export { PopoverFooter };

package/dist/components/popover/footer.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {PopoverStyles}from'./styles.js';const{footer:r}=PopoverStyles();function s({children:o,className:e}){return jsx("div",{className:r({className:e}),children:o})}export{s as PopoverFooter};//# sourceMappingURL=footer.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import e from'./styles.module.css';function n({children:o,className:t}){return jsx("footer",{className:clsx(e.footer,t),children:o})}export{n as PopoverFooter};//# sourceMappingURL=footer.js.map
 //# sourceMappingURL=footer.js.map

package/dist/components/popover/footer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/popover/footer.tsx"],"names":["PopoverStyles","t","c"],"mappings":"gGAkBA,YAAmBA,CAAAA,CAAc,CAAA,CAE1BC,yBACL,CAAA,CAAA,CAAA,oBAKC,CACD,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAA,CAAA,KAAI,CAAA,CAAA,SAAoB,aAAW,CAAI,CAAA,CAAA,CAAA,CAAA,QACjD,CAAA,CAAA,CAAA,CAAA","file":"footer.js","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\n'use client';\n\nimport 'client-only';\nimport { PopoverStyles } from './styles';\nimport type { ReactNode } from 'react';\n\nconst { footer } = PopoverStyles();\n\nexport function PopoverFooter({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}) {\n  return <div className={footer({ className })}>{children}</div>;\n}\n"]}
+{"version":3,"sources":["../../../src/components/popover/footer.tsx"],"names":["children","className","clsx","styles"],"mappings":"oJAmBO,UAAuB,CAC5B,CAAA,QAAAA,CAAAA,CACA,CAAA,SAAAC,CACF,CAAA,CAAoC,CAClC,CAAA,UAAQ,CAAA,QAAA,CAAO,CAAA,SAAWC,CAAAA,IAAKC,CAAAA,CAAO,CAAA,MAAQF,CAAS,CAAA,CAAI,CAAA,QAAAD,EAAS,CACtE,CAAA","file":"footer.js","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\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport styles from './styles.module.css';\nimport type { ComponentPropsWithRef } from 'react';\n\nexport function PopoverFooter({\n  children,\n  className,\n}: ComponentPropsWithRef<'footer'>) {\n  return <footer className={clsx(styles.footer, className)}>{children}</footer>;\n}\n"]}

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

@@ -12,32 +12,28 @@ import 'react-aria-components';
  *
  * @example
  * // Basic popover
- * <Popover>
- *   <PopoverTrigger>
- *     <Button>Show Info</Button>
- *   </PopoverTrigger>
- *   <PopoverContent>
- *     <PopoverBody>
+ * <PopoverTrigger>
+ *   <Button>Show Info</Button>
+ *   <Popover>
+ *     <PopoverContent>
  *       <p>Additional information appears here</p>
- *     </PopoverBody>
- *   </PopoverContent>
- * </Popover>
+ *     </PopoverContent>
+ *   </Popover>
+ * </PopoverTrigger>
  *
  * @example
  * // Popover with title and actions
- * <Popover placement="top">
- *   <PopoverTrigger>
- *     <Button>Options</Button>
- *   </PopoverTrigger>
- *   <PopoverContent>
+ * <PopoverTrigger>
+ *   <Button>Options</Button>
+ *   <Popover placement="top">
  *     <PopoverTitle>Quick Actions</PopoverTitle>
- *     <PopoverBody>
+ *     <PopoverContent>
  *       <Button>Edit</Button>
  *       <Button>Delete</Button>
- *     </PopoverBody>
- *   </PopoverContent>
- * </Popover>
+ *     </PopoverContent>
+ *   </Popover>
+ * </PopoverTrigger>
  */
-declare function Popover({ placement, children, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element;
+declare function Popover({ children, classNames, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element;
 
 export { Popover };

package/dist/components/popover/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {DialogTrigger}from'react-aria-components';function a({placement:p="bottom",children:o,...r}){return jsx(DialogTrigger,{...r,children:o})}export{a as Popover};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {Popover,Dialog}from'react-aria-components';import p from'./styles.module.css';function f({children:i,classNames:o,...t}){return jsx(Popover,{...t,className:clsx(p.popover,o?.popover),children:jsx(Dialog,{className:clsx(p.dialog,o?.dialog),children:i})})}export{f as Popover};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/popover/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/popover/index.tsx"],"names":["Popover","placement","children","rest","jsx","AriaDialogTrigger"],"mappings":"0GAqDO,SAASA,CAAAA,CAAQ,CACtB,SAAA,CAAAC,CAAAA,CAAY,QAAA,CACZ,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAiB,CACf,OAAOC,GAAAA,CAACC,aAAAA,CAAA,CAAmB,GAAGF,CAAAA,CAAO,QAAA,CAAAD,CAAAA,CAAS,CAChD","file":"index.js","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\n'use client';\n\nimport 'client-only';\nimport { DialogTrigger as AriaDialogTrigger } from 'react-aria-components';\nimport type { PopoverProps } from './types';\n\n/**\n * Popover - A floating content container positioned relative to a trigger element\n *\n * Provides accessible popover functionality with flexible positioning and content\n * organization. Perfect for contextual information, menus, or supplementary content\n * that appears on demand without interrupting the user's workflow.\n *\n * @example\n * // Basic popover\n * <Popover>\n *   <PopoverTrigger>\n *     <Button>Show Info</Button>\n *   </PopoverTrigger>\n *   <PopoverContent>\n *     <PopoverBody>\n *       <p>Additional information appears here</p>\n *     </PopoverBody>\n *   </PopoverContent>\n * </Popover>\n *\n * @example\n * // Popover with title and actions\n * <Popover placement=\"top\">\n *   <PopoverTrigger>\n *     <Button>Options</Button>\n *   </PopoverTrigger>\n *   <PopoverContent>\n *     <PopoverTitle>Quick Actions</PopoverTitle>\n *     <PopoverBody>\n *       <Button>Edit</Button>\n *       <Button>Delete</Button>\n *     </PopoverBody>\n *   </PopoverContent>\n * </Popover>\n */\nexport function Popover({\n  placement = 'bottom',\n  children,\n  ...rest\n}: PopoverProps) {\n  return <AriaDialogTrigger {...rest}>{children}</AriaDialogTrigger>;\n}\n"]}
+{"version":3,"sources":["../../../src/components/popover/index.tsx"],"names":["Popover","children","classNames","jsx","AriaPopover","rest","clsx","styles","Dialog"],"mappings":"uMAmDO,SAASA,CAAQ,CAAE,CAAA,QAAAC,CAAAA,CAAU,CAAA,UAAAC,CAAAA,CAAY,CAAA,GAAQ,CAAA,CAAiB,CACvE,CAAA,OACEC,GAACC,CAAAA,OAAA,CACE,CAAA,GAAGC,CACJ,CAAA,SAAWC,CAAAA,IAAKC,CAAAA,CAAO,CAAA,OAASL,CAAAA,CAAAA,EAAY,OAAO,CAEnD,CAAA,QAAAC,IAACK,CAAAA,MAAA,CAAO,CAAA,SAAWF,CAAAA,IAAKC,CAAAA,CAAO,CAAA,MAAQL,CAAAA,CAAAA,EAAY,MAAM,CACtD,CAAA,QAAAD,CAAAA,CACH,CAAA,CACF,CAEJ,CAAA","file":"index.js","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\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Popover as AriaPopover, Dialog } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { PopoverProps } from './types';\n\n/**\n * Popover - A floating content container positioned relative to a trigger element\n *\n * Provides accessible popover functionality with flexible positioning and content\n * organization. Perfect for contextual information, menus, or supplementary content\n * that appears on demand without interrupting the user's workflow.\n *\n * @example\n * // Basic popover\n * <PopoverTrigger>\n *   <Button>Show Info</Button>\n *   <Popover>\n *     <PopoverContent>\n *       <p>Additional information appears here</p>\n *     </PopoverContent>\n *   </Popover>\n * </PopoverTrigger>\n *\n * @example\n * // Popover with title and actions\n * <PopoverTrigger>\n *   <Button>Options</Button>\n *   <Popover placement=\"top\">\n *     <PopoverTitle>Quick Actions</PopoverTitle>\n *     <PopoverContent>\n *       <Button>Edit</Button>\n *       <Button>Delete</Button>\n *     </PopoverContent>\n *   </Popover>\n * </PopoverTrigger>\n */\nexport function Popover({ children, classNames, ...rest }: PopoverProps) {\n  return (\n    <AriaPopover\n      {...rest}\n      className={clsx(styles.popover, classNames?.popover)}\n    >\n      <Dialog className={clsx(styles.dialog, classNames?.dialog)}>\n        {children}\n      </Dialog>\n    </AriaPopover>\n  );\n}\n"]}

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

@@ -0,0 +1,32 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .popover {
+    @apply rounded-medium bg-surface-raised p-s outline-static outline;
+    max-width: 280px;
+  }
+
+  .title {
+    @apply fg-primary-bold mb-s text-header-m;
+  }
+
+  .content {
+    @apply fg-primary-muted text-body-s;
+  }
+
+  .footer {
+    @apply mt-s gap-s flex justify-end;
+  }
+}

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

@@ -1,8 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PopoverTitleProps } from './types.js';
-import 'react';
-import 'react-aria-components';
+import { HeadingProps } from 'react-aria-components';
 
-declare function PopoverTitle({ children, className, ...rest }: PopoverTitleProps): react_jsx_runtime.JSX.Element;
+declare function PopoverTitle({ className, ...rest }: HeadingProps): react_jsx_runtime.JSX.Element;
 
 export { PopoverTitle };

package/dist/components/popover/title.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {Heading}from'react-aria-components';import {PopoverStyles}from'./styles.js';const{title:p}=PopoverStyles();function n({children:o,className:e,...t}){return jsx(Heading,{slot:"title",className:p({className:e}),...t,children:o})}export{n as PopoverTitle};//# sourceMappingURL=title.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {Heading}from'react-aria-components';import r from'./styles.module.css';function n({className:o,...t}){return jsx(Heading,{...t,slot:"title",className:clsx(r.title,o)})}export{n as PopoverTitle};//# sourceMappingURL=title.js.map
 //# sourceMappingURL=title.js.map

package/dist/components/popover/title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/popover/title.tsx"],"names":["PopoverStyles","i","rest","l","r"],"mappings":"4IAmBA,KAAQ,CAAA,KAAUA,CAAAA,CAAc,CAAA,CAEzBC,aAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,WACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OACGC,GAAY,CAAAC,OAAA,CAAA,CAAA,IAAK,CAAA,iBAA2B,cAAe,CAAA,CAAA,CAAGF,CAAAA,GAC5D,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"title.js","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\n'use client';\n\nimport 'client-only';\nimport { Heading as AriaHeading } from 'react-aria-components';\nimport { PopoverStyles } from './styles';\nimport type { PopoverTitleProps } from './types';\n\nconst { title } = PopoverStyles();\n\nexport function PopoverTitle({\n  children,\n  className,\n  ...rest\n}: PopoverTitleProps) {\n  return (\n    <AriaHeading slot='title' className={title({ className })} {...rest}>\n      {children}\n    </AriaHeading>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/popover/title.tsx"],"names":["className","jsx","AriaHeading","rest","clsx","styles"],"mappings":"gMAsBO,UAAsB,CAAE,CAAA,SAAAA,CAAAA,CAAW,CAAA,GAAQ,CAAA,CAAiB,CACjE,CAAA,OACEC,GAACC,QAAA,CACE,CAAA,GAAGC,CACJ,CAAA,IAAK,QACL,CAAA,SAAWC,CAAAA,IAAKC,EAAO,CAAA,KAAOL,CAAS,EACzC,CAEJ,CAAA","file":"title.js","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\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Heading as AriaHeading,\n  type HeadingProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\n\nexport function PopoverTitle({ className, ...rest }: HeadingProps) {\n  return (\n    <AriaHeading\n      {...rest}\n      slot='title'\n      className={clsx(styles.title, className)}\n    />\n  );\n}\n"]}

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

@@ -3,6 +3,6 @@ import { PopoverTriggerProps } from './types.js';
 import 'react';
 import 'react-aria-components';
 
-declare function PopoverTrigger({ children, ...props }: PopoverTriggerProps): react_jsx_runtime.JSX.Element;
+declare function PopoverTrigger({ ref, children, ...rest }: PopoverTriggerProps): react_jsx_runtime.JSX.Element;
 
 export { PopoverTrigger };

package/dist/components/popover/trigger.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {Pressable}from'react-aria-components';function t({children:r,...o}){return jsx(Pressable,{...o,children:r})}export{t as PopoverTrigger};//# sourceMappingURL=trigger.js.map
+import {jsxs,jsx}from'react/jsx-runtime';import'client-only';import {Pressable}from'@react-aria/interactions';import {Children}from'react';import {DialogTrigger}from'react-aria-components';function f({ref:e,children:r,...t}){const[o,p]=Children.toArray(r);return jsxs(DialogTrigger,{...t,children:[jsx(Pressable,{ref:e,children:o}),p]})}export{f as PopoverTrigger};//# sourceMappingURL=trigger.js.map
 //# sourceMappingURL=trigger.js.map

package/dist/components/popover/trigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/popover/trigger.tsx"],"names":["PopoverTrigger","children","props","jsx","Pressable"],"mappings":"sGAkBO,SAASA,CAAAA,CAAe,CAAE,QAAA,CAAAC,EAAU,GAAGC,CAAM,CAAA,CAAwB,CAC1E,OAAOC,GAAAA,CAACC,SAAAA,CAAA,CAAW,GAAGF,CAAAA,CAAQ,QAAA,CAAAD,CAAAA,CAAS,CACzC","file":"trigger.js","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\n'use client';\n\nimport 'client-only';\nimport { Pressable } from 'react-aria-components';\nimport type { PopoverTriggerProps } from './types';\n\nexport function PopoverTrigger({ children, ...props }: PopoverTriggerProps) {\n  return <Pressable {...props}>{children}</Pressable>;\n}\n"]}
+{"version":3,"sources":["../../../src/components/popover/trigger.tsx"],"names":["PopoverTrigger","ref","children","rest","trigger","popover","Children","jsxs","DialogTrigger","jsx","Pressable"],"mappings":"6LA0BO,SAASA,CAAAA,CAAe,CAC7B,GAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAwB,CACtB,KAAM,CAACC,CAAAA,CAASC,CAAO,CAAA,CAAIC,QAAAA,CAAS,OAAA,CAAQJ,CAAQ,CAAA,CAKpD,OACEK,IAAAA,CAACC,aAAAA,CAAA,CAAe,GAAGL,CAAAA,CACjB,QAAA,CAAA,CAAAM,GAAAA,CAACC,SAAAA,CAAA,CAAU,GAAA,CAAKT,CAAAA,CAAM,QAAA,CAAAG,CAAAA,CAAQ,CAAA,CAC7BC,CAAAA,CAAAA,CACH,CAEJ","file":"trigger.js","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\n'use client';\n\nimport 'client-only';\nimport { Pressable } from '@react-aria/interactions';\nimport {\n  Children,\n  type DOMAttributes,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { DialogTrigger } from 'react-aria-components';\nimport type { FocusableElement } from '@react-types/shared';\nimport type { PopoverTriggerProps } from './types';\n\nexport function PopoverTrigger({\n  ref,\n  children,\n  ...rest\n}: PopoverTriggerProps) {\n  const [trigger, popover] = Children.toArray(children) as [\n    ReactElement<DOMAttributes<FocusableElement>, string>,\n    ReactNode,\n  ];\n\n  return (\n    <DialogTrigger {...rest}>\n      <Pressable ref={ref}>{trigger}</Pressable>\n      {popover}\n    </DialogTrigger>\n  );\n}\n"]}

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

@@ -1,24 +1,13 @@
-import { ReactNode, ComponentProps } from 'react';
-import { PopoverProps as PopoverProps$1, PopoverRenderProps, HeadingProps, Pressable } from 'react-aria-components';
+import { ComponentPropsWithRef } from 'react';
+import { PopoverProps as PopoverProps$1, DialogProps, DialogTriggerProps } from 'react-aria-components';
 
-interface PopoverProps {
-    placement?: 'left' | 'right' | 'top' | 'bottom';
-    children?: ReactNode;
-}
-interface PopoverTriggerProps extends ComponentProps<typeof Pressable> {
-}
-interface PopoverContentProps extends Omit<PopoverProps$1, 'children'> {
-    children?: ReactNode | ((props: PopoverRenderProps & {
-        close: () => void;
-    }) => ReactNode);
-    className?: string;
-}
-interface PopoverTitleProps extends Omit<HeadingProps, 'children'> {
-    children?: ReactNode;
-}
-interface PopoverBodyProps {
-    children?: ReactNode;
-    className?: string;
-}
+type PopoverTriggerProps = ComponentPropsWithRef<'div'> & DialogTriggerProps;
+type PopoverProps = Omit<PopoverProps$1, 'children' | 'className'> & Pick<DialogProps, 'children'> & {
+    classNames?: {
+        popover?: PopoverProps$1['className'];
+        dialog?: DialogProps['className'];
+    };
+    dialogProps?: Omit<DialogProps, 'children' | 'className'>;
+};
 
-export type { PopoverBodyProps, PopoverContentProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps };
+export type { PopoverProps, PopoverTriggerProps };

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

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {useMemo,createContext}from'react';import {QueryBuilder}from'react-querybuilder';import {ActionElement}from'./action-element.js';import {LockAction,RemoveRuleAction,CloneAction}from'./actions.js';import {CombinatorSelector}from'./combinator-selector.js';import {Rule}from'./rule.js';import {RuleGroup}from'./rule-group.js';import {QueryBuilderStyles}from'./styles.js';import {ValueEditor}from'./value-editor.js';import {ValueSelector}from'./value-selector.js';const{queryBuilder:b,ruleGroup:Q,header:S,combinators:k,cloneGroup:C,removeGroup:g,cloneRule:h,fields:x,value:E,addRule:T,addGroup:q,operators:D,valueListItem:I,valueSource:L,removeRule:P,valid:V,invalid:w,disabled:z,lockRule:M,lockGroup:N,body:F,rule:H}=QueryBuilderStyles();function oe({controlClassnames:r,controlElements:l,orientation:e="horizontal",showRuleLines:o=true,...m}){const c=useMemo(()=>({combinatorSelector:CombinatorSelector,cloneGroupAction:CloneAction,cloneRuleAction:CloneAction,removeRuleAction:RemoveRuleAction,lockGroupAction:LockAction,lockRuleAction:LockAction,ruleGroup:RuleGroup,rule:Rule,actionElement:ActionElement,valueSelector:ValueSelector,valueEditor:ValueEditor,...l}),[l]),n=useMemo(()=>({queryBuilder:b(),ruleGroup:Q(),header:S(),combinators:k(),fields:x(),operators:D(),value:E(),valueListItem:I(),valueSource:L(),cloneGroup:C(),cloneRule:h(),lockGroup:N(),lockRule:M(),disabled:z(),valid:V(),invalid:w(),removeRule:P(),addRule:T(),addGroup:q(),removeGroup:g(),rule:H({variant:e}),body:F({showRuleLines:o}),...r}),[r,o,e]),a=createContext({orientation:e,showRuleLines:o});return jsx(QueryBuilder,{showNotToggle:false,showShiftActions:false,enableDragAndDrop:false,controlClassnames:n,controlElements:c,context:a,listsAsArrays:true,...m})}export{oe as QueryBuilder};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useMemo,createContext}from'react';import {QueryBuilder}from'react-querybuilder';import {ActionElement}from'./action-element.js';import {LockAction,RemoveRuleAction,CloneAction}from'./actions.js';import {CombinatorSelector}from'./combinator-selector.js';import {Rule}from'./rule.js';import {RuleGroup}from'./rule-group.js';import e from'./styles.module.css';import {ValueEditor}from'./value-editor.js';import {ValueSelector}from'./value-selector.js';function z({controlClassnames:u,controlElements:t,orientation:r="horizontal",showRuleLines:o=true,...n}){const p=useMemo(()=>({combinatorSelector:CombinatorSelector,cloneGroupAction:CloneAction,cloneRuleAction:CloneAction,removeRuleAction:RemoveRuleAction,lockGroupAction:LockAction,lockRuleAction:LockAction,ruleGroup:RuleGroup,rule:Rule,actionElement:ActionElement,valueSelector:ValueSelector,valueEditor:ValueEditor,...t}),[t]),d=useMemo(()=>({queryBuilder:e.queryBuilder,ruleGroup:clsx("group",e.ruleGroup),header:e.header,combinators:e.combinators,fields:e.fields,operators:"",value:e.value,valueListItem:"",valueSource:"",cloneGroup:e.cloneGroup,cloneRule:e.cloneRule,lockGroup:e.lockGroup,lockRule:e.lockRule,disabled:"",valid:"",invalid:"",removeRule:"",addRule:"",addGroup:"",removeGroup:"",rule:clsx(e.rule,e[r]),body:clsx("group",e.body,o&&e.showRuleLines,!o&&e.hideRuleLines),...u}),[u,o,r]),a=createContext({orientation:r,showRuleLines:o});return jsx(QueryBuilder,{showNotToggle:false,showShiftActions:false,enableDragAndDrop:false,controlClassnames:d,controlElements:p,context:a,listsAsArrays:true,...n})}export{z as QueryBuilder};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/query-builder/index.tsx"],"names":["ruleGroup","operators","invalid","lockRule","lockGroup","body","QueryBuilder","G","controlClassnames","orientation","mergedElements","u","f","t","v","i","R","ValueSelector","ValueEditor","s","useMemo","B","A","queryBuilder","value","valueSource","cloneGroup","valid","showRuleLines","d","J","p","rest"],"mappings":"2gBA4BEA,KACA,CAAA,YACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,oBAEA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,WAEA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,MACA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAAC,CAAAA,OACA,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,aACA,CAAA,CAAA,CAAA,WACAC,CAAAA,CACA,CAAA,UACA,CAAA,CAAA,CAAA,KAAA,CAAAC,CAAAA,CACA,OAAA,CAAA,CAAA,CAAAC,QACAC,CACA,CAAA,CAAA,QACqB,CAAA,CA0BhB,CAAA,SAASC,CAAAA,CAAa,CAC3B,IAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAAC,kBAAA,EAAAC,CAAAA,SACA,EAAA,CAAA,CAAA,iBACA,CAAAC,CAAAA,CAAc,eACd,CAAA,CAAA,CAAA,WAAgB,CAAA,CAAA,CAChB,YAOA,CAAMC,aAEF,CAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,MACA,CAAA,CAAAC,OAAA,CAAA,KAAA,CAAA,kBACA,CAAAC,kBAAA,CAAA,gBACA,CAAAC,WAAA,CAAA,eACA,CAAAA,WAAA,CAAA,gBACA,CAAAC,gBAAA,CAAA,eAEA,CAAAC,UAAA,CAAA,cACA,CAAAA,UAAA,CAAA,SACA,CAAAC,SAAA,CAAA,IAAA,CAAeC,IAAAA,CACf,aAAaC,CACbC,aAAA,CAAA,aAUqBC,CAAQC,aAAA,CAAA,WAE7B,CAAAC,WAAA,CAAA,GAAcC,CAAAA,CAAa,CAAA,CAC3B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAZ,OAAA,CAAA,KACA,CAAA,0BAEA,CAAA,CAAA,EAAA,CAAA,MACA,CAAA,CAAA,EAAA,CAAA,WACA,CAAA,CAAA,EAAOa,CAAAA,MACP,CAAA,CAAA,EAAA,CAAA,SAA6B,CAC7B,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,EAAaC,CAAY,aACbC,CAAAA,CAAW,EACvB,CAAA,WAAqB,CAAA,CACrB,EAAA,CAAA,UAAqB,CACrB,CAAA,EAAA,CAAA,SACA,CAAA,CAAA,EAAA,CAAA,SACA,CAAA,CAAA,EAAA,CAAOC,QACP,CAAA,CAAA,EAASzB,CAAAA,QACT,CAAA,CAAA,EAAA,CAAA,KACA,CAAA,CAAA,EAAA,CAAA,OACA,CAAA,CAAA,EAAA,CAAA,UACA,CAAA,CAAA,EAAA,CAAA,OAAyB,CAAA,CACzB,WAAa,CAAA,CAAA,EAAA,CAASO,WACX,CAAE,CAAA,EAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,OACb,CAAA,CAAGD,CACL,CAAA,CAAA,IACqBoB,CAAAA,CAAenB,CAAW,CAAC,aAGhD,CAAA,CAAA,CAAA,CAAA,CAAA,GACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAmB,CACFC,aAAC,CAAA,CAED,WACG,CACC,CAAA,CAAA,aAAe,CAAA,CACf,CAAA,CAAA,CAAA,OAAAC,GAAA,CAAAC,YAAA,CAAA,CAAA,aACA,CAAA,KAAA,CAAA,gBACA,CAAA,KAAA,CAAA,iBACA,CAAA,KAAA,CAAA,iBAEA,CAAA,CAAA,CAAA,eACC,CAAGC,EACN,OAEJ,CAAA,CAAA,CAAA,aAAA,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,CAAA","file":"index.js","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 { 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 { QueryBuilderStyles } from './styles';\nimport { ValueEditor } from './value-editor';\nimport { ValueSelector } from './value-selector';\nimport type { QueryBuilderContextType, QueryBuilderProps } from './types';\n\nconst {\n  queryBuilder,\n  ruleGroup,\n  header,\n  combinators,\n  cloneGroup,\n  removeGroup,\n  cloneRule,\n  fields,\n  value,\n  addRule,\n  addGroup,\n  operators,\n  valueListItem,\n  valueSource,\n  removeRule,\n  valid,\n  invalid,\n  disabled,\n  lockRule,\n  lockGroup,\n  body,\n  rule,\n} = QueryBuilderStyles();\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 * @example\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 */\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: queryBuilder(),\n      ruleGroup: ruleGroup(),\n      header: header(),\n      combinators: combinators(),\n      fields: fields(),\n      operators: operators(),\n      value: value(),\n      valueListItem: valueListItem(),\n      valueSource: valueSource(),\n      cloneGroup: cloneGroup(),\n      cloneRule: cloneRule(),\n      lockGroup: lockGroup(),\n      lockRule: lockRule(),\n      disabled: disabled(),\n      valid: valid(),\n      invalid: invalid(),\n      removeRule: removeRule(),\n      addRule: addRule(),\n      addGroup: addGroup(),\n      removeGroup: removeGroup(),\n      rule: rule({ variant: orientation }),\n      body: body({ showRuleLines: showRuleLines }),\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"]}
+{"version":3,"sources":["../../../src/components/query-builder/index.tsx"],"names":["showRuleLines","CombinatorSelector","i","R","m","A","RuleGroup","c","G","v","y","ValueEditor","mergedClassnames","useMemo","B","styles","clsx","l","controlClassnames","orientation","s","RQBBuilder","Q","f","QueryBuilderContext"],"mappings":"0jBAoDE,SACA,CAAA,CAAA,CAAA,iBACA,CAAA,CAAA,CAAA,eAAc,CACd,CAAA,CAAA,WAAA,CAAAA,CAAAA,CAAgB,YAQhB,CAAA,aAEI,qBAAoBC,CAAAA,CACpBC,OAAA,CAAA,KAAA,CAAA,kBACA,CAAAC,kBAAA,CAAA,gBACA,CAAAC,WAAA,CAAA,eACA,CAAAA,WAAA,CAAA,gBACA,CAAAC,gBAAA,CAAA,eACA,CAAWC,UAAAA,CACX,cACA,CAAAC,UAAA,CAAA,SACA,CAAAC,SAAA,CAAA,IAAA,CAAAC,IAAA,CAAA,aACA,CAAAC,aAAaC,cAWXC,CAAAA,aAAmBC,CAAAA,WAErB,CAAAC,WAAA,CAAA,GAAA,CAAA,CAAA,CAAcC,CAAAA,CAAO,mBACrB,CAAA,YAAgB,CAAA,CAAA,CAAA,YAAgB,CAAA,cACxBA,CAAAA,OAAO,CACf,CAAA,CAAA,SAAA,CAAaA,CAAAA,MAAO,CAAA,CAAA,CAAA,MACpB,CAAA,WAAe,CAAA,CACf,CAAA,WAAW,CACX,MAAOA,CAAAA,CAAO,CAAA,mBACC,CAAA,KACf,CAAA,CAAA,CAAA,KAAA,CAAa,aACb,CAAYA,EAAO,CAAA,yBACD,CAAA,CAAA,CAAA,UAClB,CAAA,SAAkB,CAAA,CAAA,CAAA,SAClB,CAAA,SAAiB,CAAA,CAAA,CAAA,SACjB,CAAU,QACV,CAAO,CAAA,CAAA,QACP,CAAS,QACT,CAAA,EAAA,CAAA,KACA,CAAA,EAAA,CAAA,OACA,CAAA,EAAA,CAAA,qBACa,CAAA,EACb,CAAA,QAAkB,CAAA,EAAA,CAAMA,WAClBC,CAAAA,EACJ,CAAA,IAAA,CAAAC,IACAF,CAAAA,CAAO,KACPf,CAAAA,CAAAA,CAAiBe,CAAAA,CAAO,CAAA,CAAA,IAAA,CAAAE,IAAA,CAAA,OACvBjB,CAAAA,CAAiBe,CAAAA,uBAIrB,CAACG,CAAAA,CAAmBlB,EAAemB,CAAW,CAAC,mBAGhDA,CAAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,aAAA,CAAApB,CACF,YAGGqB,CAAAA,CAAA,aACC,CAAA,CAAe,CAAA,CAAA,CACf,OAAAC,GAAA,CAAAC,YAAA,CAAA,CAAA,oCAEA,CAAA,KAAA,CAAA,iBACA,CAAA,KAAA,CAAA,iBACSC,EACT,CAAA,eAAa,CACZ,CAAA,CAAA,OAGP,CAAA,CAAA,CAAA,aAAA,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,CAAA","file":"index.js","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 * @example\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 */\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"]}

package/dist/components/query-builder/rule-group.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsxs,jsx,Fragment}from'react/jsx-runtime';import'client-only';import {useMemo}from'react';import {useRuleGroup,useStopEventPropagation,TestID}from'react-querybuilder';import {cn}from'./../../lib/utils.js';function O(t){const a=useRuleGroup(t),{schema:{controls:{ruleGroupBodyElements:s}}}=a,{schema:{classNames:n}}=t,c=useStopEventPropagation(a.addRule),i=useStopEventPropagation(a.addGroup),d=useStopEventPropagation(a.cloneGroup),m=useStopEventPropagation(a.toggleLockGroup),p=useStopEventPropagation(a.removeGroup),v=useMemo(()=>({...a,addGroup:i,addRule:c,cloneGroup:d,removeGroup:p,toggleLockGroup:m}),[i,c,d,a,p,m]);return jsxs("div",{className:cn(n.ruleGroup),children:[jsx("div",{className:cn(n.header),children:jsx(C,{...v})}),jsx("div",{className:cn(n.body),children:jsx(s,{...v})}),jsx("div",{className:cn(n.header),children:jsx(N,{...v})})]})}function C(t){const a=t.schema.showLockButtons,s=t.path.length>0,n=t.schema.showCloneButtons&&s,{schema:{controls:{combinatorSelector:c,cloneGroupAction:i,lockGroupAction:d,removeGroupAction:m}}}=t;return jsxs(Fragment,{children:[jsx(c,{testID:TestID.combinators,options:t.schema.combinators,ruleGroup:t.ruleGroup,value:t.combinator,title:t.translations.combinators.title,className:t.classNames.combinators,handleOnChange:t.onCombinatorChange,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,context:t.context,validation:t.validationResult,schema:t.schema},TestID.combinators),n&&jsx("div",{children:jsx(i,{testID:TestID.cloneGroup,label:t.translations.cloneRuleGroup.label,title:t.translations.cloneRuleGroup.title,className:t.classNames.cloneGroup,handleOnClick:t.cloneGroup,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,context:t.context,validation:t.validationResult,ruleOrGroup:t.ruleGroup,schema:t.schema},TestID.cloneGroup)}),a&&jsx("div",{children:jsx(d,{testID:TestID.lockGroup,label:t.translations.lockGroup.label,title:t.translations.lockGroup.title,className:t.classNames.lockGroup,handleOnClick:t.toggleLockGroup,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,disabledTranslation:t.parentDisabled?void 0:t.translations.lockGroupDisabled,context:t.context,validation:t.validationResult,ruleOrGroup:t.ruleGroup,schema:t.schema},TestID.lockGroup)}),s&&jsx("div",{children:jsx(m,{testID:TestID.removeGroup,label:t.translations.removeGroup.label,title:t.translations.removeGroup.title,className:t.classNames.removeGroup,handleOnClick:t.removeGroup,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,context:t.context,validation:t.validationResult,ruleOrGroup:t.ruleGroup,schema:t.schema},TestID.removeGroup)})]})}function N(t){const{schema:{controls:{addGroupAction:a,addRuleAction:s}}}=t;return jsxs(Fragment,{children:[jsx(s,{testID:TestID.addRule,label:t.translations.addRule.label,title:t.translations.addRule.title,className:t.classNames.addRule,handleOnClick:t.addRule,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,context:t.context,validation:t.validationResult,ruleOrGroup:t.ruleGroup,schema:t.schema},TestID.addRule),jsx(a,{testID:TestID.addGroup,label:t.translations.addGroup.label,title:t.translations.addGroup.title,className:t.classNames.addGroup,handleOnClick:t.addGroup,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,context:t.context,validation:t.validationResult,ruleOrGroup:t.ruleGroup,schema:t.schema},TestID.addGroup)]})}export{O as RuleGroup,N as RuleGroupFooterComponent,C as RuleGroupHeaderComponent};//# sourceMappingURL=rule-group.js.map
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useMemo}from'react';import {useRuleGroup,useStopEventPropagation,TestID}from'react-querybuilder';function O(t){const a=useRuleGroup(t),{schema:{controls:{ruleGroupBodyElements:s}}}=a,{schema:{classNames:n}}=t,c=useStopEventPropagation(a.addRule),i=useStopEventPropagation(a.addGroup),d=useStopEventPropagation(a.cloneGroup),m=useStopEventPropagation(a.toggleLockGroup),p=useStopEventPropagation(a.removeGroup),v=useMemo(()=>({...a,addGroup:i,addRule:c,cloneGroup:d,removeGroup:p,toggleLockGroup:m}),[i,c,d,a,p,m]);return jsxs("div",{className:clsx(n.ruleGroup),children:[jsx("div",{className:clsx(n.header),children:jsx(C,{...v})}),jsx("div",{className:clsx(n.body),children:jsx(s,{...v})}),jsx("div",{className:clsx(n.header),children:jsx(N,{...v})})]})}function C(t){const a=t.schema.showLockButtons,s=t.path.length>0,n=t.schema.showCloneButtons&&s,{schema:{controls:{combinatorSelector:c,cloneGroupAction:i,lockGroupAction:d,removeGroupAction:m}}}=t;return jsxs(Fragment,{children:[jsx(c,{testID:TestID.combinators,options:t.schema.combinators,ruleGroup:t.ruleGroup,value:t.combinator,title:t.translations.combinators.title,className:t.classNames.combinators,handleOnChange:t.onCombinatorChange,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,context:t.context,validation:t.validationResult,schema:t.schema},TestID.combinators),n&&jsx("div",{children:jsx(i,{testID:TestID.cloneGroup,label:t.translations.cloneRuleGroup.label,title:t.translations.cloneRuleGroup.title,className:t.classNames.cloneGroup,handleOnClick:t.cloneGroup,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,context:t.context,validation:t.validationResult,ruleOrGroup:t.ruleGroup,schema:t.schema},TestID.cloneGroup)}),a&&jsx("div",{children:jsx(d,{testID:TestID.lockGroup,label:t.translations.lockGroup.label,title:t.translations.lockGroup.title,className:t.classNames.lockGroup,handleOnClick:t.toggleLockGroup,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,disabledTranslation:t.parentDisabled?void 0:t.translations.lockGroupDisabled,context:t.context,validation:t.validationResult,ruleOrGroup:t.ruleGroup,schema:t.schema},TestID.lockGroup)}),s&&jsx("div",{children:jsx(m,{testID:TestID.removeGroup,label:t.translations.removeGroup.label,title:t.translations.removeGroup.title,className:t.classNames.removeGroup,handleOnClick:t.removeGroup,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,context:t.context,validation:t.validationResult,ruleOrGroup:t.ruleGroup,schema:t.schema},TestID.removeGroup)})]})}function N(t){const{schema:{controls:{addGroupAction:a,addRuleAction:s}}}=t;return jsxs(Fragment,{children:[jsx(s,{testID:TestID.addRule,label:t.translations.addRule.label,title:t.translations.addRule.title,className:t.classNames.addRule,handleOnClick:t.addRule,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,context:t.context,validation:t.validationResult,ruleOrGroup:t.ruleGroup,schema:t.schema},TestID.addRule),jsx(a,{testID:TestID.addGroup,label:t.translations.addGroup.label,title:t.translations.addGroup.title,className:t.classNames.addGroup,handleOnClick:t.addGroup,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,context:t.context,validation:t.validationResult,ruleOrGroup:t.ruleGroup,schema:t.schema},TestID.addGroup)]})}export{O as RuleGroup,N as RuleGroupFooterComponent,C as RuleGroupHeaderComponent};//# sourceMappingURL=rule-group.js.map
 //# sourceMappingURL=rule-group.js.map

package/dist/components/query-builder/rule-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/query-builder/rule-group.tsx"],"names":["RuleGroup","group","useRuleGroup","props","r","useStopEventPropagation","addGroup","l","cloneGroup","addRule","removeGroup","toggleLockGroup","jsxs","b","cn","h","jsx","e","elementProps","RuleGroupHeaderComponent","shouldShowLock","ruleGroup","shouldShowClone","Fragment","R","TestID","o","RuleGroupFooterComponent"],"mappings":"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","file":"rule-group.js","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 'client-only';\nimport { useMemo } from 'react';\nimport {\n  type RuleGroupProps,\n  TestID,\n  useRuleGroup,\n  useStopEventPropagation,\n} from 'react-querybuilder';\nimport { cn } from '@/lib/utils';\n\nexport function RuleGroup(props: RuleGroupProps) {\n  const group = useRuleGroup(props);\n\n  const {\n    schema: {\n      controls: { ruleGroupBodyElements: RuleGroupBodyElements },\n    },\n  } = group;\n\n  const {\n    schema: { classNames },\n  } = props;\n\n  const addRule = useStopEventPropagation(group.addRule);\n  const addGroup = useStopEventPropagation(group.addGroup);\n  const cloneGroup = useStopEventPropagation(group.cloneGroup);\n  const toggleLockGroup = useStopEventPropagation(group.toggleLockGroup);\n  const removeGroup = useStopEventPropagation(group.removeGroup);\n\n  const elementProps = useMemo(\n    () => ({\n      ...group,\n      addGroup,\n      addRule,\n      cloneGroup,\n      removeGroup,\n      toggleLockGroup,\n    }),\n    [addGroup, addRule, cloneGroup, group, removeGroup, toggleLockGroup],\n  );\n\n  return (\n    <div className={cn(classNames.ruleGroup)}>\n      <div className={cn(classNames.header)}>\n        <RuleGroupHeaderComponent {...elementProps} />\n      </div>\n      <div className={cn(classNames.body)}>\n        <RuleGroupBodyElements {...elementProps} />\n      </div>\n      <div className={cn(classNames.header)}>\n        <RuleGroupFooterComponent {...elementProps} />\n      </div>\n    </div>\n  );\n}\n\nexport function RuleGroupHeaderComponent(\n  ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>,\n) {\n  const shouldShowLock = ruleGroup.schema.showLockButtons;\n  const isNotRoot = ruleGroup.path.length > 0;\n  const shouldShowClone = ruleGroup.schema.showCloneButtons && isNotRoot;\n\n  const {\n    schema: {\n      controls: {\n        combinatorSelector: CombinatorSelectorControlElement,\n        cloneGroupAction: CloneGroupActionControlElement,\n        lockGroupAction: LockGroupActionControlElement,\n        removeGroupAction: RemoveGroupActionControlElement,\n      },\n    },\n  } = ruleGroup;\n\n  return (\n    <>\n      <CombinatorSelectorControlElement\n        key={TestID.combinators}\n        testID={TestID.combinators}\n        options={ruleGroup.schema.combinators}\n        ruleGroup={ruleGroup.ruleGroup}\n        value={ruleGroup.combinator}\n        title={ruleGroup.translations.combinators.title}\n        className={ruleGroup.classNames.combinators}\n        handleOnChange={ruleGroup.onCombinatorChange}\n        rules={ruleGroup.ruleGroup.rules}\n        level={ruleGroup.path.length}\n        path={ruleGroup.path}\n        disabled={ruleGroup.disabled}\n        context={ruleGroup.context}\n        validation={ruleGroup.validationResult}\n        schema={ruleGroup.schema}\n      />\n      {shouldShowClone && (\n        <div>\n          <CloneGroupActionControlElement\n            key={TestID.cloneGroup}\n            testID={TestID.cloneGroup}\n            label={ruleGroup.translations.cloneRuleGroup.label}\n            title={ruleGroup.translations.cloneRuleGroup.title}\n            className={ruleGroup.classNames.cloneGroup}\n            handleOnClick={ruleGroup.cloneGroup}\n            rules={ruleGroup.ruleGroup.rules}\n            level={ruleGroup.path.length}\n            path={ruleGroup.path}\n            disabled={ruleGroup.disabled}\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            ruleOrGroup={ruleGroup.ruleGroup}\n            schema={ruleGroup.schema}\n          />\n        </div>\n      )}\n      {shouldShowLock && (\n        <div>\n          <LockGroupActionControlElement\n            key={TestID.lockGroup}\n            testID={TestID.lockGroup}\n            label={ruleGroup.translations.lockGroup.label}\n            title={ruleGroup.translations.lockGroup.title}\n            className={ruleGroup.classNames.lockGroup}\n            handleOnClick={ruleGroup.toggleLockGroup}\n            rules={ruleGroup.ruleGroup.rules}\n            level={ruleGroup.path.length}\n            path={ruleGroup.path}\n            disabled={ruleGroup.disabled}\n            disabledTranslation={\n              ruleGroup.parentDisabled\n                ? undefined\n                : ruleGroup.translations.lockGroupDisabled\n            }\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            ruleOrGroup={ruleGroup.ruleGroup}\n            schema={ruleGroup.schema}\n          />\n        </div>\n      )}\n      {isNotRoot && (\n        <div>\n          <RemoveGroupActionControlElement\n            key={TestID.removeGroup}\n            testID={TestID.removeGroup}\n            label={ruleGroup.translations.removeGroup.label}\n            title={ruleGroup.translations.removeGroup.title}\n            className={ruleGroup.classNames.removeGroup}\n            handleOnClick={ruleGroup.removeGroup}\n            rules={ruleGroup.ruleGroup.rules}\n            level={ruleGroup.path.length}\n            path={ruleGroup.path}\n            disabled={ruleGroup.disabled}\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            ruleOrGroup={ruleGroup.ruleGroup}\n            schema={ruleGroup.schema}\n          />\n        </div>\n      )}\n    </>\n  );\n}\n\nexport function RuleGroupFooterComponent(\n  ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>,\n) {\n  const {\n    schema: {\n      controls: {\n        addGroupAction: AddGroupActionControlElement,\n        addRuleAction: AddRuleActionControlElement,\n      },\n    },\n  } = ruleGroup;\n\n  return (\n    <>\n      <AddRuleActionControlElement\n        key={TestID.addRule}\n        testID={TestID.addRule}\n        label={ruleGroup.translations.addRule.label}\n        title={ruleGroup.translations.addRule.title}\n        className={ruleGroup.classNames.addRule}\n        handleOnClick={ruleGroup.addRule}\n        rules={ruleGroup.ruleGroup.rules}\n        level={ruleGroup.path.length}\n        path={ruleGroup.path}\n        disabled={ruleGroup.disabled}\n        context={ruleGroup.context}\n        validation={ruleGroup.validationResult}\n        ruleOrGroup={ruleGroup.ruleGroup}\n        schema={ruleGroup.schema}\n      />\n      <AddGroupActionControlElement\n        key={TestID.addGroup}\n        testID={TestID.addGroup}\n        label={ruleGroup.translations.addGroup.label}\n        title={ruleGroup.translations.addGroup.title}\n        className={ruleGroup.classNames.addGroup}\n        handleOnClick={ruleGroup.addGroup}\n        rules={ruleGroup.ruleGroup.rules}\n        level={ruleGroup.path.length}\n        path={ruleGroup.path}\n        disabled={ruleGroup.disabled}\n        context={ruleGroup.context}\n        validation={ruleGroup.validationResult}\n        ruleOrGroup={ruleGroup.ruleGroup}\n        schema={ruleGroup.schema}\n      />\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/query-builder/rule-group.tsx"],"names":["RuleGroup","props","group","useRuleGroup","RuleGroupBodyElements","classNames","addRule","useStopEventPropagation","addGroup","cloneGroup","toggleLockGroup","removeGroup","elementProps","useMemo","jsxs","clsx","jsx","RuleGroupHeaderComponent","RuleGroupFooterComponent","ruleGroup","shouldShowLock","isNotRoot","shouldShowClone","CombinatorSelectorControlElement","CloneGroupActionControlElement","LockGroupActionControlElement","RemoveGroupActionControlElement","Fragment","TestID","AddGroupActionControlElement","AddRuleActionControlElement"],"mappings":"wOAwBO,SAASA,CAAAA,CAAUC,CAAAA,CAAuB,CAC/C,MAAMC,EAAQC,YAAAA,CAAaF,CAAK,CAAA,CAE1B,CACJ,MAAA,CAAQ,CACN,QAAA,CAAU,CAAE,qBAAA,CAAuBG,CAAsB,CAC3D,CACF,CAAA,CAAIF,CAAAA,CAEE,CACJ,MAAA,CAAQ,CAAE,UAAA,CAAAG,CAAW,CACvB,CAAA,CAAIJ,CAAAA,CAEEK,CAAAA,CAAUC,uBAAAA,CAAwBL,CAAAA,CAAM,OAAO,CAAA,CAC/CM,CAAAA,CAAWD,uBAAAA,CAAwBL,CAAAA,CAAM,QAAQ,CAAA,CACjDO,CAAAA,CAAaF,uBAAAA,CAAwBL,EAAM,UAAU,CAAA,CACrDQ,CAAAA,CAAkBH,uBAAAA,CAAwBL,CAAAA,CAAM,eAAe,CAAA,CAC/DS,CAAAA,CAAcJ,uBAAAA,CAAwBL,CAAAA,CAAM,WAAW,CAAA,CAEvDU,CAAAA,CAAeC,OAAAA,CACnB,KAAO,CACL,GAAGX,CAAAA,CACH,QAAA,CAAAM,CAAAA,CACA,OAAA,CAAAF,CAAAA,CACA,UAAA,CAAAG,CAAAA,CACA,WAAA,CAAAE,EACA,eAAA,CAAAD,CACF,CAAA,CAAA,CACA,CAACF,CAAAA,CAAUF,CAAAA,CAASG,CAAAA,CAAYP,CAAAA,CAAOS,EAAaD,CAAe,CACrE,CAAA,CAEA,OACEI,IAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAWC,IAAAA,CAAKV,EAAW,SAAS,CAAA,CACvC,QAAA,CAAA,CAAAW,GAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAWD,IAAAA,CAAKV,CAAAA,CAAW,MAAM,CAAA,CACpC,QAAA,CAAAW,GAAAA,CAACC,CAAAA,CAAA,CAA0B,GAAGL,CAAAA,CAAc,CAAA,CAC9C,EACAI,GAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAWD,IAAAA,CAAKV,CAAAA,CAAW,IAAI,CAAA,CAClC,QAAA,CAAAW,IAACZ,CAAAA,CAAA,CAAuB,GAAGQ,CAAAA,CAAc,CAAA,CAC3C,CAAA,CACAI,GAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAWD,IAAAA,CAAKV,CAAAA,CAAW,MAAM,CAAA,CACpC,QAAA,CAAAW,GAAAA,CAACE,CAAAA,CAAA,CAA0B,GAAGN,CAAAA,CAAc,CAAA,CAC9C,CAAA,CAAA,CACF,CAEJ,CAEO,SAASK,CAAAA,CACdE,EACA,CACA,MAAMC,CAAAA,CAAiBD,CAAAA,CAAU,MAAA,CAAO,eAAA,CAClCE,CAAAA,CAAYF,CAAAA,CAAU,KAAK,MAAA,CAAS,CAAA,CACpCG,CAAAA,CAAkBH,CAAAA,CAAU,MAAA,CAAO,gBAAA,EAAoBE,CAAAA,CAEvD,CACJ,OAAQ,CACN,QAAA,CAAU,CACR,kBAAA,CAAoBE,CAAAA,CACpB,gBAAA,CAAkBC,CAAAA,CAClB,eAAA,CAAiBC,EACjB,iBAAA,CAAmBC,CACrB,CACF,CACF,CAAA,CAAIP,CAAAA,CAEJ,OACEL,IAAAA,CAAAa,SAAA,CACE,QAAA,CAAA,CAAAX,GAAAA,CAACO,CAAAA,CAAA,CAEC,MAAA,CAAQK,MAAAA,CAAO,WAAA,CACf,QAAST,CAAAA,CAAU,MAAA,CAAO,WAAA,CAC1B,SAAA,CAAWA,CAAAA,CAAU,SAAA,CACrB,KAAA,CAAOA,CAAAA,CAAU,UAAA,CACjB,KAAA,CAAOA,CAAAA,CAAU,YAAA,CAAa,WAAA,CAAY,KAAA,CAC1C,SAAA,CAAWA,CAAAA,CAAU,WAAW,WAAA,CAChC,cAAA,CAAgBA,CAAAA,CAAU,kBAAA,CAC1B,KAAA,CAAOA,CAAAA,CAAU,SAAA,CAAU,KAAA,CAC3B,MAAOA,CAAAA,CAAU,IAAA,CAAK,MAAA,CACtB,IAAA,CAAMA,CAAAA,CAAU,IAAA,CAChB,QAAA,CAAUA,CAAAA,CAAU,SACpB,OAAA,CAASA,CAAAA,CAAU,OAAA,CACnB,UAAA,CAAYA,CAAAA,CAAU,gBAAA,CACtB,MAAA,CAAQA,CAAAA,CAAU,QAdbS,MAAAA,CAAO,WAed,CAAA,CACCN,CAAAA,EACCN,GAAAA,CAAC,KAAA,CAAA,CACC,QAAA,CAAAA,GAAAA,CAACQ,EAAA,CAEC,MAAA,CAAQI,MAAAA,CAAO,UAAA,CACf,KAAA,CAAOT,CAAAA,CAAU,YAAA,CAAa,cAAA,CAAe,MAC7C,KAAA,CAAOA,CAAAA,CAAU,YAAA,CAAa,cAAA,CAAe,KAAA,CAC7C,SAAA,CAAWA,CAAAA,CAAU,UAAA,CAAW,WAChC,aAAA,CAAeA,CAAAA,CAAU,UAAA,CACzB,KAAA,CAAOA,CAAAA,CAAU,SAAA,CAAU,KAAA,CAC3B,KAAA,CAAOA,CAAAA,CAAU,IAAA,CAAK,MAAA,CACtB,IAAA,CAAMA,CAAAA,CAAU,IAAA,CAChB,QAAA,CAAUA,CAAAA,CAAU,SACpB,OAAA,CAASA,CAAAA,CAAU,OAAA,CACnB,UAAA,CAAYA,CAAAA,CAAU,gBAAA,CACtB,WAAA,CAAaA,CAAAA,CAAU,UACvB,MAAA,CAAQA,CAAAA,CAAU,MAAA,CAAA,CAbbS,MAAAA,CAAO,UAcd,CAAA,CACF,CAAA,CAEDR,CAAAA,EACCJ,IAAC,KAAA,CAAA,CACC,QAAA,CAAAA,GAAAA,CAACS,CAAAA,CAAA,CAEC,MAAA,CAAQG,MAAAA,CAAO,SAAA,CACf,KAAA,CAAOT,CAAAA,CAAU,YAAA,CAAa,SAAA,CAAU,KAAA,CACxC,KAAA,CAAOA,CAAAA,CAAU,YAAA,CAAa,UAAU,KAAA,CACxC,SAAA,CAAWA,CAAAA,CAAU,UAAA,CAAW,SAAA,CAChC,aAAA,CAAeA,CAAAA,CAAU,eAAA,CACzB,MAAOA,CAAAA,CAAU,SAAA,CAAU,KAAA,CAC3B,KAAA,CAAOA,CAAAA,CAAU,IAAA,CAAK,MAAA,CACtB,IAAA,CAAMA,EAAU,IAAA,CAChB,QAAA,CAAUA,CAAAA,CAAU,QAAA,CACpB,mBAAA,CACEA,CAAAA,CAAU,cAAA,CACN,MAAA,CACAA,CAAAA,CAAU,YAAA,CAAa,iBAAA,CAE7B,OAAA,CAASA,CAAAA,CAAU,OAAA,CACnB,UAAA,CAAYA,CAAAA,CAAU,iBACtB,WAAA,CAAaA,CAAAA,CAAU,SAAA,CACvB,MAAA,CAAQA,CAAAA,CAAU,MAAA,CAAA,CAlBbS,MAAAA,CAAO,SAmBd,EACF,CAAA,CAEDP,CAAAA,EACCL,GAAAA,CAAC,KAAA,CAAA,CACC,QAAA,CAAAA,GAAAA,CAACU,CAAAA,CAAA,CAEC,OAAQE,MAAAA,CAAO,WAAA,CACf,KAAA,CAAOT,CAAAA,CAAU,YAAA,CAAa,WAAA,CAAY,KAAA,CAC1C,KAAA,CAAOA,EAAU,YAAA,CAAa,WAAA,CAAY,KAAA,CAC1C,SAAA,CAAWA,CAAAA,CAAU,UAAA,CAAW,WAAA,CAChC,aAAA,CAAeA,EAAU,WAAA,CACzB,KAAA,CAAOA,CAAAA,CAAU,SAAA,CAAU,KAAA,CAC3B,KAAA,CAAOA,CAAAA,CAAU,IAAA,CAAK,OACtB,IAAA,CAAMA,CAAAA,CAAU,IAAA,CAChB,QAAA,CAAUA,CAAAA,CAAU,QAAA,CACpB,OAAA,CAASA,CAAAA,CAAU,QACnB,UAAA,CAAYA,CAAAA,CAAU,gBAAA,CACtB,WAAA,CAAaA,CAAAA,CAAU,SAAA,CACvB,MAAA,CAAQA,CAAAA,CAAU,MAAA,CAAA,CAbbS,MAAAA,CAAO,WAcd,CAAA,CACF,CAAA,CAAA,CAEJ,CAEJ,CAEO,SAASV,EACdC,CAAAA,CACA,CACA,KAAM,CACJ,MAAA,CAAQ,CACN,QAAA,CAAU,CACR,eAAgBU,CAAAA,CAChB,aAAA,CAAeC,CACjB,CACF,CACF,CAAA,CAAIX,CAAAA,CAEJ,OACEL,KAAAa,QAAAA,CAAA,CACE,QAAA,CAAA,CAAAX,GAAAA,CAACc,CAAAA,CAAA,CAEC,MAAA,CAAQF,MAAAA,CAAO,QACf,KAAA,CAAOT,CAAAA,CAAU,YAAA,CAAa,OAAA,CAAQ,KAAA,CACtC,KAAA,CAAOA,CAAAA,CAAU,YAAA,CAAa,QAAQ,KAAA,CACtC,SAAA,CAAWA,CAAAA,CAAU,UAAA,CAAW,OAAA,CAChC,aAAA,CAAeA,CAAAA,CAAU,OAAA,CACzB,MAAOA,CAAAA,CAAU,SAAA,CAAU,KAAA,CAC3B,KAAA,CAAOA,CAAAA,CAAU,IAAA,CAAK,MAAA,CACtB,IAAA,CAAMA,EAAU,IAAA,CAChB,QAAA,CAAUA,CAAAA,CAAU,QAAA,CACpB,OAAA,CAASA,CAAAA,CAAU,OAAA,CACnB,UAAA,CAAYA,CAAAA,CAAU,gBAAA,CACtB,WAAA,CAAaA,CAAAA,CAAU,SAAA,CACvB,MAAA,CAAQA,CAAAA,CAAU,MAAA,CAAA,CAbbS,OAAO,OAcd,CAAA,CACAZ,GAAAA,CAACa,CAAAA,CAAA,CAEC,MAAA,CAAQD,MAAAA,CAAO,QAAA,CACf,MAAOT,CAAAA,CAAU,YAAA,CAAa,QAAA,CAAS,KAAA,CACvC,KAAA,CAAOA,CAAAA,CAAU,YAAA,CAAa,QAAA,CAAS,MACvC,SAAA,CAAWA,CAAAA,CAAU,UAAA,CAAW,QAAA,CAChC,aAAA,CAAeA,CAAAA,CAAU,QAAA,CACzB,KAAA,CAAOA,EAAU,SAAA,CAAU,KAAA,CAC3B,KAAA,CAAOA,CAAAA,CAAU,IAAA,CAAK,MAAA,CACtB,IAAA,CAAMA,CAAAA,CAAU,KAChB,QAAA,CAAUA,CAAAA,CAAU,QAAA,CACpB,OAAA,CAASA,CAAAA,CAAU,OAAA,CACnB,UAAA,CAAYA,CAAAA,CAAU,iBACtB,WAAA,CAAaA,CAAAA,CAAU,SAAA,CACvB,MAAA,CAAQA,CAAAA,CAAU,MAAA,CAAA,CAbbS,MAAAA,CAAO,QAcd,GACF,CAEJ","file":"rule-group.js","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 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useMemo } from 'react';\nimport {\n  type RuleGroupProps,\n  TestID,\n  useRuleGroup,\n  useStopEventPropagation,\n} from 'react-querybuilder';\n\nexport function RuleGroup(props: RuleGroupProps) {\n  const group = useRuleGroup(props);\n\n  const {\n    schema: {\n      controls: { ruleGroupBodyElements: RuleGroupBodyElements },\n    },\n  } = group;\n\n  const {\n    schema: { classNames },\n  } = props;\n\n  const addRule = useStopEventPropagation(group.addRule);\n  const addGroup = useStopEventPropagation(group.addGroup);\n  const cloneGroup = useStopEventPropagation(group.cloneGroup);\n  const toggleLockGroup = useStopEventPropagation(group.toggleLockGroup);\n  const removeGroup = useStopEventPropagation(group.removeGroup);\n\n  const elementProps = useMemo(\n    () => ({\n      ...group,\n      addGroup,\n      addRule,\n      cloneGroup,\n      removeGroup,\n      toggleLockGroup,\n    }),\n    [addGroup, addRule, cloneGroup, group, removeGroup, toggleLockGroup],\n  );\n\n  return (\n    <div className={clsx(classNames.ruleGroup)}>\n      <div className={clsx(classNames.header)}>\n        <RuleGroupHeaderComponent {...elementProps} />\n      </div>\n      <div className={clsx(classNames.body)}>\n        <RuleGroupBodyElements {...elementProps} />\n      </div>\n      <div className={clsx(classNames.header)}>\n        <RuleGroupFooterComponent {...elementProps} />\n      </div>\n    </div>\n  );\n}\n\nexport function RuleGroupHeaderComponent(\n  ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>,\n) {\n  const shouldShowLock = ruleGroup.schema.showLockButtons;\n  const isNotRoot = ruleGroup.path.length > 0;\n  const shouldShowClone = ruleGroup.schema.showCloneButtons && isNotRoot;\n\n  const {\n    schema: {\n      controls: {\n        combinatorSelector: CombinatorSelectorControlElement,\n        cloneGroupAction: CloneGroupActionControlElement,\n        lockGroupAction: LockGroupActionControlElement,\n        removeGroupAction: RemoveGroupActionControlElement,\n      },\n    },\n  } = ruleGroup;\n\n  return (\n    <>\n      <CombinatorSelectorControlElement\n        key={TestID.combinators}\n        testID={TestID.combinators}\n        options={ruleGroup.schema.combinators}\n        ruleGroup={ruleGroup.ruleGroup}\n        value={ruleGroup.combinator}\n        title={ruleGroup.translations.combinators.title}\n        className={ruleGroup.classNames.combinators}\n        handleOnChange={ruleGroup.onCombinatorChange}\n        rules={ruleGroup.ruleGroup.rules}\n        level={ruleGroup.path.length}\n        path={ruleGroup.path}\n        disabled={ruleGroup.disabled}\n        context={ruleGroup.context}\n        validation={ruleGroup.validationResult}\n        schema={ruleGroup.schema}\n      />\n      {shouldShowClone && (\n        <div>\n          <CloneGroupActionControlElement\n            key={TestID.cloneGroup}\n            testID={TestID.cloneGroup}\n            label={ruleGroup.translations.cloneRuleGroup.label}\n            title={ruleGroup.translations.cloneRuleGroup.title}\n            className={ruleGroup.classNames.cloneGroup}\n            handleOnClick={ruleGroup.cloneGroup}\n            rules={ruleGroup.ruleGroup.rules}\n            level={ruleGroup.path.length}\n            path={ruleGroup.path}\n            disabled={ruleGroup.disabled}\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            ruleOrGroup={ruleGroup.ruleGroup}\n            schema={ruleGroup.schema}\n          />\n        </div>\n      )}\n      {shouldShowLock && (\n        <div>\n          <LockGroupActionControlElement\n            key={TestID.lockGroup}\n            testID={TestID.lockGroup}\n            label={ruleGroup.translations.lockGroup.label}\n            title={ruleGroup.translations.lockGroup.title}\n            className={ruleGroup.classNames.lockGroup}\n            handleOnClick={ruleGroup.toggleLockGroup}\n            rules={ruleGroup.ruleGroup.rules}\n            level={ruleGroup.path.length}\n            path={ruleGroup.path}\n            disabled={ruleGroup.disabled}\n            disabledTranslation={\n              ruleGroup.parentDisabled\n                ? undefined\n                : ruleGroup.translations.lockGroupDisabled\n            }\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            ruleOrGroup={ruleGroup.ruleGroup}\n            schema={ruleGroup.schema}\n          />\n        </div>\n      )}\n      {isNotRoot && (\n        <div>\n          <RemoveGroupActionControlElement\n            key={TestID.removeGroup}\n            testID={TestID.removeGroup}\n            label={ruleGroup.translations.removeGroup.label}\n            title={ruleGroup.translations.removeGroup.title}\n            className={ruleGroup.classNames.removeGroup}\n            handleOnClick={ruleGroup.removeGroup}\n            rules={ruleGroup.ruleGroup.rules}\n            level={ruleGroup.path.length}\n            path={ruleGroup.path}\n            disabled={ruleGroup.disabled}\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            ruleOrGroup={ruleGroup.ruleGroup}\n            schema={ruleGroup.schema}\n          />\n        </div>\n      )}\n    </>\n  );\n}\n\nexport function RuleGroupFooterComponent(\n  ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>,\n) {\n  const {\n    schema: {\n      controls: {\n        addGroupAction: AddGroupActionControlElement,\n        addRuleAction: AddRuleActionControlElement,\n      },\n    },\n  } = ruleGroup;\n\n  return (\n    <>\n      <AddRuleActionControlElement\n        key={TestID.addRule}\n        testID={TestID.addRule}\n        label={ruleGroup.translations.addRule.label}\n        title={ruleGroup.translations.addRule.title}\n        className={ruleGroup.classNames.addRule}\n        handleOnClick={ruleGroup.addRule}\n        rules={ruleGroup.ruleGroup.rules}\n        level={ruleGroup.path.length}\n        path={ruleGroup.path}\n        disabled={ruleGroup.disabled}\n        context={ruleGroup.context}\n        validation={ruleGroup.validationResult}\n        ruleOrGroup={ruleGroup.ruleGroup}\n        schema={ruleGroup.schema}\n      />\n      <AddGroupActionControlElement\n        key={TestID.addGroup}\n        testID={TestID.addGroup}\n        label={ruleGroup.translations.addGroup.label}\n        title={ruleGroup.translations.addGroup.title}\n        className={ruleGroup.classNames.addGroup}\n        handleOnClick={ruleGroup.addGroup}\n        rules={ruleGroup.ruleGroup.rules}\n        level={ruleGroup.path.length}\n        path={ruleGroup.path}\n        disabled={ruleGroup.disabled}\n        context={ruleGroup.context}\n        validation={ruleGroup.validationResult}\n        ruleOrGroup={ruleGroup.ruleGroup}\n        schema={ruleGroup.schema}\n      />\n    </>\n  );\n}\n"]}

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

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {memo,useContext}from'react';import {useRule,useStopEventPropagation,TestID}from'react-querybuilder';import {Lines}from'../lines/index.js';import {RuleStyles}from'./styles.js';const{lines:Y}=RuleStyles(),Z=memo(function({path:e,props:u,context:o}){const c=e[0]===u.schema.getQuery()?.rules.length-1?"last":"branch";return jsx(Lines,{variant:c,size:"small",isVisible:o.showRuleLines,className:Y()})});function oe(s){const e=useRule(s),u=useContext(s.context),{classNames:o,disabled:R,operators:c,outerClassName:h,rule:{field:n,operator:i,value:S,valueSource:f},schema:{controls:{fieldSelector:y,operatorSelector:g,valueSourceSelector:N,valueEditor:k,cloneRuleAction:D,lockRuleAction:b,removeRuleAction:O},fields:E,listsAsArrays:L,parseNumbers:A,showCloneButtons:x,showLockButtons:I},fieldData:C,generateOnChangeHandler:d,inputType:T,parentDisabled:B,path:p,translations:l,valueEditorType:P,valueEditorSeparator:Q,values:w,valueSources:V,valueSourceOptions:G,validationResult:H}=e,z=useStopEventPropagation(e.cloneRule),F=useStopEventPropagation(e.toggleLockRule),q=useStopEventPropagation(e.removeRule),r={context:u,disabled:R,level:p.length,path:p,schema:e.schema,validation:H},J=!["null","notNull"].includes(i)&&V.length>1;return jsxs(Fragment,{children:[u.showRuleLines&&jsx(Z,{path:p,props:s,context:u}),jsxs("div",{className:h,children:[jsx(y,{testID:TestID.fields,options:E,title:l.fields.title,value:n,operator:i,className:o.fields,handleOnChange:d("field"),rule:e.rule,...r}),jsx(g,{testID:TestID.operators,field:n,fieldData:e.fieldData,title:e.translations.operators.title,options:c,value:i,className:e.classNames.operators,handleOnChange:e.generateOnChangeHandler("operator"),rule:e.rule,...r}),jsx(k,{testID:TestID.valueEditor,field:n,fieldData:C,title:l.value.title,operator:i,value:S,valueSource:f??"value",type:P,inputType:T,values:w,listsAsArrays:L,parseNumbers:A,separator:Q,className:o.value,handleOnChange:d("value"),rule:e.rule,...r}),J&&jsx(N,{testID:TestID.valueSourceSelector,field:n,fieldData:C,title:l.valueSourceSelector.title,options:G,value:f??"value",className:o.valueSource,handleOnChange:d("valueSource"),rule:e.rule,...r})]}),jsxs("div",{className:h,children:[jsx(O,{testID:TestID.removeRule,label:l.removeRule.label??"remove",title:l.removeRule.title??"remove",className:o.removeRule,handleOnClick:q,ruleOrGroup:e.rule,...r}),x&&jsx(D,{testID:TestID.cloneRule,label:l.cloneRule.label??"clone",title:l.cloneRule.title??"clone",className:o.cloneRule,handleOnClick:z,ruleOrGroup:e.rule,...r}),I&&jsx(b,{testID:TestID.lockRule,label:l.lockRule.label??"lock",title:l.lockRule.title??"lock",className:o.lockRule,handleOnClick:F,disabledTranslation:B?void 0:l.lockRuleDisabled,ruleOrGroup:e.rule,...r})]})]})}export{oe as Rule};//# sourceMappingURL=rule.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {memo,useContext}from'react';import {useRule,useStopEventPropagation,TestID}from'react-querybuilder';import {Lines}from'../lines/index.js';import X from'./styles.module.css';const Y=memo(function({path:e,props:s,context:o}){const c=e[0]===s.schema.getQuery()?.rules.length-1?"last":"branch";return jsx(Lines,{variant:c,size:"small",isVisible:o.showRuleLines,className:X.ruleLines})});function te(u){const e=useRule(u),s=useContext(u.context),{classNames:o,disabled:R,operators:c,outerClassName:h,rule:{field:n,operator:i,value:S,valueSource:f},schema:{controls:{fieldSelector:y,operatorSelector:g,valueSourceSelector:N,valueEditor:k,cloneRuleAction:D,lockRuleAction:b,removeRuleAction:O},fields:E,listsAsArrays:L,parseNumbers:A,showCloneButtons:x,showLockButtons:I},fieldData:C,generateOnChangeHandler:d,inputType:T,parentDisabled:B,path:p,translations:l,valueEditorType:P,valueEditorSeparator:Q,values:w,valueSources:V,valueSourceOptions:G,validationResult:H}=e,z=useStopEventPropagation(e.cloneRule),F=useStopEventPropagation(e.toggleLockRule),q=useStopEventPropagation(e.removeRule),r={context:s,disabled:R,level:p.length,path:p,schema:e.schema,validation:H},J=!["null","notNull"].includes(i)&&V.length>1;return jsxs(Fragment,{children:[s.showRuleLines&&jsx(Y,{path:p,props:u,context:s}),jsxs("div",{className:h,children:[jsx(y,{testID:TestID.fields,options:E,title:l.fields.title,value:n,operator:i,className:o.fields,handleOnChange:d("field"),rule:e.rule,...r}),jsx(g,{testID:TestID.operators,field:n,fieldData:e.fieldData,title:e.translations.operators.title,options:c,value:i,className:e.classNames.operators,handleOnChange:e.generateOnChangeHandler("operator"),rule:e.rule,...r}),jsx(k,{testID:TestID.valueEditor,field:n,fieldData:C,title:l.value.title,operator:i,value:S,valueSource:f??"value",type:P,inputType:T,values:w,listsAsArrays:L,parseNumbers:A,separator:Q,className:e.classNames.value,handleOnChange:d("value"),rule:e.rule,...r}),J&&jsx(N,{testID:TestID.valueSourceSelector,field:n,fieldData:C,title:l.valueSourceSelector.title,options:G,value:f??"value",className:o.valueSource,handleOnChange:d("valueSource"),rule:e.rule,...r})]}),jsxs("div",{className:h,children:[jsx(O,{testID:TestID.removeRule,label:l.removeRule.label??"remove",title:l.removeRule.title??"remove",className:o.removeRule,handleOnClick:q,ruleOrGroup:e.rule,...r}),x&&jsx(D,{testID:TestID.cloneRule,label:l.cloneRule.label??"clone",title:l.cloneRule.title??"clone",className:o.cloneRule,handleOnClick:z,ruleOrGroup:e.rule,...r}),I&&jsx(b,{testID:TestID.lockRule,label:l.lockRule.label??"lock",title:l.lockRule.title??"lock",className:o.lockRule,handleOnClick:F,disabledTranslation:B?void 0:l.lockRuleDisabled,ruleOrGroup:e.rule,...r})]})]})}export{te as Rule};//# sourceMappingURL=rule.js.map
 //# sourceMappingURL=rule.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/query-builder/rule.tsx"],"names":["QueryBuilderLines","X","props","path","line","W","Rule","useRule","context","U","M","classNames","operators","field","valueSource","FieldSelectorControlElement","ValueEditorControlElement","listsAsArrays","parseNumbers","fieldData","inputType","translations","valueSources","m","toggleLockRule","useStopEventPropagation","coreRuleProps","rule","renderValueSources","v","t","jsxs","TestID","a","jsx","OperatorSelectorControlElement","valueEditorType","valueEditorSeparator","ValueSourceSelectorControlElement","valueSourceOptions","RemoveRuleActionControlElement","removeRule","showCloneButtons","CloneRuleActionControlElement","cloneRule","showLockButtons","LockRuleActionControlElement"],"mappings":"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","file":"rule.js","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 'client-only';\nimport { memo, useContext } from 'react';\nimport {\n  type Path,\n  type RuleProps,\n  TestID,\n  useRule,\n  useStopEventPropagation,\n} from 'react-querybuilder';\nimport { Lines } from '../lines';\nimport { RuleStyles } from './styles';\nimport type { QueryBuilderContextType } from './types';\n\nconst { lines } = RuleStyles();\n\nconst QueryBuilderLines = memo(function QueryBuilderLines({\n  path,\n  props,\n  context,\n}: {\n  path: Path;\n  props: RuleProps;\n  context: QueryBuilderContextType;\n}) {\n  const isLastRule = path[0] === props.schema.getQuery()?.rules.length - 1;\n  const line = isLastRule ? 'last' : 'branch';\n\n  return (\n    <Lines\n      variant={line}\n      size='small'\n      isVisible={context.showRuleLines}\n      className={lines()}\n    />\n  );\n});\n\nexport function Rule(props: RuleProps) {\n  const rule = useRule(props);\n  const context: QueryBuilderContextType = useContext(props.context);\n\n  const {\n    classNames,\n    disabled,\n    operators,\n    outerClassName,\n    rule: { field, operator, value, valueSource },\n    schema: {\n      controls: {\n        fieldSelector: FieldSelectorControlElement,\n        operatorSelector: OperatorSelectorControlElement,\n        valueSourceSelector: ValueSourceSelectorControlElement,\n        valueEditor: ValueEditorControlElement,\n        cloneRuleAction: CloneRuleActionControlElement,\n        lockRuleAction: LockRuleActionControlElement,\n        removeRuleAction: RemoveRuleActionControlElement,\n      },\n      fields,\n      listsAsArrays,\n      parseNumbers,\n      showCloneButtons,\n      showLockButtons,\n    },\n    fieldData,\n    generateOnChangeHandler,\n    inputType,\n    parentDisabled,\n    path,\n    translations,\n    valueEditorType,\n    valueEditorSeparator,\n    values,\n    valueSources,\n    valueSourceOptions,\n    validationResult,\n  } = rule;\n\n  const cloneRule = useStopEventPropagation(rule.cloneRule);\n  const toggleLockRule = useStopEventPropagation(rule.toggleLockRule);\n  const removeRule = useStopEventPropagation(rule.removeRule);\n\n  const coreRuleProps = {\n    context,\n    disabled,\n    level: path.length,\n    path,\n    schema: rule.schema,\n    validation: validationResult,\n  };\n  const renderValueSources =\n    !['null', 'notNull'].includes(operator) && valueSources.length > 1;\n\n  return (\n    <>\n      {context.showRuleLines && (\n        <QueryBuilderLines path={path} props={props} context={context} />\n      )}\n      <div className={outerClassName}>\n        <FieldSelectorControlElement\n          testID={TestID.fields}\n          options={fields}\n          title={translations.fields.title}\n          value={field}\n          operator={operator}\n          className={classNames.fields}\n          handleOnChange={generateOnChangeHandler('field')}\n          rule={rule.rule}\n          {...coreRuleProps}\n        />\n        <OperatorSelectorControlElement\n          testID={TestID.operators}\n          field={field}\n          fieldData={rule.fieldData}\n          title={rule.translations.operators.title}\n          options={operators}\n          value={operator}\n          className={rule.classNames.operators}\n          handleOnChange={rule.generateOnChangeHandler('operator')}\n          rule={rule.rule}\n          {...coreRuleProps}\n        />\n        <ValueEditorControlElement\n          testID={TestID.valueEditor}\n          field={field}\n          fieldData={fieldData}\n          title={translations.value.title}\n          operator={operator}\n          value={value}\n          valueSource={valueSource ?? 'value'}\n          type={valueEditorType}\n          inputType={inputType}\n          values={values}\n          listsAsArrays={listsAsArrays}\n          parseNumbers={parseNumbers}\n          separator={valueEditorSeparator}\n          className={classNames.value}\n          handleOnChange={generateOnChangeHandler('value')}\n          rule={rule.rule}\n          {...coreRuleProps}\n        />\n        {renderValueSources && (\n          <ValueSourceSelectorControlElement\n            testID={TestID.valueSourceSelector}\n            field={field}\n            fieldData={fieldData}\n            title={translations.valueSourceSelector.title}\n            options={valueSourceOptions}\n            value={valueSource ?? 'value'}\n            className={classNames.valueSource}\n            handleOnChange={generateOnChangeHandler('valueSource')}\n            rule={rule.rule}\n            {...coreRuleProps}\n          />\n        )}\n      </div>\n      <div className={outerClassName}>\n        <RemoveRuleActionControlElement\n          testID={TestID.removeRule}\n          label={translations.removeRule.label ?? 'remove'}\n          title={translations.removeRule.title ?? 'remove'}\n          className={classNames.removeRule}\n          handleOnClick={removeRule}\n          ruleOrGroup={rule.rule}\n          {...coreRuleProps}\n        />\n        {showCloneButtons && (\n          <CloneRuleActionControlElement\n            testID={TestID.cloneRule}\n            label={translations.cloneRule.label ?? 'clone'}\n            title={translations.cloneRule.title ?? 'clone'}\n            className={classNames.cloneRule}\n            handleOnClick={cloneRule}\n            ruleOrGroup={rule.rule}\n            {...coreRuleProps}\n          />\n        )}\n        {showLockButtons && (\n          <LockRuleActionControlElement\n            testID={TestID.lockRule}\n            label={translations.lockRule.label ?? 'lock'}\n            title={translations.lockRule.title ?? 'lock'}\n            className={classNames.lockRule}\n            handleOnClick={toggleLockRule}\n            disabledTranslation={\n              parentDisabled ? undefined : translations.lockRuleDisabled\n            }\n            ruleOrGroup={rule.rule}\n            {...coreRuleProps}\n          />\n        )}\n      </div>\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/query-builder/rule.tsx"],"names":["K","context","line","path","Lines","t","styles","Rule","rule","useRule","props","U","M","classNames","disabled","operators","operator","fields","fieldData","inputType","values","m","toggleLockRule","validationResult","jsxs","Fragment","v","Z","outerClassName","jsx","TestID","a","coreRuleProps","OperatorSelectorControlElement","ValueEditorControlElement","valueEditorSeparator","translations"],"mappings":"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","file":"rule.js","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 'client-only';\nimport { memo, useContext } from 'react';\nimport {\n  type Path,\n  type RuleProps,\n  TestID,\n  useRule,\n  useStopEventPropagation,\n} from 'react-querybuilder';\nimport { Lines } from '../lines';\nimport styles from './styles.module.css';\nimport type { QueryBuilderContextType } from './types';\n\nconst QueryBuilderLines = memo(function QueryBuilderLines({\n  path,\n  props,\n  context,\n}: {\n  path: Path;\n  props: RuleProps;\n  context: QueryBuilderContextType;\n}) {\n  const isLastRule = path[0] === props.schema.getQuery()?.rules.length - 1;\n  const line = isLastRule ? 'last' : 'branch';\n\n  return (\n    <Lines\n      variant={line}\n      size='small'\n      isVisible={context.showRuleLines}\n      className={styles.ruleLines}\n    />\n  );\n});\n\nexport function Rule(props: RuleProps) {\n  const rule = useRule(props);\n  const context: QueryBuilderContextType = useContext(props.context);\n\n  const {\n    classNames,\n    disabled,\n    operators,\n    outerClassName,\n    rule: { field, operator, value, valueSource },\n    schema: {\n      controls: {\n        fieldSelector: FieldSelectorControlElement,\n        operatorSelector: OperatorSelectorControlElement,\n        valueSourceSelector: ValueSourceSelectorControlElement,\n        valueEditor: ValueEditorControlElement,\n        cloneRuleAction: CloneRuleActionControlElement,\n        lockRuleAction: LockRuleActionControlElement,\n        removeRuleAction: RemoveRuleActionControlElement,\n      },\n      fields,\n      listsAsArrays,\n      parseNumbers,\n      showCloneButtons,\n      showLockButtons,\n    },\n    fieldData,\n    generateOnChangeHandler,\n    inputType,\n    parentDisabled,\n    path,\n    translations,\n    valueEditorType,\n    valueEditorSeparator,\n    values,\n    valueSources,\n    valueSourceOptions,\n    validationResult,\n  } = rule;\n\n  const cloneRule = useStopEventPropagation(rule.cloneRule);\n  const toggleLockRule = useStopEventPropagation(rule.toggleLockRule);\n  const removeRule = useStopEventPropagation(rule.removeRule);\n\n  const coreRuleProps = {\n    context,\n    disabled,\n    level: path.length,\n    path,\n    schema: rule.schema,\n    validation: validationResult,\n  };\n  const renderValueSources =\n    !['null', 'notNull'].includes(operator) && valueSources.length > 1;\n\n  return (\n    <>\n      {context.showRuleLines && (\n        <QueryBuilderLines path={path} props={props} context={context} />\n      )}\n      <div className={outerClassName}>\n        <FieldSelectorControlElement\n          testID={TestID.fields}\n          options={fields}\n          title={translations.fields.title}\n          value={field}\n          operator={operator}\n          className={classNames.fields}\n          handleOnChange={generateOnChangeHandler('field')}\n          rule={rule.rule}\n          {...coreRuleProps}\n        />\n        <OperatorSelectorControlElement\n          testID={TestID.operators}\n          field={field}\n          fieldData={rule.fieldData}\n          title={rule.translations.operators.title}\n          options={operators}\n          value={operator}\n          className={rule.classNames.operators}\n          handleOnChange={rule.generateOnChangeHandler('operator')}\n          rule={rule.rule}\n          {...coreRuleProps}\n        />\n        <ValueEditorControlElement\n          testID={TestID.valueEditor}\n          field={field}\n          fieldData={fieldData}\n          title={translations.value.title}\n          operator={operator}\n          value={value}\n          valueSource={valueSource ?? 'value'}\n          type={valueEditorType}\n          inputType={inputType}\n          values={values}\n          listsAsArrays={listsAsArrays}\n          parseNumbers={parseNumbers}\n          separator={valueEditorSeparator}\n          className={rule.classNames.value}\n          handleOnChange={generateOnChangeHandler('value')}\n          rule={rule.rule}\n          {...coreRuleProps}\n        />\n        {renderValueSources && (\n          <ValueSourceSelectorControlElement\n            testID={TestID.valueSourceSelector}\n            field={field}\n            fieldData={fieldData}\n            title={translations.valueSourceSelector.title}\n            options={valueSourceOptions}\n            value={valueSource ?? 'value'}\n            className={classNames.valueSource}\n            handleOnChange={generateOnChangeHandler('valueSource')}\n            rule={rule.rule}\n            {...coreRuleProps}\n          />\n        )}\n      </div>\n      <div className={outerClassName}>\n        <RemoveRuleActionControlElement\n          testID={TestID.removeRule}\n          label={translations.removeRule.label ?? 'remove'}\n          title={translations.removeRule.title ?? 'remove'}\n          className={classNames.removeRule}\n          handleOnClick={removeRule}\n          ruleOrGroup={rule.rule}\n          {...coreRuleProps}\n        />\n        {showCloneButtons && (\n          <CloneRuleActionControlElement\n            testID={TestID.cloneRule}\n            label={translations.cloneRule.label ?? 'clone'}\n            title={translations.cloneRule.title ?? 'clone'}\n            className={classNames.cloneRule}\n            handleOnClick={cloneRule}\n            ruleOrGroup={rule.rule}\n            {...coreRuleProps}\n          />\n        )}\n        {showLockButtons && (\n          <LockRuleActionControlElement\n            testID={TestID.lockRule}\n            label={translations.lockRule.label ?? 'lock'}\n            title={translations.lockRule.title ?? 'lock'}\n            className={classNames.lockRule}\n            handleOnClick={toggleLockRule}\n            disabledTranslation={\n              parentDisabled ? undefined : translations.lockRuleDisabled\n            }\n            ruleOrGroup={rule.rule}\n            {...coreRuleProps}\n          />\n        )}\n      </div>\n    </>\n  );\n}\n"]}

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

@@ -0,0 +1,87 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .queryBuilder {
+    @apply outline outline-transparent;
+  }
+
+  .ruleGroup {
+    @apply gap-s rounded-medium p-s outline-info-bold col-span-full flex flex-col outline;
+  }
+
+  .header {
+    @apply gap-s flex;
+  }
+
+  .body {
+    @apply gap-x-s grid;
+
+    @variant empty {
+      @apply hidden;
+    }
+
+    &.showRuleLines {
+      grid-template-columns: 10px minmax(100px, 1fr) min-content;
+    }
+
+    &.hideRuleLines {
+      grid-template-columns: minmax(100px, 1fr) min-content;
+    }
+  }
+
+  .combinators {
+    @apply my-s;
+  }
+
+  .rule {
+    @apply gap-xs py-s flex;
+
+    &.horizontal {
+      @apply items-center;
+      min-height: 50px;
+    }
+
+    &.vertical {
+      @apply flex-col items-stretch;
+    }
+  }
+
+  .cloneRule,
+  .cloneGroup,
+  .lockRule,
+  .lockGroup {
+    @apply fg-info-bold;
+
+    @variant hover {
+      @apply fg-info-hover;
+    }
+  }
+
+  .fields,
+  .value {
+    @apply w-full;
+  }
+}
+
+@layer components.l2 {
+  .ruleLines {
+    min-height: 46px;
+    width: 20px;
+  }
+
+  .textInput {
+    @apply min-h-xl;
+  }
+}