@moduix/react 2.1.0 → 2.2.4

package/dist/components/combobox/Combobox.js

@@ -1,195 +1,217 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { CheckIcon, ChevronUpDownIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import { CloseButton } from "../close-button/CloseButton.js";
-import { OverlayPortal, OverlayPortalProvider } from "../../lib/moduix/overlayPortal.js";
-import Combobox_module_default from "./Combobox.module.js";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Combobox, useCombobox, useComboboxContext, useComboboxItemContext } from "@ark-ui/react/combobox";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Combobox, useCombobox, useComboboxContext } from "@ark-ui/react/combobox";
-//#region src/components/combobox/Combobox.tsx
-const ComboboxRoot = forwardRef(function ComboboxRoot({ className, portalled, portalRef, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(Combobox.Root, {
-			ref,
-			"data-slot": "combobox-root",
-			className: clsx(Combobox_module_default.root, normalizeClassName(className)),
-			...props
-		})
-	});
-});
-const ComboboxRootProvider = forwardRef(function ComboboxRootProvider({ className, portalled, portalRef, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(Combobox.RootProvider, {
-			ref,
-			"data-slot": "combobox-root-provider",
-			className: clsx(Combobox_module_default.root, normalizeClassName(className)),
-			...props
-		})
-	});
-});
-const ComboboxLabel = forwardRef(function ComboboxLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.Label, {
-		ref,
-		"data-slot": "combobox-label",
-		className: clsx(Combobox_module_default.label, normalizeClassName(className)),
-		...props
-	});
-});
-const ComboboxControl = forwardRef(function ComboboxControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.Control, {
-		ref,
-		"data-slot": "combobox-control",
-		className: clsx(Combobox_module_default.control, normalizeClassName(className)),
-		...props
-	});
-});
-const ComboboxInput = forwardRef(function ComboboxInput({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.Input, {
-		ref,
-		"data-slot": "combobox-input",
-		asChild,
-		className: clsx(!asChild && Combobox_module_default.input, normalizeClassName(className)),
-		...props
-	});
-});
-const ComboboxClearTrigger = forwardRef(function ComboboxClearTrigger({ asChild, className, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }, ref) {
-	const triggerClassName = clsx(Combobox_module_default.clearTrigger, normalizeClassName(className));
-	if (asChild) return /* @__PURE__ */ jsx(Combobox.ClearTrigger, {
-		ref,
-		asChild: true,
-		"data-slot": "combobox-clear-trigger",
-		className: triggerClassName,
-		"aria-label": ariaLabel,
-		"aria-labelledby": ariaLabelledBy,
-		...props,
-		children
-	});
-	return /* @__PURE__ */ jsx(Combobox.ClearTrigger, {
-		ref,
-		asChild: true,
-		"data-slot": "combobox-clear-trigger",
-		className: triggerClassName,
-		...props,
-		children: /* @__PURE__ */ jsx(CloseButton.Root, {
-			"aria-label": ariaLabel ?? (ariaLabelledBy == null ? "Clear selection" : void 0),
-			"aria-labelledby": ariaLabelledBy,
-			children
-		})
-	});
-});
-const ComboboxTrigger = forwardRef(function ComboboxTrigger({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.Trigger, {
-		ref,
-		"data-slot": "combobox-trigger",
-		className: clsx(Combobox_module_default.trigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(ChevronUpDownIcon, {})
-	});
-});
-const ComboboxPositioner = forwardRef(function ComboboxPositioner({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortal, { children: /* @__PURE__ */ jsx(Combobox.Positioner, {
-		ref,
-		"data-slot": "combobox-positioner",
-		className: clsx(Combobox_module_default.positioner, normalizeClassName(className)),
-		...props
-	}) });
-});
-const ComboboxContent = forwardRef(function ComboboxContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.Content, {
-		ref,
-		"data-slot": "combobox-content",
-		className: clsx(Combobox_module_default.content, normalizeClassName(className)),
-		...props
-	});
-});
-const ComboboxEmpty = forwardRef(function ComboboxEmpty({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.Empty, {
-		ref,
-		"data-slot": "combobox-empty",
-		className: clsx(Combobox_module_default.empty, normalizeClassName(className)),
-		...props
-	});
-});
-const ComboboxList = forwardRef(function ComboboxList({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.List, {
-		ref,
-		"data-slot": "combobox-list",
-		className: clsx(Combobox_module_default.list, normalizeClassName(className)),
-		...props
-	});
-});
-const ComboboxItemGroup = forwardRef(function ComboboxItemGroup({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.ItemGroup, {
-		ref,
-		"data-slot": "combobox-item-group",
-		className: clsx(Combobox_module_default.itemGroup, normalizeClassName(className)),
-		...props
-	});
-});
-const ComboboxItemGroupLabel = forwardRef(function ComboboxItemGroupLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.ItemGroupLabel, {
-		ref,
-		"data-slot": "combobox-item-group-label",
-		className: clsx(Combobox_module_default.itemGroupLabel, normalizeClassName(className)),
-		...props
-	});
-});
-const ComboboxItem = forwardRef(function ComboboxItem({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.Item, {
-		ref,
-		"data-slot": "combobox-item",
-		className: clsx(Combobox_module_default.item, normalizeClassName(className)),
-		...props
-	});
-});
-const ComboboxItemText = forwardRef(function ComboboxItemText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.ItemText, {
-		ref,
-		"data-slot": "combobox-item-text",
-		className: clsx(Combobox_module_default.itemText, normalizeClassName(className)),
-		...props
-	});
-});
-const ComboboxItemIndicator = forwardRef(function ComboboxItemIndicator({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.ItemIndicator, {
-		ref,
-		"data-slot": "combobox-item-indicator",
-		className: clsx(Combobox_module_default.itemIndicator, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(CheckIcon, {})
-	});
-});
-const ComboboxOption = forwardRef(function ComboboxOption({ children, indicator, ...props }, ref) {
-	return /* @__PURE__ */ jsxs(ComboboxItem, {
-		ref,
-		...props,
-		children: [/* @__PURE__ */ jsx(ComboboxItemText, { children }), indicator !== false ? /* @__PURE__ */ jsx(ComboboxItemIndicator, { children: indicator }) : null]
-	});
-});
-const Combobox$1 = Object.assign(ComboboxRoot, {
-	Root: ComboboxRoot,
-	RootProvider: ComboboxRootProvider,
-	Label: ComboboxLabel,
-	Control: ComboboxControl,
-	Input: ComboboxInput,
-	ClearTrigger: ComboboxClearTrigger,
-	Trigger: ComboboxTrigger,
-	Positioner: ComboboxPositioner,
-	Content: ComboboxContent,
-	Empty: ComboboxEmpty,
-	List: ComboboxList,
-	ItemGroup: ComboboxItemGroup,
-	ItemGroupLabel: ComboboxItemGroupLabel,
-	Item: ComboboxItem,
-	ItemText: ComboboxItemText,
-	ItemIndicator: ComboboxItemIndicator,
-	Option: ComboboxOption,
-	Context: Combobox.Context
-});
-//#endregion
-export { Combobox$1 as Combobox, useCombobox, useComboboxContext };
+import { CheckIcon, ChevronUpDownIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
+import { CloseButton } from "../close-button/index.js";
+import Combobox_module from "./Combobox.module.js";
+const Combobox_ComboboxRoot = /*#__PURE__*/ forwardRef(function({ className, lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(Combobox.Root, {
+            ref: ref,
+            "data-slot": "combobox-root",
+            className: clsx(Combobox_module.root, normalizeClassName(className)),
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
+});
+const Combobox_ComboboxRootProvider = /*#__PURE__*/ forwardRef(function({ className, lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(Combobox.RootProvider, {
+            ref: ref,
+            "data-slot": "combobox-root-provider",
+            className: clsx(Combobox_module.root, normalizeClassName(className)),
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
+});
+const Combobox_ComboboxLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.Label, {
+        ref: ref,
+        "data-slot": "combobox-label",
+        className: clsx(Combobox_module.label, normalizeClassName(className)),
+        ...props
+    });
+});
+const Combobox_ComboboxControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.Control, {
+        ref: ref,
+        "data-slot": "combobox-control",
+        className: clsx(Combobox_module.control, normalizeClassName(className)),
+        ...props
+    });
+});
+const Combobox_ComboboxInput = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.Input, {
+        ref: ref,
+        "data-slot": "combobox-input",
+        asChild: asChild,
+        className: clsx(!asChild && Combobox_module.input, normalizeClassName(className)),
+        ...props
+    });
+});
+const Combobox_ComboboxClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
+    const triggerClassName = clsx(Combobox_module.clearTrigger, normalizeClassName(className));
+    if (asChild) return /*#__PURE__*/ jsx(Combobox.ClearTrigger, {
+        ref: ref,
+        asChild: true,
+        "data-slot": "combobox-clear-trigger",
+        className: triggerClassName,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        ...props,
+        children: children
+    });
+    return /*#__PURE__*/ jsx(Combobox.ClearTrigger, {
+        ref: ref,
+        asChild: true,
+        "data-slot": "combobox-clear-trigger",
+        className: triggerClassName,
+        ...props,
+        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+            "aria-label": ariaLabel ?? (null == ariaLabelledBy ? 'Clear selection' : void 0),
+            "aria-labelledby": ariaLabelledBy,
+            children: children
+        })
+    });
+});
+const Combobox_ComboboxTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.Trigger, {
+        ref: ref,
+        "data-slot": "combobox-trigger",
+        className: clsx(Combobox_module.trigger, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(ChevronUpDownIcon, {})
+    });
+});
+const Combobox_ComboboxPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Combobox.Positioner, {
+            ref: ref,
+            "data-slot": "combobox-positioner",
+            className: clsx(Combobox_module.positioner, normalizeClassName(className)),
+            ...props
+        })
+    });
+});
+const Combobox_ComboboxContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.Content, {
+        ref: ref,
+        "data-slot": "combobox-content",
+        className: clsx(Combobox_module.content, normalizeClassName(className)),
+        ...props
+    });
+});
+const Combobox_ComboboxEmpty = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.Empty, {
+        ref: ref,
+        "data-slot": "combobox-empty",
+        className: clsx(Combobox_module.empty, normalizeClassName(className)),
+        ...props
+    });
+});
+const Combobox_ComboboxStatus = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "combobox-status",
+        className: clsx(Combobox_module.status, normalizeClassName(className)),
+        ...props
+    });
+});
+const Combobox_ComboboxList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.List, {
+        ref: ref,
+        "data-slot": "combobox-list",
+        className: clsx(Combobox_module.list, normalizeClassName(className)),
+        ...props
+    });
+});
+const Combobox_ComboboxItemGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.ItemGroup, {
+        ref: ref,
+        "data-slot": "combobox-item-group",
+        className: clsx(Combobox_module.itemGroup, normalizeClassName(className)),
+        ...props
+    });
+});
+const Combobox_ComboboxItemGroupLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.ItemGroupLabel, {
+        ref: ref,
+        "data-slot": "combobox-item-group-label",
+        className: clsx(Combobox_module.itemGroupLabel, normalizeClassName(className)),
+        ...props
+    });
+});
+const Combobox_ComboboxItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.Item, {
+        ref: ref,
+        "data-slot": "combobox-item",
+        className: clsx(Combobox_module.item, normalizeClassName(className)),
+        ...props
+    });
+});
+const Combobox_ComboboxItemText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.ItemText, {
+        ref: ref,
+        "data-slot": "combobox-item-text",
+        className: clsx(Combobox_module.itemText, normalizeClassName(className)),
+        ...props
+    });
+});
+const Combobox_ComboboxItemIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.ItemIndicator, {
+        ref: ref,
+        "data-slot": "combobox-item-indicator",
+        className: clsx(Combobox_module.itemIndicator, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
+    });
+});
+const Combobox_ComboboxOption = /*#__PURE__*/ forwardRef(function({ children, indicator, ...props }, ref) {
+    return /*#__PURE__*/ jsxs(Combobox_ComboboxItem, {
+        ref: ref,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(Combobox_ComboboxItemText, {
+                children: children
+            }),
+            false !== indicator ? /*#__PURE__*/ jsx(Combobox_ComboboxItemIndicator, {
+                children: indicator
+            }) : null
+        ]
+    });
+});
+const Combobox_Combobox = Object.assign(Combobox_ComboboxRoot, {
+    Root: Combobox_ComboboxRoot,
+    RootProvider: Combobox_ComboboxRootProvider,
+    Label: Combobox_ComboboxLabel,
+    Control: Combobox_ComboboxControl,
+    Input: Combobox_ComboboxInput,
+    ClearTrigger: Combobox_ComboboxClearTrigger,
+    Trigger: Combobox_ComboboxTrigger,
+    Positioner: Combobox_ComboboxPositioner,
+    Content: Combobox_ComboboxContent,
+    Empty: Combobox_ComboboxEmpty,
+    Status: Combobox_ComboboxStatus,
+    List: Combobox_ComboboxList,
+    ItemGroup: Combobox_ComboboxItemGroup,
+    ItemGroupLabel: Combobox_ComboboxItemGroupLabel,
+    Item: Combobox_ComboboxItem,
+    ItemText: Combobox_ComboboxItemText,
+    ItemIndicator: Combobox_ComboboxItemIndicator,
+    Option: Combobox_ComboboxOption,
+    Context: Combobox.Context,
+    ItemContext: Combobox.ItemContext
+});
+export { Combobox_Combobox as Combobox, useCombobox, useComboboxContext, useComboboxItemContext };

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

