moduix 0.11.0 → 0.11.1

package/dist/components/Autocomplete/Autocomplete.cjs

@@ -0,0 +1,303 @@
+const require_Icons = require("../../icons/ui/Icons.cjs");
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Autocomplete_module = require("./Autocomplete.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+let react = require("react");
+let _base_ui_react_autocomplete = require("@base-ui/react/autocomplete");
+let _base_ui_react_combobox = require("@base-ui/react/combobox");
+//#region src/components/Autocomplete/Autocomplete.tsx
+const Autocomplete = _base_ui_react_autocomplete.Autocomplete.Root;
+const AutocompleteField = (0, react.forwardRef)(function AutocompleteField({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		"data-slot": "autocomplete-field",
+		className: (0, clsx.clsx)(require_Autocomplete_module.default.field, className),
+		...props
+	});
+});
+const AutocompleteInlineInputContainer = (0, react.forwardRef)(function AutocompleteInlineInputContainer({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		"data-slot": "autocomplete-inline-input-container",
+		className: (0, clsx.clsx)(require_Autocomplete_module.default.inlineInputContainer, className),
+		...props
+	});
+});
+const AutocompleteFieldLabel = (0, react.forwardRef)(function AutocompleteFieldLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Label, {
+		ref,
+		"data-slot": "autocomplete-field-label",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.fieldLabel),
+		...props
+	});
+});
+function AutocompleteValue(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Value, {
+		"data-slot": "autocomplete-value",
+		...props
+	});
+}
+const AutocompleteInputGroup = (0, react.forwardRef)(function AutocompleteInputGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.InputGroup, {
+		ref,
+		"data-slot": "autocomplete-input-group",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.inputGroup),
+		...props
+	});
+});
+const AutocompleteInput = (0, react.forwardRef)(function AutocompleteInput({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Input, {
+		ref,
+		"data-slot": "autocomplete-input",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.input),
+		...props
+	});
+});
+const AutocompleteControlActions = (0, react.forwardRef)(function AutocompleteControlActions({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		"data-slot": "autocomplete-control-actions",
+		className: (0, clsx.clsx)(require_Autocomplete_module.default.controlActions, className),
+		...props
+	});
+});
+const AutocompleteTrigger = (0, react.forwardRef)(function AutocompleteTrigger({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Trigger, {
+		ref,
+		"data-slot": "autocomplete-trigger",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.trigger),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronDownIcon, { className: require_Autocomplete_module.default.iconSvg })
+	});
+});
+const AutocompleteFieldTrigger = (0, react.forwardRef)(function AutocompleteFieldTrigger({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Trigger, {
+		ref,
+		"data-slot": "autocomplete-field-trigger",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.fieldTrigger),
+		...props
+	});
+});
+const AutocompleteIcon = (0, react.forwardRef)(function AutocompleteIcon({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Icon, {
+		ref,
+		"data-slot": "autocomplete-icon",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.icon),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronUpDownIcon, { className: require_Autocomplete_module.default.iconSvg })
+	});
+});
+const AutocompleteClear = (0, react.forwardRef)(function AutocompleteClear({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Clear, {
+		ref,
+		"data-slot": "autocomplete-clear",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.clear),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CloseIcon, { className: require_Autocomplete_module.default.iconSvg })
+	});
+});
+const AutocompletePortal = (0, react.forwardRef)(function AutocompletePortal(props, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Portal, {
+		ref,
+		"data-slot": "autocomplete-portal",
+		...props
+	});
+});
+const AutocompleteBackdrop = (0, react.forwardRef)(function AutocompleteBackdrop({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Backdrop, {
+		ref,
+		"data-slot": "autocomplete-backdrop",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.backdrop),
+		...props
+	});
+});
+const AutocompletePositioner = (0, react.forwardRef)(function AutocompletePositioner({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Positioner, {
+		ref,
+		"data-slot": "autocomplete-positioner",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.positioner),
+		...props
+	});
+});
+const AutocompletePopup = (0, react.forwardRef)(function AutocompletePopup({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Popup, {
+		ref,
+		"data-slot": "autocomplete-popup",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.popup),
+		...props
+	});
+});
+const AutocompleteArrow = (0, react.forwardRef)(function AutocompleteArrow({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Arrow, {
+		ref,
+		"data-slot": "autocomplete-arrow",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.arrow),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowSvg, { className: require_Autocomplete_module.default.arrowSvg })
+	});
+});
+const AutocompleteContent = (0, react.forwardRef)(function AutocompleteContent({ className, showArrow = false, children, side, sideOffset = 5, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutocompletePortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutocompletePositioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		arrowPadding,
+		collisionAvoidance,
+		collisionBoundary,
+		collisionPadding,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(AutocompletePopup, {
+			ref,
+			className,
+			...props,
+			children: [showArrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutocompleteArrow, {}) : null, children]
+		})
+	}) });
+});
+const AutocompleteStatus = (0, react.forwardRef)(function AutocompleteStatus({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Status, {
+		ref,
+		"data-slot": "autocomplete-status",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.status),
+		...props
+	});
+});
+const AutocompleteEmpty = (0, react.forwardRef)(function AutocompleteEmpty({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Empty, {
+		ref,
+		"data-slot": "autocomplete-empty",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.empty),
+		...props
+	});
+});
+const AutocompleteList = (0, react.forwardRef)(function AutocompleteList({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.List, {
+		ref,
+		"data-slot": "autocomplete-list",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.list),
+		...props
+	});
+});
+const AutocompleteRow = (0, react.forwardRef)(function AutocompleteRow({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Row, {
+		ref,
+		"data-slot": "autocomplete-row",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.row),
+		...props
+	});
+});
+const AutocompleteItem = (0, react.forwardRef)(function AutocompleteItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Item, {
+		ref,
+		"data-slot": "autocomplete-item",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.item),
+		...props
+	});
+});
+const AutocompleteItemText = (0, react.forwardRef)(function AutocompleteItemText({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		ref,
+		"data-slot": "autocomplete-item-text",
+		className: (0, clsx.clsx)(require_Autocomplete_module.default.itemText, className),
+		...props
+	});
+});
+const AutocompleteItemTextContent = (0, react.forwardRef)(function AutocompleteItemTextContent({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		ref,
+		"data-slot": "autocomplete-item-text-content",
+		className: (0, clsx.clsx)(require_Autocomplete_module.default.itemTextContent, className),
+		...props
+	});
+});
+const AutocompleteItemTextIcon = (0, react.forwardRef)(function AutocompleteItemTextIcon({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		ref,
+		"data-slot": "autocomplete-item-text-icon",
+		className: (0, clsx.clsx)(require_Autocomplete_module.default.itemTextIcon, className),
+		...props
+	});
+});
+const AutocompleteItemTextLabel = (0, react.forwardRef)(function AutocompleteItemTextLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		ref,
+		"data-slot": "autocomplete-item-text-label",
+		className: (0, clsx.clsx)(require_Autocomplete_module.default.itemTextLabel, className),
+		...props
+	});
+});
+const AutocompleteSeparator = (0, react.forwardRef)(function AutocompleteSeparator({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Separator, {
+		ref,
+		"data-slot": "autocomplete-separator",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.separator),
+		...props
+	});
+});
+const AutocompleteGroup = (0, react.forwardRef)(function AutocompleteGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Group, {
+		ref,
+		"data-slot": "autocomplete-group",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.group),
+		...props
+	});
+});
+const AutocompleteGroupLabel = (0, react.forwardRef)(function AutocompleteGroupLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.GroupLabel, {
+		ref,
+		"data-slot": "autocomplete-group-label",
+		className: require_mergeClassName.mergeClassName(className, require_Autocomplete_module.default.groupLabel),
+		...props
+	});
+});
+function AutocompleteCollection(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_autocomplete.Autocomplete.Collection, {
+		"data-slot": "autocomplete-collection",
+		...props
+	});
+}
+function ArrowSvg(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PopupArrowIcon, {
+		fillClassName: require_Autocomplete_module.default.arrowFill,
+		outerStrokeClassName: require_Autocomplete_module.default.arrowOuterStroke,
+		innerStrokeClassName: require_Autocomplete_module.default.arrowInnerStroke,
+		...props
+	});
+}
+const useAutocompleteFilter = _base_ui_react_autocomplete.Autocomplete.useFilter;
+const useAutocompleteFilteredItems = _base_ui_react_autocomplete.Autocomplete.useFilteredItems;
+//#endregion
+exports.Autocomplete = Autocomplete;
+exports.AutocompleteArrow = AutocompleteArrow;
+exports.AutocompleteBackdrop = AutocompleteBackdrop;
+exports.AutocompleteClear = AutocompleteClear;
+exports.AutocompleteCollection = AutocompleteCollection;
+exports.AutocompleteContent = AutocompleteContent;
+exports.AutocompleteControlActions = AutocompleteControlActions;
+exports.AutocompleteEmpty = AutocompleteEmpty;
+exports.AutocompleteField = AutocompleteField;
+exports.AutocompleteFieldLabel = AutocompleteFieldLabel;
+exports.AutocompleteFieldTrigger = AutocompleteFieldTrigger;
+exports.AutocompleteGroup = AutocompleteGroup;
+exports.AutocompleteGroupLabel = AutocompleteGroupLabel;
+exports.AutocompleteIcon = AutocompleteIcon;
+exports.AutocompleteInlineInputContainer = AutocompleteInlineInputContainer;
+exports.AutocompleteInput = AutocompleteInput;
+exports.AutocompleteInputGroup = AutocompleteInputGroup;
+exports.AutocompleteItem = AutocompleteItem;
+exports.AutocompleteItemText = AutocompleteItemText;
+exports.AutocompleteItemTextContent = AutocompleteItemTextContent;
+exports.AutocompleteItemTextIcon = AutocompleteItemTextIcon;
+exports.AutocompleteItemTextLabel = AutocompleteItemTextLabel;
+exports.AutocompleteList = AutocompleteList;
+exports.AutocompletePopup = AutocompletePopup;
+exports.AutocompletePortal = AutocompletePortal;
+exports.AutocompletePositioner = AutocompletePositioner;
+exports.AutocompleteRow = AutocompleteRow;
+exports.AutocompleteSeparator = AutocompleteSeparator;
+exports.AutocompleteStatus = AutocompleteStatus;
+exports.AutocompleteTrigger = AutocompleteTrigger;
+exports.AutocompleteValue = AutocompleteValue;
+exports.useAutocompleteFilter = useAutocompleteFilter;
+exports.useAutocompleteFilteredItems = useAutocompleteFilteredItems;