@m5kdev/web-ui 0.6.0 → 0.8.0

package/dist/src/components/MultiSelectDropdown.d.ts

@@ -1,26 +1,29 @@
-import * as React from "react";
+import * as React$1 from "react";
+
+//#region src/components/MultiSelectDropdown.d.ts
 interface MultiSelectOption {
-    label: string;
-    icon?: React.ReactNode;
-    value: string;
-    group?: string;
+  label: string;
+  icon?: React$1.ReactNode;
+  value: string;
+  group?: string;
 }
 interface MultiSelectDropdownProps {
-    options: MultiSelectOption[];
-    selectedValues: string[];
-    onValueChange: (selectedValues: string[]) => void;
-    placeholder?: React.ReactNode;
-    label?: string;
-    className?: string;
-    triggerClassName?: string;
-    disabled?: boolean;
-    maxDisplayCount?: number;
-    multiSelectLabel?: string;
-    trigger?: React.ReactNode;
-    resetButton?: "bottom" | "top";
-    resetLabel?: React.ReactNode;
-    separateGroups?: boolean;
+  options: MultiSelectOption[];
+  selectedValues: string[];
+  onValueChange: (selectedValues: string[]) => void;
+  placeholder?: React$1.ReactNode;
+  label?: string;
+  className?: string;
+  triggerClassName?: string;
+  disabled?: boolean;
+  maxDisplayCount?: number;
+  multiSelectLabel?: string;
+  trigger?: React$1.ReactNode;
+  resetButton?: "bottom" | "top";
+  resetLabel?: React$1.ReactNode;
+  separateGroups?: boolean;
 }
-declare const MultiSelectDropdown: React.ForwardRefExoticComponent<MultiSelectDropdownProps & React.RefAttributes<HTMLButtonElement>>;
-export { MultiSelectDropdown };
-export type { MultiSelectOption, MultiSelectDropdownProps };
+declare const MultiSelectDropdown: React$1.ForwardRefExoticComponent<MultiSelectDropdownProps & React$1.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { MultiSelectDropdown, type MultiSelectDropdownProps, type MultiSelectOption };
+//# sourceMappingURL=MultiSelectDropdown.d.ts.map

package/dist/src/components/MultiSelectDropdown.js

