@accelint/design-system 0.7.0 → 0.8.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/components/date-input/types.d.ts

@@ -0,0 +1,46 @@
+import { DateSegment } from '@react-stately/datepicker';
+import { ReactElement } from 'react';
+import { DateInputProps as DateInputProps$1, DateInputRenderProps as DateInputRenderProps$1, DateSegmentProps as DateSegmentProps$1, DateSegmentRenderProps as DateSegmentRenderProps$1 } from 'react-aria-components';
+import { PartialDeep } from 'type-fest';
+import { AsType } from '../../types/generic.js';
+import { RenderPropsChildren } from '../../types/react-aria.js';
+import { IconClassNames } from '../icon/types.js';
+
+type DateInputSizes = 'sm' | 'lg';
+type DateInputMapping = {
+    input: Partial<Record<DateInputSizes, string>>;
+};
+type BaseDateInputProps = {
+    classNames?: DateInputClassNames;
+    mapping?: DateInputMapping;
+    size?: DateInputSizes;
+};
+type DateInputClassNames = PartialDeep<{
+    icon: IconClassNames;
+    input: {
+        container: string;
+        input: string;
+        segments: string;
+    };
+    segment: {
+        container: string;
+        segment: string;
+    };
+}>;
+type DateInputProps = Omit<DateInputProps$1, 'className' | 'style' | 'children'> & ({
+    provider?: false;
+    children?: (segment: DateSegment) => ReactElement;
+} | {
+    provider: true;
+    children?: RenderPropsChildren<DateInputRenderProps>;
+}) & BaseDateInputProps;
+type DateInputRenderProps = AsType<DateInputRenderProps$1>;
+type DateInputState = DateInputRenderProps & Required<Pick<BaseDateInputProps, 'size'>>;
+type DateSegmentsProps = {
+    children: (segment: DateSegment) => ReactElement;
+} & BaseDateInputProps;
+type DateSegmentProps = AsType<DateSegmentProps$1> & BaseDateInputProps;
+type DateSegmentRenderProps = DateSegmentRenderProps$1;
+type DateSegmentState = DateSegmentRenderProps & Required<Pick<BaseDateInputProps, 'size'>>;
+
+export type { DateInputClassNames, DateInputMapping, DateInputProps, DateInputRenderProps, DateInputSizes, DateInputState, DateSegmentProps, DateSegmentRenderProps, DateSegmentState, DateSegmentsProps };

package/dist/components/date-input/types.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/components/date-input/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

package/dist/components/index.d.ts

@@ -12,6 +12,12 @@ export { createCollectionRenderer } from './collection/collection.js';
 export { ComboBox, ComboBoxContext } from './combo-box/combo-box.js';
 export { comboBoxClassNames, comboBoxColorVars, comboBoxContainer, comboBoxSpaceVars, comboBoxStateVars } from './combo-box/combo-box.css.js';
 export { ComboBoxClassNames, ComboBoxMapping, ComboBoxProps, ComboBoxRenderProps, ComboBoxSizes, ComboBoxState } from './combo-box/types.js';
+export { DateField } from './date-field/date-field.js';
+export { DateFieldClassNames, DateFieldMapping, DateFieldProps, DateFieldRenderProps, DateFieldSizes, DateFieldState } from './date-field/types.js';
+export { dateFieldClassNames, dateFieldColorVars, dateFieldContainer, dateFieldSpaceVars, dateFieldStateVars } from './date-field/date-field.css.js';
+export { DateInput, DateInputContext, DateSegment, DateSegmentContext, DateSegments } from './date-input/date-input.js';
+export { dateInputClassNames, dateInputColorVars, dateInputContainer, dateInputSpaceVars, dateInputStateVars, dateSegmentStateVars, dateSegmentsContainer } from './date-input/date-input.css.js';
+export { DateInputClassNames, DateInputMapping, DateInputProps, DateInputRenderProps, DateInputSizes, DateInputState, DateSegmentProps, DateSegmentRenderProps, DateSegmentsProps } from './date-input/types.js';
 export { Dialog, DialogContext } from './dialog/dialog.js';
 export { dialogClassNames, dialogColorVars, dialogContainer, dialogSpaceVars, dialogStateVars } from './dialog/dialog.css.js';
 export { DialogClassNames, DialogMapping, DialogProps, DialogRenderProps, DialogSizes, DialogState } from './dialog/types.js';
@@ -75,6 +81,9 @@ export { TextAreaClassNames, TextAreaProps, TextAreaRenderProps, TextAreaState }
 export { TextField, TextFieldContext } from './text-field/text-field.js';
 export { textFieldClassNames, textFieldColorVars, textFieldContainer, textFieldSpaceVars, textFieldStateVars } from './text-field/text-field.css.js';
 export { TextFieldClassNames, TextFieldMapping, TextFieldProps, TextFieldSizes, TextFieldState } from './text-field/types.js';
+export { TimeField, TimeFieldContext } from './time-field/time-field.js';
+export { TimeFieldClassNames, TimeFieldMapping, TimeFieldProps, TimeFieldRenderProps, TimeFieldSizes, TimeFieldState } from './time-field/types.js';
+export { timeFieldClassNames, timeFieldColorVars, timeFieldContainer, timeFieldSpaceVars, timeFieldStateVars } from './time-field/time-field.css.js';
 export { Tooltip, TooltipContext, TooltipTarget, TooltipTargetContext } from './tooltip/tooltip.js';
 export { tooltipClassNames, tooltipContainers, tooltipSpaceVars, tooltipStateVars, tooltipTargetStateVars } from './tooltip/tooltip.css.js';
 export { TooltipClassNames, TooltipMapping, TooltipProps, TooltipRenderProps, TooltipState, TooltipTargetProps, TooltipTargetState } from './tooltip/types.js';
@@ -89,8 +98,10 @@ import '@react-types/shared';
 import 'type-fest';
 import 'react/jsx-runtime';
 import '../types/generic.js';
+import '@react-stately/datepicker';
 import '@react-aria/overlays';
 import '@react-stately/overlays';
 import 'react-querybuilder';
+import '@react-aria/datepicker';
 import '../types/use-tree.js';
 import '@react-stately/data';

package/dist/components/index.js

