@envive-ai/react-toolkit-v3 0.3.14 → 0.3.15-beta.1

package/dist/components/Combobox/Combobox.cjs

@@ -0,0 +1,189 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Input = require('../Input/Input.cjs');
+const require_Label = require('../Label/Label.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+
+//#region src/components/Combobox/Combobox.tsx
+function defaultGetOptionLabel(option) {
+	if (typeof option === "string") return option;
+	if (typeof option === "number") return String(option);
+	if (option && typeof option === "object" && "label" in option) return String(option.label);
+	return String(option);
+}
+function defaultIsOptionEqualToValue(option, value) {
+	return option === value;
+}
+function ComboboxInner({ options, value, onChange, getOptionLabel = defaultGetOptionLabel, isOptionEqualToValue = defaultIsOptionEqualToValue, multiple, disabled, placeholder, size, label, renderOption, disableCloseOnSelect, openOnFocus, className, id }, ref) {
+	const [open, setOpen] = react.useState(false);
+	const [search, setSearch] = react.useState("");
+	const [highlightedIndex, setHighlightedIndex] = react.useState(-1);
+	const containerRef = react.useRef(null);
+	const listRef = react.useRef(null);
+	const filtered = react.useMemo(() => {
+		if (!search) return options;
+		const lower = search.toLowerCase();
+		return options.filter((o) => getOptionLabel(o).toLowerCase().includes(lower));
+	}, [
+		options,
+		search,
+		getOptionLabel
+	]);
+	const isSelected = react.useCallback((option) => {
+		if (multiple && Array.isArray(value)) return value.some((v) => isOptionEqualToValue(option, v));
+		return value !== null && isOptionEqualToValue(option, value);
+	}, [
+		value,
+		multiple,
+		isOptionEqualToValue
+	]);
+	const handleSelect = react.useCallback((option) => {
+		if (multiple) {
+			const currentValue = value || [];
+			onChange(currentValue.some((v) => isOptionEqualToValue(option, v)) ? currentValue.filter((v) => !isOptionEqualToValue(option, v)) : [...currentValue, option]);
+		} else {
+			onChange(option);
+			setSearch(getOptionLabel(option));
+		}
+		if (!disableCloseOnSelect && !multiple) setOpen(false);
+	}, [
+		value,
+		multiple,
+		onChange,
+		isOptionEqualToValue,
+		getOptionLabel,
+		disableCloseOnSelect
+	]);
+	const handleKeyDown = react.useCallback((e) => {
+		if (!open && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
+			setOpen(true);
+			return;
+		}
+		if (!open) return;
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault();
+				setHighlightedIndex((prev) => Math.min(prev + 1, filtered.length - 1));
+				break;
+			case "ArrowUp":
+				e.preventDefault();
+				setHighlightedIndex((prev) => Math.max(prev - 1, 0));
+				break;
+			case "Enter":
+				e.preventDefault();
+				if (highlightedIndex >= 0 && highlightedIndex < filtered.length) handleSelect(filtered[highlightedIndex]);
+				break;
+			case "Escape":
+				e.preventDefault();
+				setOpen(false);
+				break;
+		}
+	}, [
+		open,
+		filtered,
+		highlightedIndex,
+		handleSelect
+	]);
+	react.useEffect(() => {
+		if (!open) return;
+		const handleClick = (e) => {
+			if (containerRef.current && !containerRef.current.contains(e.target)) setOpen(false);
+		};
+		document.addEventListener("mousedown", handleClick);
+		return () => document.removeEventListener("mousedown", handleClick);
+	}, [open]);
+	react.useEffect(() => {
+		if (highlightedIndex >= 0 && listRef.current) listRef.current.children[highlightedIndex]?.scrollIntoView({ block: "nearest" });
+	}, [highlightedIndex]);
+	react.useEffect(() => {
+		if (!multiple && value && !open) setSearch(getOptionLabel(value));
+		else if (!multiple && !value) setSearch("");
+	}, [
+		value,
+		multiple,
+		open,
+		getOptionLabel
+	]);
+	const sizeClasses = size === "sm" ? "envive-tw-h-8 envive-tw-text-xs" : "";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref: (node) => {
+			containerRef.current = node;
+			if (typeof ref === "function") ref(node);
+			else if (ref) ref.current = node;
+		},
+		className: (0, classnames.default)("envive-tw-relative", className),
+		children: [
+			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Label.Label, {
+				htmlFor: id,
+				className: "envive-tw-mb-1.5",
+				children: label
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Input.Input, {
+				id,
+				value: multiple ? search : search,
+				onChange: (e) => {
+					setSearch(e.target.value);
+					if (!open) setOpen(true);
+					setHighlightedIndex(0);
+				},
+				onFocus: () => {
+					if (openOnFocus) setOpen(true);
+				},
+				onKeyDown: handleKeyDown,
+				placeholder: multiple && Array.isArray(value) && value.length > 0 ? `${value.length} selected` : placeholder,
+				disabled,
+				className: sizeClasses,
+				role: "combobox",
+				"aria-expanded": open,
+				"aria-haspopup": "listbox",
+				autoComplete: "off"
+			}),
+			open && filtered.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+				ref: listRef,
+				role: "listbox",
+				className: "envive-tw-absolute envive-tw-z-50 envive-tw-mt-1 envive-tw-max-h-60 envive-tw-w-full envive-tw-overflow-auto envive-tw-rounded envive-tw-border envive-tw-border-input envive-tw-bg-background envive-tw-py-1 envive-tw-shadow-md",
+				children: filtered.map((option, index) => {
+					const selected = isSelected(option);
+					const highlighted = index === highlightedIndex;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+						role: "option",
+						"aria-selected": selected,
+						className: (0, classnames.default)("envive-tw-cursor-pointer envive-tw-select-none envive-tw-px-3 envive-tw-py-2 envive-tw-text-sm", highlighted && "envive-tw-bg-accent envive-tw-text-accent-foreground", selected && !highlighted && "envive-tw-font-medium"),
+						onMouseEnter: () => setHighlightedIndex(index),
+						onMouseDown: (e) => {
+							e.preventDefault();
+							handleSelect(option);
+						},
+						children: renderOption ? renderOption(option, { selected }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "envive-tw-flex envive-tw-items-center envive-tw-gap-2",
+							children: [multiple && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: (0, classnames.default)("envive-tw-flex envive-tw-h-4 envive-tw-w-4 envive-tw-items-center envive-tw-justify-center envive-tw-rounded-sm envive-tw-border envive-tw-border-primary", selected && "envive-tw-bg-primary envive-tw-text-primary-foreground"),
+								children: selected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+									width: "10",
+									height: "10",
+									viewBox: "0 0 10 10",
+									fill: "none",
+									xmlns: "http://www.w3.org/2000/svg",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+										d: "M8.5 2.5L3.5 7.5L1.5 5.5",
+										stroke: "currentColor",
+										strokeWidth: "1.5",
+										strokeLinecap: "round",
+										strokeLinejoin: "round"
+									})
+								})
+							}), getOptionLabel(option)]
+						})
+					}, index);
+				})
+			})
+		]
+	});
+}
+const Combobox = react.forwardRef(ComboboxInner);
+
+//#endregion
+exports.Combobox = Combobox;

