@accelint/design-toolkit 1.0.1 → 2.0.0

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as cva_types from 'cva/types';
-import React from 'react';
+import React__default from 'react';
 import { DisclosureProps, ButtonProps, DisclosurePanelProps, DisclosureGroupProps } from 'react-aria-components';
 import { VariantProps } from 'cva';
 
@@ -18,7 +18,7 @@ declare namespace Accordion {
     var Group: typeof AccordionGroup;
 }
 interface AccordionHeaderProps extends Pick<AccordionProps, 'options' | 'variant'> {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     className?: ButtonProps['className'];
     isDisabled?: boolean;
 }

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

@@ -2,22 +2,22 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as cva_types from 'cva/types';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { VariantProps } from 'cva';
-import React from 'react';
+import React__default from 'react';
 
 declare const avatarStyles: (props?: ({
     size?: "small" | "medium" | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
-interface AvatarProps extends React.ComponentProps<typeof AvatarPrimitive.Image>, VariantProps<typeof avatarStyles> {
+interface AvatarProps extends React__default.ComponentProps<typeof AvatarPrimitive.Image>, VariantProps<typeof avatarStyles> {
     /**
      * The fallback that the avatar will render if it cannot load the provided source.
      *
      * Accepts any React component.
      */
-    fallback?: React.ReactNode;
+    fallback?: React__default.ReactNode;
     /** How long the system should wait before it shows the fallback component. By default there is no delay. */
     fallbackDelay?: number;
     /** The source of an avatar can either be a URL representing an image or a React component (such as an SVG or an icon from a library). */
-    source?: string | React.ReactNode;
+    source?: string | React__default.ReactNode;
 }
 declare const Avatar: {
     ({ className, children, fallback, fallbackDelay, source, size, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;

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

@@ -1,12 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as cva_types from 'cva/types';
 import { VariantProps } from 'cva';
-import React from 'react';
+import React__default from 'react';
 
 declare const badgeStyles: (props?: ({
     variant?: "info" | "advisory" | "normal" | "serious" | "critical" | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
-interface BadgeProps extends VariantProps<typeof badgeStyles>, Omit<React.HTMLProps<HTMLSpanElement>, 'children'> {
+interface BadgeProps extends VariantProps<typeof badgeStyles>, Omit<React__default.HTMLProps<HTMLSpanElement>, 'children'> {
     className?: string;
     /** Used to add text to the badge, such as the number of unread notifications. */
     children?: string;

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

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
+import React__default from 'react';
 
-interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
-    as?: React.ElementType;
+interface BoxProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    as?: React__default.ElementType;
     /** When true, apply flex display */
     flex?: boolean;
     /** Flex direction: 'row' or 'col' */

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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
+import React__default from 'react';
 import { CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1 } from 'react-aria-components';
 
 /**
@@ -12,7 +12,7 @@ declare namespace Checkbox {
     var Group: typeof CheckboxGroup;
 }
 interface CheckboxGroupProps extends CheckboxGroupProps$1 {
-    label?: string | React.JSX.Element;
+    label?: string | React__default.JSX.Element;
 }
 declare function CheckboxGroup({ children, className, label, ...props }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
 

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

@@ -1,14 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as cva_types from 'cva/types';
 import { VariantProps } from 'cva';
-import React, { ReactNode } from 'react';
+import React__default, { ReactNode } from 'react';
 import { TagGroupProps, TagListProps, TagProps } from 'react-aria-components';
 
 declare const chipStyles: (props?: ({
     variant?: "info" | "advisory" | "normal" | "serious" | "critical" | null | undefined;
     size?: "small" | "medium" | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
-interface ChipProps extends VariantProps<typeof chipStyles>, Omit<React.HTMLProps<HTMLSpanElement>, 'children' | 'size'> {
+interface ChipProps extends VariantProps<typeof chipStyles>, Omit<React__default.HTMLProps<HTMLSpanElement>, 'children' | 'size'> {
     className?: string;
     /** Used to add text to the badge, such as the number of unread notifications. */
     children?: ReactNode;

package/dist/components/color-picker/index.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ForwardedRef } from 'react';
+import { ColorSwatchPickerProps, ColorSwatchPickerItemProps, Color } from 'react-aria-components';
+
+interface ColorPickerState {
+    /** The current color value of the color picker. */
+    color: Color | null;
+    /** Sets the current color value of the color picker. */
+    setColor(color: Color | null): void;
+}
+declare function useColorPickerState(props: ColorSwatchPickerProps): ColorPickerState;
+interface ColorPickerProps extends ColorSwatchPickerProps {
+    options: ColorSwatchPickerItemProps['color'][];
+    ref?: ForwardedRef<HTMLDivElement>;
+}
+declare function ColorPicker({ options, className, ...props }: ColorPickerProps): react_jsx_runtime.JSX.Element;
+declare namespace ColorPicker {
+    var displayName: string;
+}
+
+export { ColorPicker, type ColorPickerProps, useColorPickerState };

package/dist/components/color-picker/index.js

@@ -0,0 +1,2 @@
+import {cn}from'./../../lib/utils.js';import {useControlledState}from'@react-stately/utils';import {createContext,useMemo,useContext,useEffect}from'react';import {ColorSwatch,parseColor,useContextProps,ColorSwatchPickerContext,ListBox,useLocale,ListBoxItem,ColorSwatchContext}from'react-aria-components';import {jsx}from'react/jsx-runtime';var C=o=>{if(typeof o=="string")try{return parseColor(o)}catch{return}return o};function A(o){let l=useMemo(()=>C(o.value),[o.value]),r=useMemo(()=>C(o.defaultValue||"#000000"),[o.defaultValue]),[e,t]=useControlledState(l||null,r,o.onChange);return {color:e,setColor(c){t(c);}}}function I({ref:o=null,color:l,...r}){let e=l||"#0000",t=useMemo(()=>typeof e=="string"?parseColor(e):e,[e]),{locale:c}=useLocale(),a=useContext(d);return useEffect(()=>{let s=t.toString("hexa");return a?.set(s,t),()=>{a?.delete(s);}},[t,a]),jsx(ListBoxItem,{...r,ref:o,id:t.toString("hexa"),textValue:t.getColorName(c),className:"w-fit outline-none outline outline-offset-1 hover:outline-interactive-hover hover:outline-solid focus:outline-interactive-hover focus:outline-solid data-selected:outline-highlight data-selected:outline-solid",children:jsx(ColorSwatchContext.Provider,{value:{color:t},children:r.children})})}var d=createContext(null);function L({ref:o=null,className:l,children:r,...e}){[e,o]=useContextProps(e,o,ColorSwatchPickerContext);let t=A(e),c=useMemo(()=>new Map,[]);return jsx(ListBox,{className:cn("flex flex-wrap gap-s",l),style:e.style,layout:e.layout||"grid",selectionMode:"single",selectedKeys:t.color?[t.color.toString("hexa")]:void 0,onSelectionChange:a=>{a!=="all"&&(a.size>0?t.setColor(c.get([...a][0])):t.setColor(null));},...e,children:jsx(d.Provider,{value:c,children:r})})}function M({options:o,className:l,...r}){return jsx(L,{className:cn("flex flex-wrap gap-s",l),...r,children:o.map(e=>jsx(I,{color:e,children:jsx(ColorSwatch,{className:"h-[16px] w-[16px]"})},e.toString()))})}M.displayName="ColorPicker";export{M as ColorPicker,A as useColorPickerState};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/color-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/color-picker/index.tsx"],"names":["value","parseColor","P","useMemo","parseColorFromProp","props","defaultValue","useControlledState","color","ColorSwatchPickerItem","ref","colorFromProps","propColor","n","locale","map","useContext","ColorMapContext","useEffect","p","key","jsx","AriaListBoxItem","i","k","S","createContext","ColorSwatchPicker","className","useContextProps","ColorSwatchPickerContext","v","state","useColorPickerState","colorMap","u","keys","options","x","ColorPicker"],"mappings":"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","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\nimport { cn } from '@/lib/utils';\nimport { useControlledState } from '@react-stately/utils';\nimport {\n  type ForwardedRef,\n  type ReactNode,\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n} from 'react';\nimport {\n  ColorSwatch as AriaColorSwatch,\n  ColorSwatchContext as AriaColorSwatchContext,\n  type ColorSwatchPickerItemProps as AriaColorSwatchPickerItemProps,\n  type ColorSwatchPickerProps as AriaColorSwatchPickerProps,\n  ListBox as AriaListBox,\n  ListBoxItem as AriaListBoxItem,\n  type Color,\n  ColorSwatchPickerContext,\n  parseColor,\n  useContextProps,\n  useLocale,\n} from 'react-aria-components';\n\ninterface ColorPickerState {\n  /** The current color value of the color picker. */\n  color: Color | null;\n  /** Sets the current color value of the color picker. */\n  setColor(color: Color | null): void;\n}\n\nconst parseColorFromProp = (value?: Color | string) => {\n  if (typeof value === 'string') {\n    try {\n      return parseColor(value);\n    } catch {\n      return undefined;\n    }\n  }\n  return value;\n};\n\nexport function useColorPickerState(\n  props: AriaColorSwatchPickerProps,\n): ColorPickerState {\n  const value = useMemo(() => parseColorFromProp(props.value), [props.value]);\n\n  const defaultValue = useMemo(\n    () => parseColorFromProp(props.defaultValue || '#000000'),\n    [props.defaultValue],\n  );\n  const [color, setColor] = useControlledState(\n    value || null,\n    defaultValue as Color,\n    props.onChange,\n  );\n\n  return {\n    color,\n    setColor(color) {\n      setColor(color);\n    },\n  };\n}\n\n/**\n * Renders a single color swatch item for use within a color picker list.\n *\n * This component manages the registration of its color value in a shared color map context,\n * and provides the color value to its children via context. It also handles accessibility\n * and styling for selection and focus states.\n\n *\n * @remarks\n * - The component registers its color in a shared `ColorMapContext` on mount and removes it on unmount.\n * - The color is parsed and memoized for performance.\n * - The swatch item is rendered as an accessible list box item.\n */\nfunction ColorSwatchPickerItem({\n  ref = null,\n  color: colorFromProps,\n  ...props\n}: Omit<AriaColorSwatchPickerItemProps, 'style'> & {\n  children: ReactNode;\n  ref?: ForwardedRef<HTMLDivElement>;\n}) {\n  const propColor = colorFromProps || '#0000';\n  const color = useMemo(\n    () => (typeof propColor === 'string' ? parseColor(propColor) : propColor),\n    [propColor],\n  );\n  const { locale } = useLocale();\n  const map = useContext(ColorMapContext);\n\n  // Register the color in the map context on mount and remove it on unmount.\n  // This allows the color picker to manage its own state and selection.\n  // The key is the color's hex representation, ensuring uniqueness.\n  // The color is also provided to the context for use by children components.\n  // This is useful for rendering the swatch or any related UI elements.\n  useEffect(() => {\n    const key = color.toString('hexa');\n    map?.set(key, color);\n    return () => {\n      map?.delete(key);\n    };\n  }, [color, map]);\n\n  return (\n    <AriaListBoxItem\n      {...props}\n      ref={ref}\n      id={color.toString('hexa')}\n      textValue={color.getColorName(locale)}\n      className='w-fit outline-none outline outline-offset-1 hover:outline-interactive-hover hover:outline-solid focus:outline-interactive-hover focus:outline-solid data-selected:outline-highlight data-selected:outline-solid'\n    >\n      <AriaColorSwatchContext.Provider value={{ color }}>\n        {/* @ts-expect-error package version mismatch TODO*/}\n        {props.children}\n      </AriaColorSwatchContext.Provider>\n    </AriaListBoxItem>\n  );\n}\n\nconst ColorMapContext = createContext<Map<string, Color> | null>(null);\n\nexport interface ColorPickerProps extends AriaColorSwatchPickerProps {\n  options: AriaColorSwatchPickerItemProps['color'][];\n  ref?: ForwardedRef<HTMLDivElement>;\n}\n\n// @ts-expect-error package version mismatch TODO\ninterface ColorSwatchPickerProps extends Omit<ColorPickerProps, 'options'> {\n  children?: ReactNode;\n}\n\nfunction ColorSwatchPicker({\n  ref = null,\n  className,\n  children,\n  ...props\n}: ColorSwatchPickerProps) {\n  [props, ref] = useContextProps(props, ref, ColorSwatchPickerContext);\n  const state = useColorPickerState(props);\n  const colorMap = useMemo(() => new Map(), []);\n  return (\n    <AriaListBox\n      className={cn('flex flex-wrap gap-s', className)}\n      style={props.style}\n      layout={props.layout || 'grid'}\n      selectionMode='single'\n      selectedKeys={state.color ? [state.color.toString('hexa')] : undefined}\n      onSelectionChange={(keys) => {\n        // single select, 'all' cannot occur.\n        if (keys !== 'all') {\n          if (keys.size > 0) {\n            state.setColor(colorMap.get([...keys][0]));\n          } else {\n            // If no keys are selected, we can set the color to null or a default value\n            state.setColor(null);\n          }\n        }\n      }}\n      {...props}\n    >\n      <ColorMapContext.Provider value={colorMap}>\n        {children}\n      </ColorMapContext.Provider>\n    </AriaListBox>\n  );\n}\n\nexport function ColorPicker({\n  options,\n  className,\n  ...props\n}: ColorPickerProps) {\n  return (\n    <ColorSwatchPicker\n      className={cn('flex flex-wrap gap-s', className)}\n      {...props}\n    >\n      {options.map((color) => (\n        <ColorSwatchPickerItem key={color.toString()} color={color}>\n          <AriaColorSwatch className='h-[16px] w-[16px]' />\n        </ColorSwatchPickerItem>\n      ))}\n    </ColorSwatchPicker>\n  );\n}\nColorPicker.displayName = 'ColorPicker';\n"]}

package/dist/components/combobox/index.js

@@ -1,2 +1,2 @@
-import'client-only';import {ComboBox,Button,Text,Popover,Virtualizer,ListLayout,ListBox,ListBoxSection,Header,Collection,Input,ListBoxItem}from'react-aria-components';import {cn}from'./../../lib/utils.js';import F from'@accelint/icons/chevron-down';import {cva}from'cva';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var _=cva(["block w-full rounded-medium py-xs pr-[32px] pl-s font-display outline outline-interactive","not-disabled:read-only:rounded-none not-disabled:read-only:p-0 not-disabled:read-only:outline-transparent not-disabled:read-only:hover:outline-transparent not-disabled:read-only:focus:outline-transparent"],{variants:{isDisabled:{true:"text-disabled outline-interactive-disabled placeholder:text-disabled",false:"text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight"},isInvalid:{true:"outline-serious"},size:{medium:"text-body-s",small:"text-body-xs"}},compoundVariants:[{isDisabled:true,isInvalid:true,className:"outline-interactive-disabled"}],defaultVariants:{size:"medium"}}),y=({className:t,isReadOnly:s=false,size:o="medium",...r})=>jsx(Input,{...r,className:({isDisabled:i,isInvalid:a})=>cn(_({isDisabled:i,isInvalid:a,size:o,className:t}))});y.displayName="ComboBox.Input";function p({children:t,className:s,description:o,errorMessage:r,isDisabled:i,isInvalid:a,isReadOnly:l,label:A,placeholder:I,layoutOptions:v,size:u="medium",...x}){let f=u==="small",P=!(f||a)||i,L=a&&!i&&!l;return jsx(ComboBox,{...x,isDisabled:i,isInvalid:a,isReadOnly:l,className:"flex flex-col gap-xs",children:({isDisabled:m,isOpen:N})=>jsxs(Fragment,{children:[!f&&jsx(Label,{className:"empty:hidden",isDisabled:m,isOptional:!x.isRequired,children:A}),jsxs("div",{className:"relative flex items-center",children:[jsx(y,{className:s,isReadOnly:l,placeholder:I,size:u}),jsx(Button,{className:cn(["fg-default-light icon-size-xl absolute right-xs transform",m&&"fg-disabled",N&&"rotate-180",l&&"hidden"]),children:jsx(Icon,{className:"block",children:jsx(F,{})})})]}),P&&jsx(Text,{className:cn(["fg-default-dark text-body-xs empty:hidden",m&&"fg-disabled"]),slot:"description",children:o}),L&&jsx(Text,{className:"fg-serious text-body-xs empty:hidden",slot:"errorMessage",children:r}),jsx(Popover,{className:"w-(--trigger-width)",children:jsx(Virtualizer,{layout:ListLayout,layoutOptions:v,children:jsx(ListBox,{className:"grid max-h-[200px] grid-cols-[auto_1fr] overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light",children:t})})})]})})}p.displayName="ComboBox";var q=cva(["fg-default-light icon-size-l col-span-2 grid grid-cols-subgrid items-center p-s pl-xs text-body-s","**:data-[slot=description]:fg-default-dark **:data-[slot=description]:text-body-xs","hover:fg-inverse-light hover:**:data-[slot=description]:fg-inverse-light hover:bg-highlight-bold","ai-focus:fg-inverse-light ai-focus:**:data-[slot=description]:fg-inverse-light ai-focus:bg-highlight-bold","ai-disabled:fg-disabled ai-disabled:**:data-[slot=description]:fg-disabled ai-disabled:bg-transparent"]);function h({children:t,className:s,description:o,icon:r,name:i,...a}){return jsx(ListBoxItem,{textValue:i,...a,className:q({className:s}),children:l=>typeof t=="function"?t(l):jsxs(Fragment,{children:[r&&jsx("span",{className:"mr-xs",children:jsx(Icon,{children:r})}),jsxs("div",{className:"col-start-2 flex flex-col gap-xxs",children:[jsx(Text,{slot:"label",children:i}),o&&jsx(Text,{"data-slot":"description",slot:"description",children:o})]})]})})}h.displayName="ComboBox.Item";p.Item=h;function E({children:t,header:s,items:o}){return jsxs(ListBoxSection,{id:s,className:"col-span-2 mt-s grid grid-cols-[auto_1fr] border-default-dark border-t first:border-none",children:[jsx(Header,{className:"col-span-2 m-xs my-s text-default-dark text-header-xs",children:s}),jsx(Collection,{items:o,children:t})]})}p.displayName="ComboBox.Section";p.Section=E;export{p as ComboBox,E as ComboBoxSection};//# sourceMappingURL=index.js.map
+import'client-only';import {ComboBox,Button,Text,Popover,Virtualizer,ListLayout,ListBox,ListBoxSection,Header,Collection,Input,ListBoxItem}from'react-aria-components';import {cn}from'./../../lib/utils.js';import H from'@accelint/icons/chevron-down';import {cva}from'cva';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var q=cva(["block w-full rounded-medium py-xs pr-[32px] pl-s font-display outline outline-interactive","not-disabled:read-only:rounded-none not-disabled:read-only:p-0 not-disabled:read-only:outline-transparent not-disabled:read-only:hover:outline-transparent not-disabled:read-only:focus:outline-transparent"],{variants:{isDisabled:{true:"text-disabled outline-interactive-disabled placeholder:text-disabled",false:"text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight"},isInvalid:{true:"outline-serious"},size:{medium:"text-body-s",small:"text-body-xs"}},compoundVariants:[{isDisabled:true,isInvalid:true,className:"outline-interactive-disabled"}],defaultVariants:{size:"medium"}}),h=({className:t,isReadOnly:s=false,size:o="medium",...r})=>jsx(Input,{...r,className:({isDisabled:i,isInvalid:a})=>cn(q({isDisabled:i,isInvalid:a,size:o,className:t}))});h.displayName="ComboBox.Input";function m({children:t,className:s,description:o,errorMessage:r,isDisabled:i,isInvalid:a,isReadOnly:l,label:u,placeholder:I,layoutOptions:v,size:x="medium",...f}){let b=x==="small",L=!(b||a)||i,P=a&&!i&&!l,N=!b&&u;return jsx(ComboBox,{...f,isDisabled:i,isInvalid:a,isReadOnly:l,className:"flex flex-col gap-xs",children:({isDisabled:p,isOpen:C})=>jsxs(Fragment,{children:[N&&jsx(Label,{className:"empty:hidden",isDisabled:p,isOptional:!f.isRequired,children:u}),jsxs("div",{className:"relative flex items-center",children:[jsx(h,{className:s,isReadOnly:l,placeholder:I,size:x}),jsx(Button,{className:cn(["fg-default-light icon-size-xl absolute right-xs transform",p&&"fg-disabled",C&&"rotate-180",l&&"hidden"]),children:jsx(Icon,{className:"block",children:jsx(H,{})})})]}),L&&jsx(Text,{className:cn(["fg-default-dark text-body-xs empty:hidden",p&&"fg-disabled"]),slot:"description",children:o}),P&&jsx(Text,{className:"fg-serious text-body-xs empty:hidden",slot:"errorMessage",children:r}),jsx(Popover,{className:"w-(--trigger-width)",children:jsx(Virtualizer,{layout:ListLayout,layoutOptions:v,children:jsx(ListBox,{className:"grid max-h-[200px] grid-cols-[auto_1fr] overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light",children:t})})})]})})}m.displayName="ComboBox";var E=cva(["fg-default-light icon-size-l flex items-center p-s pl-xs text-body-s","**:data-[slot=description]:fg-default-dark **:data-[slot=description]:text-body-xs","hover:fg-inverse-light hover:**:data-[slot=description]:fg-inverse-light hover:bg-highlight-bold","ai-focus:fg-inverse-light ai-focus:**:data-[slot=description]:fg-inverse-light ai-focus:bg-highlight-bold","ai-disabled:fg-disabled ai-disabled:**:data-[slot=description]:fg-disabled ai-disabled:bg-transparent"]);function B({children:t,className:s,description:o,icon:r,name:i,...a}){return jsx(ListBoxItem,{textValue:i,...a,className:E({className:s}),children:l=>typeof t=="function"?t(l):jsxs(Fragment,{children:[jsx("span",{className:"mr-s flex w-[16px] items-center",children:r&&jsx(Icon,{children:r})}),jsxs("div",{className:"flex min-w-0 flex-col gap-xxs",children:[jsx(Text,{className:"truncate",slot:"label",children:i}),o&&jsx(Text,{className:"truncate","data-slot":"description",slot:"description",children:o})]})]})})}B.displayName="ComboBox.Item";m.Item=B;function G({children:t,header:s,items:o}){return jsxs(ListBoxSection,{id:s,className:"col-span-2 mt-s grid grid-cols-[auto_1fr] border-default-dark border-t first:border-none",children:[jsx(Header,{className:"col-span-2 m-xs my-s text-default-dark text-header-xs",children:s}),jsx(Collection,{items:o,children:t})]})}m.displayName="ComboBox.Section";m.Section=G;export{m as ComboBox,G as ComboBoxSection};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/combobox/index.tsx"],"names":["className","isReadOnly","size","jsx","e","V","isDisabled","isInvalid","Input","ComboBox","children","description","errorMessage","label","isSmall","shouldShowDescription","shouldShowError","AriaComboBox","T","isOpen","jsxs","Label","H","n","C","g","AriaText","d","R","AriaListLayout","k","z","b","ComboBoxItem","AriaListBoxItem","name","comboBoxItemStyles","renderProps","Fragment","B","icon","ComboBoxSection","header","items","AriaListBoxSection","M","S"],"mappings":"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","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\nimport 'client-only';\nimport {\n  Button as AriaButton,\n  ComboBox as AriaComboBox,\n  type ComboBoxProps as AriaComboBoxProps,\n  Header as AriaHeader,\n  Input as AriaInput,\n  type InputProps as AriaInputProps,\n  ListBox as AriaListBox,\n  Collection as AriaListBoxCollection,\n  ListBoxItem as AriaListBoxItem,\n  type ListBoxItemProps as AriaListBoxItemProps,\n  ListBoxSection as AriaListBoxSection,\n  type ListBoxSectionProps as AriaListBoxSectionProps,\n  ListLayout as AriaListLayout,\n  type ListLayoutOptions as AriaListLayoutOptions,\n  Popover as AriaPopover,\n  Text as AriaText,\n  Virtualizer as AriaVirtualizer,\n  type VirtualizerProps as AriaVirtualizerProps,\n} from 'react-aria-components';\n\nimport { cn } from '@/lib/utils';\nimport type { MenuItem } from '@/types/types';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport { type VariantProps, cva } from 'cva';\nimport type { ReactNode } from 'react';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\n\nconst textFieldStyles = cva(\n  [\n    'block w-full rounded-medium py-xs pr-[32px] pl-s font-display outline outline-interactive',\n    'not-disabled:read-only:rounded-none not-disabled:read-only:p-0 not-disabled:read-only:outline-transparent not-disabled:read-only:hover:outline-transparent not-disabled:read-only:focus:outline-transparent',\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: 'text-disabled outline-interactive-disabled placeholder:text-disabled',\n        false:\n          'text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight',\n      },\n      isInvalid: {\n        true: 'outline-serious',\n      },\n      size: {\n        medium: 'text-body-s',\n        small: 'text-body-xs',\n      },\n    },\n    compoundVariants: [\n      {\n        isDisabled: true,\n        isInvalid: true,\n        className: 'outline-interactive-disabled',\n      },\n    ],\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\ninterface InputProps\n  extends VariantProps<typeof textFieldStyles>,\n    Omit<AriaInputProps, 'size'> {\n  isReadOnly?: boolean;\n}\n\nconst Input = ({\n  className,\n  isReadOnly = false,\n  size = 'medium',\n  ...props\n}: InputProps) => {\n  return (\n    <AriaInput\n      {...props}\n      className={({ isDisabled, isInvalid }) =>\n        cn(\n          textFieldStyles({\n            isDisabled,\n            isInvalid,\n            size,\n            className,\n          }),\n        )\n      }\n    />\n  );\n};\nInput.displayName = 'ComboBox.Input';\n\nexport interface ComboBoxProps<T extends MenuItem>\n  extends Omit<\n      VariantProps<typeof textFieldStyles>,\n      'isDisabled' | 'isInvalid' | 'isReadOnly'\n    >,\n    Omit<AriaComboBoxProps<T>, 'children'>,\n    Pick<AriaVirtualizerProps<AriaListLayoutOptions>, 'layoutOptions'> {\n  className?: string;\n  children: ReactNode | ((item: T) => ReactNode);\n  description?: string;\n  errorMessage?: string;\n  label?: string;\n  placeholder?: string;\n}\n\nexport function ComboBox<T extends MenuItem>({\n  children,\n  className,\n  description,\n  errorMessage,\n  isDisabled,\n  isInvalid,\n  isReadOnly,\n  label,\n  placeholder,\n  layoutOptions,\n  size = 'medium',\n  ...props\n}: ComboBoxProps<T>) {\n  const isSmall = size === 'small';\n  const shouldShowDescription = !(isSmall || isInvalid) || isDisabled;\n  const shouldShowError = isInvalid && !isDisabled && !isReadOnly;\n\n  return (\n    <AriaComboBox<T>\n      {...props}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isReadOnly={isReadOnly}\n      className='flex flex-col gap-xs'\n    >\n      {({ isDisabled, isOpen }) => (\n        <>\n          {!isSmall && (\n            <Label\n              className='empty:hidden'\n              isDisabled={isDisabled}\n              isOptional={!props.isRequired}\n            >\n              {label}\n            </Label>\n          )}\n          <div className='relative flex items-center'>\n            <Input\n              className={className}\n              isReadOnly={isReadOnly}\n              placeholder={placeholder}\n              size={size}\n            />\n            <AriaButton\n              className={cn([\n                'fg-default-light icon-size-xl absolute right-xs transform',\n                isDisabled && 'fg-disabled',\n                isOpen && 'rotate-180',\n                isReadOnly && 'hidden',\n              ])}\n            >\n              <Icon className='block'>\n                <ChevronDown />\n              </Icon>\n            </AriaButton>\n          </div>\n          {shouldShowDescription && (\n            <AriaText\n              className={cn([\n                'fg-default-dark text-body-xs empty:hidden',\n                isDisabled && 'fg-disabled',\n              ])}\n              slot='description'\n            >\n              {description}\n            </AriaText>\n          )}\n          {shouldShowError && (\n            <AriaText\n              className='fg-serious text-body-xs empty:hidden'\n              slot='errorMessage'\n            >\n              {errorMessage}\n            </AriaText>\n          )}\n          <AriaPopover className='w-(--trigger-width)'>\n            <AriaVirtualizer\n              layout={AriaListLayout}\n              layoutOptions={layoutOptions}\n            >\n              <AriaListBox className='grid max-h-[200px] grid-cols-[auto_1fr] overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light'>\n                {/* @ts-expect-error package version mismatch TODO */}\n                {children}\n              </AriaListBox>\n            </AriaVirtualizer>\n          </AriaPopover>\n        </>\n      )}\n    </AriaComboBox>\n  );\n}\nComboBox.displayName = 'ComboBox';\n\nconst comboBoxItemStyles = cva([\n  'fg-default-light icon-size-l col-span-2 grid grid-cols-subgrid items-center p-s pl-xs text-body-s',\n  '**:data-[slot=description]:fg-default-dark **:data-[slot=description]:text-body-xs',\n  'hover:fg-inverse-light hover:**:data-[slot=description]:fg-inverse-light hover:bg-highlight-bold',\n  'ai-focus:fg-inverse-light ai-focus:**:data-[slot=description]:fg-inverse-light ai-focus:bg-highlight-bold',\n  'ai-disabled:fg-disabled ai-disabled:**:data-[slot=description]:fg-disabled ai-disabled:bg-transparent',\n]);\n\ninterface ComboBoxItemProps<T extends MenuItem>\n  extends AriaListBoxItemProps<T> {\n  description?: string;\n  icon?: ReactNode;\n  name: string;\n}\n\nfunction ComboBoxItem<T extends MenuItem>({\n  children,\n  className,\n  description,\n  icon,\n  name,\n  ...props\n}: ComboBoxItemProps<T>) {\n  return (\n    <AriaListBoxItem<T>\n      textValue={name}\n      {...props}\n      className={comboBoxItemStyles({ className })}\n    >\n      {(renderProps) => {\n        if (typeof children === 'function') {\n          return children(renderProps);\n        }\n\n        return (\n          <>\n            {icon && (\n              <span className='mr-xs'>\n                <Icon>{icon}</Icon>\n              </span>\n            )}\n            <div className='col-start-2 flex flex-col gap-xxs'>\n              <AriaText slot='label'>{name}</AriaText>\n              {description && (\n                <AriaText data-slot='description' slot='description'>\n                  {description}\n                </AriaText>\n              )}\n            </div>\n          </>\n        );\n      }}\n    </AriaListBoxItem>\n  );\n}\nComboBoxItem.displayName = 'ComboBox.Item';\n\nComboBox.Item = ComboBoxItem;\n\ninterface ComboBoxSectionProps<T extends MenuItem>\n  extends AriaListBoxSectionProps<T> {\n  header?: string;\n}\n\nexport function ComboBoxSection<T extends MenuItem>({\n  children,\n  header,\n  items,\n}: ComboBoxSectionProps<T>) {\n  return (\n    <AriaListBoxSection\n      id={header}\n      className='col-span-2 mt-s grid grid-cols-[auto_1fr] border-default-dark border-t first:border-none'\n    >\n      <AriaHeader className='col-span-2 m-xs my-s text-default-dark text-header-xs'>\n        {header}\n      </AriaHeader>\n      <AriaListBoxCollection items={items}>{children}</AriaListBoxCollection>\n    </AriaListBoxSection>\n  );\n}\nComboBox.displayName = 'ComboBox.Section';\nComboBox.Section = ComboBoxSection;\n"]}
+{"version":3,"sources":["../../../src/components/combobox/index.tsx"],"names":["y","className","isReadOnly","size","jsx","props","isDisabled","isInvalid","Input","ComboBox","children","description","errorMessage","label","placeholder","layoutOptions","shouldShowDescription","shouldShowError","shouldShowLabel","isSmall","AriaComboBox","e","S","isOpen","jsxs","_","n","T","g","AriaText","d","D","F","AriaListLayout","R","z","ComboBoxItem","AriaListBoxItem","name","comboBoxItemStyles","renderProps","Fragment","A","icon","ComboBoxSection","header","items","AriaListBoxSection","k","w"],"mappings":"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","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\nimport 'client-only';\nimport {\n  Button as AriaButton,\n  ComboBox as AriaComboBox,\n  type ComboBoxProps as AriaComboBoxProps,\n  Header as AriaHeader,\n  Input as AriaInput,\n  type InputProps as AriaInputProps,\n  ListBox as AriaListBox,\n  Collection as AriaListBoxCollection,\n  ListBoxItem as AriaListBoxItem,\n  type ListBoxItemProps as AriaListBoxItemProps,\n  ListBoxSection as AriaListBoxSection,\n  type ListBoxSectionProps as AriaListBoxSectionProps,\n  ListLayout as AriaListLayout,\n  type ListLayoutOptions as AriaListLayoutOptions,\n  Popover as AriaPopover,\n  Text as AriaText,\n  Virtualizer as AriaVirtualizer,\n  type VirtualizerProps as AriaVirtualizerProps,\n} from 'react-aria-components';\n\nimport { cn } from '@/lib/utils';\nimport type { MenuItem } from '@/types/types';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport { type VariantProps, cva } from 'cva';\nimport type { ReactNode } from 'react';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\n\nconst textFieldStyles = cva(\n  [\n    'block w-full rounded-medium py-xs pr-[32px] pl-s font-display outline outline-interactive',\n    'not-disabled:read-only:rounded-none not-disabled:read-only:p-0 not-disabled:read-only:outline-transparent not-disabled:read-only:hover:outline-transparent not-disabled:read-only:focus:outline-transparent',\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: 'text-disabled outline-interactive-disabled placeholder:text-disabled',\n        false:\n          'text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight',\n      },\n      isInvalid: {\n        true: 'outline-serious',\n      },\n      size: {\n        medium: 'text-body-s',\n        small: 'text-body-xs',\n      },\n    },\n    compoundVariants: [\n      {\n        isDisabled: true,\n        isInvalid: true,\n        className: 'outline-interactive-disabled',\n      },\n    ],\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\ninterface InputProps\n  extends VariantProps<typeof textFieldStyles>,\n    Omit<AriaInputProps, 'size'> {\n  isReadOnly?: boolean;\n}\n\nconst Input = ({\n  className,\n  isReadOnly = false,\n  size = 'medium',\n  ...props\n}: InputProps) => {\n  return (\n    <AriaInput\n      {...props}\n      className={({ isDisabled, isInvalid }) =>\n        cn(\n          textFieldStyles({\n            isDisabled,\n            isInvalid,\n            size,\n            className,\n          }),\n        )\n      }\n    />\n  );\n};\nInput.displayName = 'ComboBox.Input';\n\nexport interface ComboBoxProps<T extends MenuItem>\n  extends Omit<\n      VariantProps<typeof textFieldStyles>,\n      'isDisabled' | 'isInvalid' | 'isReadOnly'\n    >,\n    Omit<AriaComboBoxProps<T>, 'children'>,\n    Pick<AriaVirtualizerProps<AriaListLayoutOptions>, 'layoutOptions'> {\n  className?: string;\n  children: ReactNode | ((item: T) => ReactNode);\n  description?: string;\n  errorMessage?: string;\n  label?: string;\n  placeholder?: string;\n}\n\nexport function ComboBox<T extends MenuItem>({\n  children,\n  className,\n  description,\n  errorMessage,\n  isDisabled,\n  isInvalid,\n  isReadOnly,\n  label,\n  placeholder,\n  layoutOptions,\n  size = 'medium',\n  ...props\n}: ComboBoxProps<T>) {\n  const isSmall = size === 'small';\n  const shouldShowDescription = !(isSmall || isInvalid) || isDisabled;\n  const shouldShowError = isInvalid && !isDisabled && !isReadOnly;\n  const shouldShowLabel = !isSmall && label;\n\n  return (\n    <AriaComboBox<T>\n      {...props}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isReadOnly={isReadOnly}\n      className='flex flex-col gap-xs'\n    >\n      {({ isDisabled, isOpen }) => (\n        <>\n          {shouldShowLabel && (\n            <Label\n              className='empty:hidden'\n              isDisabled={isDisabled}\n              isOptional={!props.isRequired}\n            >\n              {label}\n            </Label>\n          )}\n          <div className='relative flex items-center'>\n            <Input\n              className={className}\n              isReadOnly={isReadOnly}\n              placeholder={placeholder}\n              size={size}\n            />\n            <AriaButton\n              className={cn([\n                'fg-default-light icon-size-xl absolute right-xs transform',\n                isDisabled && 'fg-disabled',\n                isOpen && 'rotate-180',\n                isReadOnly && 'hidden',\n              ])}\n            >\n              <Icon className='block'>\n                <ChevronDown />\n              </Icon>\n            </AriaButton>\n          </div>\n          {shouldShowDescription && (\n            <AriaText\n              className={cn([\n                'fg-default-dark text-body-xs empty:hidden',\n                isDisabled && 'fg-disabled',\n              ])}\n              slot='description'\n            >\n              {description}\n            </AriaText>\n          )}\n          {shouldShowError && (\n            <AriaText\n              className='fg-serious text-body-xs empty:hidden'\n              slot='errorMessage'\n            >\n              {errorMessage}\n            </AriaText>\n          )}\n          <AriaPopover className='w-(--trigger-width)'>\n            <AriaVirtualizer\n              layout={AriaListLayout}\n              layoutOptions={layoutOptions}\n            >\n              <AriaListBox className='grid max-h-[200px] grid-cols-[auto_1fr] overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light'>\n                {/* @ts-expect-error package version mismatch TODO */}\n                {children}\n              </AriaListBox>\n            </AriaVirtualizer>\n          </AriaPopover>\n        </>\n      )}\n    </AriaComboBox>\n  );\n}\nComboBox.displayName = 'ComboBox';\n\nconst comboBoxItemStyles = cva([\n  'fg-default-light icon-size-l flex items-center p-s pl-xs text-body-s',\n  '**:data-[slot=description]:fg-default-dark **:data-[slot=description]:text-body-xs',\n  'hover:fg-inverse-light hover:**:data-[slot=description]:fg-inverse-light hover:bg-highlight-bold',\n  'ai-focus:fg-inverse-light ai-focus:**:data-[slot=description]:fg-inverse-light ai-focus:bg-highlight-bold',\n  'ai-disabled:fg-disabled ai-disabled:**:data-[slot=description]:fg-disabled ai-disabled:bg-transparent',\n]);\n\ninterface ComboBoxItemProps<T extends MenuItem>\n  extends AriaListBoxItemProps<T> {\n  description?: string;\n  icon?: ReactNode;\n  name: string;\n}\n\nfunction ComboBoxItem<T extends MenuItem>({\n  children,\n  className,\n  description,\n  icon,\n  name,\n  ...props\n}: ComboBoxItemProps<T>) {\n  return (\n    <AriaListBoxItem<T>\n      textValue={name}\n      {...props}\n      className={comboBoxItemStyles({ className })}\n    >\n      {(renderProps) => {\n        if (typeof children === 'function') {\n          return children(renderProps);\n        }\n\n        return (\n          <>\n            <span className='mr-s flex w-[16px] items-center'>\n              {icon && <Icon>{icon}</Icon>}\n            </span>\n\n            <div className='flex min-w-0 flex-col gap-xxs'>\n              <AriaText className='truncate' slot='label'>\n                {name}\n              </AriaText>\n              {description && (\n                <AriaText\n                  className='truncate'\n                  data-slot='description'\n                  slot='description'\n                >\n                  {description}\n                </AriaText>\n              )}\n            </div>\n          </>\n        );\n      }}\n    </AriaListBoxItem>\n  );\n}\nComboBoxItem.displayName = 'ComboBox.Item';\n\nComboBox.Item = ComboBoxItem;\n\ninterface ComboBoxSectionProps<T extends MenuItem>\n  extends AriaListBoxSectionProps<T> {\n  header?: string;\n}\n\nexport function ComboBoxSection<T extends MenuItem>({\n  children,\n  header,\n  items,\n}: ComboBoxSectionProps<T>) {\n  return (\n    <AriaListBoxSection\n      id={header}\n      className='col-span-2 mt-s grid grid-cols-[auto_1fr] border-default-dark border-t first:border-none'\n    >\n      <AriaHeader className='col-span-2 m-xs my-s text-default-dark text-header-xs'>\n        {header}\n      </AriaHeader>\n      <AriaListBoxCollection items={items}>{children}</AriaListBoxCollection>\n    </AriaListBoxSection>\n  );\n}\nComboBox.displayName = 'ComboBox.Section';\nComboBox.Section = ComboBoxSection;\n"]}

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

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as cva_types from 'cva/types';
+import { DateValue } from '@internationalized/date';
+import { VariantProps } from 'cva';
+import { DateFieldProps as DateFieldProps$1, DateInputProps } from 'react-aria-components';
+
+declare const dateFieldStyles: (props?: ({
+    isDisabled?: boolean | null | undefined;
+    isInvalid?: boolean | null | undefined;
+    isReadOnly?: boolean | null | undefined;
+    size?: "small" | "medium" | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+interface DateFieldProps<T extends DateValue> extends Omit<VariantProps<typeof dateFieldStyles>, 'isDisabled' | 'isInvalid' | 'isReadOnly'>, Omit<DateFieldProps$1<T>, 'className' | 'style'>, // Exclude className to avoid conflict with cva
+Omit<DateInputProps, 'className' | 'children' | 'style'> {
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isReadOnly?: boolean;
+    size?: 'small' | 'medium';
+    className?: string;
+    description?: string;
+    errorMessage?: string;
+    label?: string;
+    placeholder?: string;
+    shortMonth?: boolean;
+}
+declare function DateField<T extends DateValue>({ className, description, errorMessage, isDisabled, isInvalid, isReadOnly, label, placeholder, slot, size, shortMonth, ...props }: DateFieldProps<T>): react_jsx_runtime.JSX.Element;
+
+export { DateField, type DateFieldProps };

package/dist/components/date-field/index.js

@@ -0,0 +1,2 @@
+import'client-only';import {cn}from'./../../lib/utils.js';import y from'@accelint/icons/calendar';import {cva}from'cva';import {DateField,Text,FieldError,DateInput,DateSegment}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var I=["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"],T=({value:e,isFocused:o,isPlaceholder:i,placeholder:t,isReadOnly:s,shortMonth:l})=>{if(i)return t;let r=`${e}`;return !s&&o?r=r.padStart(2,"0"):l&&(r=I[(e??0)-1]),r},R=({segment:e,shortMonth:o,...i})=>e.type==="literal"&&e.text!==":"?jsx(Fragment,{}):jsx(DateSegment,{segment:e,className:"focus:bg-highlight focus:text-inverse-light focus:outline-none",...i,children:e.type==="month"?t=>jsx(T,{...t,shortMonth:o}):e.text}),O=cva(["flex w-full gap-xs rounded-medium px-s py-xs font-display outline outline-interactive"],{variants:{isDisabled:{true:"text-disabled outline-interactive-disabled placeholder:text-disabled",false:"text-default-light placeholder:text-default-dark focus-within:outline-highlight hover:outline-interactive-hover"},isInvalid:{true:"outline-serious"},isReadOnly:{true:"rounded-none p-0 outline-none"},size:{medium:["text-body-s","pl-[32px]"],small:"text-body-xs"}},compoundVariants:[{isDisabled:true,isInvalid:true,className:"outline-interactive-disabled"},{isDisabled:false,size:"medium"}],defaultVariants:{size:"medium"}}),V=({className:e,ref:o=null,size:i="medium",isReadOnly:t,...s})=>jsxs("div",{className:"relative flex",children:[i==="medium"?jsx(Icon,{className:cn(["-translate-y-1/2 absolute top-1/2 left-s",s.isDisabled?"text-disabled":"text-default-light"]),children:jsx(y,{})}):null,jsx(DateInput,{...s,className:({isDisabled:l,isInvalid:r})=>cn(O({isDisabled:l,isInvalid:r,isReadOnly:t,size:i,className:e}))})]});function q({className:e,description:o,errorMessage:i,isDisabled:t,isInvalid:s,isReadOnly:l,label:r,placeholder:E,slot:c,size:d="medium",shortMonth:f=true,...m}){let p=d==="small",D=o&&(!(p||s)||t),h=i&&s&&!t&&!l;return jsxs(DateField,{...m,isDisabled:t,isInvalid:s,isReadOnly:l,slot:c,className:"flex flex-col gap-xs",children:[!p&&jsx(Label,{className:"empty:hidden",isDisabled:t,isOptional:!m.isRequired,children:r}),jsx(V,{className:e,isDisabled:t,size:d,isReadOnly:l,isInvalid:s,children:x=>jsx(R,{segment:x,shortMonth:f})}),D&&jsx(Text,{className:cn(["fg-default-dark text-body-xs empty:hidden",t&&"fg-disabled"]),slot:"description",children:o}),h&&jsx(FieldError,{className:"fg-serious text-body-xs empty:hidden",children:i})]})}export{q as DateField};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/date-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/date-field/index.tsx"],"names":["value","isFocused","isReadOnly","isPlaceholder","placeholder","displayValue","months","FormattedDateSegment","segment","shortMonth","Fragment","jsx","DateSegment","a","F","renderProps","dateFieldStyles","cva","g","className","jsxs","u","size","v","n","AriaDateInput","props","P","isDisabled","isInvalid","DateField","label","slot","description","isSmall","shouldShowError","errorMessage","AriaDateField","N","AriaText","S","FieldError"],"mappings":"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","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\nimport 'client-only';\nimport { cn } from '@/lib/utils';\nimport Calendar from '@accelint/icons/calendar';\nimport type { DateValue } from '@internationalized/date';\nimport type { DateSegment as TDateSegment } from '@react-stately/datepicker';\nimport { type VariantProps, cva } from 'cva';\nimport type { ForwardedRef } from 'react';\nimport {\n  DateField as AriaDateField,\n  type DateFieldProps as AriaDateFieldProps,\n  DateInput as AriaDateInput,\n  type DateInputProps as AriaDateInputProps,\n  type DateSegmentProps as AriaDateSegmentProps,\n  Text as AriaText,\n  DateSegment,\n  type DateSegmentRenderProps,\n  FieldError,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\n\nconst months = [\n  'JAN',\n  'FEB',\n  'MAR',\n  'APR',\n  'MAY',\n  'JUN',\n  'JUL',\n  'AUG',\n  'SEP',\n  'OCT',\n  'NOV',\n  'DEC',\n];\n\nconst MonthDateSegment = ({\n  value,\n  isFocused,\n  isPlaceholder,\n  placeholder,\n  isReadOnly,\n  shortMonth,\n}: DateSegmentRenderProps & { shortMonth?: boolean }) => {\n  if (isPlaceholder) {\n    return placeholder;\n  }\n\n  let displayValue: string | undefined = `${value}`;\n\n  if (!isReadOnly && isFocused) {\n    displayValue = displayValue.padStart(2, '0');\n  } else if (shortMonth) {\n    displayValue = months[(value ?? 0) - 1];\n  }\n\n  return displayValue;\n};\n\ninterface FormattedDateSegmentProps extends AriaDateSegmentProps {\n  segment: TDateSegment;\n  shortMonth?: boolean;\n}\n\nconst FormattedDateSegment = ({\n  segment,\n  shortMonth,\n  ...props\n}: FormattedDateSegmentProps) => {\n  if (segment.type === 'literal' && segment.text !== ':') {\n    return <></>;\n  }\n\n  return (\n    <DateSegment\n      segment={segment}\n      className='focus:bg-highlight focus:text-inverse-light focus:outline-none' // Ensure caret color is visible, RAC sets the style prop and it is not overridable. Thanks for that.\n      {...props}\n    >\n      {segment.type === 'month'\n        ? (renderProps) => (\n            <MonthDateSegment {...renderProps} shortMonth={shortMonth} />\n          )\n        : segment.text}\n    </DateSegment>\n  );\n};\n\nconst dateFieldStyles = cva(\n  [\n    'flex w-full gap-xs rounded-medium px-s py-xs font-display outline outline-interactive',\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: 'text-disabled outline-interactive-disabled placeholder:text-disabled',\n        false:\n          'text-default-light placeholder:text-default-dark focus-within:outline-highlight hover:outline-interactive-hover',\n      },\n      isInvalid: {\n        true: 'outline-serious',\n      },\n      isReadOnly: {\n        true: 'rounded-none p-0 outline-none',\n      },\n      size: {\n        medium: ['text-body-s', 'pl-[32px]'],\n        small: 'text-body-xs',\n      },\n    },\n    compoundVariants: [\n      {\n        isDisabled: true,\n        isInvalid: true,\n        className: 'outline-interactive-disabled',\n      },\n      {\n        isDisabled: false,\n        size: 'medium',\n      },\n    ],\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\ninterface DateInputProps\n  extends VariantProps<typeof dateFieldStyles>,\n    Omit<AriaDateInputProps, 'size'> {\n  ref?: ForwardedRef<HTMLDivElement>;\n}\n\nconst DateInput = ({\n  className,\n  ref = null,\n  size = 'medium',\n  isReadOnly,\n  ...props\n}: DateInputProps) => {\n  return (\n    <div className='relative flex'>\n      {size === 'medium' ? (\n        <Icon\n          className={cn([\n            '-translate-y-1/2 absolute top-1/2 left-s',\n            props.isDisabled ? 'text-disabled' : 'text-default-light',\n          ])}\n        >\n          <Calendar />\n        </Icon>\n      ) : null}\n      <AriaDateInput\n        {...props}\n        className={({ isDisabled, isInvalid }) =>\n          cn(\n            dateFieldStyles({\n              isDisabled,\n              isInvalid,\n              isReadOnly: isReadOnly,\n              size,\n              className,\n            }),\n          )\n        }\n      />\n    </div>\n  );\n};\n\nexport interface DateFieldProps<T extends DateValue>\n  extends Omit<\n      VariantProps<typeof dateFieldStyles>,\n      'isDisabled' | 'isInvalid' | 'isReadOnly'\n    >,\n    Omit<AriaDateFieldProps<T>, 'className' | 'style'>, // Exclude className to avoid conflict with cva\n    Omit<AriaDateInputProps, 'className' | 'children' | 'style'> {\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  isReadOnly?: boolean;\n  size?: 'small' | 'medium';\n  className?: string;\n  description?: string;\n  errorMessage?: string;\n  label?: string;\n  placeholder?: string;\n  shortMonth?: boolean;\n}\n\nexport function DateField<T extends DateValue>({\n  className,\n  description,\n  errorMessage,\n  isDisabled,\n  isInvalid,\n  isReadOnly,\n  label,\n  placeholder,\n  slot,\n  size = 'medium',\n  shortMonth = true,\n  ...props\n}: DateFieldProps<T>) {\n  const isSmall = size === 'small';\n  const shouldShowDescription =\n    description && (!(isSmall || isInvalid) || isDisabled);\n  const shouldShowError =\n    errorMessage && isInvalid && !isDisabled && !isReadOnly;\n\n  return (\n    <AriaDateField<T>\n      {...props}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isReadOnly={isReadOnly}\n      slot={slot}\n      className={'flex flex-col gap-xs'}\n    >\n      {!isSmall && (\n        <Label\n          className='empty:hidden'\n          isDisabled={isDisabled}\n          isOptional={!props.isRequired}\n        >\n          {label}\n        </Label>\n      )}\n\n      <DateInput\n        className={className}\n        isDisabled={isDisabled}\n        size={size}\n        isReadOnly={isReadOnly}\n        isInvalid={isInvalid}\n      >\n        {(segment) => (\n          <FormattedDateSegment segment={segment} shortMonth={shortMonth} />\n        )}\n      </DateInput>\n      {shouldShowDescription && (\n        <AriaText\n          className={cn([\n            'fg-default-dark text-body-xs empty:hidden',\n            isDisabled && 'fg-disabled',\n          ])}\n          slot='description'\n        >\n          {description}\n        </AriaText>\n      )}\n      {shouldShowError && (\n        <FieldError className='fg-serious text-body-xs empty:hidden'>\n          {errorMessage}\n        </FieldError>\n      )}\n    </AriaDateField>\n  );\n}\n"]}

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

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { RefObject, PropsWithChildren, ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DialogTriggerProps, DialogRenderProps } from 'react-aria-components';
+import { ButtonProps } from '../button/index.js';
+import 'cva/types';
+import 'cva';
+
+type DialogSize = 'sm' | 'lg';
+interface DialogProps extends DialogTriggerProps {
+    size?: DialogSize;
+    isDismissable?: boolean;
+    isKeyboardDismissDisabled?: boolean;
+    isOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    parentRef?: RefObject<HTMLElement | null>;
+}
+declare const Dialog: {
+    ({ children, size, isOpen, onOpenChange, isDismissable, isKeyboardDismissDisabled, parentRef, }: DialogProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    Button: ({ children, className, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+    Content: ({ children, className, }: PropsWithChildren<{
+        className?: string;
+    }>) => react_jsx_runtime.JSX.Element;
+    Footer: ({ children, className, }: PropsWithChildren<{
+        className?: string;
+    }>) => react_jsx_runtime.JSX.Element;
+    Title: ({ children, className, }: PropsWithChildren<{
+        className?: string;
+    }>) => react_jsx_runtime.JSX.Element;
+    Body: React.ForwardRefExoticComponent<DialogBodyProps & React.RefAttributes<HTMLDivElement>>;
+};
+interface DialogBodyProps {
+    children: ReactNode | ReactNode[] | ((opts: DialogRenderProps) => ReactNode);
+}
+declare const DialogTitle: ({ children, className, }: PropsWithChildren<{
+    className?: string;
+}>) => react_jsx_runtime.JSX.Element;
+
+export { Dialog, type DialogProps, DialogTitle };

package/dist/components/dialog/index.js

@@ -0,0 +1,2 @@
+import {cn}from'./../../lib/utils.js';import {useIsSSR}from'@react-aria/ssr';import {cva}from'cva';import {createContext,forwardRef,useState,useEffect,useContext}from'react';import {ModalOverlay,Modal,Dialog,DialogTrigger,Heading}from'react-aria-components';import {Button}from'../button/index.js';import {jsx}from'react/jsx-runtime';var M=cva("flex flex-col align-end font-light text-body-m text-default-dark",{variants:{size:{sm:"min-w-[280px] max-w-[280px] rounded-medium p-l",lg:"min-w-[320px] max-w-[720px] rounded-large p-xl"},defaultVariants:{size:"sm"}}}),E={sm:"small",lg:"medium"},b=createContext({size:"sm"}),r=()=>{let e=useContext(b);if(!e)throw new Error("Dialog components must be used within <Dialog>");return e},l=({children:e,size:t,isOpen:o,onOpenChange:i,isDismissable:a=true,isKeyboardDismissDisabled:m=true,parentRef:p})=>jsx(DialogTrigger,{children:jsx(b.Provider,{value:{size:t??"sm",isDismissable:a,isOpen:o,onOpenChange:i,parentRef:p,isKeyboardDismissDisabled:m},children:e})});l.displayName="Dialog";var x=forwardRef(({children:e,...t},o)=>{let{size:i,isDismissable:a,isOpen:m,onOpenChange:p,parentRef:c,isKeyboardDismissDisabled:C}=r(),d=useIsSSR(),[u,D]=useState(d?null:document.body);return useEffect(()=>{let f=c?.current,g=d?null:document.createElement("div");return f&&g&&(f.appendChild(g),D(g)),()=>{g?.remove(),D(d?null:document.body);}},[d,c]),u?jsx(ModalOverlay,{UNSTABLE_portalContainer:u,isKeyboardDismissDisabled:!a&&C,isOpen:m,onOpenChange:p,isDismissable:a,className:"absolute inset-0 flex items-center justify-center",...t,children:jsx(Modal,{ref:o,className:cn("flex flex-col justify-center bg-surface-overlay align-start",i==="sm"&&"rounded-medium",i==="lg"&&"rounded-large"),children:jsx(Dialog,{className:M({size:i}),children:e})})}):null});x.displayName="DialogBody";var H=({children:e,className:t})=>{let{size:o}=r();return jsx("div",{className:cn("flex flex-col",o==="sm"&&"gap-xs",o==="lg"&&"gap-l",t),children:e})},j=({children:e,className:t})=>{let{size:o}=r();return jsx(Heading,{slot:"title",className:cn("text-default-light",o==="sm"&&"mb-s text-header-m",o==="lg"&&"mb-m text-header-l",t),children:e})},K=({children:e,className:t,...o})=>{let{size:i}=r(),a=E[i];return jsx(Button,{size:a,...o,className:cn("ai-pressed:bg-initial",t),children:e})},L=({children:e,className:t})=>{let{size:o}=r();return jsx("div",{className:cn("flex justify-end gap-xs",o==="sm"&&"mt-l",o==="lg"&&"mt-xl",t),children:e})};l.Button=K;l.Content=H;l.Footer=L;l.Title=j;l.Body=x;export{l as Dialog,j as DialogTitle};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/dialog/index.tsx"],"names":["R","h","useDialogContext","DialogContext","z","ctx","size","isOpen","parentRef","RACDialogTrigger","s","B","isDismissable","Dialog","forwardRef","ref","onOpenChange","isKeyboardDismissDisabled","isSSR","useIsSSR","portal","setPortal","y","N","useEffect","P","port","node","jsx","RACModalOverlay","T","n","DialogBody","children","className","cn","S","buttonSize","buttonSizes","dialogSize","Button","DialogButton","DialogContent","DialogFooter","DialogTitle"],"mappings":"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","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\nimport { cn } from '@/lib/utils';\nimport { useIsSSR } from '@react-aria/ssr';\nimport { cva } from 'cva';\nimport {\n  type PropsWithChildren,\n  type ReactNode,\n  type RefObject,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport {\n  type DialogRenderProps,\n  type DialogTriggerProps,\n  Dialog as RACDialog,\n  DialogTrigger as RACDialogTrigger,\n  Heading as RACHeading,\n  Modal as RACModal,\n  ModalOverlay as RACModalOverlay,\n} from 'react-aria-components';\nimport { Button, type ButtonProps } from '../button';\n\nconst dialogClasses = cva(\n  'flex flex-col align-end font-light text-body-m text-default-dark',\n  {\n    variants: {\n      size: {\n        sm: 'min-w-[280px] max-w-[280px] rounded-medium p-l',\n        lg: 'min-w-[320px] max-w-[720px] rounded-large p-xl',\n      },\n      defaultVariants: {\n        size: 'sm',\n      },\n    },\n  },\n);\n\nconst buttonSizes: Record<string, ButtonProps['size']> = {\n  sm: 'small',\n  lg: 'medium',\n};\n\ntype DialogSize = 'sm' | 'lg';\n\ninterface DialogContextValue {\n  size: DialogSize;\n  isDismissable?: boolean;\n  isKeyboardDismissDisabled?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  parentRef?: RefObject<HTMLElement | null>;\n}\n\nconst DialogContext = createContext<DialogContextValue>({ size: 'sm' });\n\nconst useDialogContext = () => {\n  const ctx = useContext(DialogContext);\n  if (!ctx) {\n    throw new Error('Dialog components must be used within <Dialog>');\n  }\n  return ctx;\n};\n\nexport interface DialogProps extends DialogTriggerProps {\n  size?: DialogSize;\n  isDismissable?: boolean;\n  isKeyboardDismissDisabled?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  parentRef?: RefObject<HTMLElement | null>;\n}\n\nexport const Dialog = ({\n  children,\n  size,\n  isOpen,\n  onOpenChange,\n  isDismissable = true,\n  isKeyboardDismissDisabled = true,\n  parentRef,\n}: DialogProps) => {\n  return (\n    <RACDialogTrigger>\n      <DialogContext.Provider\n        value={{\n          size: size ?? 'sm',\n          isDismissable,\n          isOpen,\n          onOpenChange,\n          parentRef,\n          isKeyboardDismissDisabled,\n        }}\n      >\n        {children}\n      </DialogContext.Provider>\n    </RACDialogTrigger>\n  );\n};\nDialog.displayName = 'Dialog';\n\ninterface DialogBodyProps {\n  children: ReactNode | ReactNode[] | ((opts: DialogRenderProps) => ReactNode);\n}\n\nconst DialogBody = forwardRef<HTMLDivElement, DialogBodyProps>(\n  ({ children, ...rest }, ref) => {\n    const {\n      size,\n      isDismissable,\n      isOpen,\n      onOpenChange,\n      parentRef,\n      isKeyboardDismissDisabled,\n    } = useDialogContext();\n    const isSSR = useIsSSR();\n    const [portal, setPortal] = useState(isSSR ? null : document.body);\n\n    useEffect(() => {\n      const node = parentRef?.current;\n      /* Ensure proper ssr hydration TODO */\n      const port = isSSR ? null : document.createElement('div');\n\n      if (node && port) {\n        node.appendChild(port);\n        setPortal(port);\n      }\n\n      return () => {\n        port?.remove();\n\n        setPortal(isSSR ? null : document.body);\n      };\n    }, [isSSR, parentRef]);\n\n    return portal ? (\n      <RACModalOverlay\n        UNSTABLE_portalContainer={portal}\n        isKeyboardDismissDisabled={!isDismissable && isKeyboardDismissDisabled}\n        isOpen={isOpen}\n        onOpenChange={onOpenChange}\n        isDismissable={isDismissable}\n        className='absolute inset-0 flex items-center justify-center'\n        {...rest}\n      >\n        <RACModal\n          ref={ref}\n          className={cn(\n            'flex flex-col justify-center bg-surface-overlay align-start',\n            size === 'sm' && 'rounded-medium',\n            size === 'lg' && 'rounded-large',\n          )}\n        >\n          {/* @ts-expect-error package version mismatch TODO */}\n          <RACDialog className={dialogClasses({ size })}>{children}</RACDialog>\n        </RACModal>\n      </RACModalOverlay>\n    ) : null;\n  },\n);\nDialogBody.displayName = 'DialogBody';\n\nconst DialogContent = ({\n  children,\n  className,\n}: PropsWithChildren<{ className?: string }>) => {\n  const { size } = useDialogContext();\n  return (\n    <div\n      className={cn(\n        'flex flex-col',\n        size === 'sm' && 'gap-xs',\n        size === 'lg' && 'gap-l',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const DialogTitle = ({\n  children,\n  className,\n}: PropsWithChildren<{ className?: string }>) => {\n  const { size } = useDialogContext();\n  return (\n    <RACHeading\n      slot='title'\n      className={cn(\n        'text-default-light',\n        size === 'sm' && 'mb-s text-header-m',\n        size === 'lg' && 'mb-m text-header-l',\n        className,\n      )}\n    >\n      {/* @ts-expect-error package version mismatch TODO */}\n      {children}\n    </RACHeading>\n  );\n};\n\nconst DialogButton = ({ children, className, ...props }: ButtonProps) => {\n  const { size: dialogSize } = useDialogContext();\n  const buttonSize = buttonSizes[dialogSize];\n  return (\n    <Button\n      size={buttonSize}\n      {...props}\n      //overriding the style to deal with rac's pressed state inherited\n      //from the trigger state\n      className={cn('ai-pressed:bg-initial', className)}\n    >\n      {children}\n    </Button>\n  );\n};\n\nconst DialogFooter = ({\n  children,\n  className,\n}: PropsWithChildren<{ className?: string }>) => {\n  const { size } = useDialogContext();\n  return (\n    <div\n      className={cn(\n        'flex justify-end gap-xs',\n        size === 'sm' && 'mt-l',\n        size === 'lg' && 'mt-xl',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nDialog.Button = DialogButton;\nDialog.Content = DialogContent;\nDialog.Footer = DialogFooter;\nDialog.Title = DialogTitle;\nDialog.Body = DialogBody;\n"]}

package/dist/components/icon/index.js

@@ -1,2 +1,2 @@
-import {cva}from'cva';import {cn}from'../../lib/utils.js';import {jsx}from'react/jsx-runtime';var e=cva("inline-block [color:var(--icon-color,currentColor)] [height:var(--icon-size)] [width:var(--icon-size)]",{variants:{size:{large:"h-[var(--icon-size,24px)] w-[var(--icon-size,24px)]",medium:"h-[var(--icon-size,20px)] w-[var(--icon-size,20px)]",small:"h-[var(--icon-size,16px)] w-[var(--icon-size,16px)]",xsmall:"h-[var(--icon-size,12px)] w-[var(--icon-size,12px)]"}},defaultVariants:{size:"medium"}}),a=({children:i,className:o,size:n,...s})=>jsx("span",{className:cn(e({size:n}),o),...s,children:i});a.displayName="Icon";a.as=(i,o)=>cn(e({...i,className:o}));export{a as Icon};//# sourceMappingURL=index.js.map
+import {cva}from'cva';import {cn}from'../../lib/utils.js';import {jsx}from'react/jsx-runtime';var e=cva("block [color:var(--icon-color,currentColor)] [height:var(--icon-size)] [width:var(--icon-size)]",{variants:{size:{large:"h-[var(--icon-size,24px)] w-[var(--icon-size,24px)]",medium:"h-[var(--icon-size,20px)] w-[var(--icon-size,20px)]",small:"h-[var(--icon-size,16px)] w-[var(--icon-size,16px)]",xsmall:"h-[var(--icon-size,12px)] w-[var(--icon-size,12px)]"}},defaultVariants:{size:"medium"}}),a=({children:o,className:i,size:s,...n})=>jsx("span",{className:cn(e({size:s}),i),...n,children:o});a.displayName="Icon";a.as=(o,i)=>cn(e({...o,className:i}));export{a as Icon};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/icon/index.tsx"],"names":["iconStyles","cva","Icon","children","className","size","rest","t","cn","props"],"mappings":"8FAgBMA,IAAaC,CAAAA,CAAAA,GACjB,yGACA,CACE,CAAA,QAAU,CACR,CAAM,IAAA,CACJ,CAAO,KAAA,CAAA,qDACP,OAAQ,CACR,qDAAA,CAAA,KAAO,CACP,qDAAA,CAAA,MAAQ,sDAEZ,CAAA,CACA,CAAiB,eAAA,CACf,KAAM,CACR,QACF,CACF,CAOaC,CAAAA,CAAAA,CAAO,CAAC,CAAE,CAAA,QAAAC,CAAU,CAAA,CAAA,SAAAC,EAAW,CAAAC,IAAAA,CAAAA,CAAM,CAAGC,GAAK,KAErDC,GAAA,CAAA,MAAA,CACC,CAAWC,SAAAA,CAAAA,EACTR,EAAW,CACT,CAAA,IAAAK,CACF,CAAC,CAAA,CACDD,CACF,CACC,CAAA,CAAA,GAEA,CAAA,CAAA,QAAAD,EACH,CAGJD,EAAAA,CAAK,YAAc,CACnBA,MAAAA,CAAAA,CAAK,GAAK,CACRO,CAAAA,CACAL,CACGI,CAAAA,GAAAA,EAAGR,EAAW,CAAE,CAAA,IAAU,CAAAI,SAAAA,CAAU,CAAC,CAAC,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\nimport { type VariantProps, cva } from 'cva';\nimport type { ReactNode } from 'react';\nimport { cn } from '../../lib/utils';\n\nconst iconStyles = cva(\n  'inline-block [color:var(--icon-color,currentColor)] [height:var(--icon-size)] [width:var(--icon-size)]',\n  {\n    variants: {\n      size: {\n        large: 'h-[var(--icon-size,24px)] w-[var(--icon-size,24px)]',\n        medium: 'h-[var(--icon-size,20px)] w-[var(--icon-size,20px)]',\n        small: 'h-[var(--icon-size,16px)] w-[var(--icon-size,16px)]',\n        xsmall: 'h-[var(--icon-size,12px)] w-[var(--icon-size,12px)]',\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\nexport interface IconProps extends VariantProps<typeof iconStyles> {\n  className?: string;\n  children: ReactNode;\n}\n\nexport const Icon = ({ children, className, size, ...rest }: IconProps) => {\n  return (\n    <span\n      className={cn(\n        iconStyles({\n          size,\n        }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n};\nIcon.displayName = 'Icon';\nIcon.as = (\n  props: VariantProps<typeof iconStyles>,\n  className?: string | string[],\n) => cn(iconStyles({ ...props, className }));\n"]}
+{"version":3,"sources":["../../../src/components/icon/index.tsx"],"names":["iconStyles","cva","Icon","children","className","size","rest","t","cn","props"],"mappings":"8FAgBMA,IAAaC,CAAAA,CAAAA,GACjB,kGACA,CACE,CAAA,QAAU,CACR,CAAM,IAAA,CACJ,CAAO,KAAA,CAAA,qDACP,OAAQ,CACR,qDAAA,CAAA,KAAO,CACP,qDAAA,CAAA,MAAQ,sDAEZ,CAAA,CACA,CAAiB,eAAA,CACf,KAAM,CACR,QACF,CACF,CAOaC,CAAAA,CAAAA,CAAO,CAAC,CAAE,CAAA,QAAAC,CAAU,CAAA,CAAA,SAAAC,EAAW,CAAAC,IAAAA,CAAAA,CAAM,CAAGC,GAAK,KAErDC,GAAA,CAAA,MAAA,CACC,CAAWC,SAAAA,CAAAA,EACTR,EAAW,CACT,CAAA,IAAAK,CACF,CAAC,CAAA,CACDD,CACF,CACC,CAAA,CAAA,GAEA,CAAA,CAAA,QAAAD,EACH,CAGJD,EAAAA,CAAK,YAAc,CACnBA,MAAAA,CAAAA,CAAK,GAAK,CACRO,CAAAA,CACAL,CACGI,CAAAA,GAAAA,EAAGR,EAAW,CAAE,CAAA,IAAU,CAAAI,SAAAA,CAAU,CAAC,CAAC,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\nimport { type VariantProps, cva } from 'cva';\nimport type { ReactNode } from 'react';\nimport { cn } from '../../lib/utils';\n\nconst iconStyles = cva(\n  'block [color:var(--icon-color,currentColor)] [height:var(--icon-size)] [width:var(--icon-size)]',\n  {\n    variants: {\n      size: {\n        large: 'h-[var(--icon-size,24px)] w-[var(--icon-size,24px)]',\n        medium: 'h-[var(--icon-size,20px)] w-[var(--icon-size,20px)]',\n        small: 'h-[var(--icon-size,16px)] w-[var(--icon-size,16px)]',\n        xsmall: 'h-[var(--icon-size,12px)] w-[var(--icon-size,12px)]',\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\nexport interface IconProps extends VariantProps<typeof iconStyles> {\n  className?: string;\n  children: ReactNode;\n}\n\nexport const Icon = ({ children, className, size, ...rest }: IconProps) => {\n  return (\n    <span\n      className={cn(\n        iconStyles({\n          size,\n        }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n};\nIcon.displayName = 'Icon';\nIcon.as = (\n  props: VariantProps<typeof iconStyles>,\n  className?: string | string[],\n) => cn(iconStyles({ ...props, className }));\n"]}

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ActionProps } from 'react-querybuilder';
+
+declare function ActionElement({ disabled, disabledTranslation, title: titleProp, handleOnClick, }: ActionProps): react_jsx_runtime.JSX.Element;
+
+export { ActionElement };

package/dist/components/query-builder/action-element.js

@@ -0,0 +1,2 @@
+import {useCallback,useMemo}from'react';import {Button}from'../button/index.js';import {pressToMouseEvent}from'./utils.js';import {jsx}from'react/jsx-runtime';function E({disabled:e,disabledTranslation:t,title:o,handleOnClick:r}){let s=useCallback(p=>r(pressToMouseEvent(p)),[r]),m=useMemo(()=>t?.title&&e?t.title:o,[t?.title,e,o]);return jsx(Button,{isDisabled:e&&!t,onPress:s,size:"small",variant:"outline",children:m})}export{E as ActionElement};//# sourceMappingURL=action-element.js.map
+//# sourceMappingURL=action-element.js.map

package/dist/components/query-builder/action-element.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/query-builder/action-element.tsx"],"names":["handleOnClick","useCallback","event","pressToMouseEvent","title","useMemo","n","disabledTranslation","disabled","titleProp","Button","u","handlePress"],"mappings":"+JAmBO,SAAuB,CAC5B,UACA,CAAA,CAAA,CAAA,mBACA,CAAA,CAAA,CAAA,MACA,CAAAA,CAAAA,aACF,CAAgB,CAAA,CAEd,MAAoBC,CAAAA,CACjBC,WAAsBF,CAAAA,CAAAA,EAAcG,EAAkBD,iBAAK,CAAC,CAC7D,CAAA,CAACF,CAAa,CAChB,CAEMI,CAAAA,CAAAA,CAAQC,EACZC,OACEC,CAAAA,IAAAA,CAAqB,EAASC,KAAAA,EAC1BD,EAAoB,CACpBE,CAAAA,KAAAA,CACN,CAACF,CAAAA,CAAAA,CAAqB,OAAiBE,CAAAA,CAAS,CAClD,CAAA,CAEA,SACGC,GAAAA,CAAAC,MACC,CAAA,CAAA,YAAwB,EAACJ,CACzB,CAASK,CAAAA,OAAAA,CACT,MACA,CAAA,OAAA,CAAA,OAEC,CAAA,SAAA,CAAA,SACH,CAEJ,CAAA,CAAA","file":"action-element.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\nimport type { PressEvent } from '@react-types/shared';\nimport { useCallback, useMemo } from 'react';\nimport type { ActionProps } from 'react-querybuilder';\nimport { Button } from '../button';\nimport { pressToMouseEvent } from './utils';\n\nexport function ActionElement({\n  disabled,\n  disabledTranslation,\n  title: titleProp,\n  handleOnClick,\n}: ActionProps) {\n  // TODO: remove pressToMouseEvent when design-system is removed\n  const handlePress = useCallback(\n    (event: PressEvent) => handleOnClick(pressToMouseEvent(event)),\n    [handleOnClick],\n  );\n\n  const title = useMemo(\n    () =>\n      disabledTranslation?.title && disabled\n        ? disabledTranslation.title\n        : titleProp,\n    [disabledTranslation?.title, disabled, titleProp],\n  );\n\n  return (\n    <Button\n      isDisabled={disabled && !disabledTranslation}\n      onPress={handlePress}\n      size='small'\n      variant='outline'\n    >\n      {title}\n    </Button>\n  );\n}\n"]}

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

@@ -0,0 +1,3 @@
+declare const multiValueOperators: string[];
+
+export { multiValueOperators };

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

@@ -0,0 +1,2 @@
+var e=["between","notBetween","during","overlapped","overlaps"];export{e as multiValueOperators};//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/query-builder/constants.ts"],"names":["multiValueOperators"],"mappings":"AAaO,IAAMA,EAAsB,CACjC,SAAA,CACA,YACA,CAAA,QAAA,CACA,aACA,UACF","file":"constants.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\nexport const multiValueOperators = [\n  'between',\n  'notBetween',\n  'during',\n  'overlapped',\n  'overlaps',\n];\n"]}

package/dist/components/query-builder/example-configuration.d.ts

@@ -0,0 +1,30 @@
+import { Field } from 'react-querybuilder';
+
+/**
+ * Represents sample field types and data for building a query.
+ * These fields and their validators are for demonstration of capability and are not required for implementation.
+ *
+ */
+declare const fields: Field[];
+/**
+ * Represents an initial query to populate the rulesets
+ * to illustrate examples.
+ */
+declare const defaultQuery: {
+    combinator: string;
+    rules: ({
+        field: string;
+        operator: string;
+        value: string;
+    } | {
+        field: string;
+        operator: string;
+        value: string[];
+    } | {
+        field: string;
+        operator: string;
+        value: boolean;
+    })[];
+};
+
+export { defaultQuery, fields };

package/dist/components/query-builder/example-configuration.js

@@ -0,0 +1,2 @@
+import {z}from'zod';var n=[{name:"AK_HIGH",label:"AK High",type:"i32",inputType:"number",operators:[{name:"=",value:"=",label:"is"},{name:"<",value:"<",label:"less than"},{name:">",value:">",label:"greater than"},{name:"<=",value:"<=",label:"less than equal"},{name:">=",value:">=",label:"greater than equal"},{name:"between",value:"between",label:"between"},{name:"in",value:"in",label:"in"}],validator:a=>({valid:z.union([z.coerce.number().int().gte(-2147483648).lte(2147483647),z.tuple([z.coerce.number().int().gte(-2147483648).lte(2147483647),z.coerce.number().int().gte(-2147483648).lte(2147483647)])]).safeParse(a.value).success,reasons:["Number must be in range."]})},{name:"AK_LOW",label:"AK Low",type:"i32",inputType:"number",operators:[{name:"=",value:"=",label:"is"},{name:"<",value:"<",label:"less than"},{name:">",value:">",label:"greater than"},{name:"<=",value:"<=",label:"less than equal"},{name:">=",value:">=",label:"greater than equal"},{name:"between",value:"between",label:"between"},{name:"in",value:"in",label:"in"}],validator:a=>({valid:z.union([z.coerce.number().int().gte(-2147483648).lte(2147483647),z.tuple([z.coerce.number().int().gte(-2147483648).lte(2147483647),z.coerce.number().int().gte(-2147483648).lte(2147483647)])]).safeParse(a.value).success,reasons:["Number must be in range."]})},{name:"COUNTRY",label:"Country",type:"str",operators:[{name:"=",value:"=",label:"is"},{name:"like",value:"like",label:"like"},{name:"in",value:"in",label:"in"}],inputType:"text",validator:a=>({valid:z.string().min(1).safeParse(a.value).success,reasons:["At least one character is required."]})},{name:"NOTES",label:"Operator Notes",type:"str",valueEditorType:"textarea"},{name:"OPERSTATUS",label:"Is Operational",type:"bool",defaultValue:false,operators:[{name:"=",value:"=",label:"is"}],valueEditorType:"checkbox"},{name:"DONUTS",label:"Has Donuts",type:"bool",operators:[{name:"=",value:"=",label:"is"}],valueEditorType:"switch"},{name:"SERVCITY",label:"Service City",valueEditorType:"select",values:[{name:"Anchorage",label:"Anchorage",value:"Anchorage"},{name:"Juneau",label:"Juneau",value:"Juneau"},{name:"Fairbanks",label:"Fairbanks",value:"Fairbanks"},{name:"Sitka",label:"Sitka",value:"Sitka"},{name:"Montgomery",label:"Montgomery",value:"Montgomery"},{name:"Birmingham",label:"Birmingham",value:"Birmingham"},{name:"Huntsville",label:"Huntsville",value:"Huntsville"},{name:"Mobile",label:"Mobile",value:"Mobile"}],type:"str",operators:[{name:"=",value:"=",label:"is"},{name:"like",value:"like",label:"like"},{name:"in",value:"in",label:"in"},{name:"between",value:"between",label:"between"}]},{name:"TYPE_CODE",label:"Type Code",type:"str",operators:[{name:"=",value:"=",label:"is"}],valueEditorType:"radio",values:[{name:"Heliport",label:"Heliport",value:"Heliport"},{name:"Aerodrome",label:"Aerodrome",value:"Aerodrome"},{name:"Unknown",label:"Unknown",value:"Unknown"}],defaultValue:"Aerodrome"},{name:"ESTABLISHED",label:"Established",type:"date",operators:[{name:"equals",value:"tequals",label:"is"},{name:"during",value:"during",label:"occurs between"},{name:"before",value:"before",label:"ends before"},{name:"after",value:"after",label:"starts after"},{name:"overlapped",value:"overlappedby",label:"starts during"},{name:"overlaps",value:"toverlaps",label:"ends during"}],inputType:"date",validator:a=>({valid:z.union([z.string().min(1),z.tuple([z.string().min(1),z.string().min(1)])]).safeParse(a.value).success,reasons:["At least one character is required."]})},{name:"MAINTENANCE",label:"Maintenance",type:"datetime",operators:[{name:"equals",value:"tequals",label:"is"},{name:"during",value:"during",label:"occurs between"},{name:"before",value:"before",label:"ends before"},{name:"after",value:"after",label:"starts after"},{name:"overlapped",value:"overlappedby",label:"starts during"},{name:"overlaps",value:"toverlaps",label:"ends during"}],inputType:"datetime-local",validator:a=>({valid:z.union([z.string().min(1),z.tuple([z.string().min(1),z.string().min(1)])]).safeParse(a.value).success,reasons:["At least one character is required."]})},{name:"PEAK_TRAFFIC",label:"Peak Traffic",type:"time",operators:[{name:"equals",value:"tequals",label:"is"},{name:"during",value:"during",label:"occurs between"},{name:"before",value:"before",label:"ends before"},{name:"after",value:"after",label:"starts after"},{name:"overlapped",value:"overlappedby",label:"starts during"},{name:"overlaps",value:"toverlaps",label:"ends during"}],inputType:"time",validator:a=>({valid:z.union([z.string().min(1),z.tuple([z.string().min(1),z.string().min(1)])]).safeParse(a.value).success,reasons:["At least one character is required."]})}],t={combinator:"AND",rules:[{field:"AK_HIGH",operator:">",value:"10000"},{field:"AK_LOW",operator:"between",value:["1000","5000"]},{field:"COUNTRY",operator:"like",value:"Canada"},{field:"NOTES",operator:"contains",value:"Clear skies..."},{field:"SERVCITY",operator:"like",value:"Anchorage"},{field:"OPERSTATUS",operator:"=",value:false},{field:"DONUTS",operator:"=",value:true},{field:"TYPE_CODE",operator:"=",value:"Aerodrome"},{field:"ESTABLISHED",operator:"during",value:["2024-10-01","2024-11-01"]},{field:"PEAK_TRAFFIC",operator:"overlaps",value:["18:22:54","19:22:54"]},{field:"MAINTENANCE",operator:"overlapped",value:["2024-10-01T18:22:54","2024-11-01T18:22:54"]}]};export{t as defaultQuery,n as fields};//# sourceMappingURL=example-configuration.js.map
+//# sourceMappingURL=example-configuration.js.map

package/dist/components/query-builder/example-configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/query-builder/example-configuration.ts"],"names":["fields","rule","z","defaultQuery"],"mappings":"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","file":"example-configuration.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\nimport type { Field } from 'react-querybuilder';\nimport { z } from 'zod';\n\n/**\n * Represents sample field types and data for building a query.\n * These fields and their validators are for demonstration of capability and are not required for implementation.\n *\n */\nexport const fields: Field[] = [\n  {\n    name: 'AK_HIGH',\n    label: 'AK High',\n    type: 'i32',\n    inputType: 'number', // as in HTML input type <input type=\"number\">\n    operators: [\n      { name: '=', value: '=', label: 'is' } as const,\n      { name: '<', value: '<', label: 'less than' } as const,\n      { name: '>', value: '>', label: 'greater than' } as const,\n      { name: '<=', value: '<=', label: 'less than equal' } as const,\n      { name: '>=', value: '>=', label: 'greater than equal' } as const,\n      { name: 'between', value: 'between', label: 'between' } as const,\n      { name: 'in', value: 'in', label: 'in' } as const,\n    ],\n    validator: (rule) => ({\n      valid: z\n        .union([\n          z.coerce.number().int().gte(-2_147_483_648).lte(2_147_483_647),\n          z.tuple([\n            z.coerce.number().int().gte(-2_147_483_648).lte(2_147_483_647),\n            z.coerce.number().int().gte(-2_147_483_648).lte(2_147_483_647),\n          ]),\n        ])\n        .safeParse(rule.value).success,\n      reasons: ['Number must be in range.'],\n    }),\n  },\n  {\n    name: 'AK_LOW',\n    label: 'AK Low',\n    type: 'i32',\n    inputType: 'number', // as in HTML input type <input type=\"number\">\n    operators: [\n      { name: '=', value: '=', label: 'is' } as const,\n      { name: '<', value: '<', label: 'less than' } as const,\n      { name: '>', value: '>', label: 'greater than' } as const,\n      { name: '<=', value: '<=', label: 'less than equal' } as const,\n      { name: '>=', value: '>=', label: 'greater than equal' } as const,\n      { name: 'between', value: 'between', label: 'between' } as const,\n      { name: 'in', value: 'in', label: 'in' } as const,\n    ],\n    validator: (rule) => ({\n      valid: z\n        .union([\n          z.coerce.number().int().gte(-2_147_483_648).lte(2_147_483_647),\n          z.tuple([\n            z.coerce.number().int().gte(-2_147_483_648).lte(2_147_483_647),\n            z.coerce.number().int().gte(-2_147_483_648).lte(2_147_483_647),\n          ]),\n        ])\n        .safeParse(rule.value).success,\n      reasons: ['Number must be in range.'],\n    }),\n  },\n  {\n    name: 'COUNTRY',\n    label: 'Country',\n    type: 'str',\n    operators: [\n      { name: '=', value: '=', label: 'is' } as const,\n      { name: 'like', value: 'like', label: 'like' } as const,\n      { name: 'in', value: 'in', label: 'in' } as const,\n    ],\n    inputType: 'text',\n    validator: (rule) => ({\n      valid: z.string().min(1).safeParse(rule.value).success,\n      reasons: ['At least one character is required.'],\n    }),\n  },\n  {\n    name: 'NOTES',\n    label: 'Operator Notes',\n    type: 'str',\n    valueEditorType: 'textarea',\n  },\n  {\n    name: 'OPERSTATUS',\n    label: 'Is Operational',\n    type: 'bool',\n    defaultValue: false,\n    operators: [{ name: '=', value: '=', label: 'is' } as const],\n    valueEditorType: 'checkbox',\n  },\n  {\n    name: 'DONUTS',\n    label: 'Has Donuts',\n    type: 'bool',\n    operators: [{ name: '=', value: '=', label: 'is' } as const],\n    valueEditorType: 'switch',\n  },\n  {\n    name: 'SERVCITY',\n    label: 'Service City',\n    valueEditorType: 'select',\n    values: [\n      { name: 'Anchorage', label: 'Anchorage', value: 'Anchorage' },\n      { name: 'Juneau', label: 'Juneau', value: 'Juneau' },\n      {\n        name: 'Fairbanks',\n        label: 'Fairbanks',\n        value: 'Fairbanks',\n      },\n      { name: 'Sitka', label: 'Sitka', value: 'Sitka' },\n      { name: 'Montgomery', label: 'Montgomery', value: 'Montgomery' },\n      { name: 'Birmingham', label: 'Birmingham', value: 'Birmingham' },\n      {\n        name: 'Huntsville',\n        label: 'Huntsville',\n        value: 'Huntsville',\n      },\n      { name: 'Mobile', label: 'Mobile', value: 'Mobile' },\n    ],\n    type: 'str',\n    operators: [\n      { name: '=', value: '=', label: 'is' } as const,\n      { name: 'like', value: 'like', label: 'like' } as const,\n      { name: 'in', value: 'in', label: 'in' } as const,\n      { name: 'between', value: 'between', label: 'between' } as const,\n    ],\n  },\n  {\n    name: 'TYPE_CODE',\n    label: 'Type Code',\n    type: 'str',\n    operators: [{ name: '=', value: '=', label: 'is' } as const],\n    valueEditorType: 'radio',\n    values: [\n      { name: 'Heliport', label: 'Heliport', value: 'Heliport' },\n      { name: 'Aerodrome', label: 'Aerodrome', value: 'Aerodrome' },\n      { name: 'Unknown', label: 'Unknown', value: 'Unknown' },\n    ],\n    defaultValue: 'Aerodrome',\n  },\n  {\n    name: 'ESTABLISHED',\n    label: 'Established',\n    type: 'date',\n    operators: [\n      { name: 'equals', value: 'tequals', label: 'is' } as const,\n      { name: 'during', value: 'during', label: 'occurs between' } as const,\n      { name: 'before', value: 'before', label: 'ends before' } as const,\n      { name: 'after', value: 'after', label: 'starts after' } as const,\n      {\n        name: 'overlapped',\n        value: 'overlappedby',\n        label: 'starts during',\n      } as const,\n      { name: 'overlaps', value: 'toverlaps', label: 'ends during' } as const,\n    ],\n    inputType: 'date',\n    validator: (rule) => ({\n      valid: z\n        .union([\n          z.string().min(1),\n          z.tuple([z.string().min(1), z.string().min(1)]),\n        ])\n        .safeParse(rule.value).success,\n      reasons: ['At least one character is required.'],\n    }),\n  },\n  {\n    name: 'MAINTENANCE',\n    label: 'Maintenance',\n    type: 'datetime',\n    operators: [\n      { name: 'equals', value: 'tequals', label: 'is' } as const,\n      { name: 'during', value: 'during', label: 'occurs between' } as const,\n      { name: 'before', value: 'before', label: 'ends before' } as const,\n      { name: 'after', value: 'after', label: 'starts after' } as const,\n      {\n        name: 'overlapped',\n        value: 'overlappedby',\n        label: 'starts during',\n      } as const,\n      { name: 'overlaps', value: 'toverlaps', label: 'ends during' } as const,\n    ],\n    inputType: 'datetime-local', // mm/dd/yyyy hh:mm a\n    validator: (rule) => ({\n      valid: z\n        .union([\n          z.string().min(1),\n          z.tuple([z.string().min(1), z.string().min(1)]),\n        ])\n        .safeParse(rule.value).success,\n      reasons: ['At least one character is required.'],\n    }),\n  },\n  {\n    name: 'PEAK_TRAFFIC',\n    label: 'Peak Traffic',\n    type: 'time',\n    operators: [\n      { name: 'equals', value: 'tequals', label: 'is' } as const,\n      { name: 'during', value: 'during', label: 'occurs between' } as const,\n      { name: 'before', value: 'before', label: 'ends before' } as const,\n      { name: 'after', value: 'after', label: 'starts after' } as const,\n      {\n        name: 'overlapped',\n        value: 'overlappedby',\n        label: 'starts during',\n      } as const,\n      { name: 'overlaps', value: 'toverlaps', label: 'ends during' } as const,\n    ],\n    inputType: 'time', // hh:mm a\n    validator: (rule) => ({\n      valid: z\n        .union([\n          z.string().min(1),\n          z.tuple([z.string().min(1), z.string().min(1)]),\n        ])\n        .safeParse(rule.value).success,\n      reasons: ['At least one character is required.'],\n    }),\n  },\n] satisfies Field[];\n\n/**\n * Represents an initial query to populate the rulesets\n * to illustrate examples.\n */\nexport const defaultQuery = {\n  combinator: 'AND',\n  rules: [\n    { field: 'AK_HIGH', operator: '>', value: '10000' }, // i32\n    { field: 'AK_LOW', operator: 'between', value: ['1000', '5000'] }, // between\n    { field: 'COUNTRY', operator: 'like', value: 'Canada' }, //text\n    { field: 'NOTES', operator: 'contains', value: 'Clear skies...' }, // textarea\n    { field: 'SERVCITY', operator: 'like', value: 'Anchorage' }, // options with headers\n    { field: 'OPERSTATUS', operator: '=', value: false }, // bool\n    { field: 'DONUTS', operator: '=', value: true }, // switch\n    { field: 'TYPE_CODE', operator: '=', value: 'Aerodrome' }, // radio\n    {\n      field: 'ESTABLISHED',\n      operator: 'during',\n      value: ['2024-10-01', '2024-11-01'],\n    }, // date\n    {\n      field: 'PEAK_TRAFFIC',\n      operator: 'overlaps',\n      value: ['18:22:54', '19:22:54'],\n    }, // time\n    {\n      field: 'MAINTENANCE',\n      operator: 'overlapped',\n      value: ['2024-10-01T18:22:54', '2024-11-01T18:22:54'],\n    }, // datetime\n  ],\n};\n"]}

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

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { RuleGroupProps, useRuleGroup } from 'react-querybuilder';
+
+declare function RuleGroup(props: RuleGroupProps): react_jsx_runtime.JSX.Element;
+declare function RuleGroupHeaderComponent(ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>): react_jsx_runtime.JSX.Element;
+declare function RuleGroupFooterComponent(ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>): react_jsx_runtime.JSX.Element;
+
+export { RuleGroup, RuleGroupFooterComponent, RuleGroupHeaderComponent };