@@ -5,6 +5,8 @@ export { Checkbox, CheckboxContext, CheckboxGroup, CheckboxGroupContext, checkbo
 export { Chip, ChipContext, ChipGroup, ChipGroupContext, ChipItem, ChipList, chipClassNames, chipColorVars, chipContainer, chipSpaceVars, chipStateVars } from './chip/index.js';
 export { createCollectionRenderer } from './collection/index.js';
 export { ComboBox, ComboBoxContext, comboBoxClassNames, comboBoxColorVars, comboBoxContainer, comboBoxSpaceVars, comboBoxStateVars } from './combo-box/index.js';
+export { DateField, dateFieldClassNames, dateFieldColorVars, dateFieldContainer, dateFieldSpaceVars, dateFieldStateVars } from './date-field/index.js';
+export { DateInput, DateInputContext, DateSegment, DateSegmentContext, DateSegments, dateInputClassNames, dateInputColorVars, dateInputContainer, dateInputSpaceVars, dateInputStateVars, dateSegmentStateVars, dateSegmentsContainer } from './date-input/index.js';
 export { Dialog, DialogContext, dialogClassNames, dialogColorVars, dialogContainer, dialogSpaceVars, dialogStateVars } from './dialog/index.js';
 export { Drawer, DrawerDialog, DrawerTab, DrawerTabList, drawerAnimationVars, drawerClassNames, drawerColorVars, drawerContainer, drawerDialogStateVars, drawerSpaceVars, drawerStateVars } from './drawer/index.js';
 export { Element, ElementContext } from './element/index.js';
@@ -26,6 +28,7 @@ export { Switch, SwitchContext, switchClassNames, switchColorVars, switchContain
 export { Tab, TabContext, TabList, TabListContext, TabPanel, TabPanelContext, TabPanels, TabPanelsContext, Tabs, TabsContext, tabColorVars, tabListStateVars, tabPanelStateVars, tabPanelsStateVars, tabSpaceVars, tabStateVars, tabsClassNames, tabsContainers } from './tabs/index.js';
 export { TextArea, TextAreaContext, textAreaClassNames, textAreaColorVars, textAreaContainer, textAreaSpaceVars, textAreaStateVars } from './textarea/index.js';
 export { TextField, TextFieldContext, textFieldClassNames, textFieldColorVars, textFieldContainer, textFieldSpaceVars, textFieldStateVars } from './text-field/index.js';
+export { TimeField, TimeFieldContext, timeFieldClassNames, timeFieldColorVars, timeFieldContainer, timeFieldSpaceVars, timeFieldStateVars } from './time-field/index.js';
 export { Tooltip, TooltipContext, TooltipTarget, TooltipTargetContext, tooltipClassNames, tooltipContainers, tooltipSpaceVars, tooltipStateVars, tooltipTargetStateVars } from './tooltip/index.js';
 export { Tree, TreeGroup, TreeItem, TreeStateContext, treeClassNames, treeColorVars, treeContainers, treeGroupStateVars, treeIndicatorStateVars, treeItemStateVars, treeSpaceVars, treeStateVars } from './tree/index.js';
 //# sourceMappingURL=index.js.map

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

@@ -33,11 +33,13 @@ declare const queryBuilderColorVars: {
         background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        lineColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     rule: {
         background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        lineColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     error: {
         color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -52,6 +54,7 @@ declare const queryBuilderSpaceVars: {
         gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        lineIndent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     header: {
         x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -65,6 +68,7 @@ declare const queryBuilderSpaceVars: {
     rule: {
         x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        lineIndent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     core: {
         gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -97,6 +101,7 @@ declare const queryBuilderSpaceVars: {
 };
 declare const queryBuilderStateVars: {
     isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    showRuleLines: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };
 declare const queryBuilderGroupStateVars: {
     after: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

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

@@ -1,13 +1,13 @@
 import '../../chunk-PZ5AY32C.js';
 
 // src/components/query-builder/query-builder.css.ts
-var queryBuilderClassNames = { queryBuilder: { container: "query-builder_queryBuilderClassNames_queryBuilder_container__xkizz1g", queryBuilder: "query-builder_queryBuilderClassNames_queryBuilder_queryBuilder__xkizz1h" }, group: { group: "query-builder_queryBuilderClassNames_group_group__xkizz1i", header: "query-builder_queryBuilderClassNames_group_header__xkizz1j", body: "query-builder_queryBuilderClassNames_group_body__xkizz1k", footer: "query-builder_queryBuilderClassNames_group_footer__xkizz1l" }, rule: { container: "query-builder_queryBuilderClassNames_rule_container__xkizz1m", rule: "query-builder_queryBuilderClassNames_rule_rule__xkizz1n", core: "query-builder_queryBuilderClassNames_rule_core__xkizz1o", field: "query-builder_queryBuilderClassNames_rule_field__xkizz1p", operator: "query-builder_queryBuilderClassNames_rule_operator__xkizz1q", values: "query-builder_queryBuilderClassNames_rule_values__xkizz1r", source: "query-builder_queryBuilderClassNames_rule_source__xkizz1s", value: "query-builder_queryBuilderClassNames_rule_value__xkizz1t", error: "query-builder_queryBuilderClassNames_rule_error__xkizz1u" } };
-var queryBuilderColorVars = { queryBuilder: { background: "var(--queryBuilder-background__xkizz4)", border: "var(--queryBuilder-border__xkizz5)", color: "var(--queryBuilder-color__xkizz6)" }, group: { background: "var(--group-background__xkizz7)", border: "var(--group-border__xkizz8)", color: "var(--group-color__xkizz9)" }, rule: { background: "var(--rule-background__xkizza)", border: "var(--rule-border__xkizzb)", color: "var(--rule-color__xkizzc)" }, error: { color: "var(--error-color__xkizzd)" } };
+var queryBuilderClassNames = { queryBuilder: { container: "query-builder_queryBuilderClassNames_queryBuilder_container__xkizz1l", queryBuilder: "query-builder_queryBuilderClassNames_queryBuilder_queryBuilder__xkizz1m" }, group: { container: "query-builder_queryBuilderClassNames_group_container__xkizz1n", group: "query-builder_queryBuilderClassNames_group_group__xkizz1o", header: "query-builder_queryBuilderClassNames_group_header__xkizz1p", body: "query-builder_queryBuilderClassNames_group_body__xkizz1q", footer: "query-builder_queryBuilderClassNames_group_footer__xkizz1r" }, rule: { container: "query-builder_queryBuilderClassNames_rule_container__xkizz1s", rule: "query-builder_queryBuilderClassNames_rule_rule__xkizz1t", core: "query-builder_queryBuilderClassNames_rule_core__xkizz1u", field: "query-builder_queryBuilderClassNames_rule_field__xkizz1v", operator: "query-builder_queryBuilderClassNames_rule_operator__xkizz1w", values: "query-builder_queryBuilderClassNames_rule_values__xkizz1x", source: "query-builder_queryBuilderClassNames_rule_source__xkizz1y", value: "query-builder_queryBuilderClassNames_rule_value__xkizz1z", error: "query-builder_queryBuilderClassNames_rule_error__xkizz20" } };
+var queryBuilderColorVars = { queryBuilder: { background: "var(--queryBuilder-background__xkizz4)", border: "var(--queryBuilder-border__xkizz5)", color: "var(--queryBuilder-color__xkizz6)" }, group: { background: "var(--group-background__xkizz7)", border: "var(--group-border__xkizz8)", color: "var(--group-color__xkizz9)", lineColor: "var(--group-lineColor__xkizza)" }, rule: { background: "var(--rule-background__xkizzb)", border: "var(--rule-border__xkizzc)", color: "var(--rule-color__xkizzd)", lineColor: "var(--rule-lineColor__xkizze)" }, error: { color: "var(--error-color__xkizzf)" } };
 var queryBuilderContainers = { queryBuilder: "query-builder_queryBuilderContainers_queryBuilder__xkizz0", group: "query-builder_queryBuilderContainers_group__xkizz1", rule: "query-builder_queryBuilderContainers_rule__xkizz2", values: "query-builder_queryBuilderContainers_values__xkizz3" };
-var queryBuilderGroupStateVars = { after: "var(--after__xkizz17)", before: "var(--before__xkizz18)", columns: "var(--columns__xkizz19)", orientation: "var(--orientation__xkizz1a)", isDisabled: "var(--isDisabled__xkizz1b)" };
-var queryBuilderRuleStateVars = { orientation: "var(--orientation__xkizz1c)", isDisabled: "var(--isDisabled__xkizz1d)", isDragging: "var(--isDragging__xkizz1e)", isDropTarget: "var(--isDropTarget__xkizz1f)" };
-var queryBuilderSpaceVars = { queryBuilder: { x: "var(--queryBuilder-x__xkizze)", y: "var(--queryBuilder-y__xkizzf)" }, group: { gap: "var(--group-gap__xkizzg)", x: "var(--group-x__xkizzh)", y: "var(--group-y__xkizzi)" }, header: { x: "var(--header-x__xkizzj)", y: "var(--header-y__xkizzk)" }, body: { gap: "var(--body-gap__xkizzl)", x: "var(--body-x__xkizzm)", y: "var(--body-y__xkizzn)" }, rule: { x: "var(--rule-x__xkizzo)", y: "var(--rule-y__xkizzp)" }, core: { gap: "var(--core-gap__xkizzq)" }, field: { width: "var(--field-width__xkizzr)", maxWidth: "var(--field-maxWidth__xkizzs)", minWidth: "var(--field-minWidth__xkizzt)" }, operator: { width: "var(--operator-width__xkizzu)", maxWidth: "var(--operator-maxWidth__xkizzv)", minWidth: "var(--operator-minWidth__xkizzw)" }, values: { gap: "var(--values-gap__xkizzx)", width: "var(--values-width__xkizzy)", maxWidth: "var(--values-maxWidth__xkizzz)", minWidth: "var(--values-minWidth__xkizz10)" }, source: { width: "var(--source-width__xkizz11)", maxWidth: "var(--source-maxWidth__xkizz12)", minWidth: "var(--source-minWidth__xkizz13)" }, footer: { x: "var(--footer-x__xkizz14)", y: "var(--footer-y__xkizz15)" } };
-var queryBuilderStateVars = { isDisabled: "var(--isDisabled__xkizz16)" };
+var queryBuilderGroupStateVars = { after: "var(--after__xkizz1c)", before: "var(--before__xkizz1d)", columns: "var(--columns__xkizz1e)", orientation: "var(--orientation__xkizz1f)", isDisabled: "var(--isDisabled__xkizz1g)" };
+var queryBuilderRuleStateVars = { orientation: "var(--orientation__xkizz1h)", isDisabled: "var(--isDisabled__xkizz1i)", isDragging: "var(--isDragging__xkizz1j)", isDropTarget: "var(--isDropTarget__xkizz1k)" };
+var queryBuilderSpaceVars = { queryBuilder: { x: "var(--queryBuilder-x__xkizzg)", y: "var(--queryBuilder-y__xkizzh)" }, group: { gap: "var(--group-gap__xkizzi)", x: "var(--group-x__xkizzj)", y: "var(--group-y__xkizzk)", lineIndent: "var(--group-lineIndent__xkizzl)" }, header: { x: "var(--header-x__xkizzm)", y: "var(--header-y__xkizzn)" }, body: { gap: "var(--body-gap__xkizzo)", x: "var(--body-x__xkizzp)", y: "var(--body-y__xkizzq)" }, rule: { x: "var(--rule-x__xkizzr)", y: "var(--rule-y__xkizzs)", lineIndent: "var(--rule-lineIndent__xkizzt)" }, core: { gap: "var(--core-gap__xkizzu)" }, field: { width: "var(--field-width__xkizzv)", maxWidth: "var(--field-maxWidth__xkizzw)", minWidth: "var(--field-minWidth__xkizzx)" }, operator: { width: "var(--operator-width__xkizzy)", maxWidth: "var(--operator-maxWidth__xkizzz)", minWidth: "var(--operator-minWidth__xkizz10)" }, values: { gap: "var(--values-gap__xkizz11)", width: "var(--values-width__xkizz12)", maxWidth: "var(--values-maxWidth__xkizz13)", minWidth: "var(--values-minWidth__xkizz14)" }, source: { width: "var(--source-width__xkizz15)", maxWidth: "var(--source-maxWidth__xkizz16)", minWidth: "var(--source-minWidth__xkizz17)" }, footer: { x: "var(--footer-x__xkizz18)", y: "var(--footer-y__xkizz19)" } };
+var queryBuilderStateVars = { isDisabled: "var(--isDisabled__xkizz1a)", showRuleLines: "var(--showRuleLines__xkizz1b)" };
 
 export { queryBuilderClassNames, queryBuilderColorVars, queryBuilderContainers, queryBuilderGroupStateVars, queryBuilderRuleStateVars, queryBuilderSpaceVars, queryBuilderStateVars };
 //# sourceMappingURL=query-builder.css.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/query-builder/query-builder.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,yBAAyB,EAAC,YAAA,EAAa,EAAC,SAAU,EAAA,sEAAA,EAAuE,cAAa,yEAAyE,EAAA,EAAE,KAAM,EAAA,EAAC,OAAM,2DAA4D,EAAA,MAAA,EAAO,8DAA6D,IAAK,EAAA,0DAAA,EAA2D,QAAO,4DAA4D,EAAA,EAAE,IAAK,EAAA,EAAC,WAAU,8DAA+D,EAAA,IAAA,EAAK,2DAA0D,IAAK,EAAA,yDAAA,EAA0D,OAAM,0DAA2D,EAAA,QAAA,EAAS,6DAA8D,EAAA,MAAA,EAAO,6DAA4D,MAAO,EAAA,2DAAA,EAA4D,OAAM,0DAA2D,EAAA,KAAA,EAAM,4DAA2D;AACpkC,IAAI,qBAAwB,GAAA,EAAC,YAAa,EAAA,EAAC,YAAW,wCAAyC,EAAA,MAAA,EAAO,oCAAqC,EAAA,KAAA,EAAM,mCAAmC,EAAA,EAAE,KAAM,EAAA,EAAC,YAAW,iCAAkC,EAAA,MAAA,EAAO,6BAA8B,EAAA,KAAA,EAAM,4BAA4B,EAAA,EAAE,IAAK,EAAA,EAAC,YAAW,gCAAiC,EAAA,MAAA,EAAO,4BAA6B,EAAA,KAAA,EAAM,6BAA6B,EAAA,KAAA,EAAM,EAAC,KAAA,EAAM,8BAA6B;AACld,IAAA,sBAAA,GAAyB,EAAC,YAAa,EAAA,2DAAA,EAA4D,OAAM,oDAAqD,EAAA,IAAA,EAAK,mDAAoD,EAAA,MAAA,EAAO,qDAAqD;AACnR,IAAA,0BAAA,GAA6B,EAAC,KAAA,EAAM,uBAAwB,EAAA,MAAA,EAAO,wBAAyB,EAAA,OAAA,EAAQ,yBAA0B,EAAA,WAAA,EAAY,6BAA8B,EAAA,UAAA,EAAW,4BAA4B;AAC/M,IAAA,yBAAA,GAA4B,EAAC,WAAY,EAAA,6BAAA,EAA8B,YAAW,4BAA6B,EAAA,UAAA,EAAW,4BAA6B,EAAA,YAAA,EAAa,8BAA8B;AACtM,IAAI,wBAAwB,EAAC,YAAA,EAAa,EAAC,CAAE,EAAA,+BAAA,EAAgC,GAAE,+BAA+B,EAAA,EAAE,OAAM,EAAC,GAAA,EAAI,4BAA2B,CAAE,EAAA,wBAAA,EAAyB,GAAE,wBAAwB,EAAA,EAAE,QAAO,EAAC,CAAA,EAAE,2BAA0B,CAAE,EAAA,yBAAA,IAA2B,IAAK,EAAA,EAAC,KAAI,yBAA0B,EAAA,CAAA,EAAE,yBAAwB,CAAE,EAAA,uBAAA,IAAyB,IAAK,EAAA,EAAC,GAAE,uBAAwB,EAAA,CAAA,EAAE,yBAAyB,EAAA,IAAA,EAAK,EAAC,GAAI,EAAA,yBAAA,EAA2B,EAAA,KAAA,EAAM,EAAC,KAAM,EAAA,4BAAA,EAA6B,UAAS,+BAAgC,EAAA,QAAA,EAAS,iCAAiC,EAAA,QAAA,EAAS,EAAC,KAAM,EAAA,+BAAA,EAAgC,UAAS,kCAAmC,EAAA,QAAA,EAAS,oCAAoC,EAAA,MAAA,EAAO,EAAC,GAAI,EAAA,2BAAA,EAA4B,OAAM,6BAA8B,EAAA,QAAA,EAAS,kCAAiC,QAAS,EAAA,iCAAA,IAAmC,MAAO,EAAA,EAAC,OAAM,8BAA+B,EAAA,QAAA,EAAS,mCAAkC,QAAS,EAAA,iCAAA,IAAmC,MAAO,EAAA,EAAC,GAAE,0BAA2B,EAAA,CAAA,EAAE,4BAA2B;AACjjC,IAAA,qBAAA,GAAwB,EAAC,UAAA,EAAW,4BAA4B","file":"query-builder.css.js","sourcesContent":["export var queryBuilderClassNames = {queryBuilder:{container:'query-builder_queryBuilderClassNames_queryBuilder_container__xkizz1g',queryBuilder:'query-builder_queryBuilderClassNames_queryBuilder_queryBuilder__xkizz1h'},group:{group:'query-builder_queryBuilderClassNames_group_group__xkizz1i',header:'query-builder_queryBuilderClassNames_group_header__xkizz1j',body:'query-builder_queryBuilderClassNames_group_body__xkizz1k',footer:'query-builder_queryBuilderClassNames_group_footer__xkizz1l'},rule:{container:'query-builder_queryBuilderClassNames_rule_container__xkizz1m',rule:'query-builder_queryBuilderClassNames_rule_rule__xkizz1n',core:'query-builder_queryBuilderClassNames_rule_core__xkizz1o',field:'query-builder_queryBuilderClassNames_rule_field__xkizz1p',operator:'query-builder_queryBuilderClassNames_rule_operator__xkizz1q',values:'query-builder_queryBuilderClassNames_rule_values__xkizz1r',source:'query-builder_queryBuilderClassNames_rule_source__xkizz1s',value:'query-builder_queryBuilderClassNames_rule_value__xkizz1t',error:'query-builder_queryBuilderClassNames_rule_error__xkizz1u'}};\nexport var queryBuilderColorVars = {queryBuilder:{background:'var(--queryBuilder-background__xkizz4)',border:'var(--queryBuilder-border__xkizz5)',color:'var(--queryBuilder-color__xkizz6)'},group:{background:'var(--group-background__xkizz7)',border:'var(--group-border__xkizz8)',color:'var(--group-color__xkizz9)'},rule:{background:'var(--rule-background__xkizza)',border:'var(--rule-border__xkizzb)',color:'var(--rule-color__xkizzc)'},error:{color:'var(--error-color__xkizzd)'}};\nexport var queryBuilderContainers = {queryBuilder:'query-builder_queryBuilderContainers_queryBuilder__xkizz0',group:'query-builder_queryBuilderContainers_group__xkizz1',rule:'query-builder_queryBuilderContainers_rule__xkizz2',values:'query-builder_queryBuilderContainers_values__xkizz3'};\nexport var queryBuilderGroupStateVars = {after:'var(--after__xkizz17)',before:'var(--before__xkizz18)',columns:'var(--columns__xkizz19)',orientation:'var(--orientation__xkizz1a)',isDisabled:'var(--isDisabled__xkizz1b)'};\nexport var queryBuilderRuleStateVars = {orientation:'var(--orientation__xkizz1c)',isDisabled:'var(--isDisabled__xkizz1d)',isDragging:'var(--isDragging__xkizz1e)',isDropTarget:'var(--isDropTarget__xkizz1f)'};\nexport var queryBuilderSpaceVars = {queryBuilder:{x:'var(--queryBuilder-x__xkizze)',y:'var(--queryBuilder-y__xkizzf)'},group:{gap:'var(--group-gap__xkizzg)',x:'var(--group-x__xkizzh)',y:'var(--group-y__xkizzi)'},header:{x:'var(--header-x__xkizzj)',y:'var(--header-y__xkizzk)'},body:{gap:'var(--body-gap__xkizzl)',x:'var(--body-x__xkizzm)',y:'var(--body-y__xkizzn)'},rule:{x:'var(--rule-x__xkizzo)',y:'var(--rule-y__xkizzp)'},core:{gap:'var(--core-gap__xkizzq)'},field:{width:'var(--field-width__xkizzr)',maxWidth:'var(--field-maxWidth__xkizzs)',minWidth:'var(--field-minWidth__xkizzt)'},operator:{width:'var(--operator-width__xkizzu)',maxWidth:'var(--operator-maxWidth__xkizzv)',minWidth:'var(--operator-minWidth__xkizzw)'},values:{gap:'var(--values-gap__xkizzx)',width:'var(--values-width__xkizzy)',maxWidth:'var(--values-maxWidth__xkizzz)',minWidth:'var(--values-minWidth__xkizz10)'},source:{width:'var(--source-width__xkizz11)',maxWidth:'var(--source-maxWidth__xkizz12)',minWidth:'var(--source-minWidth__xkizz13)'},footer:{x:'var(--footer-x__xkizz14)',y:'var(--footer-y__xkizz15)'}};\nexport var queryBuilderStateVars = {isDisabled:'var(--isDisabled__xkizz16)'};"]}
+{"version":3,"sources":["../../../src/components/query-builder/query-builder.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,yBAAyB,EAAC,YAAA,EAAa,EAAC,SAAU,EAAA,sEAAA,EAAuE,cAAa,yEAAyE,EAAA,EAAE,OAAM,EAAC,SAAA,EAAU,iEAAgE,KAAM,EAAA,2DAAA,EAA4D,QAAO,4DAA6D,EAAA,IAAA,EAAK,4DAA2D,MAAO,EAAA,4DAAA,EAA8D,EAAA,IAAA,EAAK,EAAC,SAAU,EAAA,8DAAA,EAA+D,MAAK,yDAA0D,EAAA,IAAA,EAAK,2DAA0D,KAAM,EAAA,0DAAA,EAA2D,UAAS,6DAA8D,EAAA,MAAA,EAAO,6DAA4D,MAAO,EAAA,2DAAA,EAA4D,OAAM,0DAA2D,EAAA,KAAA,EAAM,4DAA2D;AAC9oC,IAAI,wBAAwB,EAAC,YAAA,EAAa,EAAC,UAAA,EAAW,0CAAyC,MAAO,EAAA,oCAAA,EAAqC,KAAM,EAAA,mCAAA,IAAqC,KAAM,EAAA,EAAC,UAAW,EAAA,iCAAA,EAAkC,QAAO,6BAA8B,EAAA,KAAA,EAAM,4BAA6B,EAAA,SAAA,EAAU,kCAAkC,EAAA,IAAA,EAAK,EAAC,UAAA,EAAW,kCAAiC,MAAO,EAAA,4BAAA,EAA6B,KAAM,EAAA,2BAAA,EAA4B,WAAU,+BAA+B,EAAA,EAAE,OAAM,EAAC,KAAA,EAAM,8BAA6B;AACviB,IAAA,sBAAA,GAAyB,EAAC,YAAa,EAAA,2DAAA,EAA4D,OAAM,oDAAqD,EAAA,IAAA,EAAK,mDAAoD,EAAA,MAAA,EAAO,qDAAqD;AACnR,IAAA,0BAAA,GAA6B,EAAC,KAAA,EAAM,uBAAwB,EAAA,MAAA,EAAO,wBAAyB,EAAA,OAAA,EAAQ,yBAA0B,EAAA,WAAA,EAAY,6BAA8B,EAAA,UAAA,EAAW,4BAA4B;AAC/M,IAAA,yBAAA,GAA4B,EAAC,WAAY,EAAA,6BAAA,EAA8B,YAAW,4BAA6B,EAAA,UAAA,EAAW,4BAA6B,EAAA,YAAA,EAAa,8BAA8B;AAClM,IAAA,qBAAA,GAAwB,EAAC,YAAa,EAAA,EAAC,GAAE,+BAAgC,EAAA,CAAA,EAAE,iCAAiC,EAAA,KAAA,EAAM,EAAC,GAAI,EAAA,0BAAA,EAA2B,GAAE,wBAAyB,EAAA,CAAA,EAAE,0BAAyB,UAAW,EAAA,iCAAA,IAAmC,MAAO,EAAA,EAAC,GAAE,yBAA0B,EAAA,CAAA,EAAE,2BAA2B,EAAA,IAAA,EAAK,EAAC,GAAI,EAAA,yBAAA,EAA0B,GAAE,uBAAwB,EAAA,CAAA,EAAE,yBAAyB,EAAA,IAAA,EAAK,EAAC,CAAE,EAAA,uBAAA,EAAwB,GAAE,uBAAwB,EAAA,UAAA,EAAW,gCAAgC,EAAA,EAAE,IAAK,EAAA,EAAC,KAAI,yBAAyB,EAAA,EAAE,OAAM,EAAC,KAAA,EAAM,8BAA6B,QAAS,EAAA,+BAAA,EAAgC,UAAS,+BAA+B,EAAA,EAAE,UAAS,EAAC,KAAA,EAAM,iCAAgC,QAAS,EAAA,kCAAA,EAAmC,UAAS,mCAAmC,EAAA,EAAE,QAAO,EAAC,GAAA,EAAI,8BAA6B,KAAM,EAAA,8BAAA,EAA+B,UAAS,iCAAkC,EAAA,QAAA,EAAS,mCAAmC,EAAA,MAAA,EAAO,EAAC,KAAM,EAAA,8BAAA,EAA+B,UAAS,iCAAkC,EAAA,QAAA,EAAS,mCAAmC,EAAA,MAAA,EAAO,EAAC,CAAE,EAAA,0BAAA,EAA2B,CAAE,EAAA,0BAAA,EAA2B;AAClpC,IAAI,qBAAwB,GAAA,EAAC,UAAW,EAAA,4BAAA,EAA6B,eAAc,+BAA+B","file":"query-builder.css.js","sourcesContent":["export var queryBuilderClassNames = {queryBuilder:{container:'query-builder_queryBuilderClassNames_queryBuilder_container__xkizz1l',queryBuilder:'query-builder_queryBuilderClassNames_queryBuilder_queryBuilder__xkizz1m'},group:{container:'query-builder_queryBuilderClassNames_group_container__xkizz1n',group:'query-builder_queryBuilderClassNames_group_group__xkizz1o',header:'query-builder_queryBuilderClassNames_group_header__xkizz1p',body:'query-builder_queryBuilderClassNames_group_body__xkizz1q',footer:'query-builder_queryBuilderClassNames_group_footer__xkizz1r'},rule:{container:'query-builder_queryBuilderClassNames_rule_container__xkizz1s',rule:'query-builder_queryBuilderClassNames_rule_rule__xkizz1t',core:'query-builder_queryBuilderClassNames_rule_core__xkizz1u',field:'query-builder_queryBuilderClassNames_rule_field__xkizz1v',operator:'query-builder_queryBuilderClassNames_rule_operator__xkizz1w',values:'query-builder_queryBuilderClassNames_rule_values__xkizz1x',source:'query-builder_queryBuilderClassNames_rule_source__xkizz1y',value:'query-builder_queryBuilderClassNames_rule_value__xkizz1z',error:'query-builder_queryBuilderClassNames_rule_error__xkizz20'}};\nexport var queryBuilderColorVars = {queryBuilder:{background:'var(--queryBuilder-background__xkizz4)',border:'var(--queryBuilder-border__xkizz5)',color:'var(--queryBuilder-color__xkizz6)'},group:{background:'var(--group-background__xkizz7)',border:'var(--group-border__xkizz8)',color:'var(--group-color__xkizz9)',lineColor:'var(--group-lineColor__xkizza)'},rule:{background:'var(--rule-background__xkizzb)',border:'var(--rule-border__xkizzc)',color:'var(--rule-color__xkizzd)',lineColor:'var(--rule-lineColor__xkizze)'},error:{color:'var(--error-color__xkizzf)'}};\nexport var queryBuilderContainers = {queryBuilder:'query-builder_queryBuilderContainers_queryBuilder__xkizz0',group:'query-builder_queryBuilderContainers_group__xkizz1',rule:'query-builder_queryBuilderContainers_rule__xkizz2',values:'query-builder_queryBuilderContainers_values__xkizz3'};\nexport var queryBuilderGroupStateVars = {after:'var(--after__xkizz1c)',before:'var(--before__xkizz1d)',columns:'var(--columns__xkizz1e)',orientation:'var(--orientation__xkizz1f)',isDisabled:'var(--isDisabled__xkizz1g)'};\nexport var queryBuilderRuleStateVars = {orientation:'var(--orientation__xkizz1h)',isDisabled:'var(--isDisabled__xkizz1i)',isDragging:'var(--isDragging__xkizz1j)',isDropTarget:'var(--isDropTarget__xkizz1k)'};\nexport var queryBuilderSpaceVars = {queryBuilder:{x:'var(--queryBuilder-x__xkizzg)',y:'var(--queryBuilder-y__xkizzh)'},group:{gap:'var(--group-gap__xkizzi)',x:'var(--group-x__xkizzj)',y:'var(--group-y__xkizzk)',lineIndent:'var(--group-lineIndent__xkizzl)'},header:{x:'var(--header-x__xkizzm)',y:'var(--header-y__xkizzn)'},body:{gap:'var(--body-gap__xkizzo)',x:'var(--body-x__xkizzp)',y:'var(--body-y__xkizzq)'},rule:{x:'var(--rule-x__xkizzr)',y:'var(--rule-y__xkizzs)',lineIndent:'var(--rule-lineIndent__xkizzt)'},core:{gap:'var(--core-gap__xkizzu)'},field:{width:'var(--field-width__xkizzv)',maxWidth:'var(--field-maxWidth__xkizzw)',minWidth:'var(--field-minWidth__xkizzx)'},operator:{width:'var(--operator-width__xkizzy)',maxWidth:'var(--operator-maxWidth__xkizzz)',minWidth:'var(--operator-minWidth__xkizz10)'},values:{gap:'var(--values-gap__xkizz11)',width:'var(--values-width__xkizz12)',maxWidth:'var(--values-maxWidth__xkizz13)',minWidth:'var(--values-minWidth__xkizz14)'},source:{width:'var(--source-width__xkizz15)',maxWidth:'var(--source-maxWidth__xkizz16)',minWidth:'var(--source-minWidth__xkizz17)'},footer:{x:'var(--footer-x__xkizz18)',y:'var(--footer-y__xkizz19)'}};\nexport var queryBuilderStateVars = {isDisabled:'var(--isDisabled__xkizz1a)',showRuleLines:'var(--showRuleLines__xkizz1b)'};"]}

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

@@ -18,6 +18,6 @@ import '../options/types.js';
 import '../switch/types.js';
 import '../textarea/types.js';
 
-declare function QueryBuilder({ classNames: classNamesProp, consistentColumns, controlElements: controlElementsProp, disabled, icons, mapping: mappingProp, orientation, size, valueEditors: valueEditorsProp, ...rest }: QueryBuilderProps): react_jsx_runtime.JSX.Element;
+declare function QueryBuilder({ classNames: classNamesProp, consistentColumns, controlElements: controlElementsProp, disabled, icons, mapping: mappingProp, orientation, showRuleLines, size, valueEditors: valueEditorsProp, ...rest }: QueryBuilderProps): react_jsx_runtime.JSX.Element;
 
 export { QueryBuilder };

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

@@ -51,6 +51,7 @@ function QueryBuilder({
   icons,
   mapping: mappingProp,
   orientation = defaultOrientation,
+  showRuleLines = true,
   size = defaultSize,
   valueEditors: valueEditorsProp,
   ...rest
@@ -139,6 +140,7 @@ function QueryBuilder({
           icons,
           mapping,
           orientation,
+          showRuleLines,
           size,
           valueEditors
         }
@@ -169,15 +171,17 @@ function QueryBuilder({
       icons,
       mapping,
       orientation,
+      showRuleLines,
       size,
       valueEditors
     ]
   );
   const style = useMemo(
     () => inlineVars(queryBuilderStateVars, {
-      isDisabled: typeof disabled === "boolean" ? disabled : false
+      isDisabled: typeof disabled === "boolean" ? disabled : false,
+      showRuleLines
     }),
-    [disabled]
+    [disabled, showRuleLines]
   );
   return /* @__PURE__ */ jsx(Provider, { values: context, children: /* @__PURE__ */ jsx("div", { className: classNames?.queryBuilder?.container, style, children: /* @__PURE__ */ jsx(
     QueryBuilder$1,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/query-builder/query-builder.tsx"],"names":["RQBuilder"],"mappings":"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","file":"query-builder.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 { useMemo } from 'react';\nimport { Provider } from 'react-aria-components';\nimport { QueryBuilder as RQBuilder } from 'react-querybuilder';\nimport { useTheme } from '../../hooks';\nimport { bodies } from '../../styles';\nimport { inlineVars, mergeClassNames } from '../../utils';\nimport { ButtonContext, type ButtonProps } from '../button';\nimport { CheckboxContext, type CheckboxProps } from '../checkbox';\nimport { InputContext, type InputProps } from '../input';\nimport { RadioGroupContext, type RadioGroupProps } from '../radio';\nimport { SelectContext, type SelectProps } from '../select';\nimport { SwitchContext, type SwitchProps } from '../switch';\nimport { TextAreaContext, type TextAreaProps } from '../textarea';\nimport { ActionElement } from './action-element';\nimport {\n  QueryBuilderContext,\n  defaultOrientation,\n  defaultSize,\n} from './constants';\nimport {\n  RuleGroup,\n  RuleGroupBodyComponents,\n  RuleGroupFooterComponents,\n  RuleGroupHeaderComponents,\n} from './group';\nimport {\n  queryBuilderClassNames,\n  queryBuilderStateVars,\n} from './query-builder.css';\nimport { Rule } from './rule';\nimport type {\n  QueryBuilderContextValue,\n  QueryBuilderMapping,\n  QueryBuilderProps,\n} from './types';\nimport { ValueEditor, defaultValueEditors } from './value-editor';\nimport { ValueSelector } from './value-selector';\n\nconst defaultMapping: QueryBuilderMapping = {\n  button: {\n    sm: { size: 'sm', variant: 'solid' },\n    lg: { size: 'md', variant: 'solid' },\n  },\n  input: {\n    sm: { size: 'sm' },\n    lg: { size: 'lg' },\n  },\n  select: {\n    sm: { size: 'sm' },\n    lg: { size: 'lg' },\n  },\n  textarea: {\n    sm: { size: 'sm' },\n    lg: { size: 'lg' },\n  },\n  error: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n};\n\nexport function QueryBuilder({\n  classNames: classNamesProp,\n  consistentColumns = true,\n  controlElements: controlElementsProp,\n  disabled,\n  icons,\n  mapping: mappingProp,\n  orientation = defaultOrientation,\n  size = defaultSize,\n  valueEditors: valueEditorsProp,\n  ...rest\n}: QueryBuilderProps) {\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(\n        queryBuilderClassNames,\n        theme.QueryBuilder,\n        classNamesProp,\n        {\n          rule: { error: mapping?.error?.[size] },\n        },\n      ),\n    [mapping?.error, size, theme.QueryBuilder, classNamesProp],\n  );\n\n  const controlClassNames = useMemo(() => {\n    const {\n      addGroup,\n      addRule,\n      cloneGroup,\n      cloneRule,\n      dragHandle,\n      lockGroup,\n      lockRule,\n      removeGroup,\n      removeRule,\n      queryBuilder,\n      group,\n      rule,\n    } = classNames ?? {};\n\n    return {\n      addGroup,\n      addRule,\n      cloneGroup,\n      cloneRule,\n      dragHandle,\n      lockGroup,\n      lockRule,\n      removeGroup,\n      removeRule,\n      queryBuilder: queryBuilder?.queryBuilder,\n      ruleGroup: group?.group,\n      header: group?.header,\n      body: group?.body,\n      rule: rule?.rule,\n    };\n  }, [classNames]);\n\n  const controlElements = useMemo(\n    () => ({\n      actionElement: ActionElement,\n      rule: Rule,\n      ruleGroup: RuleGroup,\n      valueEditor: ValueEditor,\n      valueSelector: ValueSelector,\n      ...controlElementsProp,\n    }),\n    [controlElementsProp],\n  );\n\n  const valueEditors = useMemo(\n    () => ({\n      ...defaultValueEditors,\n      ...valueEditorsProp,\n    }),\n    [valueEditorsProp],\n  );\n\n  const context = useMemo<\n    [\n      [typeof QueryBuilderContext, QueryBuilderContextValue],\n      [typeof ButtonContext, ButtonProps],\n      [typeof CheckboxContext, CheckboxProps],\n      [typeof InputContext, InputProps],\n      [typeof RadioGroupContext, RadioGroupProps],\n      [typeof SelectContext, SelectProps<object>],\n      [typeof SwitchContext, SwitchProps],\n      [typeof TextAreaContext, TextAreaProps],\n    ]\n  >(\n    () => [\n      [\n        QueryBuilderContext,\n        {\n          classNames,\n          consistentColumns,\n          controlElements: {\n            ruleGroupBodyElements: RuleGroupBodyComponents,\n            ruleGroupFooterElements: RuleGroupFooterComponents,\n            ruleGroupHeaderElements: RuleGroupHeaderComponents,\n          },\n          icons,\n          mapping,\n          orientation,\n          size,\n          valueEditors,\n        },\n      ],\n      [\n        ButtonContext,\n        { ...mapping?.button?.[size], classNames: classNames?.button },\n      ],\n      [CheckboxContext, { classNames: classNames?.checkbox }],\n      [\n        InputContext,\n        { ...mapping?.input?.[size], classNames: classNames?.input },\n      ],\n      [RadioGroupContext, { classNames: classNames?.radio }],\n      [\n        SelectContext,\n        { ...mapping?.select?.[size], classNames: classNames?.select },\n      ],\n      [SwitchContext, { classNames: classNames?.switch }],\n      [\n        TextAreaContext,\n        { ...mapping?.textarea?.[size], classNames: classNames?.textarea },\n      ],\n    ],\n    [\n      classNames,\n      consistentColumns,\n      icons,\n      mapping,\n      orientation,\n      size,\n      valueEditors,\n    ],\n  );\n\n  const style = useMemo(\n    () =>\n      inlineVars(queryBuilderStateVars, {\n        isDisabled: typeof disabled === 'boolean' ? disabled : false,\n      }),\n    [disabled],\n  );\n\n  return (\n    <Provider values={context}>\n      <div className={classNames?.queryBuilder?.container} style={style}>\n        <RQBuilder\n          {...rest}\n          controlElements={controlElements}\n          controlClassnames={controlClassNames}\n          disabled={disabled}\n          listsAsArrays\n        />\n      </div>\n    </Provider>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/query-builder/query-builder.tsx"],"names":["RQBuilder"],"mappings":"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","file":"query-builder.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 { useMemo } from 'react';\nimport { Provider } from 'react-aria-components';\nimport { QueryBuilder as RQBuilder } from 'react-querybuilder';\nimport { useTheme } from '../../hooks';\nimport { bodies } from '../../styles';\nimport { inlineVars, mergeClassNames } from '../../utils';\nimport { ButtonContext, type ButtonProps } from '../button';\nimport { CheckboxContext, type CheckboxProps } from '../checkbox';\nimport { InputContext, type InputProps } from '../input';\nimport { RadioGroupContext, type RadioGroupProps } from '../radio';\nimport { SelectContext, type SelectProps } from '../select';\nimport { SwitchContext, type SwitchProps } from '../switch';\nimport { TextAreaContext, type TextAreaProps } from '../textarea';\nimport { ActionElement } from './action-element';\nimport {\n  QueryBuilderContext,\n  defaultOrientation,\n  defaultSize,\n} from './constants';\nimport {\n  RuleGroup,\n  RuleGroupBodyComponents,\n  RuleGroupFooterComponents,\n  RuleGroupHeaderComponents,\n} from './group';\nimport {\n  queryBuilderClassNames,\n  queryBuilderStateVars,\n} from './query-builder.css';\nimport { Rule } from './rule';\nimport type {\n  QueryBuilderContextValue,\n  QueryBuilderMapping,\n  QueryBuilderProps,\n} from './types';\nimport { ValueEditor, defaultValueEditors } from './value-editor';\nimport { ValueSelector } from './value-selector';\n\nconst defaultMapping: QueryBuilderMapping = {\n  button: {\n    sm: { size: 'sm', variant: 'solid' },\n    lg: { size: 'md', variant: 'solid' },\n  },\n  input: {\n    sm: { size: 'sm' },\n    lg: { size: 'lg' },\n  },\n  select: {\n    sm: { size: 'sm' },\n    lg: { size: 'lg' },\n  },\n  textarea: {\n    sm: { size: 'sm' },\n    lg: { size: 'lg' },\n  },\n  error: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n};\n\nexport function QueryBuilder({\n  classNames: classNamesProp,\n  consistentColumns = true,\n  controlElements: controlElementsProp,\n  disabled,\n  icons,\n  mapping: mappingProp,\n  orientation = defaultOrientation,\n  showRuleLines = true,\n  size = defaultSize,\n  valueEditors: valueEditorsProp,\n  ...rest\n}: QueryBuilderProps) {\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(\n        queryBuilderClassNames,\n        theme.QueryBuilder,\n        classNamesProp,\n        {\n          rule: { error: mapping?.error?.[size] },\n        },\n      ),\n    [mapping?.error, size, theme.QueryBuilder, classNamesProp],\n  );\n\n  const controlClassNames = useMemo(() => {\n    const {\n      addGroup,\n      addRule,\n      cloneGroup,\n      cloneRule,\n      dragHandle,\n      lockGroup,\n      lockRule,\n      removeGroup,\n      removeRule,\n      queryBuilder,\n      group,\n      rule,\n    } = classNames ?? {};\n\n    return {\n      addGroup,\n      addRule,\n      cloneGroup,\n      cloneRule,\n      dragHandle,\n      lockGroup,\n      lockRule,\n      removeGroup,\n      removeRule,\n      queryBuilder: queryBuilder?.queryBuilder,\n      ruleGroup: group?.group,\n      header: group?.header,\n      body: group?.body,\n      rule: rule?.rule,\n    };\n  }, [classNames]);\n\n  const controlElements = useMemo(\n    () => ({\n      actionElement: ActionElement,\n      rule: Rule,\n      ruleGroup: RuleGroup,\n      valueEditor: ValueEditor,\n      valueSelector: ValueSelector,\n      ...controlElementsProp,\n    }),\n    [controlElementsProp],\n  );\n\n  const valueEditors = useMemo(\n    () => ({\n      ...defaultValueEditors,\n      ...valueEditorsProp,\n    }),\n    [valueEditorsProp],\n  );\n\n  const context = useMemo<\n    [\n      [typeof QueryBuilderContext, QueryBuilderContextValue],\n      [typeof ButtonContext, ButtonProps],\n      [typeof CheckboxContext, CheckboxProps],\n      [typeof InputContext, InputProps],\n      [typeof RadioGroupContext, RadioGroupProps],\n      [typeof SelectContext, SelectProps<object>],\n      [typeof SwitchContext, SwitchProps],\n      [typeof TextAreaContext, TextAreaProps],\n    ]\n  >(\n    () => [\n      [\n        QueryBuilderContext,\n        {\n          classNames,\n          consistentColumns,\n          controlElements: {\n            ruleGroupBodyElements: RuleGroupBodyComponents,\n            ruleGroupFooterElements: RuleGroupFooterComponents,\n            ruleGroupHeaderElements: RuleGroupHeaderComponents,\n          },\n          icons,\n          mapping,\n          orientation,\n          showRuleLines,\n          size,\n          valueEditors,\n        },\n      ],\n      [\n        ButtonContext,\n        { ...mapping?.button?.[size], classNames: classNames?.button },\n      ],\n      [CheckboxContext, { classNames: classNames?.checkbox }],\n      [\n        InputContext,\n        { ...mapping?.input?.[size], classNames: classNames?.input },\n      ],\n      [RadioGroupContext, { classNames: classNames?.radio }],\n      [\n        SelectContext,\n        { ...mapping?.select?.[size], classNames: classNames?.select },\n      ],\n      [SwitchContext, { classNames: classNames?.switch }],\n      [\n        TextAreaContext,\n        { ...mapping?.textarea?.[size], classNames: classNames?.textarea },\n      ],\n    ],\n    [\n      classNames,\n      consistentColumns,\n      icons,\n      mapping,\n      orientation,\n      showRuleLines,\n      size,\n      valueEditors,\n    ],\n  );\n\n  const style = useMemo(\n    () =>\n      inlineVars(queryBuilderStateVars, {\n        isDisabled: typeof disabled === 'boolean' ? disabled : false,\n        showRuleLines,\n      }),\n    [disabled, showRuleLines],\n  );\n\n  return (\n    <Provider values={context}>\n      <div className={classNames?.queryBuilder?.container} style={style}>\n        <RQBuilder\n          {...rest}\n          controlElements={controlElements}\n          controlClassnames={controlClassNames}\n          disabled={disabled}\n          listsAsArrays\n        />\n      </div>\n    </Provider>\n  );\n}\n"]}

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

@@ -90,6 +90,7 @@ type BaseQueryBuilderProps = {
     };
     mapping?: QueryBuilderMapping;
     orientation?: Orientation;
+    showRuleLines?: boolean;
     size?: QueryBuilderSizes;
     valueEditors?: QueryBuilderValueEditors;
 };

package/dist/components/text-field/text-field.js

@@ -18,6 +18,7 @@ var defaultMapping = {
     lg: bodies.xs
   }
 };
+var defaultSize = "lg";
 var TextFieldContext = createContext(null);
 var TextField = forwardRef(function TextField2(props, ref) {
   [props, ref] = useContextProps(props, ref, TextFieldContext);
@@ -26,7 +27,7 @@ var TextField = forwardRef(function TextField2(props, ref) {
     children: childrenProp,
     classNames: classNamesProp,
     mapping: mappingProp,
-    size = "lg",
+    size = defaultSize,
     ...rest
   } = props;
   const theme = useTheme();

package/dist/components/text-field/text-field.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/text-field/text-field.tsx"],"names":["TextField","RACTextField"],"mappings":"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","file":"text-field.js","sourcesContent":["import {\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  type ContextValue,\n  type FieldErrorProps,\n  LabelContext,\n  type LabelProps,\n  Provider,\n  TextField as RACTextField,\n  type TextFieldRenderProps,\n  type TextProps,\n} from 'react-aria-components';\nimport {\n  AriaFieldErrorContext,\n  type AriaLabelContext,\n  AriaTextContext,\n  InputContext,\n  type InputProps,\n} from '../../components';\nimport { useContextProps, useDefaultProps, useTheme } from '../../hooks';\nimport { bodies } from '../../styles';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport { textFieldClassNames, textFieldStateVars } from './text-field.css';\nimport type { TextFieldMapping, TextFieldProps } from './types';\n\nconst defaultMapping: TextFieldMapping = {\n  description: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n  error: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n};\n\nexport const TextFieldContext =\n  createContext<ContextValue<TextFieldProps, HTMLDivElement>>(null);\n\nexport const TextField = forwardRef(function TextField(\n  props: TextFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n\n  props = useDefaultProps(props, 'TextField');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    mapping: mappingProp,\n    size = 'lg',\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(textFieldClassNames, theme.TextField, classNamesProp, {\n        description: mapping.description[size],\n        error: mapping.error[size],\n      }),\n    [theme.TextField, classNamesProp, mapping, size],\n  );\n\n  const style = useCallback(\n    (renderProps: TextFieldRenderProps) =>\n      inlineVars(textFieldStateVars, {\n        ...renderProps,\n        size,\n      }),\n    [size],\n  );\n  const values = useMemo<\n    [\n      [typeof InputContext, ContextValue<InputProps, HTMLInputElement>],\n      [typeof AriaLabelContext, ContextValue<LabelProps, HTMLLabelElement>],\n      [typeof AriaTextContext, ContextValue<TextProps, HTMLElement>],\n      [\n        typeof AriaFieldErrorContext,\n        ContextValue<FieldErrorProps, HTMLElement>,\n      ],\n    ]\n  >(\n    () => [\n      [InputContext, { classNames: classNames?.input, size }],\n      [LabelContext, { className: classNames?.label }],\n      [\n        AriaTextContext,\n        {\n          slots: {\n            description: { className: classNames?.description },\n          },\n        },\n      ],\n      [AriaFieldErrorContext, { className: classNames?.error }],\n    ],\n    [classNames, size],\n  );\n\n  const children = useCallback(\n    (renderProps: TextFieldRenderProps) => (\n      <Provider values={values}>\n        <div className={classNames?.textField}>\n          {callRenderProps(childrenProp, {\n            ...renderProps,\n            defaultChildren: null,\n          })}\n        </div>\n      </Provider>\n    ),\n    [childrenProp, classNames?.textField, values],\n  );\n  return (\n    <RACTextField\n      {...rest}\n      ref={ref}\n      className={classNames?.container}\n      style={style}\n    >\n      {children}\n    </RACTextField>\n  );\n});\n"]}
+{"version":3,"sources":["../../../src/components/text-field/text-field.tsx"],"names":["TextField","RACTextField"],"mappings":"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","file":"text-field.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 {\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  type ContextValue,\n  type FieldErrorProps,\n  LabelContext,\n  type LabelProps,\n  Provider,\n  TextField as RACTextField,\n  type TextFieldRenderProps,\n  type TextProps,\n} from 'react-aria-components';\nimport {\n  AriaFieldErrorContext,\n  type AriaLabelContext,\n  AriaTextContext,\n  InputContext,\n  type InputProps,\n} from '../../components';\nimport { useContextProps, useDefaultProps, useTheme } from '../../hooks';\nimport { bodies } from '../../styles';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport { textFieldClassNames, textFieldStateVars } from './text-field.css';\nimport type { TextFieldMapping, TextFieldProps } from './types';\n\nconst defaultMapping: TextFieldMapping = {\n  description: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n  error: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n};\n\nconst defaultSize = 'lg';\n\nexport const TextFieldContext =\n  createContext<ContextValue<TextFieldProps, HTMLDivElement>>(null);\n\nexport const TextField = forwardRef(function TextField(\n  props: TextFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n\n  props = useDefaultProps(props, 'TextField');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    mapping: mappingProp,\n    size = defaultSize,\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(textFieldClassNames, theme.TextField, classNamesProp, {\n        description: mapping.description[size],\n        error: mapping.error[size],\n      }),\n    [theme.TextField, classNamesProp, mapping, size],\n  );\n\n  const style = useCallback(\n    (renderProps: TextFieldRenderProps) =>\n      inlineVars(textFieldStateVars, {\n        ...renderProps,\n        size,\n      }),\n    [size],\n  );\n  const values = useMemo<\n    [\n      [typeof InputContext, ContextValue<InputProps, HTMLInputElement>],\n      [typeof AriaLabelContext, ContextValue<LabelProps, HTMLLabelElement>],\n      [typeof AriaTextContext, ContextValue<TextProps, HTMLElement>],\n      [\n        typeof AriaFieldErrorContext,\n        ContextValue<FieldErrorProps, HTMLElement>,\n      ],\n    ]\n  >(\n    () => [\n      [InputContext, { classNames: classNames?.input, size }],\n      [LabelContext, { className: classNames?.label }],\n      [\n        AriaTextContext,\n        {\n          slots: {\n            description: { className: classNames?.description },\n          },\n        },\n      ],\n      [AriaFieldErrorContext, { className: classNames?.error }],\n    ],\n    [classNames, size],\n  );\n\n  const children = useCallback(\n    (renderProps: TextFieldRenderProps) => (\n      <Provider values={values}>\n        <div className={classNames?.textField}>\n          {callRenderProps(childrenProp, {\n            ...renderProps,\n            defaultChildren: null,\n          })}\n        </div>\n      </Provider>\n    ),\n    [childrenProp, classNames?.textField, values],\n  );\n  return (\n    <RACTextField\n      {...rest}\n      ref={ref}\n      className={classNames?.container}\n      style={style}\n    >\n      {children}\n    </RACTextField>\n  );\n});\n"]}

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

@@ -0,0 +1,13 @@
+export { TimeField, TimeFieldContext } from './time-field.js';
+export { TimeFieldClassNames, TimeFieldMapping, TimeFieldProps, TimeFieldRenderProps, TimeFieldSizes, TimeFieldState } from './types.js';
+export { timeFieldClassNames, timeFieldColorVars, timeFieldContainer, timeFieldSpaceVars, timeFieldStateVars } from './time-field.css.js';
+import 'react-aria-components';
+import 'react';
+import '@react-aria/datepicker';
+import 'type-fest';
+import '../../types/generic.js';
+import '../../types/props.js';
+import '../date-input/types.js';
+import '@react-stately/datepicker';
+import '../../types/react-aria.js';
+import '../icon/types.js';

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

@@ -0,0 +1,5 @@
+import '../../chunk-PZ5AY32C.js';
+export { TimeField, TimeFieldContext } from './time-field.js';
+export { timeFieldClassNames, timeFieldColorVars, timeFieldContainer, timeFieldSpaceVars, timeFieldStateVars } from './time-field.css.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/components/time-field/time-field.css.d.ts

@@ -0,0 +1,44 @@
+import { TimeFieldClassNames } from './types.js';
+import 'react-aria-components';
+import 'type-fest';
+import '../../types/generic.js';
+import '../../types/props.js';
+import '../date-input/types.js';
+import '@react-stately/datepicker';
+import 'react';
+import '../../types/react-aria.js';
+import '../icon/types.js';
+
+declare const timeFieldContainer: string;
+declare const timeFieldSpaceVars: {
+    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const timeFieldColorVars: {
+    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    description: {
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    error: {
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    label: {
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
+declare const timeFieldStateVars: {
+    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const timeFieldClassNames: TimeFieldClassNames;
+
+export { timeFieldClassNames, timeFieldColorVars, timeFieldContainer, timeFieldSpaceVars, timeFieldStateVars };

package/dist/components/time-field/time-field.css.js

@@ -0,0 +1,12 @@
+import '../../chunk-PZ5AY32C.js';
+
+// src/components/time-field/time-field.css.ts
+var timeFieldClassNames = { container: "time-field_timeFieldClassNames_container__hlv6r3i", timeField: "time-field_timeFieldClassNames_timeField__hlv6r3j", label: "time-field_timeFieldClassNames_label__hlv6r3k typography_label__j8fgabg", description: "time-field_timeFieldClassNames_description__hlv6r3l", error: "time-field_timeFieldClassNames_error__hlv6r3m" };
+var timeFieldColorVars = { border: "var(--border__hlv6r37)", description: { color: "var(--description-color__hlv6r38)" }, error: { color: "var(--error-color__hlv6r39)" }, label: { color: "var(--label-color__hlv6r3a)" } };
+var timeFieldContainer = "time-field_timeFieldContainer__hlv6r30";
+var timeFieldSpaceVars = { x: "var(--x__hlv6r31)", y: "var(--y__hlv6r32)", gap: "var(--gap__hlv6r33)", minWidth: "var(--minWidth__hlv6r34)", width: "var(--width__hlv6r35)", maxWidth: "var(--maxWidth__hlv6r36)" };
+var timeFieldStateVars = { size: "var(--size__hlv6r3b)", isDisabled: "var(--isDisabled__hlv6r3c)", isFocused: "var(--isFocused__hlv6r3d)", isHovered: "var(--isHovered__hlv6r3e)", isInvalid: "var(--isInvalid__hlv6r3f)", isReadOnly: "var(--isReadOnly__hlv6r3g)", isRequired: "var(--isRequired__hlv6r3h)" };
+
+export { timeFieldClassNames, timeFieldColorVars, timeFieldContainer, timeFieldSpaceVars, timeFieldStateVars };
+//# sourceMappingURL=time-field.css.js.map
+//# sourceMappingURL=time-field.css.js.map

package/dist/components/time-field/time-field.css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/time-field/time-field.css.ts"],"names":[],"mappings":";;;AAAW,IAAA,mBAAA,GAAsB,EAAC,SAAA,EAAU,mDAAoD,EAAA,SAAA,EAAU,mDAAoD,EAAA,KAAA,EAAM,yEAA0E,EAAA,WAAA,EAAY,qDAAsD,EAAA,KAAA,EAAM,+CAA+C;AAC9V,IAAI,qBAAqB,EAAC,MAAA,EAAO,0BAAyB,WAAY,EAAA,EAAC,OAAM,mCAAmC,EAAA,EAAE,KAAM,EAAA,EAAC,OAAM,6BAA6B,EAAA,EAAE,OAAM,EAAC,KAAA,EAAM,+BAA8B;AACzM,IAAI,kBAAqB,GAAA;AACzB,IAAI,kBAAqB,GAAA,EAAC,CAAE,EAAA,mBAAA,EAAoB,CAAE,EAAA,mBAAA,EAAoB,GAAI,EAAA,qBAAA,EAAsB,QAAS,EAAA,0BAAA,EAA2B,KAAM,EAAA,uBAAA,EAAwB,UAAS,0BAA0B;AACrM,IAAI,kBAAqB,GAAA,EAAC,IAAK,EAAA,sBAAA,EAAuB,YAAW,4BAA6B,EAAA,SAAA,EAAU,2BAA4B,EAAA,SAAA,EAAU,6BAA4B,SAAU,EAAA,2BAAA,EAA4B,UAAW,EAAA,4BAAA,EAA6B,YAAW,4BAA4B","file":"time-field.css.js","sourcesContent":["export var timeFieldClassNames = {container:'time-field_timeFieldClassNames_container__hlv6r3i',timeField:'time-field_timeFieldClassNames_timeField__hlv6r3j',label:'time-field_timeFieldClassNames_label__hlv6r3k typography_label__j8fgabg',description:'time-field_timeFieldClassNames_description__hlv6r3l',error:'time-field_timeFieldClassNames_error__hlv6r3m'};\nexport var timeFieldColorVars = {border:'var(--border__hlv6r37)',description:{color:'var(--description-color__hlv6r38)'},error:{color:'var(--error-color__hlv6r39)'},label:{color:'var(--label-color__hlv6r3a)'}};\nexport var timeFieldContainer = 'time-field_timeFieldContainer__hlv6r30';\nexport var timeFieldSpaceVars = {x:'var(--x__hlv6r31)',y:'var(--y__hlv6r32)',gap:'var(--gap__hlv6r33)',minWidth:'var(--minWidth__hlv6r34)',width:'var(--width__hlv6r35)',maxWidth:'var(--maxWidth__hlv6r36)'};\nexport var timeFieldStateVars = {size:'var(--size__hlv6r3b)',isDisabled:'var(--isDisabled__hlv6r3c)',isFocused:'var(--isFocused__hlv6r3d)',isHovered:'var(--isHovered__hlv6r3e)',isInvalid:'var(--isInvalid__hlv6r3f)',isReadOnly:'var(--isReadOnly__hlv6r3g)',isRequired:'var(--isRequired__hlv6r3h)'};"]}

package/dist/components/time-field/time-field.d.ts

@@ -0,0 +1,21 @@
+import { TimeFieldClassNames, TimeFieldMapping, TimeFieldSizes, TimeFieldProps } from './types.js';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue } from 'react-aria-components';
+import * as react from 'react';
+import { TimeValue } from '@react-aria/datepicker';
+import 'type-fest';
+import '../../types/generic.js';
+import '../../types/props.js';
+import '../date-input/types.js';
+import '@react-stately/datepicker';
+import '../../types/react-aria.js';
+import '../icon/types.js';
+
+declare const TimeFieldContext: react.Context<ContextValue<TimeFieldProps<TimeValue>, HTMLDivElement>>;
+declare const TimeField: <T extends TimeValue>(props: Omit<react_aria_components.TimeFieldProps<T>, "className" | "style"> & {
+    classNames?: TimeFieldClassNames;
+    mapping?: Partial<TimeFieldMapping>;
+    size?: TimeFieldSizes;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { TimeField, TimeFieldContext };

package/dist/components/time-field/time-field.js

@@ -0,0 +1,106 @@
+import '../../chunk-PZ5AY32C.js';
+import { createContext, forwardRef, useMemo, useCallback } from 'react';
+import { LabelContext, Provider, TimeField as TimeField$1 } from 'react-aria-components';
+import { mergeClassNames, inlineVars, callRenderProps } from '../../utils/index.js';
+import { AriaTextContext, AriaFieldErrorContext } from '../aria/index.js';
+import { useContextProps, useDefaultProps, useTheme } from '../../hooks/index.js';
+import { bodies } from '../../styles/index.js';
+import { DateInputContext } from '../date-input/index.js';
+import { IconContext } from '../icon/index.js';
+import { timeFieldClassNames, timeFieldStateVars } from './time-field.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var defaultMapping = {
+  description: {
+    sm: bodies.xs,
+    lg: bodies.xs
+  },
+  error: {
+    sm: bodies.xs,
+    lg: bodies.xs
+  },
+  icon: {
+    sm: { size: "xs" },
+    lg: { size: "md" }
+  }
+};
+var defaultSize = "lg";
+var TimeFieldContext = createContext(null);
+var TimeField = forwardRef(function TimeField2(props, ref) {
+  [props, ref] = useContextProps(props, ref, TimeFieldContext);
+  props = useDefaultProps(
+    props,
+    "TimeField"
+  );
+  const {
+    children: childrenProp,
+    classNames: classNamesProp,
+    mapping: mappingProp,
+    size = defaultSize,
+    value,
+    ...rest
+  } = props;
+  const theme = useTheme();
+  const mapping = useMemo(
+    () => ({
+      ...defaultMapping,
+      ...mappingProp
+    }),
+    [mappingProp]
+  );
+  const classNames = useMemo(
+    () => mergeClassNames(timeFieldClassNames, theme.TimeField, classNamesProp, {
+      description: mapping.description[size],
+      error: mapping.error[size]
+    }),
+    [theme.TimeField, classNamesProp, mapping, size]
+  );
+  const style = useCallback(
+    (renderProps) => inlineVars(timeFieldStateVars, {
+      ...renderProps,
+      size
+    }),
+    [size]
+  );
+  const values = useMemo(
+    () => [
+      [DateInputContext, { classNames: classNames?.input, size }],
+      [LabelContext, { className: classNames?.label }],
+      [
+        AriaTextContext,
+        {
+          slots: {
+            description: { className: classNames?.description }
+          }
+        }
+      ],
+      [AriaFieldErrorContext, { className: classNames?.error }],
+      [IconContext, { ...mapping.icon[size], classNames: classNames?.icon }]
+    ],
+    [classNames, size, mapping]
+  );
+  const children = useCallback(
+    (renderProps) => {
+      return /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsx("div", { className: classNames?.timeField, children: callRenderProps(childrenProp, {
+        ...renderProps,
+        defaultChildren: null
+      }) }) });
+    },
+    [childrenProp, values, classNames]
+  );
+  return /* @__PURE__ */ jsx(
+    TimeField$1,
+    {
+      ...rest,
+      ref,
+      className: classNames?.container,
+      style,
+      value,
+      children
+    }
+  );
+});
+
+export { TimeField, TimeFieldContext };
+//# sourceMappingURL=time-field.js.map
+//# sourceMappingURL=time-field.js.map