package/dist/components/Combobox/Combobox.d.cts

@@ -0,0 +1,7 @@
+import { ComboboxProps } from "./types/index.cjs";
+import * as React$1 from "react";
+
+//#region src/components/Combobox/Combobox.d.ts
+declare const Combobox: <T, Multiple extends boolean = false>(props: ComboboxProps<T, Multiple> & React$1.RefAttributes<HTMLDivElement>) => React$1.ReactElement | null;
+//#endregion
+export { Combobox };

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

@@ -0,0 +1,7 @@
+import { ComboboxProps } from "./types/index.js";
+import * as React$1 from "react";
+
+//#region src/components/Combobox/Combobox.d.ts
+declare const Combobox: <T, Multiple extends boolean = false>(props: ComboboxProps<T, Multiple> & React$1.RefAttributes<HTMLDivElement>) => React$1.ReactElement | null;
+//#endregion
+export { Combobox };

package/dist/components/Combobox/Combobox.js

@@ -0,0 +1,186 @@
+import { Input } from "../Input/Input.js";
+import { Label } from "../Label/Label.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+
+//#region src/components/Combobox/Combobox.tsx
+function defaultGetOptionLabel(option) {
+	if (typeof option === "string") return option;
+	if (typeof option === "number") return String(option);
+	if (option && typeof option === "object" && "label" in option) return String(option.label);
+	return String(option);
+}
+function defaultIsOptionEqualToValue(option, value) {
+	return option === value;
+}
+function ComboboxInner({ options, value, onChange, getOptionLabel = defaultGetOptionLabel, isOptionEqualToValue = defaultIsOptionEqualToValue, multiple, disabled, placeholder, size, label, renderOption, disableCloseOnSelect, openOnFocus, className, id }, ref) {
+	const [open, setOpen] = React$1.useState(false);
+	const [search, setSearch] = React$1.useState("");
+	const [highlightedIndex, setHighlightedIndex] = React$1.useState(-1);
+	const containerRef = React$1.useRef(null);
+	const listRef = React$1.useRef(null);
+	const filtered = React$1.useMemo(() => {
+		if (!search) return options;
+		const lower = search.toLowerCase();
+		return options.filter((o) => getOptionLabel(o).toLowerCase().includes(lower));
+	}, [
+		options,
+		search,
+		getOptionLabel
+	]);
+	const isSelected = React$1.useCallback((option) => {
+		if (multiple && Array.isArray(value)) return value.some((v) => isOptionEqualToValue(option, v));
+		return value !== null && isOptionEqualToValue(option, value);
+	}, [
+		value,
+		multiple,
+		isOptionEqualToValue
+	]);
+	const handleSelect = React$1.useCallback((option) => {
+		if (multiple) {
+			const currentValue = value || [];
+			onChange(currentValue.some((v) => isOptionEqualToValue(option, v)) ? currentValue.filter((v) => !isOptionEqualToValue(option, v)) : [...currentValue, option]);
+		} else {
+			onChange(option);
+			setSearch(getOptionLabel(option));
+		}
+		if (!disableCloseOnSelect && !multiple) setOpen(false);
+	}, [
+		value,
+		multiple,
+		onChange,
+		isOptionEqualToValue,
+		getOptionLabel,
+		disableCloseOnSelect
+	]);
+	const handleKeyDown = React$1.useCallback((e) => {
+		if (!open && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
+			setOpen(true);
+			return;
+		}
+		if (!open) return;
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault();
+				setHighlightedIndex((prev) => Math.min(prev + 1, filtered.length - 1));
+				break;
+			case "ArrowUp":
+				e.preventDefault();
+				setHighlightedIndex((prev) => Math.max(prev - 1, 0));
+				break;
+			case "Enter":
+				e.preventDefault();
+				if (highlightedIndex >= 0 && highlightedIndex < filtered.length) handleSelect(filtered[highlightedIndex]);
+				break;
+			case "Escape":
+				e.preventDefault();
+				setOpen(false);
+				break;
+		}
+	}, [
+		open,
+		filtered,
+		highlightedIndex,
+		handleSelect
+	]);
+	React$1.useEffect(() => {
+		if (!open) return;
+		const handleClick = (e) => {
+			if (containerRef.current && !containerRef.current.contains(e.target)) setOpen(false);
+		};
+		document.addEventListener("mousedown", handleClick);
+		return () => document.removeEventListener("mousedown", handleClick);
+	}, [open]);
+	React$1.useEffect(() => {
+		if (highlightedIndex >= 0 && listRef.current) listRef.current.children[highlightedIndex]?.scrollIntoView({ block: "nearest" });
+	}, [highlightedIndex]);
+	React$1.useEffect(() => {
+		if (!multiple && value && !open) setSearch(getOptionLabel(value));
+		else if (!multiple && !value) setSearch("");
+	}, [
+		value,
+		multiple,
+		open,
+		getOptionLabel
+	]);
+	const sizeClasses = size === "sm" ? "envive-tw-h-8 envive-tw-text-xs" : "";
+	return /* @__PURE__ */ jsxs("div", {
+		ref: (node) => {
+			containerRef.current = node;
+			if (typeof ref === "function") ref(node);
+			else if (ref) ref.current = node;
+		},
+		className: classNames("envive-tw-relative", className),
+		children: [
+			label && /* @__PURE__ */ jsx(Label, {
+				htmlFor: id,
+				className: "envive-tw-mb-1.5",
+				children: label
+			}),
+			/* @__PURE__ */ jsx(Input, {
+				id,
+				value: multiple ? search : search,
+				onChange: (e) => {
+					setSearch(e.target.value);
+					if (!open) setOpen(true);
+					setHighlightedIndex(0);
+				},
+				onFocus: () => {
+					if (openOnFocus) setOpen(true);
+				},
+				onKeyDown: handleKeyDown,
+				placeholder: multiple && Array.isArray(value) && value.length > 0 ? `${value.length} selected` : placeholder,
+				disabled,
+				className: sizeClasses,
+				role: "combobox",
+				"aria-expanded": open,
+				"aria-haspopup": "listbox",
+				autoComplete: "off"
+			}),
+			open && filtered.length > 0 && /* @__PURE__ */ jsx("ul", {
+				ref: listRef,
+				role: "listbox",
+				className: "envive-tw-absolute envive-tw-z-50 envive-tw-mt-1 envive-tw-max-h-60 envive-tw-w-full envive-tw-overflow-auto envive-tw-rounded envive-tw-border envive-tw-border-input envive-tw-bg-background envive-tw-py-1 envive-tw-shadow-md",
+				children: filtered.map((option, index) => {
+					const selected = isSelected(option);
+					const highlighted = index === highlightedIndex;
+					return /* @__PURE__ */ jsx("li", {
+						role: "option",
+						"aria-selected": selected,
+						className: classNames("envive-tw-cursor-pointer envive-tw-select-none envive-tw-px-3 envive-tw-py-2 envive-tw-text-sm", highlighted && "envive-tw-bg-accent envive-tw-text-accent-foreground", selected && !highlighted && "envive-tw-font-medium"),
+						onMouseEnter: () => setHighlightedIndex(index),
+						onMouseDown: (e) => {
+							e.preventDefault();
+							handleSelect(option);
+						},
+						children: renderOption ? renderOption(option, { selected }) : /* @__PURE__ */ jsxs("span", {
+							className: "envive-tw-flex envive-tw-items-center envive-tw-gap-2",
+							children: [multiple && /* @__PURE__ */ jsx("span", {
+								className: classNames("envive-tw-flex envive-tw-h-4 envive-tw-w-4 envive-tw-items-center envive-tw-justify-center envive-tw-rounded-sm envive-tw-border envive-tw-border-primary", selected && "envive-tw-bg-primary envive-tw-text-primary-foreground"),
+								children: selected && /* @__PURE__ */ jsx("svg", {
+									width: "10",
+									height: "10",
+									viewBox: "0 0 10 10",
+									fill: "none",
+									xmlns: "http://www.w3.org/2000/svg",
+									children: /* @__PURE__ */ jsx("path", {
+										d: "M8.5 2.5L3.5 7.5L1.5 5.5",
+										stroke: "currentColor",
+										strokeWidth: "1.5",
+										strokeLinecap: "round",
+										strokeLinejoin: "round"
+									})
+								})
+							}), getOptionLabel(option)]
+						})
+					}, index);
+				})
+			})
+		]
+	});
+}
+const Combobox = React$1.forwardRef(ComboboxInner);
+
+//#endregion
+export { Combobox };

