moduix 0.10.0 → 0.11.1

package/dist/components/Combobox/Combobox.js

@@ -0,0 +1,295 @@
+import { CheckIcon, ChevronDownIcon, ChevronUpDownIcon, CloseIcon, PopupArrowIcon } from "../../icons/ui/Icons.js";
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Combobox_module_default from "./Combobox.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { Combobox } from "@base-ui/react/combobox";
+//#region src/components/Combobox/Combobox.tsx
+const COMBOBOX_CONTENT_SIDE_OFFSET = 5;
+const Combobox$1 = Combobox.Root;
+function ComboboxField({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "combobox-field",
+		className: clsx(Combobox_module_default.field, className),
+		...props
+	});
+}
+const ComboboxFieldLabel = forwardRef(function ComboboxFieldLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Label, {
+		ref,
+		"data-slot": "combobox-field-label",
+		className: mergeClassName(className, Combobox_module_default.fieldLabel),
+		...props
+	});
+});
+function ComboboxValue(props) {
+	return /* @__PURE__ */ jsx(Combobox.Value, {
+		"data-slot": "combobox-value",
+		...props
+	});
+}
+const ComboboxInlineInputContainer = forwardRef(function ComboboxInlineInputContainer({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "combobox-inline-input-container",
+		className: clsx(Combobox_module_default.inlineInputContainer, className),
+		...props
+	});
+});
+const ComboboxInputGroup = forwardRef(function ComboboxInputGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.InputGroup, {
+		ref,
+		"data-slot": "combobox-input-group",
+		className: mergeClassName(className, Combobox_module_default.inputGroup),
+		...props
+	});
+});
+const ComboboxInput = forwardRef(function ComboboxInput({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Input, {
+		ref,
+		"data-slot": "combobox-input",
+		className: mergeClassName(className, Combobox_module_default.input),
+		...props
+	});
+});
+function ComboboxControlActions({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "combobox-control-actions",
+		className: clsx(Combobox_module_default.controlActions, className),
+		...props
+	});
+}
+const ComboboxTrigger = forwardRef(function ComboboxTrigger({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Trigger, {
+		ref,
+		"data-slot": "combobox-trigger",
+		className: mergeClassName(className, Combobox_module_default.trigger),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronDownIcon, { className: Combobox_module_default.iconSvg })
+	});
+});
+const ComboboxFieldTrigger = forwardRef(function ComboboxFieldTrigger({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Trigger, {
+		ref,
+		"data-slot": "combobox-field-trigger",
+		className: mergeClassName(className, Combobox_module_default.fieldTrigger),
+		...props
+	});
+});
+const ComboboxIcon = forwardRef(function ComboboxIcon({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Icon, {
+		ref,
+		"data-slot": "combobox-icon",
+		className: mergeClassName(className, Combobox_module_default.icon),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronUpDownIcon, { className: Combobox_module_default.iconSvg })
+	});
+});
+const ComboboxClear = forwardRef(function ComboboxClear({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Clear, {
+		ref,
+		"data-slot": "combobox-clear",
+		className: mergeClassName(className, Combobox_module_default.clear),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(CloseIcon, { className: Combobox_module_default.iconSvg })
+	});
+});
+const ComboboxPortal = forwardRef(function ComboboxPortal({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Portal, {
+		ref,
+		"data-slot": "combobox-portal",
+		className,
+		...props
+	});
+});
+const ComboboxBackdrop = forwardRef(function ComboboxBackdrop({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Backdrop, {
+		ref,
+		"data-slot": "combobox-backdrop",
+		className: mergeClassName(className, Combobox_module_default.backdrop),
+		...props
+	});
+});
+const ComboboxPositioner = forwardRef(function ComboboxPositioner({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Positioner, {
+		ref,
+		"data-slot": "combobox-positioner",
+		className: mergeClassName(className, Combobox_module_default.positioner),
+		...props
+	});
+});
+const ComboboxPopup = forwardRef(function ComboboxPopup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Popup, {
+		ref,
+		"data-slot": "combobox-popup",
+		className: mergeClassName(className, Combobox_module_default.popup),
+		...props
+	});
+});
+const ComboboxArrow = forwardRef(function ComboboxArrow({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Arrow, {
+		ref,
+		"data-slot": "combobox-arrow",
+		className: mergeClassName(className, Combobox_module_default.arrow),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ArrowSvg, { className: Combobox_module_default.arrowSvg })
+	});
+});
+const ComboboxContent = forwardRef(function ComboboxContent({ className, showArrow = false, children, side, sideOffset = COMBOBOX_CONTENT_SIDE_OFFSET, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ComboboxPortal, { children: /* @__PURE__ */ jsx(ComboboxPositioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		arrowPadding,
+		collisionAvoidance,
+		collisionBoundary,
+		collisionPadding,
+		children: /* @__PURE__ */ jsxs(ComboboxPopup, {
+			ref,
+			className,
+			...props,
+			children: [showArrow ? /* @__PURE__ */ jsx(ComboboxArrow, {}) : null, children]
+		})
+	}) });
+});
+const ComboboxStatus = forwardRef(function ComboboxStatus({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Status, {
+		ref,
+		"data-slot": "combobox-status",
+		className: mergeClassName(className, Combobox_module_default.status),
+		...props
+	});
+});
+const ComboboxEmpty = forwardRef(function ComboboxEmpty({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Empty, {
+		ref,
+		"data-slot": "combobox-empty",
+		className: mergeClassName(className, Combobox_module_default.empty),
+		...props
+	});
+});
+const ComboboxList = forwardRef(function ComboboxList({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.List, {
+		ref,
+		"data-slot": "combobox-list",
+		className: mergeClassName(className, Combobox_module_default.list),
+		...props
+	});
+});
+const ComboboxRow = forwardRef(function ComboboxRow({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Row, {
+		ref,
+		"data-slot": "combobox-row",
+		className: mergeClassName(className, Combobox_module_default.row),
+		...props
+	});
+});
+const ComboboxItem = forwardRef(function ComboboxItem({ className, indicator, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Item, {
+		ref,
+		"data-slot": "combobox-item",
+		"data-indicator-position": indicator,
+		className: mergeClassName(className, Combobox_module_default.item),
+		...props
+	});
+});
+const ComboboxItemIndicator = forwardRef(function ComboboxItemIndicator({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.ItemIndicator, {
+		ref,
+		"data-slot": "combobox-item-indicator",
+		className: mergeClassName(className, Combobox_module_default.itemIndicator),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(CheckIcon, { className: Combobox_module_default.itemIndicatorIcon })
+	});
+});
+function ComboboxItemText({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "combobox-item-text",
+		className: clsx(Combobox_module_default.itemText, className),
+		...props
+	});
+}
+const ComboboxSeparator = forwardRef(function ComboboxSeparator({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Separator, {
+		ref,
+		"data-slot": "combobox-separator",
+		className: mergeClassName(className, Combobox_module_default.separator),
+		...props
+	});
+});
+const ComboboxGroup = forwardRef(function ComboboxGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Group, {
+		ref,
+		"data-slot": "combobox-group",
+		className: mergeClassName(className, Combobox_module_default.group),
+		...props
+	});
+});
+const ComboboxGroupLabel = forwardRef(function ComboboxGroupLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.GroupLabel, {
+		ref,
+		"data-slot": "combobox-group-label",
+		className: mergeClassName(className, Combobox_module_default.groupLabel),
+		...props
+	});
+});
+function ComboboxCollection(props) {
+	return /* @__PURE__ */ jsx(Combobox.Collection, {
+		"data-slot": "combobox-collection",
+		...props
+	});
+}
+const ComboboxChips = forwardRef(function ComboboxChips({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Chips, {
+		ref,
+		"data-slot": "combobox-chips",
+		className: mergeClassName(className, Combobox_module_default.chips),
+		...props
+	});
+});
+const ComboboxChip = forwardRef(function ComboboxChip({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Chip, {
+		ref,
+		"data-slot": "combobox-chip",
+		className: mergeClassName(className, Combobox_module_default.chip),
+		...props
+	});
+});
+const ComboboxChipRemove = forwardRef(function ComboboxChipRemove({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.ChipRemove, {
+		ref,
+		"data-slot": "combobox-chip-remove",
+		className: mergeClassName(className, Combobox_module_default.chipRemove),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(CloseIcon, { className: Combobox_module_default.chipRemoveIcon })
+	});
+});
+function ComboboxChipText({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "combobox-chip-text",
+		className: clsx(Combobox_module_default.chipText, className),
+		...props
+	});
+}
+const ComboboxChipsInput = forwardRef(function ComboboxChipsInput({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Input, {
+		ref,
+		"data-slot": "combobox-chips-input",
+		className: mergeClassName(className, Combobox_module_default.chipsInput),
+		...props
+	});
+});
+const useComboboxFilter = Combobox.useFilter;
+const useComboboxFilteredItems = Combobox.useFilteredItems;
+function ArrowSvg(props) {
+	return /* @__PURE__ */ jsx(PopupArrowIcon, {
+		fillClassName: Combobox_module_default.arrowFill,
+		outerStrokeClassName: Combobox_module_default.arrowOuterStroke,
+		innerStrokeClassName: Combobox_module_default.arrowInnerStroke,
+		...props
+	});
+}
+//#endregion
+export { Combobox$1 as Combobox, ComboboxArrow, ComboboxBackdrop, ComboboxChip, ComboboxChipRemove, ComboboxChipText, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxControlActions, ComboboxEmpty, ComboboxField, ComboboxFieldLabel, ComboboxFieldTrigger, ComboboxGroup, ComboboxGroupLabel, ComboboxIcon, ComboboxInlineInputContainer, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxItemText, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxPositioner, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, useComboboxFilter, useComboboxFilteredItems };

