@pixpilot/shadcn-ui 1.39.0 → 2.0.1

package/dist/theme-toggle/mcp.js

@@ -0,0 +1,38 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/theme-toggle/mcp.ts
+const meta = {
+	name: "ThemeModeToggleButton",
+	category: "Utilities",
+	description: "A pure light/dark toggle icon button. The folder also exports ThemeModeDropdown, ThemeModeSwitchInside, and ThemeModeSwitchOutside for other theme-switching UIs.",
+	htmlElement: "button",
+	props: defineProps({
+		id: "Optional id attribute applied to the toggle button.",
+		className: "Additional CSS class applied to the toggle button.",
+		value: {
+			description: "The current resolved theme.",
+			type: "\"light\" | \"dark\""
+		},
+		onChange: {
+			description: "Called with the next theme when toggled.",
+			type: "(theme: string) => void"
+		},
+		disabled: "Disables the toggle button."
+	}),
+	notes: ["This is a controlled, presentation-only component; wire value/onChange to next-themes (e.g. via useTheme) yourself.", "Related components in this folder: ThemeModeDropdown, ThemeModeSwitchInside, ThemeModeSwitchOutside."],
+	examples: [{
+		title: "With next-themes",
+		code: "const { resolvedTheme, setTheme } = useTheme();\n<ThemeModeToggleButton value={resolvedTheme} onChange={setTheme} />"
+	}],
+	related: ["ThemeProvider"],
+	keywords: [
+		"theme",
+		"dark mode",
+		"toggle",
+		"light",
+		"switch"
+	]
+};
+
+//#endregion
+export { meta };

package/dist/toast/mcp.js

@@ -0,0 +1,52 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/toast/mcp.ts
+const meta = {
+	name: "Toast",
+	category: "Feedback",
+	description: "An imperative toast notification API (built on sonner) with variant-styled alert toasts and dedupe/replacement per message. Mount ToastProvider once, then call toast(...).",
+	props: defineProps({
+		title: "Bold heading of the toast.",
+		description: "Body message of the toast.",
+		variant: {
+			description: "Controls the toast color treatment and icon.",
+			type: "\"error\" | \"info\" | \"warning\" | \"success\" | \"default\"",
+			defaultValue: "\"default\""
+		},
+		duration: {
+			description: "How long the toast stays visible, in milliseconds.",
+			type: "number",
+			defaultValue: "10000"
+		},
+		position: "Screen position for the toast (forwarded to sonner, e.g. \"top-right\", \"bottom-center\").",
+		dismissible: {
+			description: "Whether the toast shows a close button and can be dismissed.",
+			type: "boolean",
+			defaultValue: "true"
+		},
+		id: "Stable id used to dedupe and replace a previous toast with the same id.",
+		className: "Additional CSS class applied to the toast alert.",
+		icon: {
+			description: "Custom icon element, or `false` to hide the variant icon.",
+			type: "React.JSX.Element | boolean"
+		}
+	}),
+	notes: ["Render <ToastProvider /> once near the app root.", "Convenience helpers: toast.success, toast.error, toast.warning, toast.info, toast.custom, toast.dismiss(id), toast.dismissAll()."],
+	examples: [{
+		title: "Success toast",
+		code: "toast.success(\"Saved\", { description: \"Your changes were saved.\" });"
+	}, {
+		title: "Custom toast call",
+		code: "toast({ title: \"Heads up\", description: \"Something happened\", variant: \"warning\", duration: 5000 });"
+	}],
+	keywords: [
+		"toast",
+		"notification",
+		"sonner",
+		"alert",
+		"snackbar"
+	]
+};
+
+//#endregion
+export { meta };

package/dist/toggle-button/mcp.js

@@ -0,0 +1,58 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/toggle-button/mcp.ts
+const meta = {
+	name: "ToggleButton",
+	category: "Actions",
+	description: "A button with an on/off state that swaps its content (and optionally its props) between checked and unchecked. Supports controlled and uncontrolled use.",
+	htmlElement: "button",
+	props: defineProps({
+		checked: {
+			description: "Controlled checked state.",
+			type: "boolean"
+		},
+		defaultChecked: {
+			description: "Initial checked state when uncontrolled.",
+			type: "boolean",
+			defaultValue: "false"
+		},
+		onChange: {
+			description: "Called with the next checked state when toggled.",
+			type: "(checked: boolean) => void"
+		},
+		checkedContent: "Content rendered while checked.",
+		uncheckedContent: "Content rendered while unchecked.",
+		checkedProps: "Button props applied while checked (e.g. a different variant).",
+		uncheckedProps: "Button props applied while unchecked.",
+		variant: {
+			description: "Visual button treatment inherited from the base button.",
+			type: "\"default\" | \"destructive\" | \"outline\" | \"secondary\" | \"ghost\" | \"link\"",
+			defaultValue: "\"outline\""
+		},
+		asChild: {
+			description: "Render behavior through the child element instead of a native button.",
+			type: "boolean",
+			defaultValue: "false"
+		},
+		size: {
+			description: "Controls the button dimensions, inherited from the base button.",
+			type: "\"default\" | \"xs\" | \"sm\" | \"lg\" | \"icon\" | \"icon-xs\" | \"icon-sm\" | \"icon-lg\"",
+			defaultValue: "\"default\""
+		}
+	}),
+	examples: [{
+		title: "Mute toggle",
+		code: "<ToggleButton checked={muted} onChange={setMuted} checkedContent=\"Muted\" uncheckedContent=\"Mute\" />"
+	}],
+	related: ["IconToggle", "ToggleGroup"],
+	keywords: [
+		"toggle",
+		"button",
+		"switch",
+		"on",
+		"off"
+	]
+};
+
+//#endregion
+export { meta };