package/dist/components/Combobox/index.cjs

@@ -0,0 +1,3 @@
+const require_Combobox = require('./Combobox.cjs');
+
+exports.Combobox = require_Combobox.Combobox;

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

@@ -0,0 +1,3 @@
+import { ComboboxProps } from "./types/index.cjs";
+import { Combobox } from "./Combobox.cjs";
+export { Combobox, type ComboboxProps };

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

@@ -0,0 +1,3 @@
+import { ComboboxProps } from "./types/index.js";
+import { Combobox } from "./Combobox.js";
+export { Combobox, type ComboboxProps };

package/dist/components/Combobox/index.js

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

package/dist/components/Combobox/types/index.d.cts

@@ -0,0 +1,22 @@
+//#region src/components/Combobox/types/index.d.ts
+interface ComboboxProps<T, Multiple extends boolean = false> {
+  options: T[];
+  value: Multiple extends true ? T[] : T | null;
+  onChange: (value: Multiple extends true ? T[] : T | null) => void;
+  getOptionLabel?: (option: T) => string;
+  isOptionEqualToValue?: (option: T, value: T) => boolean;
+  multiple?: Multiple;
+  disabled?: boolean;
+  placeholder?: string;
+  size?: 'sm' | 'default';
+  label?: string;
+  renderOption?: (option: T, state: {
+    selected: boolean;
+  }) => React.ReactNode;
+  disableCloseOnSelect?: boolean;
+  openOnFocus?: boolean;
+  className?: string;
+  id?: string;
+}
+//#endregion
+export { ComboboxProps };

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