package/dist/components/Combobox/Combobox.module.cjs

@@ -0,0 +1,42 @@
+import './Combobox.css';
+//#region src/components/Combobox/Combobox.module.css
+var Combobox_module_default = {
+	"arrow": "IweP1a_arrow",
+	"arrowFill": "IweP1a_arrowFill",
+	"arrowInnerStroke": "IweP1a_arrowInnerStroke",
+	"arrowOuterStroke": "IweP1a_arrowOuterStroke",
+	"arrowSvg": "IweP1a_arrowSvg",
+	"backdrop": "IweP1a_backdrop",
+	"chip": "IweP1a_chip",
+	"chipRemove": "IweP1a_chipRemove",
+	"chipRemoveIcon": "IweP1a_chipRemoveIcon",
+	"chips": "IweP1a_chips",
+	"chipsInput": "IweP1a_chipsInput",
+	"chipText": "IweP1a_chipText",
+	"clear": "IweP1a_clear",
+	"controlActions": "IweP1a_controlActions",
+	"empty": "IweP1a_empty",
+	"field": "IweP1a_field",
+	"fieldLabel": "IweP1a_fieldLabel",
+	"fieldTrigger": "IweP1a_fieldTrigger",
+	"group": "IweP1a_group",
+	"groupLabel": "IweP1a_groupLabel",
+	"icon": "IweP1a_icon",
+	"iconSvg": "IweP1a_iconSvg",
+	"inlineInputContainer": "IweP1a_inlineInputContainer",
+	"input": "IweP1a_input",
+	"inputGroup": "IweP1a_inputGroup",
+	"item": "IweP1a_item",
+	"itemIndicator": "IweP1a_itemIndicator",
+	"itemIndicatorIcon": "IweP1a_itemIndicatorIcon",
+	"itemText": "IweP1a_itemText",
+	"list": "IweP1a_list",
+	"popup": "IweP1a_popup",
+	"positioner": "IweP1a_positioner",
+	"row": "IweP1a_row",
+	"separator": "IweP1a_separator",
+	"status": "IweP1a_status",
+	"trigger": "IweP1a_trigger"
+};
+//#endregion
+exports.default = Combobox_module_default;