package/dist/toggle-group/mcp.js

@@ -0,0 +1,67 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/toggle-group/mcp.ts
+const meta = {
+	name: "ToggleGroup",
+	category: "Actions",
+	description: "A set of related toggle buttons that behave as a single- or multiple-selection group, composed with ToggleGroupItem.",
+	props: defineProps({
+		type: {
+			description: "Whether one item (\"single\") or many items (\"multiple\") can be selected.",
+			type: "\"single\" | \"multiple\""
+		},
+		value: {
+			description: "Controlled selection: a string for \"single\" type or a string[] for \"multiple\".",
+			type: "string | string[]"
+		},
+		defaultValue: "Uncontrolled initial selection (a string for \"single\" type, a string[] for \"multiple\").",
+		onValueChange: "Called with the new selection when it changes.",
+		variant: {
+			description: "Visual treatment applied to the items.",
+			type: "\"default\" | \"outline\""
+		},
+		size: {
+			description: "Size applied to the items.",
+			type: "\"default\" | \"sm\" | \"lg\""
+		},
+		spacing: {
+			description: "Spacing applied between items in the group.",
+			type: "\"default\" | \"sm\" | \"lg\""
+		},
+		disabled: "Disables the entire group.",
+		orientation: {
+			description: "Layout and arrow-key navigation orientation of the group.",
+			type: "\"horizontal\" | \"vertical\"",
+			defaultValue: "\"horizontal\""
+		},
+		rovingFocus: {
+			description: "When false, disables roving-focus arrow-key navigation between items.",
+			type: "boolean",
+			defaultValue: "true"
+		},
+		loop: {
+			description: "When true, keyboard navigation wraps around from the last item to the first.",
+			type: "boolean",
+			defaultValue: "true"
+		},
+		asChild: {
+			description: "Merge behavior and styles onto the child element instead of the default wrapper.",
+			type: "boolean",
+			defaultValue: "false"
+		}
+	}),
+	examples: [{
+		title: "Single-select group",
+		code: "<ToggleGroup type=\"single\" value={align} onValueChange={setAlign}>\n  <ToggleGroupItem value=\"left\">Left</ToggleGroupItem>\n  <ToggleGroupItem value=\"center\">Center</ToggleGroupItem>\n  <ToggleGroupItem value=\"right\">Right</ToggleGroupItem>\n</ToggleGroup>"
+	}],
+	related: ["ToggleButton", "IconToggle"],
+	keywords: [
+		"toggle",
+		"group",
+		"segmented",
+		"selection"
+	]
+};
+
+//#endregion
+export { meta };

package/dist/tooltip/mcp.js

@@ -0,0 +1,24 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/tooltip/mcp.ts
+const meta = {
+	name: "Tooltip",
+	category: "Overlays",
+	description: "A hover/focus tooltip built on Radix, composed of TooltipProvider, Tooltip, TooltipTrigger, and TooltipContent.",
+	props: defineProps({}),
+	notes: ["Wrap the app (or a subtree) in a single TooltipProvider to configure shared delayDuration.", "The Tooltip root forwards Radix props (open, defaultOpen, onOpenChange, delayDuration); TooltipContent forwards side, align, sideOffset, etc."],
+	examples: [{
+		title: "Basic tooltip",
+		code: "<TooltipProvider>\n  <Tooltip>\n    <TooltipTrigger asChild><Button variant=\"outline\">Hover</Button></TooltipTrigger>\n    <TooltipContent>Helpful hint</TooltipContent>\n  </Tooltip>\n</TooltipProvider>"
+	}],
+	related: ["Popover"],
+	keywords: [
+		"tooltip",
+		"hint",
+		"overlay",
+		"hover"
+	]
+};
+
+//#endregion
+export { meta };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "1.39.0",
+  "version": "2.0.1",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -54,7 +54,7 @@
     "react-responsive": "^10.0.1",
     "sonner": "2.0.7",
     "zod": "^4.3.6",
-    "@pixpilot/shadcn": "1.4.0"
+    "@pixpilot/shadcn": "1.4.1"
   },
   "devDependencies": {
     "@storybook/react": "^8.6.18",
@@ -75,8 +75,8 @@
     "@internal/mcp": "0.0.0",
     "@internal/prettier-config": "0.0.1",
     "@internal/tsconfig": "0.1.0",
-    "@internal/vitest-config": "0.1.0",
-    "@internal/tsdown-config": "0.1.0"
+    "@internal/tsdown-config": "0.1.0",
+    "@internal/vitest-config": "0.1.0"
   },
   "prettier": "@internal/prettier-config",
   "scripts": {