@@ -0,0 +1,22 @@
+//#region src/components/Combobox/types/index.d.ts
+interface ComboboxProps<T, Multiple extends boolean = false> {
+  options: T[];
+  value: Multiple extends true ? T[] : T | null;
+  onChange: (value: Multiple extends true ? T[] : T | null) => void;
+  getOptionLabel?: (option: T) => string;
+  isOptionEqualToValue?: (option: T, value: T) => boolean;
+  multiple?: Multiple;
+  disabled?: boolean;
+  placeholder?: string;
+  size?: 'sm' | 'default';
+  label?: string;
+  renderOption?: (option: T, state: {
+    selected: boolean;
+  }) => React.ReactNode;
+  disableCloseOnSelect?: boolean;
+  openOnFocus?: boolean;
+  className?: string;
+  id?: string;
+}
+//#endregion
+export { ComboboxProps };

package/dist/components/Command/Command.cjs

@@ -0,0 +1,34 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/Command/Command.tsx
+const Command = react.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children }));
+Command.displayName = "Command";
+const CommandDialog = ({ children, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
+const CommandInput = react.forwardRef((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: "CommandInput" }));
+CommandInput.displayName = "CommandInput";
+const CommandList = react.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children }));
+CommandList.displayName = "CommandList";
+const CommandEmpty = react.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children }));
+CommandEmpty.displayName = "CommandEmpty";
+const CommandGroup = react.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children }));
+CommandGroup.displayName = "CommandGroup";
+const CommandSeparator = react.forwardRef((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: "CommandSeparator" }));
+CommandSeparator.displayName = "CommandSeparator";
+const CommandItem = react.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children }));
+CommandItem.displayName = "CommandItem";
+const CommandShortcut = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: "CommandShortcut" });
+CommandShortcut.displayName = "CommandShortcut";
+
+//#endregion
+exports.Command = Command;
+exports.CommandDialog = CommandDialog;
+exports.CommandEmpty = CommandEmpty;
+exports.CommandGroup = CommandGroup;
+exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
+exports.CommandList = CommandList;
+exports.CommandSeparator = CommandSeparator;
+exports.CommandShortcut = CommandShortcut;