package/dist/components/Combobox/Combobox.module.js

@@ -0,0 +1,42 @@
+import './Combobox.css';
+//#region src/components/Combobox/Combobox.module.css
+var Combobox_module_default = {
+	"arrow": "IweP1a_arrow",
+	"arrowFill": "IweP1a_arrowFill",
+	"arrowInnerStroke": "IweP1a_arrowInnerStroke",
+	"arrowOuterStroke": "IweP1a_arrowOuterStroke",
+	"arrowSvg": "IweP1a_arrowSvg",
+	"backdrop": "IweP1a_backdrop",
+	"chip": "IweP1a_chip",
+	"chipRemove": "IweP1a_chipRemove",
+	"chipRemoveIcon": "IweP1a_chipRemoveIcon",
+	"chips": "IweP1a_chips",
+	"chipsInput": "IweP1a_chipsInput",
+	"chipText": "IweP1a_chipText",
+	"clear": "IweP1a_clear",
+	"controlActions": "IweP1a_controlActions",
+	"empty": "IweP1a_empty",
+	"field": "IweP1a_field",
+	"fieldLabel": "IweP1a_fieldLabel",
+	"fieldTrigger": "IweP1a_fieldTrigger",
+	"group": "IweP1a_group",
+	"groupLabel": "IweP1a_groupLabel",
+	"icon": "IweP1a_icon",
+	"iconSvg": "IweP1a_iconSvg",
+	"inlineInputContainer": "IweP1a_inlineInputContainer",
+	"input": "IweP1a_input",
+	"inputGroup": "IweP1a_inputGroup",
+	"item": "IweP1a_item",
+	"itemIndicator": "IweP1a_itemIndicator",
+	"itemIndicatorIcon": "IweP1a_itemIndicatorIcon",
+	"itemText": "IweP1a_itemText",
+	"list": "IweP1a_list",
+	"popup": "IweP1a_popup",
+	"positioner": "IweP1a_positioner",
+	"row": "IweP1a_row",
+	"separator": "IweP1a_separator",
+	"status": "IweP1a_status",
+	"trigger": "IweP1a_trigger"
+};
+//#endregion
+export { Combobox_module_default as default };

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

