@pixpilot/shadcn-ui 1.39.0 → 2.0.1

package/dist/tags-input/TagsInput.cjs

@@ -31,7 +31,8 @@ const EMPTY_OPTIONS = [];
 * - Options support with dropdown (like Select)
 * - freeSolo mode for custom tags (like MUI Autocomplete)
 */
-function TagsInput({ id, value = EMPTY_ARRAY, onChange, options = EMPTY_OPTIONS, freeSolo = true, placeholder = "Add tags...", emptyText = "No options found.", className, disabled = false, readOnly = false, maxTags, allowDuplicates = false, editable = false, label, delimiter = ",", addOnPaste = true, addOnTab = true, onValidate, addButtonVisibility = "touch" }) {
+function TagsInput(props) {
+	const { id, value = EMPTY_ARRAY, onChange, options = EMPTY_OPTIONS, freeSolo = true, placeholder = "Add tags...", emptyText = "No options found.", className, disabled = false, readOnly = false, maxTags, allowDuplicates = false, editable = false, label, delimiter = ",", addOnPaste = true, addOnTab = true, onValidate, addButtonVisibility = "touch",...restProps } = props;
 	const [open, setOpen] = (0, react.useState)(false);
 	const [searchValue, setSearchValue] = (0, react.useState)("");
 	const [freeInputValue, setFreeInputValue] = (0, react.useState)("");
@@ -135,6 +136,7 @@ function TagsInput({ id, value = EMPTY_ARRAY, onChange, options = EMPTY_OPTIONS,
 		value
 	]);
 	if (!hasOptions) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TagsInputInline.TagsInputInline, {
+		...restProps,
 		id,
 		label,
 		className,
@@ -160,81 +162,81 @@ function TagsInput({ id, value = EMPTY_ARRAY, onChange, options = EMPTY_OPTIONS,
 		onAddCurrentInput: handleAddCurrentInput,
 		showClear: value.length > 0 && !disabled && !readOnly
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, __pixpilot_shadcn.cn)("relative", className),
-		children: [label !== void 0 && label !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TagsInputInLineLabel, { children: label }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, {
+	const showLabel = label !== void 0 && label !== "";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(showLabel ? "div" : react.default.Fragment, {
+		...showLabel ? { className: (0, __pixpilot_shadcn.cn)("relative", className) } : {},
+		children: [showLabel ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TagsInputInLineLabel, { children: label }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, {
 			open: open && !disabled && !readOnly,
 			onOpenChange: setOpen,
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
 				asChild: true,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "w-full",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TagsInputInline.TagsInputInline, {
-						id,
-						label,
-						showLabel: false,
-						disabled,
-						editable,
-						max: maxTags,
-						onValueChange: handleValueChange,
-						onValidate: handleValidate,
-						readOnly,
-						value: stringValues,
-						delimiter: freeSolo ? delimiter : void 0,
-						addOnPaste: freeSolo ? addOnPaste : false,
-						addOnTab: freeSolo ? addOnTab : false,
-						items: inlineItems,
-						onListClick: (e) => {
-							if (!disabled && !readOnly) {
-								e.stopPropagation();
-								setOpen(true);
-							}
-						},
-						inputRef,
-						inputPlaceholder: placeholder,
-						inputValue: searchValue,
-						onInputFocus: (e) => {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TagsInputInline.TagsInputInline, {
+					...restProps,
+					className: (0, __pixpilot_shadcn.cn)("w-full", className),
+					id,
+					label,
+					showLabel: false,
+					disabled,
+					editable,
+					max: maxTags,
+					onValueChange: handleValueChange,
+					onValidate: handleValidate,
+					readOnly,
+					value: stringValues,
+					delimiter: freeSolo ? delimiter : void 0,
+					addOnPaste: freeSolo ? addOnPaste : false,
+					addOnTab: freeSolo ? addOnTab : false,
+					items: inlineItems,
+					onListClick: (e) => {
+						if (!disabled && !readOnly) {
 							e.stopPropagation();
 							setOpen(true);
-						},
-						onInputChange: (e) => {
+						}
+					},
+					inputRef,
+					inputPlaceholder: placeholder,
+					inputValue: searchValue,
+					onInputFocus: (e) => {
+						e.stopPropagation();
+						setOpen(true);
+					},
+					onInputChange: (e) => {
+						e.stopPropagation();
+						setSearchValue(e.target.value);
+					},
+					onInputKeyDown: (e) => {
+						if (open && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
+							e.preventDefault();
 							e.stopPropagation();
-							setSearchValue(e.target.value);
-						},
-						onInputKeyDown: (e) => {
-							if (open && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
+							const command = document.querySelector("[cmdk-root]");
+							if (command) {
+								const event = new KeyboardEvent("keydown", {
+									key: e.key,
+									bubbles: true,
+									cancelable: true
+								});
+								command.dispatchEvent(event);
+							}
+							return;
+						}
+						if (open && e.key === "Enter") {
+							const selectedItem = document.querySelector("[cmdk-item][data-selected=\"true\"]");
+							if (selectedItem) {
 								e.preventDefault();
 								e.stopPropagation();
-								const command = document.querySelector("[cmdk-root]");
-								if (command) {
-									const event = new KeyboardEvent("keydown", {
-										key: e.key,
-										bubbles: true,
-										cancelable: true
-									});
-									command.dispatchEvent(event);
-								}
+								selectedItem.click();
 								return;
 							}
-							if (open && e.key === "Enter") {
-								const selectedItem = document.querySelector("[cmdk-item][data-selected=\"true\"]");
-								if (selectedItem) {
-									e.preventDefault();
-									e.stopPropagation();
-									selectedItem.click();
-									return;
-								}
-							}
-							e.stopPropagation();
-						},
-						onInputMouseDown: (e) => {
-							e.stopPropagation();
-						},
-						addButtonVisibility,
-						canAddCurrentValue,
-						onAddCurrentInput: handleAddCurrentInput,
-						showClear: value.length > 0 && !disabled && !readOnly
-					})
+						}
+						e.stopPropagation();
+					},
+					onInputMouseDown: (e) => {
+						e.stopPropagation();
+					},
+					addButtonVisibility,
+					canAddCurrentValue,
+					onAddCurrentInput: handleAddCurrentInput,
+					showClear: value.length > 0 && !disabled && !readOnly
 				})
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverContent, {
 				className: "p-0",

package/dist/tags-input/TagsInput.d.cts

@@ -1,27 +1,20 @@
 import { CommandOptionListItem } from "../command-option-list/CommandOptionList.cjs";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import { TagsInputInline } from "./TagsInputInline.cjs";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
+import { ComponentProps } from "react";
 
 //#region src/tags-input/TagsInput.d.ts
-interface TagsInputProps {
-  id?: string;
+interface TagsInputProps extends Omit<ComponentProps<typeof TagsInputInline>, 'onChange' | 'value' | 'onValueChange' | 'onValidate' | 'items' | 'max' | 'inputRef' | 'inputPlaceholder' | 'inputValue' | 'onInputFocus' | 'onInputChange' | 'onInputKeyDown' | 'onInputMouseDown' | 'onListClick' | 'canAddCurrentValue' | 'onAddCurrentInput' | 'showClear'> {
   value?: Array<string | number>;
   onChange?: (value: Array<string | number>) => void;
   options?: CommandOptionListItem[];
   freeSolo?: boolean;
+  /** Placeholder for the tag input field. */
   placeholder?: string;
   emptyText?: string;
-  className?: string;
-  disabled?: boolean;
-  readOnly?: boolean;
   maxTags?: number;
   allowDuplicates?: boolean;
-  editable?: boolean;
-  label?: string;
-  delimiter?: string;
-  addOnPaste?: boolean;
-  addOnTab?: boolean;
   onValidate?: (value: string) => boolean;
-  addButtonVisibility?: 'always' | 'touch' | 'never';
 }
 /**
  * TagsInput component - Inline tags input based on DiceUI
@@ -39,26 +32,6 @@ interface TagsInputProps {
  * - Options support with dropdown (like Select)
  * - freeSolo mode for custom tags (like MUI Autocomplete)
  */
-declare function TagsInput({
-  id,
-  value,
-  onChange,
-  options,
-  freeSolo,
-  placeholder,
-  emptyText,
-  className,
-  disabled,
-  readOnly,
-  maxTags,
-  allowDuplicates,
-  editable,
-  label,
-  delimiter,
-  addOnPaste,
-  addOnTab,
-  onValidate,
-  addButtonVisibility
-}: TagsInputProps): react_jsx_runtime23.JSX.Element;
+declare function TagsInput(props: TagsInputProps): react_jsx_runtime17.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

package/dist/tags-input/TagsInput.d.ts

@@ -1,27 +1,20 @@
 import { CommandOptionListItem } from "../command-option-list/CommandOptionList.js";
+import { TagsInputInline } from "./TagsInputInline.js";
+import { ComponentProps } from "react";
 import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/tags-input/TagsInput.d.ts
-interface TagsInputProps {
-  id?: string;
+interface TagsInputProps extends Omit<ComponentProps<typeof TagsInputInline>, 'onChange' | 'value' | 'onValueChange' | 'onValidate' | 'items' | 'max' | 'inputRef' | 'inputPlaceholder' | 'inputValue' | 'onInputFocus' | 'onInputChange' | 'onInputKeyDown' | 'onInputMouseDown' | 'onListClick' | 'canAddCurrentValue' | 'onAddCurrentInput' | 'showClear'> {
   value?: Array<string | number>;
   onChange?: (value: Array<string | number>) => void;
   options?: CommandOptionListItem[];
   freeSolo?: boolean;
+  /** Placeholder for the tag input field. */
   placeholder?: string;
   emptyText?: string;
-  className?: string;
-  disabled?: boolean;
-  readOnly?: boolean;
   maxTags?: number;
   allowDuplicates?: boolean;
-  editable?: boolean;
-  label?: string;
-  delimiter?: string;
-  addOnPaste?: boolean;
-  addOnTab?: boolean;
   onValidate?: (value: string) => boolean;
-  addButtonVisibility?: 'always' | 'touch' | 'never';
 }
 /**
  * TagsInput component - Inline tags input based on DiceUI
@@ -39,26 +32,6 @@ interface TagsInputProps {
  * - Options support with dropdown (like Select)
  * - freeSolo mode for custom tags (like MUI Autocomplete)
  */
-declare function TagsInput({
-  id,
-  value,
-  onChange,
-  options,
-  freeSolo,
-  placeholder,
-  emptyText,
-  className,
-  disabled,
-  readOnly,
-  maxTags,
-  allowDuplicates,
-  editable,
-  label,
-  delimiter,
-  addOnPaste,
-  addOnTab,
-  onValidate,
-  addButtonVisibility
-}: TagsInputProps): react_jsx_runtime19.JSX.Element;
+declare function TagsInput(props: TagsInputProps): react_jsx_runtime19.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

package/dist/tags-input/TagsInput.js

@@ -5,7 +5,7 @@ import { CommandOptionList } from "../command-option-list/CommandOptionList.js";
 import "../command-option-list/index.js";
 import { TagsInputInline } from "./TagsInputInline.js";
 import { Command, Popover, PopoverContent, PopoverTrigger, TagsInputInLineLabel, cn } from "@pixpilot/shadcn";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/tags-input/TagsInput.tsx
@@ -27,7 +27,8 @@ const EMPTY_OPTIONS = [];
 * - Options support with dropdown (like Select)
 * - freeSolo mode for custom tags (like MUI Autocomplete)
 */
-function TagsInput({ id, value = EMPTY_ARRAY, onChange, options = EMPTY_OPTIONS, freeSolo = true, placeholder = "Add tags...", emptyText = "No options found.", className, disabled = false, readOnly = false, maxTags, allowDuplicates = false, editable = false, label, delimiter = ",", addOnPaste = true, addOnTab = true, onValidate, addButtonVisibility = "touch" }) {
+function TagsInput(props) {
+	const { id, value = EMPTY_ARRAY, onChange, options = EMPTY_OPTIONS, freeSolo = true, placeholder = "Add tags...", emptyText = "No options found.", className, disabled = false, readOnly = false, maxTags, allowDuplicates = false, editable = false, label, delimiter = ",", addOnPaste = true, addOnTab = true, onValidate, addButtonVisibility = "touch",...restProps } = props;
 	const [open, setOpen] = useState(false);
 	const [searchValue, setSearchValue] = useState("");
 	const [freeInputValue, setFreeInputValue] = useState("");
@@ -131,6 +132,7 @@ function TagsInput({ id, value = EMPTY_ARRAY, onChange, options = EMPTY_OPTIONS,
 		value
 	]);
 	if (!hasOptions) return /* @__PURE__ */ jsx(TagsInputInline, {
+		...restProps,
 		id,
 		label,
 		className,
@@ -156,81 +158,81 @@ function TagsInput({ id, value = EMPTY_ARRAY, onChange, options = EMPTY_OPTIONS,
 		onAddCurrentInput: handleAddCurrentInput,
 		showClear: value.length > 0 && !disabled && !readOnly
 	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("relative", className),
-		children: [label !== void 0 && label !== "" ? /* @__PURE__ */ jsx(TagsInputInLineLabel, { children: label }) : null, /* @__PURE__ */ jsxs(Popover, {
+	const showLabel = label !== void 0 && label !== "";
+	return /* @__PURE__ */ jsxs(showLabel ? "div" : React.Fragment, {
+		...showLabel ? { className: cn("relative", className) } : {},
+		children: [showLabel ? /* @__PURE__ */ jsx(TagsInputInLineLabel, { children: label }) : null, /* @__PURE__ */ jsxs(Popover, {
 			open: open && !disabled && !readOnly,
 			onOpenChange: setOpen,
 			children: [/* @__PURE__ */ jsx(PopoverTrigger, {
 				asChild: true,
-				children: /* @__PURE__ */ jsx("div", {
-					className: "w-full",
-					children: /* @__PURE__ */ jsx(TagsInputInline, {
-						id,
-						label,
-						showLabel: false,
-						disabled,
-						editable,
-						max: maxTags,
-						onValueChange: handleValueChange,
-						onValidate: handleValidate,
-						readOnly,
-						value: stringValues,
-						delimiter: freeSolo ? delimiter : void 0,
-						addOnPaste: freeSolo ? addOnPaste : false,
-						addOnTab: freeSolo ? addOnTab : false,
-						items: inlineItems,
-						onListClick: (e) => {
-							if (!disabled && !readOnly) {
-								e.stopPropagation();
-								setOpen(true);
-							}
-						},
-						inputRef,
-						inputPlaceholder: placeholder,
-						inputValue: searchValue,
-						onInputFocus: (e) => {
+				children: /* @__PURE__ */ jsx(TagsInputInline, {
+					...restProps,
+					className: cn("w-full", className),
+					id,
+					label,
+					showLabel: false,
+					disabled,
+					editable,
+					max: maxTags,
+					onValueChange: handleValueChange,
+					onValidate: handleValidate,
+					readOnly,
+					value: stringValues,
+					delimiter: freeSolo ? delimiter : void 0,
+					addOnPaste: freeSolo ? addOnPaste : false,
+					addOnTab: freeSolo ? addOnTab : false,
+					items: inlineItems,
+					onListClick: (e) => {
+						if (!disabled && !readOnly) {
 							e.stopPropagation();
 							setOpen(true);
-						},
-						onInputChange: (e) => {
+						}
+					},
+					inputRef,
+					inputPlaceholder: placeholder,
+					inputValue: searchValue,
+					onInputFocus: (e) => {
+						e.stopPropagation();
+						setOpen(true);
+					},
+					onInputChange: (e) => {
+						e.stopPropagation();
+						setSearchValue(e.target.value);
+					},
+					onInputKeyDown: (e) => {
+						if (open && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
+							e.preventDefault();
 							e.stopPropagation();
-							setSearchValue(e.target.value);
-						},
-						onInputKeyDown: (e) => {
-							if (open && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
+							const command = document.querySelector("[cmdk-root]");
+							if (command) {
+								const event = new KeyboardEvent("keydown", {
+									key: e.key,
+									bubbles: true,
+									cancelable: true
+								});
+								command.dispatchEvent(event);
+							}
+							return;
+						}
+						if (open && e.key === "Enter") {
+							const selectedItem = document.querySelector("[cmdk-item][data-selected=\"true\"]");
+							if (selectedItem) {
 								e.preventDefault();
 								e.stopPropagation();
-								const command = document.querySelector("[cmdk-root]");
-								if (command) {
-									const event = new KeyboardEvent("keydown", {
-										key: e.key,
-										bubbles: true,
-										cancelable: true
-									});
-									command.dispatchEvent(event);
-								}
+								selectedItem.click();
 								return;
 							}
-							if (open && e.key === "Enter") {
-								const selectedItem = document.querySelector("[cmdk-item][data-selected=\"true\"]");
-								if (selectedItem) {
-									e.preventDefault();
-									e.stopPropagation();
-									selectedItem.click();
-									return;
-								}
-							}
-							e.stopPropagation();
-						},
-						onInputMouseDown: (e) => {
-							e.stopPropagation();
-						},
-						addButtonVisibility,
-						canAddCurrentValue,
-						onAddCurrentInput: handleAddCurrentInput,
-						showClear: value.length > 0 && !disabled && !readOnly
-					})
+						}
+						e.stopPropagation();
+					},
+					onInputMouseDown: (e) => {
+						e.stopPropagation();
+					},
+					addButtonVisibility,
+					canAddCurrentValue,
+					onAddCurrentInput: handleAddCurrentInput,
+					showClear: value.length > 0 && !disabled && !readOnly
 				})
 			}), /* @__PURE__ */ jsx(PopoverContent, {
 				className: "p-0",

package/dist/tags-input/TagsInputInline.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 import { ChangeEventHandler, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, Ref } from "react";
 
 //#region src/tags-input/TagsInputInline.d.ts
@@ -77,6 +77,6 @@ declare function TagsInputInline({
   canAddCurrentValue,
   onAddCurrentInput,
   showClear
-}: TagsInputInlineProps): react_jsx_runtime22.JSX.Element;
+}: TagsInputInlineProps): react_jsx_runtime18.JSX.Element;
 //#endregion
 export { TagsInputInline, TagsInputInlineItem, TagsInputInlineProps };

package/dist/tags-input/index.d.cts

@@ -1,2 +1,2 @@
-import { TagsInput, TagsInputProps } from "./TagsInput.cjs";
-import { TagsInputInline, TagsInputInlineItem, TagsInputInlineProps } from "./TagsInputInline.cjs";
+import { TagsInputInline, TagsInputInlineItem, TagsInputInlineProps } from "./TagsInputInline.cjs";
+import { TagsInput, TagsInputProps } from "./TagsInput.cjs";

package/dist/tags-input/index.d.ts

@@ -1,2 +1,2 @@
-import { TagsInput, TagsInputProps } from "./TagsInput.js";
-import { TagsInputInline, TagsInputInlineItem, TagsInputInlineProps } from "./TagsInputInline.js";
+import { TagsInputInline, TagsInputInlineItem, TagsInputInlineProps } from "./TagsInputInline.js";
+import { TagsInput, TagsInputProps } from "./TagsInput.js";

package/dist/tags-input/mcp.js

@@ -0,0 +1,100 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/tags-input/mcp.ts
+const meta = {
+	name: "TagsInput",
+	category: "Forms",
+	description: "An inline tags/multi-select input supporting free-text tags, an optional options dropdown, validation, paste parsing, and per-tag editing.",
+	props: defineProps({
+		id: "Optional id attribute applied to the input element.",
+		className: "Additional CSS class applied to the input wrapper.",
+		value: {
+			description: "Controlled list of tag values.",
+			type: "Array<string | number>"
+		},
+		onChange: {
+			description: "Called with the new list of tags when they change.",
+			type: "(value: Array<string | number>) => void"
+		},
+		options: "Optional selectable options as `{ label, value }[]`. When provided, a dropdown is shown.",
+		freeSolo: {
+			description: "Allows arbitrary tags not present in `options` (MUI Autocomplete style).",
+			type: "boolean",
+			defaultValue: "true"
+		},
+		placeholder: {
+			description: "Placeholder for the tag input.",
+			type: "string",
+			defaultValue: "\"Add tags...\""
+		},
+		emptyText: {
+			description: "Message shown when the options dropdown has no matches.",
+			type: "string",
+			defaultValue: "\"No options found.\""
+		},
+		disabled: "Disables the input.",
+		readOnly: "Renders tags without allowing edits.",
+		maxTags: "Maximum number of tags allowed.",
+		allowDuplicates: {
+			description: "Allows the same tag value to be added more than once.",
+			type: "boolean",
+			defaultValue: "false"
+		},
+		editable: {
+			description: "Allows editing an existing tag inline.",
+			type: "boolean",
+			defaultValue: "false"
+		},
+		label: "Optional label rendered above the input.",
+		showLabel: {
+			description: "Hides the label element while keeping the `label` value available.",
+			type: "boolean",
+			defaultValue: "true"
+		},
+		slots: {
+			description: "Per-part prop overrides for the inline input, e.g. `{ list, label, item, input, addButton, clear }`.",
+			type: "{ list?: { className?: string }; label?: object; item?: object; input?: object; addButton?: { className?: string }; clear?: object }"
+		},
+		delimiter: {
+			description: "Character that splits pasted or typed text into multiple tags.",
+			type: "string",
+			defaultValue: "\",\""
+		},
+		addOnPaste: {
+			description: "Adds tags when pasting delimited text.",
+			type: "boolean",
+			defaultValue: "true"
+		},
+		addOnTab: {
+			description: "Commits the current input as a tag when pressing Tab.",
+			type: "boolean",
+			defaultValue: "true"
+		},
+		onValidate: {
+			description: "Custom validator returning false to reject a candidate tag.",
+			type: "(value: string) => boolean"
+		},
+		addButtonVisibility: {
+			description: "When the inline add button is shown.",
+			type: "\"always\" | \"touch\" | \"never\"",
+			defaultValue: "\"touch\""
+		}
+	}),
+	examples: [{
+		title: "Free-text tags",
+		code: "<TagsInput value={tags} onChange={setTags} placeholder=\"Add tags…\" />"
+	}, {
+		title: "With options",
+		code: "<TagsInput value={tags} onChange={setTags} options={options} freeSolo={false} />"
+	}],
+	keywords: [
+		"tags",
+		"input",
+		"multi-select",
+		"chips",
+		"form"
+	]
+};
+
+//#endregion
+export { meta };

package/dist/theme-provider/mcp.js

@@ -0,0 +1,57 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/theme-provider/mcp.ts
+const meta = {
+	name: "ThemeProvider",
+	category: "Utilities",
+	description: "A thin wrapper around the next-themes ThemeProvider preconfigured for class-based theming with system detection.",
+	props: defineProps({
+		children: "Application subtree that reads the current theme.",
+		attribute: {
+			description: "How the theme is applied to the html element.",
+			type: "string | string[]",
+			defaultValue: "\"class\""
+		},
+		defaultTheme: {
+			description: "Theme used when none is stored.",
+			type: "string",
+			defaultValue: "\"system\""
+		},
+		enableSystem: {
+			description: "Whether to follow the OS color-scheme preference.",
+			type: "boolean",
+			defaultValue: "true"
+		},
+		storageKey: "localStorage key used to persist the selected theme.",
+		themes: "List of available theme names.",
+		forcedTheme: "Forces a specific theme for the subtree, ignoring stored and system preferences.",
+		disableTransitionOnChange: {
+			description: "Disables CSS transitions while switching themes to avoid flashes.",
+			type: "boolean",
+			defaultValue: "false"
+		},
+		enableColorScheme: {
+			description: "Whether to set the `color-scheme` style so native UI (scrollbars, inputs) matches.",
+			type: "boolean",
+			defaultValue: "true"
+		},
+		value: "Mapping of theme name to the value written to the DOM attribute.",
+		nonce: "CSP nonce applied to the injected theme script.",
+		scriptProps: "Extra props spread onto the injected theme <script> tag."
+	}),
+	notes: ["All other next-themes ThemeProvider props are forwarded."],
+	examples: [{
+		title: "Wrap the app",
+		code: "<ThemeProvider>\n  <App />\n</ThemeProvider>"
+	}],
+	related: ["ThemeModeToggleButton"],
+	keywords: [
+		"theme",
+		"dark mode",
+		"provider",
+		"next-themes"
+	]
+};
+
+//#endregion
+export { meta };

package/dist/theme-toggle/ThemeModeToggleButton.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeToggleButton.d.ts
 interface ThemeModeToggleButtonProps {
@@ -14,7 +14,7 @@ interface ThemeModeToggleButtonProps {
  * Light/Dark toggle button.
  * Pure component - toggles between light and dark.
  */
-declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime18.JSX.Element;
+declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime22.JSX.Element;
 declare namespace ThemeModeToggleButton {
   var displayName: string;
 }