package/dist/components/Command/Command.d.cts

@@ -0,0 +1,22 @@
+import { CommandDialogProps, CommandShortcutProps } from "./types/index.cjs";
+import * as React$1 from "react";
+import * as react_jsx_runtime87 from "react/jsx-runtime";
+
+//#region src/components/Command/Command.d.ts
+declare const Command: React$1.ForwardRefExoticComponent<any>;
+declare const CommandDialog: ({
+  children,
+  ...props
+}: CommandDialogProps) => react_jsx_runtime87.JSX.Element;
+declare const CommandInput: React$1.ForwardRefExoticComponent<any>;
+declare const CommandList: React$1.ForwardRefExoticComponent<any>;
+declare const CommandEmpty: React$1.ForwardRefExoticComponent<any>;
+declare const CommandGroup: React$1.ForwardRefExoticComponent<any>;
+declare const CommandSeparator: React$1.ForwardRefExoticComponent<any>;
+declare const CommandItem: React$1.ForwardRefExoticComponent<any>;
+declare const CommandShortcut: {
+  (props: CommandShortcutProps): react_jsx_runtime87.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/components/Command/Command.d.ts

@@ -0,0 +1,22 @@
+import { CommandDialogProps, CommandShortcutProps } from "./types/index.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime58 from "react/jsx-runtime";
+
+//#region src/components/Command/Command.d.ts
+declare const Command: React$1.ForwardRefExoticComponent<any>;
+declare const CommandDialog: ({
+  children,
+  ...props
+}: CommandDialogProps) => react_jsx_runtime58.JSX.Element;
+declare const CommandInput: React$1.ForwardRefExoticComponent<any>;
+declare const CommandList: React$1.ForwardRefExoticComponent<any>;
+declare const CommandEmpty: React$1.ForwardRefExoticComponent<any>;
+declare const CommandGroup: React$1.ForwardRefExoticComponent<any>;
+declare const CommandSeparator: React$1.ForwardRefExoticComponent<any>;
+declare const CommandItem: React$1.ForwardRefExoticComponent<any>;
+declare const CommandShortcut: {
+  (props: CommandShortcutProps): react_jsx_runtime58.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/components/Command/Command.js

@@ -0,0 +1,24 @@
+import * as React$1 from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+
+//#region src/components/Command/Command.tsx
+const Command = React$1.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx(Fragment, { children }));
+Command.displayName = "Command";
+const CommandDialog = ({ children, ...props }) => /* @__PURE__ */ jsx(Fragment, { children });
+const CommandInput = React$1.forwardRef((props, ref) => /* @__PURE__ */ jsx(Fragment, { children: "CommandInput" }));
+CommandInput.displayName = "CommandInput";
+const CommandList = React$1.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx(Fragment, { children }));
+CommandList.displayName = "CommandList";
+const CommandEmpty = React$1.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx(Fragment, { children }));
+CommandEmpty.displayName = "CommandEmpty";
+const CommandGroup = React$1.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx(Fragment, { children }));
+CommandGroup.displayName = "CommandGroup";
+const CommandSeparator = React$1.forwardRef((props, ref) => /* @__PURE__ */ jsx(Fragment, { children: "CommandSeparator" }));
+CommandSeparator.displayName = "CommandSeparator";
+const CommandItem = React$1.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx(Fragment, { children }));
+CommandItem.displayName = "CommandItem";
+const CommandShortcut = (props) => /* @__PURE__ */ jsx(Fragment, { children: "CommandShortcut" });
+CommandShortcut.displayName = "CommandShortcut";
+
+//#endregion
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/components/Command/index.cjs