@@ -1 +1 @@
-export { Combobox, ComboboxField, ComboboxFieldLabel, ComboboxValue, ComboboxInputGroup, ComboboxInput, ComboboxControlActions, ComboboxTrigger, ComboboxFieldTrigger, ComboboxIcon, ComboboxClear, ComboboxPortal, ComboboxBackdrop, ComboboxPositioner, ComboboxPopup, ComboboxContent, ComboboxArrow, ComboboxStatus, ComboboxEmpty, ComboboxList, ComboboxRow, ComboboxItem, ComboboxItemIndicator, ComboboxItemText, ComboboxSeparator, ComboboxGroup, ComboboxGroupLabel, ComboboxCollection, ComboboxChips, ComboboxChip, ComboboxChipRemove, ComboboxChipText, ComboboxChipsInput, useComboboxFilter, useComboboxFilteredItems, } from './Combobox';
+import { Combobox, ComboboxArrow, ComboboxBackdrop, ComboboxChip, ComboboxChipRemove, ComboboxChipText, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxControlActions, ComboboxEmpty, ComboboxField, ComboboxFieldLabel, ComboboxFieldTrigger, ComboboxGroup, ComboboxGroupLabel, ComboboxIcon, ComboboxInlineInputContainer, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxItemText, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxPositioner, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, useComboboxFilter, useComboboxFilteredItems } from "./Combobox.js";