@@ -1,53 +1,103 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+import { Button } from "./ui/button.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "./ui/dropdown-menu.js";
+import * as React$1 from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, RotateCcw } from "lucide-react";
-import * as React from "react";
-import { Button } from "./ui/button";
-import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./ui/dropdown-menu";
-import { cn } from "../lib/utils";
-const MultiSelectDropdown = React.forwardRef(({ options, selectedValues, onValueChange, placeholder = "Select items...", label, className, triggerClassName, trigger, multiSelectLabel, disabled = false, maxDisplayCount = 3, resetButton = "bottom", resetLabel = "Reset", separateGroups = false, ...props }, ref) => {
-    const handleValueChange = (value, checked) => {
-        if (checked) {
-            onValueChange([...selectedValues, value]);
-        }
-        else {
-            onValueChange(selectedValues.filter((v) => v !== value));
-        }
-    };
-    const handleReset = () => {
-        onValueChange([]);
-    };
-    const getDisplayText = () => {
-        if (selectedValues.length === 0) {
-            return placeholder;
-        }
-        const selectedLabels = options
-            .filter((option) => selectedValues.includes(option.value))
-            .map((option) => option.label);
-        if (multiSelectLabel && selectedLabels.length > 1) {
-            return multiSelectLabel;
-        }
-        if (selectedLabels.length <= maxDisplayCount) {
-            return selectedLabels.join(", ");
-        }
-        return `${selectedLabels.slice(0, maxDisplayCount).join(", ")} (+${selectedLabels.length - maxDisplayCount} more)`;
-    };
-    const groupedOptions = React.useMemo(() => {
-        const groups = {};
-        const ungrouped = [];
-        options.forEach((option) => {
-            if (option.group) {
-                if (!groups[option.group]) {
-                    groups[option.group] = [];
-                }
-                groups[option.group].push(option);
-            }
-            else {
-                ungrouped.push(option);
-            }
-        });
-        return { groups, ungrouped };
-    }, [options]);
-    return (_jsx("div", { className: cn("w-full", className), children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { ref: ref, variant: "outline", className: cn("w-full justify-between text-left font-normal", selectedValues.length === 0 && "text-muted-foreground", triggerClassName), disabled: disabled, ...props, children: trigger || (_jsxs(_Fragment, { children: [_jsx("span", { className: "truncate", children: getDisplayText() }), _jsx(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] })) }) }), _jsxs(DropdownMenuContent, { className: "w-full min-w-[var(--radix-dropdown-menu-trigger-width)]", align: "start", children: [resetButton && resetButton === "top" && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuItem, { onClick: handleReset, disabled: selectedValues.length === 0, onSelect: (event) => event.preventDefault(), className: "cursor-pointer text-muted-foreground hover:text-foreground", children: resetLabel || (_jsxs(_Fragment, { children: [_jsx(RotateCcw, { className: "mr-2 h-4 w-4" }), "Reset"] })) }), _jsx(DropdownMenuSeparator, {})] })), label && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuLabel, { children: label }), _jsx(DropdownMenuSeparator, {})] })), Object.entries(groupedOptions.groups).map(([groupName, groupOptions], groupIndex) => (_jsxs(DropdownMenuGroup, { children: [groupIndex > 0 && separateGroups && _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuLabel, { className: "text-xs font-semibold text-muted-foreground px-2 py-1.5", children: groupName }), groupOptions.map((option) => (_jsxs(DropdownMenuCheckboxItem, { checked: selectedValues.includes(option.value), onCheckedChange: (checked) => handleValueChange(option.value, checked), onSelect: (event) => event.preventDefault(), className: "cursor-pointer", children: [option.icon && _jsx("span", { className: "mr-2", children: option.icon }), option.label] }, option.value)))] }, groupName))), groupedOptions.ungrouped.length > 0 && (_jsxs(DropdownMenuGroup, { children: [Object.keys(groupedOptions.groups).length > 0 && _jsx(DropdownMenuSeparator, {}), groupedOptions.ungrouped.map((option) => (_jsx(DropdownMenuCheckboxItem, { checked: selectedValues.includes(option.value), onCheckedChange: (checked) => handleValueChange(option.value, checked), onSelect: (event) => event.preventDefault(), className: "cursor-pointer", children: option.label }, option.value)))] })), resetButton && resetButton === "bottom" && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { onClick: handleReset, disabled: selectedValues.length === 0, onSelect: (event) => event.preventDefault(), className: "cursor-pointer text-muted-foreground hover:text-foreground", children: resetLabel || (_jsxs(_Fragment, { children: [_jsx(RotateCcw, { className: "mr-2 h-4 w-4" }), "Reset"] })) })] }))] })] }) }));
+//#region src/components/MultiSelectDropdown.tsx
+const MultiSelectDropdown = React$1.forwardRef(({ options, selectedValues, onValueChange, placeholder = "Select items...", label, className, triggerClassName, trigger, multiSelectLabel, disabled = false, maxDisplayCount = 3, resetButton = "bottom", resetLabel = "Reset", separateGroups = false, ...props }, ref) => {
+	const handleValueChange = (value, checked) => {
+		if (checked) onValueChange([...selectedValues, value]);
+		else onValueChange(selectedValues.filter((v) => v !== value));
+	};
+	const handleReset = () => {
+		onValueChange([]);
+	};
+	const getDisplayText = () => {
+		if (selectedValues.length === 0) return placeholder;
+		const selectedLabels = options.filter((option) => selectedValues.includes(option.value)).map((option) => option.label);
+		if (multiSelectLabel && selectedLabels.length > 1) return multiSelectLabel;
+		if (selectedLabels.length <= maxDisplayCount) return selectedLabels.join(", ");
+		return `${selectedLabels.slice(0, maxDisplayCount).join(", ")} (+${selectedLabels.length - maxDisplayCount} more)`;
+	};
+	const groupedOptions = React$1.useMemo(() => {
+		const groups = {};
+		const ungrouped = [];
+		options.forEach((option) => {
+			if (option.group) {
+				if (!groups[option.group]) groups[option.group] = [];
+				groups[option.group].push(option);
+			} else ungrouped.push(option);
+		});
+		return {
+			groups,
+			ungrouped
+		};
+	}, [options]);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("w-full", className),
+		children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
+				ref,
+				variant: "outline",
+				className: cn("w-full justify-between text-left font-normal", selectedValues.length === 0 && "text-muted-foreground", triggerClassName),
+				disabled,
+				...props,
+				children: trigger || /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: getDisplayText()
+				}), /* @__PURE__ */ jsx(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] })
+			})
+		}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+			className: "w-full min-w-[var(--radix-dropdown-menu-trigger-width)]",
+			align: "start",
+			children: [
+				resetButton && resetButton === "top" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuItem, {
+					onClick: handleReset,
+					disabled: selectedValues.length === 0,
+					onSelect: (event) => event.preventDefault(),
+					className: "cursor-pointer text-muted-foreground hover:text-foreground",
+					children: resetLabel || /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 h-4 w-4" }), "Reset"] })
+				}), /* @__PURE__ */ jsx(DropdownMenuSeparator, {})] }),
+				label && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuLabel, { children: label }), /* @__PURE__ */ jsx(DropdownMenuSeparator, {})] }),
+				Object.entries(groupedOptions.groups).map(([groupName, groupOptions], groupIndex) => /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
+					groupIndex > 0 && separateGroups && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+					/* @__PURE__ */ jsx(DropdownMenuLabel, {
+						className: "text-xs font-semibold text-muted-foreground px-2 py-1.5",
+						children: groupName
+					}),
+					groupOptions.map((option) => /* @__PURE__ */ jsxs(DropdownMenuCheckboxItem, {
+						checked: selectedValues.includes(option.value),
+						onCheckedChange: (checked) => handleValueChange(option.value, checked),
+						onSelect: (event) => event.preventDefault(),
+						className: "cursor-pointer",
+						children: [option.icon && /* @__PURE__ */ jsx("span", {
+							className: "mr-2",
+							children: option.icon
+						}), option.label]
+					}, option.value))
+				] }, groupName)),
+				groupedOptions.ungrouped.length > 0 && /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [Object.keys(groupedOptions.groups).length > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}), groupedOptions.ungrouped.map((option) => /* @__PURE__ */ jsx(DropdownMenuCheckboxItem, {
+					checked: selectedValues.includes(option.value),
+					onCheckedChange: (checked) => handleValueChange(option.value, checked),
+					onSelect: (event) => event.preventDefault(),
+					className: "cursor-pointer",
+					children: option.label
+				}, option.value))] }),
+				resetButton && resetButton === "bottom" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsx(DropdownMenuItem, {
+					onClick: handleReset,
+					disabled: selectedValues.length === 0,
+					onSelect: (event) => event.preventDefault(),
+					className: "cursor-pointer text-muted-foreground hover:text-foreground",
+					children: resetLabel || /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 h-4 w-4" }), "Reset"] })
+				})] })
+			]
+		})] })
+	});
 });
 MultiSelectDropdown.displayName = "MultiSelectDropdown";