@@ -0,0 +1,11 @@
+const require_Command = require('./Command.cjs');
+
+exports.Command = require_Command.Command;
+exports.CommandDialog = require_Command.CommandDialog;
+exports.CommandEmpty = require_Command.CommandEmpty;
+exports.CommandGroup = require_Command.CommandGroup;
+exports.CommandInput = require_Command.CommandInput;
+exports.CommandItem = require_Command.CommandItem;
+exports.CommandList = require_Command.CommandList;
+exports.CommandSeparator = require_Command.CommandSeparator;
+exports.CommandShortcut = require_Command.CommandShortcut;

package/dist/components/Command/index.d.cts

@@ -0,0 +1,3 @@
+import { CommandDialogProps, CommandEmptyProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandListProps, CommandProps, CommandSeparatorProps, CommandShortcutProps } from "./types/index.cjs";
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./Command.cjs";
+export { Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps };

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

@@ -0,0 +1,3 @@
+import { CommandDialogProps, CommandEmptyProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandListProps, CommandProps, CommandSeparatorProps, CommandShortcutProps } from "./types/index.js";
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./Command.js";
+export { Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps };

package/dist/components/Command/index.js

@@ -0,0 +1,3 @@
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./Command.js";
+
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/components/Command/types/index.d.cts

