@moduix/react 1.1.0

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

@@ -0,0 +1,24 @@
+import { OverlayPortalProps } from "../../lib/moduix/overlayPortal.js";
+import { Combobox } from "@ark-ui/react/combobox";
+
+//#region src/components/combobox/Combobox.d.ts
+declare const Combobox$1: Combobox.RootComponent<OverlayPortalProps> & {
+  Root: Combobox.RootComponent<OverlayPortalProps>;
+  RootProvider: Combobox.RootProviderComponent<OverlayPortalProps>;
+  Label: import("react").ForwardRefExoticComponent<Omit<Combobox.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+  Control: import("react").ForwardRefExoticComponent<Omit<Combobox.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Input: import("react").ForwardRefExoticComponent<Omit<Combobox.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+  ClearTrigger: import("react").ForwardRefExoticComponent<Omit<Combobox.ClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<Combobox.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Positioner: import("react").ForwardRefExoticComponent<Omit<Combobox.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Content: import("react").ForwardRefExoticComponent<Omit<Combobox.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Empty: import("react").ForwardRefExoticComponent<Omit<Combobox.EmptyProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  List: import("react").ForwardRefExoticComponent<Omit<Combobox.ListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  ItemGroup: import("react").ForwardRefExoticComponent<Omit<Combobox.ItemGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  ItemGroupLabel: import("react").ForwardRefExoticComponent<Omit<Combobox.ItemGroupLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Item: import("react").ForwardRefExoticComponent<Omit<Combobox.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  ItemText: import("react").ForwardRefExoticComponent<Omit<Combobox.ItemTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  ItemIndicator: import("react").ForwardRefExoticComponent<Omit<Combobox.ItemIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { Combobox$1 as Combobox };

package/dist/components/combobox/Combobox.js

@@ -0,0 +1,169 @@
+import { CheckIcon, ChevronUpDownIcon, CloseIcon } from "../../lib/moduix/icons/ui/Icons.js";
+import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../lib/moduix/overlayPortal.js";
+import Combobox_module_default from "./Combobox.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { Combobox } 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({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.ClearTrigger, {
+		ref,
+		"data-slot": "combobox-clear-trigger",
+		className: clsx(Combobox_module_default.clearTrigger, normalizeClassName(className)),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(CloseIcon, {})
+	});
+});
+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 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
+});
+//#endregion
+export { Combobox$1 as Combobox };

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

@@ -0,0 +1,23 @@
+import './Combobox.css';
+//#region src/components/combobox/Combobox.module.css
+var Combobox_module_default = {
+	"clearTrigger": "AqJn2G_clearTrigger",
+	"combobox-content-closed": "AqJn2G_combobox-content-closed",
+	"combobox-content-open": "AqJn2G_combobox-content-open",
+	"content": "AqJn2G_content",
+	"control": "AqJn2G_control",
+	"empty": "AqJn2G_empty",
+	"input": "AqJn2G_input",
+	"item": "AqJn2G_item",
+	"itemGroup": "AqJn2G_itemGroup",
+	"itemGroupLabel": "AqJn2G_itemGroupLabel",
+	"itemIndicator": "AqJn2G_itemIndicator",
+	"itemText": "AqJn2G_itemText",
+	"label": "AqJn2G_label",
+	"list": "AqJn2G_list",
+	"positioner": "AqJn2G_positioner",
+	"root": "AqJn2G_root",
+	"trigger": "AqJn2G_trigger"
+};
+//#endregion
+export { Combobox_module_default as default };

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

@@ -0,0 +1,2 @@
+import { Combobox } from "./Combobox.js";
+export { Combobox };