+//#endregion
 export { MultiSelectDropdown };
+
+//# sourceMappingURL=MultiSelectDropdown.js.map

package/dist/src/components/MultiSelectDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectDropdown.js","names":["React"],"sources":["../../../src/components/MultiSelectDropdown.tsx"],"sourcesContent":["import { ChevronDown, RotateCcw } from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport { Button } from \"./ui/button\";\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuContent,\r\n  DropdownMenuGroup,\r\n  DropdownMenuItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuTrigger,\r\n} from \"./ui/dropdown-menu\";\r\nimport { cn } from \"../lib/utils\";\r\n\r\ninterface MultiSelectOption {\r\n  label: string;\r\n  icon?: React.ReactNode;\r\n  value: string;\r\n  group?: string;\r\n}\r\n\r\ninterface MultiSelectDropdownProps {\r\n  options: MultiSelectOption[];\r\n  selectedValues: string[];\r\n  onValueChange: (selectedValues: string[]) => void;\r\n  placeholder?: React.ReactNode;\r\n  label?: string;\r\n  className?: string;\r\n  triggerClassName?: string;\r\n  disabled?: boolean;\r\n  maxDisplayCount?: number;\r\n  multiSelectLabel?: string;\r\n  trigger?: React.ReactNode;\r\n  resetButton?: \"bottom\" | \"top\";\r\n  resetLabel?: React.ReactNode;\r\n  separateGroups?: boolean;\r\n}\r\n\r\nconst MultiSelectDropdown = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuTrigger>,\r\n  MultiSelectDropdownProps\r\n>(\r\n  (\r\n    {\r\n      options,\r\n      selectedValues,\r\n      onValueChange,\r\n      placeholder = \"Select items...\",\r\n      label,\r\n      className,\r\n      triggerClassName,\r\n      trigger,\r\n      multiSelectLabel,\r\n      disabled = false,\r\n      maxDisplayCount = 3,\r\n      resetButton = \"bottom\",\r\n      resetLabel = \"Reset\",\r\n      separateGroups = false,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const handleValueChange = (value: string, checked: boolean) => {\r\n      if (checked) {\r\n        onValueChange([...selectedValues, value]);\r\n      } else {\r\n        onValueChange(selectedValues.filter((v) => v !== value));\r\n      }\r\n    };\r\n\r\n    const handleReset = () => {\r\n      onValueChange([]);\r\n    };\r\n\r\n    const getDisplayText = () => {\r\n      if (selectedValues.length === 0) {\r\n        return placeholder;\r\n      }\r\n\r\n      const selectedLabels = options\r\n        .filter((option) => selectedValues.includes(option.value))\r\n        .map((option) => option.label);\r\n\r\n      if (multiSelectLabel && selectedLabels.length > 1) {\r\n        return multiSelectLabel;\r\n      }\r\n\r\n      if (selectedLabels.length <= maxDisplayCount) {\r\n        return selectedLabels.join(\", \");\r\n      }\r\n\r\n      return `${selectedLabels.slice(0, maxDisplayCount).join(\", \")} (+${\r\n        selectedLabels.length - maxDisplayCount\r\n      } more)`;\r\n    };\r\n\r\n    const groupedOptions = React.useMemo(() => {\r\n      const groups: Record<string, MultiSelectOption[]> = {};\r\n      const ungrouped: MultiSelectOption[] = [];\r\n\r\n      options.forEach((option) => {\r\n        if (option.group) {\r\n          if (!groups[option.group]) {\r\n            groups[option.group] = [];\r\n          }\r\n          groups[option.group].push(option);\r\n        } else {\r\n          ungrouped.push(option);\r\n        }\r\n      });\r\n\r\n      return { groups, ungrouped };\r\n    }, [options]);\r\n\r\n    return (\r\n      <div className={cn(\"w-full\", className)}>\r\n        <DropdownMenu>\r\n          <DropdownMenuTrigger asChild>\r\n            <Button\r\n              ref={ref}\r\n              variant=\"outline\"\r\n              className={cn(\r\n                \"w-full justify-between text-left font-normal\",\r\n                selectedValues.length === 0 && \"text-muted-foreground\",\r\n                triggerClassName\r\n              )}\r\n              disabled={disabled}\r\n              {...props}\r\n            >\r\n              {trigger || (\r\n                <>\r\n                  <span className=\"truncate\">{getDisplayText()}</span>\r\n                  <ChevronDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\r\n                </>\r\n              )}\r\n            </Button>\r\n          </DropdownMenuTrigger>\r\n\r\n          <DropdownMenuContent\r\n            className=\"w-full min-w-[var(--radix-dropdown-menu-trigger-width)]\"\r\n            align=\"start\"\r\n          >\r\n            {resetButton && resetButton === \"top\" && (\r\n              <>\r\n                <DropdownMenuItem\r\n                  onClick={handleReset}\r\n                  disabled={selectedValues.length === 0}\r\n                  onSelect={(event) => event.preventDefault()}\r\n                  className=\"cursor-pointer text-muted-foreground hover:text-foreground\"\r\n                >\r\n                  {resetLabel || (\r\n                    <>\r\n                      <RotateCcw className=\"mr-2 h-4 w-4\" />\r\n                      Reset\r\n                    </>\r\n                  )}\r\n                </DropdownMenuItem>\r\n                <DropdownMenuSeparator />\r\n              </>\r\n            )}\r\n            {label && (\r\n              <>\r\n                <DropdownMenuLabel>{label}</DropdownMenuLabel>\r\n                <DropdownMenuSeparator />\r\n              </>\r\n            )}\r\n            {Object.entries(groupedOptions.groups).map(([groupName, groupOptions], groupIndex) => (\r\n              <DropdownMenuGroup key={groupName}>\r\n                {groupIndex > 0 && separateGroups && <DropdownMenuSeparator />}\r\n                <DropdownMenuLabel className=\"text-xs font-semibold text-muted-foreground px-2 py-1.5\">\r\n                  {groupName}\r\n                </DropdownMenuLabel>\r\n                {groupOptions.map((option) => (\r\n                  <DropdownMenuCheckboxItem\r\n                    key={option.value}\r\n                    checked={selectedValues.includes(option.value)}\r\n                    onCheckedChange={(checked) => handleValueChange(option.value, checked)}\r\n                    onSelect={(event) => event.preventDefault()}\r\n                    className=\"cursor-pointer\"\r\n                  >\r\n                    {option.icon && <span className=\"mr-2\">{option.icon}</span>}\r\n                    {option.label}\r\n                  </DropdownMenuCheckboxItem>\r\n                ))}\r\n              </DropdownMenuGroup>\r\n            ))}\r\n            {groupedOptions.ungrouped.length > 0 && (\r\n              <DropdownMenuGroup>\r\n                {Object.keys(groupedOptions.groups).length > 0 && <DropdownMenuSeparator />}\r\n                {groupedOptions.ungrouped.map((option) => (\r\n                  <DropdownMenuCheckboxItem\r\n                    key={option.value}\r\n                    checked={selectedValues.includes(option.value)}\r\n                    onCheckedChange={(checked) => handleValueChange(option.value, checked)}\r\n                    onSelect={(event) => event.preventDefault()}\r\n                    className=\"cursor-pointer\"\r\n                  >\r\n                    {option.label}\r\n                  </DropdownMenuCheckboxItem>\r\n                ))}\r\n              </DropdownMenuGroup>\r\n            )}\r\n            {resetButton && resetButton === \"bottom\" && (\r\n              <>\r\n                <DropdownMenuSeparator />\r\n                <DropdownMenuItem\r\n                  onClick={handleReset}\r\n                  disabled={selectedValues.length === 0}\r\n                  onSelect={(event) => event.preventDefault()}\r\n                  className=\"cursor-pointer text-muted-foreground hover:text-foreground\"\r\n                >\r\n                  {resetLabel || (\r\n                    <>\r\n                      <RotateCcw className=\"mr-2 h-4 w-4\" />\r\n                      Reset\r\n                    </>\r\n                  )}\r\n                </DropdownMenuItem>\r\n              </>\r\n            )}\r\n          </DropdownMenuContent>\r\n        </DropdownMenu>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nMultiSelectDropdown.displayName = \"MultiSelectDropdown\";\r\n\r\nexport { MultiSelectDropdown };\r\nexport type { MultiSelectOption, MultiSelectDropdownProps };\r\n"],"mappings":"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"}

package/dist/src/components/Orb.d.ts

@@ -1,6 +1,17 @@
-export default function Orb({ hue, hoverIntensity, rotateOnHover, forceHoverState, }: {
-    hue?: number | undefined;
-    hoverIntensity?: number | undefined;
-    rotateOnHover?: boolean | undefined;
-    forceHoverState?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Orb.d.ts
+declare function Orb({
+  hue,
+  hoverIntensity,
+  rotateOnHover,
+  forceHoverState
+}: {
+  hue?: number | undefined;
+  hoverIntensity?: number | undefined;
+  rotateOnHover?: boolean | undefined;
+  forceHoverState?: boolean | undefined;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Orb as default };
+//# sourceMappingURL=Orb.d.ts.map