@@ -0,0 +1,16 @@
+import * as React$1 from "react";
+import { DialogProps } from "@radix-ui/react-dialog";
+import { Command } from "cmdk";
+
+//#region src/components/Command/types/index.d.ts
+type CommandProps = React$1.ComponentPropsWithoutRef<typeof Command>;
+interface CommandDialogProps extends DialogProps {}
+type CommandInputProps = React$1.ComponentPropsWithoutRef<typeof Command.Input>;
+type CommandListProps = React$1.ComponentPropsWithoutRef<typeof Command.List>;
+type CommandEmptyProps = React$1.ComponentPropsWithoutRef<typeof Command.Empty>;
+type CommandGroupProps = React$1.ComponentPropsWithoutRef<typeof Command.Group>;
+type CommandItemProps = React$1.ComponentPropsWithoutRef<typeof Command.Item>;
+interface CommandShortcutProps extends React$1.HTMLAttributes<HTMLSpanElement> {}
+type CommandSeparatorProps = React$1.ComponentPropsWithoutRef<typeof Command.Separator>;
+//#endregion
+export { CommandDialogProps, CommandEmptyProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandListProps, CommandProps, CommandSeparatorProps, CommandShortcutProps };

package/dist/components/Command/types/index.d.ts

@@ -0,0 +1,16 @@
+import * as React$1 from "react";
+import { DialogProps } from "@radix-ui/react-dialog";
+import { Command } from "cmdk";
+
+//#region src/components/Command/types/index.d.ts
+type CommandProps = React$1.ComponentPropsWithoutRef<typeof Command>;
+interface CommandDialogProps extends DialogProps {}
+type CommandInputProps = React$1.ComponentPropsWithoutRef<typeof Command.Input>;
+type CommandListProps = React$1.ComponentPropsWithoutRef<typeof Command.List>;
+type CommandEmptyProps = React$1.ComponentPropsWithoutRef<typeof Command.Empty>;
+type CommandGroupProps = React$1.ComponentPropsWithoutRef<typeof Command.Group>;
+type CommandItemProps = React$1.ComponentPropsWithoutRef<typeof Command.Item>;
+interface CommandShortcutProps extends React$1.HTMLAttributes<HTMLSpanElement> {}
+type CommandSeparatorProps = React$1.ComponentPropsWithoutRef<typeof Command.Separator>;
+//#endregion
+export { CommandDialogProps, CommandEmptyProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandListProps, CommandProps, CommandSeparatorProps, CommandShortcutProps };

package/dist/components/Container/Container.cjs

@@ -0,0 +1,26 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_useGetFluidProperties = require('./hooks/useGetFluidProperties.cjs');
+const require_useGetCenterContentProperties = require('./hooks/useGetCenterContentProperties.cjs');
+let react = require("react");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+
+//#region src/components/Container/Container.tsx
+/**
+* Renders a container component with responsive controls.
+* Padding can be controlled via the className prop.
+*/
+const Container = ({ id, testId, children, className, style, component = "div", fluid = false, centerContent, ...props }) => {
+	const { fluidClass } = require_useGetFluidProperties.useGetFluidProperties(fluid);
+	const { centerContentClass } = require_useGetCenterContentProperties.useGetCenterContentProperties(centerContent);
+	return (0, react.createElement)(component, {
+		className: (0, classnames.default)(fluidClass, centerContentClass, className),
+		style,
+		id,
+		"data-testid": testId,
+		...props
+	}, children);
+};
+
+//#endregion
+exports.Container = Container;