@ultraviolet/ui 3.18.2 → 3.19.0

package/dist/components/Radio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAQ5C,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,UAAU,GACV,WAAW,GACX,WAAW,GACX,IAAI,GACJ,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,GACP,kBAAkB,CACrB,GACD,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,KAAK,yGA2FjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAQ5C,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,UAAU,GACV,WAAW,GACX,WAAW,GACX,IAAI,GACJ,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,GACP,kBAAkB,CACrB,GACD,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,KAAK,yGA4FjB,CAAA"}

package/dist/components/Radio/index.js

@@ -67,6 +67,7 @@ var init_Radio = __esmMin(() => {
 							className: cn(radioStyle.textLabel[size], radioStyle.label),
 							htmlFor: localId,
 							prominence: "default",
+							sentiment: "neutral",
 							variant: size === "small" ? "bodySmall" : "body",
 							children: label
 						}) : /* @__PURE__ */ jsx("label", {

package/dist/components/SelectInput/components/SelectBar/selectBar.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectBar.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectBar/selectBar.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,oBAItB,CAAA;AACF,eAAO,MAAM,WAAW,oBAItB,CAAA;AAEF,eAAO,MAAM,cAAc,mCASzB,CAAA;AAEF,eAAO,MAAM,WAAW,QAGtB,CAAA;AA+BF,eAAO,MAAM,aAAa,QAuCxB,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;gBAoCZ,SAAS;oBACP,WAAW;;;;;;QAMjB,IAAI;YACF,WAAW;;;;;;;;;gBAUT,SAAS;oBACP,WAAW;;;;;;QAMjB,KAAK;YACH,MAAM;YACN,aAAa;;QAEf,MAAM;YACJ,MAAM;YACN,aAAa;;QAEf,KAAK;YACH,MAAM;YACN,OAAO;YACP,aAAa;;;;QAIf,MAAM;;gBA1IN,+BAA+B;oBAC7B,MAAM;;gBAER,kEAAkE;oBAChE,WAAW;oBACX,SAAS,EAEJ,MAAM;;gBAEb,yEAAyE;oBACvE,OAAO;;gBAET,iEAAiE;oBAC/D,WAAW;oBACX,OAAO;;;;QA6HT,OAAO;;;;;;;;;;;;;;;;;;QACP,OAAO;;;;;;;;;;;;;;;;;;;EAGX,CAAA;AASF,eAAO,MAAM,aAAa,sCAGxB,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AAEF,eAAO,MAAM,OAAO,QAAsC,CAAA;AAE1D,eAAO,MAAM,gBAAgB,QAI3B,CAAA"}
+{"version":3,"file":"selectBar.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectBar/selectBar.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,oBAItB,CAAA;AACF,eAAO,MAAM,WAAW,oBAItB,CAAA;AAEF,eAAO,MAAM,cAAc,mCASzB,CAAA;AAEF,eAAO,MAAM,WAAW,QAGtB,CAAA;AA+BF,eAAO,MAAM,aAAa,QAuCxB,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;gBAoCZ,SAAS;oBACP,WAAW;;;;;;QAMjB,IAAI;YACF,WAAW;;;;;;;;;gBAUT,SAAS;oBACP,WAAW;;;;;;QAMjB,KAAK;YACH,MAAM;YACN,aAAa;;QAEf,MAAM;YACJ,MAAM;YACN,aAAa;;QAEf,KAAK;YACH,MAAM;YACN,OAAO;YACP,aAAa;;;;QAIf,MAAM;;gBA1IN,+BAA+B;oBAC7B,MAAM;;gBAER,kEAAkE;oBAChE,WAAW;oBACX,SAAS,EAEJ,MAAM;;gBAEb,yEAAyE;oBACvE,OAAO;;gBAET,iEAAiE;oBAC/D,WAAW;oBACX,OAAO;;;;QA6HT,OAAO;;;;;;;;;;;;;;;;;;QACP,OAAO;;;;;;;;;;;;;;;;;;;EAGX,CAAA;AAQF,eAAO,MAAM,aAAa,sCAGxB,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AAEF,eAAO,MAAM,OAAO,QAAsC,CAAA;AAE1D,eAAO,MAAM,gBAAgB,QAI3B,CAAA"}

package/dist/composition.js

@@ -112,6 +112,10 @@ import { init_styles_css as init_styles_css$12, plansStyle } from "./composition
 import { Plans, init_Plans } from "./compositions/Plans/index.js";
 import { init_styles_css as init_styles_css$13, steppedListCardStyle } from "./compositions/SteppedListCard/styles.css.js";
 import { SteppedListCard, init_SteppedListCard } from "./compositions/SteppedListCard/index.js";
+import { FiltersProvider, init_FiltersProvider, useFiltersContext } from "./compositions/Filters/parts/FiltersProvider.js";
+import { FiltersDrawer, init_FiltersDrawer } from "./compositions/Filters/parts/FiltersDrawer.js";
+import { FiltersMainRow, init_FiltersMainRow } from "./compositions/Filters/parts/FiltersMainRow.js";
+import { Filters, init_Filters } from "./compositions/Filters/Filters.js";
 import { init_compositions } from "./compositions/index.js";
 import { init_styles } from "./compositions/styles.js";
 
@@ -124,4 +128,4 @@ var init_composition = __esmMin(() => {
 
 //#endregion
 init_composition();
-export { ActionBar, Alert, Avatar, Badge, Banner, BarChart, BarStack, Breadcrumbs, Bullet, Button, Card, Carousel, Checkbox, CheckboxGroup, CheckboxGroupCheckbox, Chip, CodeEditor, ContentCard, ContentCardGroup, Conversation, CopyButton, CustomerSatisfaction, DateInput, Dialog, Drawer, EmptyState, EstimateCost, Expandable, ExpandableCard, FAQ, FileInput, GlobalAlert, InfiniteScroll, InfoTable, Key, Label, LineChart, Link, List, Loader, Menu, Meter, Modal, Navigation, NavigationProvider, Notice, NotificationContainer, NumberInput, OfferList, OptionSelector, OrderSummary, Pagination, PasswordCheck, PhoneInput, PieChart, Plans, Popover, Popup, ProgressBar, Radio, RadioGroup, RichTextInput, Row, SearchInput, SelectInput, SelectableCard, SelectableCardGroup, SelectableCardOptionGroup, Separator, Skeleton, Slider, Snippet, Stack, Status, StepList, SteppedListCard, Stepper, SwitchButton, Table, Tabs, Tag, TagInput, TagList, Text, TextArea, TextInput, TimeInput, Toast, ToastContainer, Toggle, ToggleGroup, Tooltip, TreeMapChart, UnitInput, VerificationCode, codeEditorStyle, contentCardGroupStyle, contentCardStyle, conversationStyle, customerSatisfactionStyle, en_default as estimateCostDefaultLocales, estimateCostStyle, faqStyle, infoTableStyle, navigationStyle, notification, offerListStyle, optionSelectorStyle, orderSummaryStyle, plansStyle, steppedListCardStyle, toast, useNavigation };
+export { ActionBar, Alert, Avatar, Badge, Banner, BarChart, BarStack, Breadcrumbs, Bullet, Button, Card, Carousel, Checkbox, CheckboxGroup, CheckboxGroupCheckbox, Chip, CodeEditor, ContentCard, ContentCardGroup, Conversation, CopyButton, CustomerSatisfaction, DateInput, Dialog, Drawer, EmptyState, EstimateCost, Expandable, ExpandableCard, FAQ, FileInput, Filters, FiltersDrawer, FiltersMainRow, FiltersProvider, GlobalAlert, InfiniteScroll, InfoTable, Key, Label, LineChart, Link, List, Loader, Menu, Meter, Modal, Navigation, NavigationProvider, Notice, NotificationContainer, NumberInput, OfferList, OptionSelector, OrderSummary, Pagination, PasswordCheck, PhoneInput, PieChart, Plans, Popover, Popup, ProgressBar, Radio, RadioGroup, RichTextInput, Row, SearchInput, SelectInput, SelectableCard, SelectableCardGroup, SelectableCardOptionGroup, Separator, Skeleton, Slider, Snippet, Stack, Status, StepList, SteppedListCard, Stepper, SwitchButton, Table, Tabs, Tag, TagInput, TagList, Text, TextArea, TextInput, TimeInput, Toast, ToastContainer, Toggle, ToggleGroup, Tooltip, TreeMapChart, UnitInput, VerificationCode, codeEditorStyle, contentCardGroupStyle, contentCardStyle, conversationStyle, customerSatisfactionStyle, en_default as estimateCostDefaultLocales, estimateCostStyle, faqStyle, infoTableStyle, navigationStyle, notification, offerListStyle, optionSelectorStyle, orderSummaryStyle, plansStyle, steppedListCardStyle, toast, useFiltersContext, useNavigation };

package/dist/compositions/Filters/Filters.d.ts

@@ -0,0 +1,9 @@
+import type { DrawerProps } from './parts/FiltersDrawer';
+import type { MainRowProps } from './parts/FiltersMainRow';
+import type { FiltersProviderProps } from './parts/FiltersProvider';
+import type { AnyObject } from './types';
+export type FiltersProps<V extends AnyObject = AnyObject> = MainRowProps<V> & {
+    labels: Partial<DrawerProps<V>['labels']>;
+} & FiltersProviderProps<V>;
+export declare const Filters: <V extends AnyObject>({ config, defaultValues, initialValues, onChange, onSubmit, onDrawerOpen, layout, components, labels, className, }: FiltersProps<V>) => import("react").JSX.Element;
+//# sourceMappingURL=Filters.d.ts.map

package/dist/compositions/Filters/Filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../../src/compositions/Filters/Filters.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG;IAC5E,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;CAC1C,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAA;AAK3B,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,SAAS,sHAWxC,YAAY,CAAC,CAAC,CAAC,gCAWjB,CAAA"}

package/dist/compositions/Filters/Filters.js

@@ -0,0 +1,36 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { FiltersProvider, init_FiltersProvider } from "./parts/FiltersProvider.js";
+import { FiltersDrawer, init_FiltersDrawer } from "./parts/FiltersDrawer.js";
+import { FiltersMainRow, init_FiltersMainRow } from "./parts/FiltersMainRow.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/Filters/Filters.tsx
+var hasFullDrawerLabels, Filters;
+var init_Filters = __esmMin(() => {
+	init_FiltersDrawer();
+	init_FiltersMainRow();
+	init_FiltersProvider();
+	hasFullDrawerLabels = (labels) => !!labels.clear && !!labels.submit && !!labels.drawerHeader;
+	Filters = ({ config, defaultValues, initialValues, onChange, onSubmit, onDrawerOpen, layout, components, labels, className }) => /* @__PURE__ */ jsxs(FiltersProvider, {
+		defaultValues,
+		initialValues,
+		onChange,
+		onSubmit,
+		onDrawerOpen,
+		children: [/* @__PURE__ */ jsx(FiltersMainRow, {
+			config,
+			components,
+			labels,
+			layout,
+			className
+		}), hasFullDrawerLabels(labels) ? /* @__PURE__ */ jsx(FiltersDrawer, {
+			config,
+			components,
+			labels
+		}) : null]
+	});
+});
+
+//#endregion
+init_Filters();
+export { Filters, init_Filters };

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/Dropdown.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentProps } from 'react';
+import { DateInput } from '../../../../components/DateInput';
+import type { FilterConfigItemDatetimeRange } from '../../types';
+import type { DatetimeRangeInputValue, DatetimeRangeLocales } from './type';
+type Props = {
+    onApply: (newValue: DatetimeRangeInputValue) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    value: DatetimeRangeInputValue;
+    dateInputLocale: ComponentProps<typeof DateInput>['locale'];
+    relativePresets: FilterConfigItemDatetimeRange['relativePresets'];
+    localeTexts: DatetimeRangeLocales;
+};
+export declare const Dropdown: ({ onApply, minDate, maxDate, value, dateInputLocale, relativePresets, localeTexts, }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/compositions/Filters/filterTypes/FilterDatetimeRange/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAA;AAM5D,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAA;AAChE,OAAO,KAAK,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAA;AAE3E,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,CAAC,QAAQ,EAAE,uBAAuB,KAAK,IAAI,CAAA;IACpD,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,KAAK,EAAE,uBAAuB,CAAA;IAC9B,eAAe,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC3D,eAAe,EAAE,6BAA6B,CAAC,iBAAiB,CAAC,CAAA;IACjE,WAAW,EAAE,oBAAoB,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,QAAQ,yFAQlB,KAAK,gCA4GP,CAAA"}

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/Dropdown.js

@@ -0,0 +1,137 @@
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../../components/Stack/index.js";
+import { Button, init_Button } from "../../../../components/Button/index.js";
+import { Row, init_Row } from "../../../../components/Row/index.js";
+import { DateInput, init_DateInput } from "../../../../components/DateInput/index.js";
+import { RadioGroup, init_RadioGroup } from "../../../../components/RadioGroup/index.js";
+import { SwitchButton, init_SwitchButton } from "../../../../components/SwitchButton/index.js";
+import { TimeInput, init_TimeInput } from "../../../../components/TimeInput/index.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/Filters/filterTypes/FilterDatetimeRange/Dropdown.tsx
+var Dropdown;
+var init_Dropdown = __esmMin(() => {
+	init_Button();
+	init_DateInput();
+	init_RadioGroup();
+	init_Row();
+	init_Stack();
+	init_SwitchButton();
+	init_TimeInput();
+	Dropdown = ({ onApply, minDate, maxDate, value, dateInputLocale, relativePresets, localeTexts }) => {
+		const [localPreset, setLocalPreset] = useState(value.preset);
+		const [localDateRange, setLocalDateRange] = useState([value.startAt, value.endAt]);
+		const [localTimeStart, setLocalTimeStart] = useState(() => {
+			if (value.startAt) return value.startAt;
+			const newDate = /* @__PURE__ */ new Date();
+			newDate.setHours(0);
+			newDate.setMinutes(0);
+			newDate.setSeconds(0);
+			return newDate;
+		});
+		const [localTimeEnd, setLocalTimeEnd] = useState(() => {
+			if (value.endAt) return value.endAt;
+			const newDate = /* @__PURE__ */ new Date();
+			newDate.setHours(23);
+			newDate.setMinutes(59);
+			newDate.setSeconds(59);
+			return newDate;
+		});
+		const handleApply = () => {
+			if (localPreset) onApply({
+				endAt: value.endAt,
+				preset: localPreset,
+				startAt: value.startAt
+			});
+			else {
+				const startAt = localDateRange[0] ? new Date(localDateRange[0]) : null;
+				if (startAt && localTimeStart) {
+					startAt.setHours(localTimeStart.getHours());
+					startAt.setMinutes(localTimeStart.getMinutes());
+					startAt.setSeconds(localTimeStart.getSeconds());
+				}
+				const endAt = localDateRange[1] ? new Date(localDateRange[1]) : null;
+				if (endAt && localTimeEnd) {
+					endAt.setHours(localTimeEnd.getHours());
+					endAt.setMinutes(localTimeEnd.getMinutes());
+					endAt.setSeconds(localTimeEnd.getSeconds());
+				}
+				onApply({
+					endAt,
+					preset: null,
+					startAt
+				});
+			}
+		};
+		return /* @__PURE__ */ jsxs(Stack, {
+			gap: 1,
+			width: "100%",
+			children: [
+				/* @__PURE__ */ jsxs(SwitchButton, {
+					name: "timeType",
+					onChange: (event) => {
+						if (event.target.value === "relative") setLocalPreset(relativePresets[0].value);
+						else setLocalPreset(null);
+					},
+					value: localPreset ? "relative" : "absolute",
+					children: [/* @__PURE__ */ jsx(SwitchButton.Option, {
+						value: "relative",
+						children: localeTexts.relative
+					}), /* @__PURE__ */ jsx(SwitchButton.Option, {
+						value: "absolute",
+						children: localeTexts.absolute
+					})]
+				}),
+				/* @__PURE__ */ jsx(Stack, { children: localPreset ? /* @__PURE__ */ jsx(Stack, {
+					gap: 1,
+					children: /* @__PURE__ */ jsx(RadioGroup, {
+						onChange: (event) => {
+							setLocalPreset(event.target.value);
+						},
+						value: localPreset,
+						children: relativePresets.map((presetObj) => /* @__PURE__ */ jsx(RadioGroup.Radio, {
+							label: presetObj.label,
+							value: presetObj.value
+						}, presetObj.value))
+					})
+				}) : /* @__PURE__ */ jsxs(Stack, {
+					gap: 1,
+					children: [/* @__PURE__ */ jsx(DateInput, {
+						endDate: localDateRange[1],
+						input: "calendar",
+						locale: dateInputLocale,
+						maxDate,
+						minDate,
+						onChange: (newDateRange) => {
+							setLocalDateRange([newDateRange[0], newDateRange[1]]);
+						},
+						selectsRange: true,
+						startDate: localDateRange[0]
+					}), /* @__PURE__ */ jsxs(Row, {
+						gap: 2,
+						templateColumns: "1fr 1fr",
+						children: [/* @__PURE__ */ jsx(TimeInput, {
+							label: localeTexts.timeStart,
+							onChange: setLocalTimeStart,
+							value: localTimeStart
+						}), /* @__PURE__ */ jsx(TimeInput, {
+							label: localeTexts.timeEnd,
+							onChange: setLocalTimeEnd,
+							value: localTimeEnd
+						})]
+					})]
+				}) }),
+				/* @__PURE__ */ jsx(Button, {
+					onClick: handleApply,
+					size: "medium",
+					children: localeTexts.apply
+				})
+			]
+		});
+	};
+});
+
+//#endregion
+init_Dropdown();
+export { Dropdown, init_Dropdown };

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/FilterDatetimeRange.d.ts

@@ -0,0 +1,6 @@
+import type { FilterConfigItemDatetimeRange, FilterComponentProps } from '../../types';
+import type { DatetimeRangeInputValue } from './type';
+type FilterDatetimeRangeProps = FilterComponentProps<DatetimeRangeInputValue, FilterConfigItemDatetimeRange>;
+export declare const FilterDatetimeRange: ({ onChange, value, hideLabel, config, size }: FilterDatetimeRangeProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FilterDatetimeRange.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/FilterDatetimeRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDatetimeRange.d.ts","sourceRoot":"","sources":["../../../../../src/compositions/Filters/filterTypes/FilterDatetimeRange/FilterDatetimeRange.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,6BAA6B,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAEtF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAA;AAGrD,KAAK,wBAAwB,GAAG,oBAAoB,CAAC,uBAAuB,EAAE,6BAA6B,CAAC,CAAA;AAE5G,eAAO,MAAM,mBAAmB,iDAAkD,wBAAwB,gCAoDzG,CAAA"}

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/FilterDatetimeRange.js

@@ -0,0 +1,74 @@
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../../components/Stack/index.js";
+import { Button, init_Button } from "../../../../components/Button/index.js";
+import { Label, init_Label } from "../../../../components/Label/index.js";
+import { Popover, init_Popover } from "../../../../components/Popover/index.js";
+import { Dropdown, init_Dropdown } from "./Dropdown.js";
+import { filterDatetimeRangeStyles, init_filterDatetimeRange_styles_css } from "./filterDatetimeRange.styles.css.js";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/Filters/filterTypes/FilterDatetimeRange/FilterDatetimeRange.tsx
+var FilterDatetimeRange;
+var init_FilterDatetimeRange = __esmMin(() => {
+	init_Button();
+	init_Label();
+	init_Popover();
+	init_Stack();
+	init_Dropdown();
+	init_filterDatetimeRange_styles_css();
+	FilterDatetimeRange = ({ onChange, value, hideLabel, config, size }) => {
+		const [isPopupVisible, setIsPopupVisible] = useState(false);
+		const formattedValue = useMemo(() => {
+			if (value.preset) {
+				var _config$relativePrese;
+				var _config$relativePrese2;
+				return (_config$relativePrese = (_config$relativePrese2 = config.relativePresets.find((item) => item.value === value.preset)) === null || _config$relativePrese2 === void 0 ? void 0 : _config$relativePrese2.label) !== null && _config$relativePrese !== void 0 ? _config$relativePrese : value.preset;
+			}
+			return `${value.startAt ? config.dateFormatter(value.startAt) : "-"} -> ${value.endAt ? config.dateFormatter(value.endAt) : "Today"}`;
+		}, [value, config]);
+		return /* @__PURE__ */ jsx(Popover, {
+			className: filterDatetimeRangeStyles.popover,
+			content: /* @__PURE__ */ jsx(Dropdown, {
+				dateInputLocale: config.dateInputLocale,
+				localeTexts: config.texts,
+				maxDate: config.maxDate,
+				minDate: config.minDate,
+				onApply: (newValue) => {
+					onChange(newValue);
+					setIsPopupVisible(false);
+				},
+				relativePresets: config.relativePresets,
+				value
+			}),
+			onClose: () => {
+				setIsPopupVisible(false);
+			},
+			placement: "bottom",
+			title: config.texts.dropdownTitle,
+			visible: isPopupVisible,
+			children: /* @__PURE__ */ jsxs(Stack, {
+				gap: .5,
+				width: "100%",
+				children: [hideLabel ? null : /* @__PURE__ */ jsx(Label, {
+					size,
+					children: config.label
+				}), /* @__PURE__ */ jsx(Button, {
+					className: filterDatetimeRangeStyles.button,
+					size,
+					fullWidth: true,
+					onClick: () => {
+						setIsPopupVisible(true);
+					},
+					sentiment: "neutral",
+					variant: "outlined",
+					children: formattedValue
+				})]
+			})
+		});
+	};
+});
+
+//#endregion
+init_FilterDatetimeRange();
+export { FilterDatetimeRange, init_FilterDatetimeRange };

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/filterDatetimeRange.styles.css.d.ts

@@ -0,0 +1,5 @@
+export declare const filterDatetimeRangeStyles: {
+    popover: string;
+    button: string;
+};
+//# sourceMappingURL=filterDatetimeRange.styles.css.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/filterDatetimeRange.styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterDatetimeRange.styles.css.d.ts","sourceRoot":"","sources":["../../../../../src/compositions/Filters/filterTypes/FilterDatetimeRange/filterDatetimeRange.styles.css.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,yBAAyB;;;CAGrC,CAAA"}

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/filterDatetimeRange.styles.css.js

@@ -0,0 +1,16 @@
+import { __esmMin } from "../../../../_virtual/_rolldown/runtime.js";
+import { init_filterDatetimeRange_styles_css_ts_vanilla } from "./filterDatetimeRange.styles.css.ts.vanilla.js";
+
+//#region src/compositions/Filters/filterTypes/FilterDatetimeRange/filterDatetimeRange.styles.css.ts
+var filterDatetimeRangeStyles;
+var init_filterDatetimeRange_styles_css = __esmMin(() => {
+	init_filterDatetimeRange_styles_css_ts_vanilla();
+	filterDatetimeRangeStyles = {
+		popover: "uv_1yrgjra0",
+		button: "uv_1yrgjra1"
+	};
+});
+
+//#endregion
+init_filterDatetimeRange_styles_css();
+export { filterDatetimeRangeStyles, init_filterDatetimeRange_styles_css };

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/filterDatetimeRange.styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../../../_virtual/_rolldown/runtime.js";
+
+//#region src/compositions/Filters/filterTypes/FilterDatetimeRange/filterDatetimeRange.styles.css.ts.vanilla.css
+var init_filterDatetimeRange_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_filterDatetimeRange_styles_css_ts_vanilla();
+export { init_filterDatetimeRange_styles_css_ts_vanilla };

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/type.d.ts

@@ -0,0 +1,16 @@
+export type DatetimeRangeInputValue = {
+    preset: string | null;
+    startAt: Date | null;
+    endAt: Date | null;
+};
+export type DatetimeRangeLocales = {
+    from: string;
+    to: string;
+    relative: string;
+    absolute: string;
+    apply: string;
+    timeStart: string;
+    timeEnd: string;
+    dropdownTitle: string;
+};
+//# sourceMappingURL=type.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterDatetimeRange/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../../src/compositions/Filters/filterTypes/FilterDatetimeRange/type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAA;IACpB,KAAK,EAAE,IAAI,GAAG,IAAI,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA"}

package/dist/compositions/Filters/filterTypes/FilterMultiSelect.d.ts

@@ -0,0 +1,5 @@
+import type { FilterConfigItemMultiSelect, AnyObject, FilterComponentProps } from '../types';
+type FilterMultiSelectProps<Values extends AnyObject> = FilterComponentProps<string[], FilterConfigItemMultiSelect, Values>;
+export declare const FilterMultiSelect: <V extends AnyObject>({ hideLabel, directionContext, config, value, onChange, values, size, }: FilterMultiSelectProps<V>) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FilterMultiSelect.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterMultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterMultiSelect.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/filterTypes/FilterMultiSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,2BAA2B,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAG5F,KAAK,sBAAsB,CAAC,MAAM,SAAS,SAAS,IAAI,oBAAoB,CAC1E,MAAM,EAAE,EACR,2BAA2B,EAC3B,MAAM,CACP,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,SAAS,2EAQlD,sBAAsB,CAAC,CAAC,CAAC,gCA+C3B,CAAA"}

package/dist/compositions/Filters/filterTypes/FilterMultiSelect.js

@@ -0,0 +1,53 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Label, init_Label } from "../../../components/Label/index.js";
+import { SelectInput, init_SelectInput } from "../../../components/SelectInput/index.js";
+import { CheckboxGroup, init_CheckboxGroup } from "../../../components/CheckboxGroup/index.js";
+import { init_FilterSelect } from "./FilterSelect.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/Filters/filterTypes/FilterMultiSelect.tsx
+var FilterMultiSelect;
+var init_FilterMultiSelect = __esmMin(() => {
+	init_CheckboxGroup();
+	init_Label();
+	init_SelectInput();
+	init_FilterSelect();
+	FilterMultiSelect = ({ hideLabel, directionContext, config, value, onChange, values, size }) => {
+		const configOptions = config.options;
+		const options = useMemo(() => typeof configOptions === "function" ? configOptions(values) : configOptions, [values, configOptions]);
+		if (directionContext === "column" && Array.isArray(options) && options.length < 10) return /* @__PURE__ */ jsx(CheckboxGroup, {
+			description: hideLabel ? void 0 : /* @__PURE__ */ jsx(Label, { children: config.label }),
+			name: config.name,
+			onChange: (event) => {
+				if (value.includes(event.currentTarget.value)) onChange(value.filter((currentValue) => currentValue !== event.currentTarget.value));
+				else onChange([...value, event.currentTarget.value]);
+			},
+			value,
+			children: options.map((option) => /* @__PURE__ */ jsx(CheckboxGroup.Checkbox, {
+				name: config.name,
+				value: option.value,
+				children: option.label
+			}, option.value))
+		});
+		return /* @__PURE__ */ jsx(SelectInput, {
+			"aria-label": hideLabel ? config.label : void 0,
+			label: hideLabel ? void 0 : config.label,
+			multiselect: true,
+			name: config.name,
+			size,
+			clearable: config.clearable,
+			onChange,
+			options,
+			placeholder: config.placeholder,
+			searchable: config.searchable,
+			selectAll: config.selectAll,
+			selectAllGroup: config.selectAllGroup,
+			value
+		});
+	};
+});
+
+//#endregion
+init_FilterMultiSelect();
+export { FilterMultiSelect, init_FilterMultiSelect };

package/dist/compositions/Filters/filterTypes/FilterNumber.d.ts

@@ -0,0 +1,5 @@
+import type { FilterComponentProps, FilterConfigItemNumber } from '../types';
+type FilterNumberProps = FilterComponentProps<number | null, FilterConfigItemNumber>;
+export declare const FilterNumber: ({ config, hideLabel, onChange, value, size }: FilterNumberProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FilterNumber.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterNumber.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/filterTypes/FilterNumber.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAE5E,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,MAAM,GAAG,IAAI,EAAE,sBAAsB,CAAC,CAAA;AAEpF,eAAO,MAAM,YAAY,iDAAkD,iBAAiB,gCAY3F,CAAA"}

package/dist/compositions/Filters/filterTypes/FilterNumber.js

@@ -0,0 +1,24 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { NumberInput, init_NumberInput } from "../../../components/NumberInput/index.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/Filters/filterTypes/FilterNumber.tsx
+var FilterNumber;
+var init_FilterNumber = __esmMin(() => {
+	init_NumberInput();
+	FilterNumber = ({ config, hideLabel, onChange, value, size }) => /* @__PURE__ */ jsx(NumberInput, {
+		max: config.max,
+		min: config.min,
+		"aria-label": hideLabel ? config.label : void 0,
+		label: hideLabel ? void 0 : config.label,
+		size,
+		name: config.name,
+		onChange,
+		placeholder: config.placeholder,
+		value
+	});
+});
+
+//#endregion
+init_FilterNumber();
+export { FilterNumber, init_FilterNumber };

package/dist/compositions/Filters/filterTypes/FilterSearch.d.ts

@@ -0,0 +1,5 @@
+import type { FilterConfigItemSearch, FilterComponentProps } from '../types';
+type FilterSearchProps = FilterComponentProps<string, FilterConfigItemSearch>;
+export declare const FilterSearch: ({ config, hideLabel, onChange, value, size }: FilterSearchProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FilterSearch.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSearch.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/filterTypes/FilterSearch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE5E,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAA;AAE7E,eAAO,MAAM,YAAY,iDAAkD,iBAAiB,gCA8B3F,CAAA"}

package/dist/compositions/Filters/filterTypes/FilterSearch.js

@@ -0,0 +1,42 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { SearchInput, init_SearchInput } from "../../../components/SearchInput/index.js";
+import { useEffect, useState } from "react";
+import { useDebouncedCallback } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/Filters/filterTypes/FilterSearch.tsx
+var FilterSearch;
+var init_FilterSearch = __esmMin(() => {
+	init_SearchInput();
+	FilterSearch = ({ config, hideLabel, onChange, value, size }) => {
+		var _config$debounceDurat;
+		const [tempValue, setTempValue] = useState(value);
+		const onSetValueLater = useDebouncedCallback(onChange, (_config$debounceDurat = config.debounceDuration) !== null && _config$debounceDurat !== void 0 ? _config$debounceDurat : 600);
+		useEffect(() => {
+			setTempValue(value);
+		}, [value]);
+		return /* @__PURE__ */ jsx(SearchInput, {
+			"aria-label": hideLabel ? config.label : void 0,
+			label: hideLabel ? void 0 : config.label,
+			loading: tempValue !== value,
+			name: config.name,
+			size,
+			onSearch: (searchString) => {
+				setTempValue(searchString);
+				onSetValueLater(searchString);
+			},
+			onKeyDown: (event) => {
+				if (event.key === "Enter") {
+					event.preventDefault();
+					event.stopPropagation();
+				}
+			},
+			placeholder: config.placeholder,
+			value: tempValue
+		});
+	};
+});
+
+//#endregion
+init_FilterSearch();
+export { FilterSearch, init_FilterSearch };

package/dist/compositions/Filters/filterTypes/FilterSelect.d.ts

@@ -0,0 +1,6 @@
+import type { FilterConfigItemSelect, AnyObject, FilterComponentProps } from '../types';
+export declare const SELECT_DISPLAY_THRESHOLD = 10;
+type FilterSelectProps<Values extends AnyObject> = FilterComponentProps<string, FilterConfigItemSelect, Values>;
+export declare const FilterSelect: <V extends AnyObject>({ hideLabel, directionContext, config, value, onChange, values, size, }: FilterSelectProps<V>) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FilterSelect.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSelect.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/filterTypes/FilterSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAEvF,eAAO,MAAM,wBAAwB,KAAK,CAAA;AAE1C,KAAK,iBAAiB,CAAC,MAAM,SAAS,SAAS,IAAI,oBAAoB,CAAC,MAAM,EAAE,sBAAsB,EAAE,MAAM,CAAC,CAAA;AAE/G,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,SAAS,2EAQ7C,iBAAiB,CAAC,CAAC,CAAC,gCAqCtB,CAAA"}

package/dist/compositions/Filters/filterTypes/FilterSelect.js

@@ -0,0 +1,46 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Label, init_Label } from "../../../components/Label/index.js";
+import { SelectInput, init_SelectInput } from "../../../components/SelectInput/index.js";
+import { RadioGroup, init_RadioGroup } from "../../../components/RadioGroup/index.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/Filters/filterTypes/FilterSelect.tsx
+var SELECT_DISPLAY_THRESHOLD, FilterSelect;
+var init_FilterSelect = __esmMin(() => {
+	init_Label();
+	init_RadioGroup();
+	init_SelectInput();
+	SELECT_DISPLAY_THRESHOLD = 10;
+	FilterSelect = ({ hideLabel, directionContext, config, value, onChange, values, size }) => {
+		const configOptions = config.options;
+		const options = useMemo(() => typeof configOptions === "function" ? configOptions(values) : configOptions, [values, configOptions]);
+		if (directionContext === "column" && Array.isArray(options) && options.length < 10) return /* @__PURE__ */ jsx(RadioGroup, {
+			description: hideLabel ? void 0 : /* @__PURE__ */ jsx(Label, { children: config.label }),
+			name: config.name,
+			onChange: (event) => {
+				onChange === null || onChange === void 0 || onChange(event.target.value);
+			},
+			value,
+			children: options.map((option) => /* @__PURE__ */ jsx(RadioGroup.Radio, {
+				label: option.label,
+				value: option.value
+			}, option.value))
+		});
+		return /* @__PURE__ */ jsx(SelectInput, {
+			"aria-label": hideLabel ? config.label : void 0,
+			clearable: config.clearable,
+			label: hideLabel ? void 0 : config.label,
+			size,
+			name: config.name,
+			onChange,
+			options,
+			placeholder: config.placeholder,
+			value
+		});
+	};
+});
+
+//#endregion
+init_FilterSelect();
+export { FilterSelect, init_FilterSelect };

package/dist/compositions/Filters/filterTypes/FilterSlider.d.ts

@@ -0,0 +1,5 @@
+import type { FilterConfigItemSlider, FilterComponentProps } from '../types';
+type FilterSliderProps = FilterComponentProps<number | number[], FilterConfigItemSlider>;
+export declare const FilterSlider: ({ value, onChange, config, hideLabel }: FilterSliderProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FilterSlider.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSlider.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/filterTypes/FilterSlider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE5E,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,MAAM,GAAG,MAAM,EAAE,EAAE,sBAAsB,CAAC,CAAA;AAExF,eAAO,MAAM,YAAY,2CAA4C,iBAAiB,gCAmBrF,CAAA"}