@@ -1,23 +1,24 @@
-import './Combobox.css';
-//#region src/components/combobox/Combobox.module.css
-var Combobox_module_default = {
-	"clearTrigger": "mcW7mG_clearTrigger",
-	"combobox-content-closed": "mcW7mG_combobox-content-closed",
-	"combobox-content-open": "mcW7mG_combobox-content-open",
-	"content": "mcW7mG_content",
-	"control": "mcW7mG_control",
-	"empty": "mcW7mG_empty",
-	"input": "mcW7mG_input",
-	"item": "mcW7mG_item",
-	"itemGroup": "mcW7mG_itemGroup",
-	"itemGroupLabel": "mcW7mG_itemGroupLabel",
-	"itemIndicator": "mcW7mG_itemIndicator",
-	"itemText": "mcW7mG_itemText",
-	"label": "mcW7mG_label",
-	"list": "mcW7mG_list",
-	"positioner": "mcW7mG_positioner",
-	"root": "mcW7mG_root",
-	"trigger": "mcW7mG_trigger"
+import "./Combobox_module.css";
+const Combobox_module = {
+    root: "root-f2t7iX",
+    label: "label-Cy20V6",
+    control: "control-sZTteb",
+    input: "input-GKpq83",
+    trigger: "trigger-HAivxO",
+    clearTrigger: "clearTrigger-C2UA1L",
+    positioner: "positioner-Zt8pWe",
+    content: "content-nFctlF",
+    "combobox-content-open": "combobox-content-open-lEj2k4",
+    comboboxContentOpen: "combobox-content-open-lEj2k4",
+    "combobox-content-closed": "combobox-content-closed-gKQ97t",
+    comboboxContentClosed: "combobox-content-closed-gKQ97t",
+    list: "list-n0fySc",
+    empty: "empty-gOWGeH",
+    status: "status-KiR6k9",
+    itemGroup: "itemGroup-yxILwV",
+    itemGroupLabel: "itemGroupLabel-XrjPai",
+    item: "item-edZk83",
+    itemText: "itemText-en1Owy",
+    itemIndicator: "itemIndicator-VZJZFM"
 };
-//#endregion
-export { Combobox_module_default as default };
+export default Combobox_module;