@pixpilot/shadcn-ui 1.36.0 → 1.38.0

package/README.md

@@ -1,3 +1,36 @@
 # @pixpilot/shadcn-ui
 
-## Usage Add usage instructions here.
+Custom UI components and utilities built with shadcn/ui.
+
+## MCP Server
+
+This package includes a local stdio MCP server for coding assistants that support
+the Model Context Protocol.
+
+Add the package to your MCP client configuration:
+
+```json
+{
+  "mcpServers": {
+    "shadcn-ui": {
+      "command": "npx",
+      "args": ["-y", "@pixpilot/shadcn-ui"]
+    }
+  }
+}
+```
+
+This works with Claude Code, Claude Desktop, GitHub Copilot, Cursor, Codex, and
+any MCP-compatible client.
+
+The MCP client launches and stops the server automatically. You do not need to
+start the server manually.
+
+The server exposes generated component metadata through:
+
+- `list_components`
+- `get_component_details`
+
+Component metadata is discovered from `src/**/mcp.ts` during the package build,
+so adding a component to the MCP registry only requires adding that component's
+metadata file.

package/dist/{AbsoluteFill.cjs → absolute-fill/AbsoluteFill.cjs}

@@ -1,4 +1,4 @@
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let react = require("react");
@@ -6,7 +6,7 @@ react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
-//#region src/AbsoluteFill.tsx
+//#region src/absolute-fill/AbsoluteFill.tsx
 /**
 * Stretched element to enable tooltips on disabled buttons
 * When a button is disabled, tooltips don't work by default.

package/dist/{AbsoluteFill.d.cts → absolute-fill/AbsoluteFill.d.cts}

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import React from "react";
 
-//#region src/AbsoluteFill.d.ts
+//#region src/absolute-fill/AbsoluteFill.d.ts
 
 /**
  * Stretched element to enable tooltips on disabled buttons
@@ -10,7 +10,7 @@ import React from "react";
  */
 declare function AbsoluteFill(props: React.HTMLAttributes<HTMLDivElement> & {
   ref?: React.Ref<HTMLDivElement>;
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime4.JSX.Element;
 declare namespace AbsoluteFill {
   var displayName: string;
 }

package/dist/{AbsoluteFill.d.ts → absolute-fill/AbsoluteFill.d.ts}

@@ -1,7 +1,7 @@
 import React from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/AbsoluteFill.d.ts
+//#region src/absolute-fill/AbsoluteFill.d.ts
 
 /**
  * Stretched element to enable tooltips on disabled buttons

package/dist/{AbsoluteFill.js → absolute-fill/AbsoluteFill.js}

@@ -2,7 +2,7 @@ import { cn } from "@pixpilot/shadcn";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/AbsoluteFill.tsx
+//#region src/absolute-fill/AbsoluteFill.tsx
 /**
 * Stretched element to enable tooltips on disabled buttons
 * When a button is disabled, tooltips don't work by default.

package/dist/absolute-fill/index.cjs

@@ -0,0 +1 @@
+const require_AbsoluteFill = require('./AbsoluteFill.cjs');

package/dist/absolute-fill/index.d.cts

@@ -0,0 +1 @@
+import { AbsoluteFill } from "./AbsoluteFill.cjs";

package/dist/absolute-fill/index.d.ts

@@ -0,0 +1 @@
+import { AbsoluteFill } from "./AbsoluteFill.js";

package/dist/absolute-fill/index.js

@@ -0,0 +1 @@
+import { AbsoluteFill } from "./AbsoluteFill.js";

package/dist/{Alert.cjs → alert/Alert.cjs}

@@ -1,6 +1,6 @@
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
-const require_utils = require('./shadcn/src/lib/utils.cjs');
-const require_variant_config = require('./variant-config.cjs');
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_utils = require('../shadcn/src/lib/utils.cjs');
+const require_variant_config = require('../variant-config.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let react = require("react");
@@ -8,7 +8,7 @@ react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
-//#region src/Alert.tsx
+//#region src/alert/Alert.tsx
 function getIcon(icon, variant) {
 	if (icon === false) return null;
 	if (icon === void 0 || icon === true) {

package/dist/{Alert.d.cts → alert/Alert.d.cts}

@@ -1,7 +1,7 @@
-import { AlertVariant } from "./variant-config.cjs";
+import { AlertVariant } from "../variant-config.cjs";
 import React from "react";
 
-//#region src/Alert.d.ts
+//#region src/alert/Alert.d.ts
 interface AlertBaseProps {
   variant?: AlertVariant;
   description?: React.ReactNode;

package/dist/{Alert.d.ts → alert/Alert.d.ts}

@@ -1,7 +1,7 @@
-import { AlertVariant } from "./variant-config.js";
+import { AlertVariant } from "../variant-config.js";
 import React from "react";
 
-//#region src/Alert.d.ts
+//#region src/alert/Alert.d.ts
 interface AlertBaseProps {
   variant?: AlertVariant;
   description?: React.ReactNode;

package/dist/{Alert.js → alert/Alert.js}

@@ -1,10 +1,10 @@
-import { cn as cn$1 } from "./shadcn/src/lib/utils.js";
-import { variantConfig } from "./variant-config.js";
+import { cn as cn$1 } from "../shadcn/src/lib/utils.js";
+import { variantConfig } from "../variant-config.js";
 import { Alert, AlertDescription, AlertTitle } from "@pixpilot/shadcn";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/Alert.tsx
+//#region src/alert/Alert.tsx
 function getIcon(icon, variant) {
 	if (icon === false) return null;
 	if (icon === void 0 || icon === true) {

package/dist/alert/index.cjs

@@ -0,0 +1 @@
+const require_Alert = require('./Alert.cjs');

package/dist/alert/index.d.cts

@@ -0,0 +1,2 @@
+import { AlertVariant } from "../variant-config.cjs";
+import { Alert, AlertBaseProps, AlertProps } from "./Alert.cjs";

package/dist/alert/index.d.ts

@@ -0,0 +1,2 @@
+import { AlertVariant } from "../variant-config.js";
+import { Alert, AlertBaseProps, AlertProps } from "./Alert.js";

package/dist/alert/index.js

@@ -0,0 +1 @@
+import { Alert } from "./Alert.js";

package/dist/{Button.cjs → button/Button.cjs}

@@ -1,8 +1,9 @@
 'use client';
 
 
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
-const require_AbsoluteFill = require('./AbsoluteFill.cjs');
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_AbsoluteFill = require('../absolute-fill/AbsoluteFill.cjs');
+require('../absolute-fill/index.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let react = require("react");
@@ -12,7 +13,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 let __radix_ui_react_slot = require("@radix-ui/react-slot");
 __radix_ui_react_slot = require_rolldown_runtime.__toESM(__radix_ui_react_slot);
 
-//#region src/Button.tsx
+//#region src/button/Button.tsx
 function Button(props) {
 	const { children, disabled, onClick, onDisabledClick, title, slots, className, variant, size, asChild, ref,...rest } = props;
 	const handleClick = (0, react.useCallback)((e) => {

package/dist/{Button.d.cts → button/Button.d.cts}

@@ -1,9 +1,9 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
 import { VariantProps } from "class-variance-authority";
 
-//#region src/Button.d.ts
+//#region src/button/Button.d.ts
 interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<typeof buttonVariants> {
   /**
    * Click handler for when disabled button is clicked
@@ -27,7 +27,7 @@ interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<
 }
 declare function Button$1(props: ButtonProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): react_jsx_runtime1.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare namespace Button$1 {
   var displayName: string;
 }

package/dist/{Button.d.ts → button/Button.d.ts}

@@ -3,7 +3,7 @@ import React from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 
-//#region src/Button.d.ts
+//#region src/button/Button.d.ts
 interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<typeof buttonVariants> {
   /**
    * Click handler for when disabled button is clicked

package/dist/{Button.js → button/Button.js}

@@ -1,13 +1,14 @@
 'use client';
 
 
-import { AbsoluteFill } from "./AbsoluteFill.js";
+import { AbsoluteFill } from "../absolute-fill/AbsoluteFill.js";
+import "../absolute-fill/index.js";
 import { Button, cn } from "@pixpilot/shadcn";
 import React, { useCallback } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slottable } from "@radix-ui/react-slot";
 
-//#region src/Button.tsx
+//#region src/button/Button.tsx
 function Button$1(props) {
 	const { children, disabled, onClick, onDisabledClick, title, slots, className, variant, size, asChild, ref,...rest } = props;
 	const handleClick = useCallback((e) => {

package/dist/button/index.cjs

@@ -0,0 +1 @@
+const require_Button = require('./Button.cjs');

package/dist/button/index.d.cts

@@ -0,0 +1 @@
+import { Button, ButtonProps } from "./Button.cjs";

package/dist/button/index.d.ts

@@ -0,0 +1 @@
+import { Button, ButtonProps } from "./Button.js";

package/dist/button/index.js

@@ -0,0 +1 @@
+import { Button } from "./Button.js";

package/dist/button/mcp.js

@@ -0,0 +1,43 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/button/mcp.ts
+const meta = {
+	name: "Button",
+	category: "Actions",
+	description: "A shadcn button wrapper with variant styling, optional slot rendering, and disabled-click overlay support.",
+	htmlElement: "button",
+	props: defineProps({
+		asChild: {
+			description: "Render the button behavior and styles through the child element instead of a native button.",
+			type: "boolean",
+			defaultValue: "false"
+		},
+		onDisabledClick: "Called when the disabled overlay is clicked, allowing disabled actions to explain why they are unavailable.",
+		size: {
+			description: "Controls the button dimensions and icon-only sizing.",
+			type: "\"default\" | \"xs\" | \"sm\" | \"lg\" | \"icon\" | \"icon-xs\" | \"icon-sm\" | \"icon-lg\"",
+			defaultValue: "\"default\""
+		},
+		slots: "Customizes tooltip-related slots and the loading indicator container or node used by the button.",
+		variant: {
+			description: "Controls the visual button treatment.",
+			type: "\"default\" | \"destructive\" | \"outline\" | \"secondary\" | \"ghost\" | \"link\"",
+			defaultValue: "\"default\""
+		}
+	}),
+	examples: [{
+		title: "Default button",
+		code: "<Button>Save changes</Button>"
+	}, {
+		title: "Disabled reason",
+		code: "<Button disabled title=\"Complete required fields first\" onDisabledClick={() => showHelp()}>Publish</Button>"
+	}],
+	keywords: [
+		"button",
+		"action",
+		"cta"
+	]
+};
+
+//#endregion
+export { meta };

package/dist/{ButtonExtended.cjs → button-extended/ButtonExtended.cjs}

@@ -1,8 +1,9 @@
 'use client';
 
 
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
-const require_AbsoluteFill = require('./AbsoluteFill.cjs');
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_AbsoluteFill = require('../absolute-fill/AbsoluteFill.cjs');
+require('../absolute-fill/index.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let lucide_react = require("lucide-react");
@@ -14,7 +15,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 let __radix_ui_react_slot = require("@radix-ui/react-slot");
 __radix_ui_react_slot = require_rolldown_runtime.__toESM(__radix_ui_react_slot);
 
-//#region src/ButtonExtended.tsx
+//#region src/button-extended/ButtonExtended.tsx
 const LOADER_SIZE_SM = 14;
 const LOADER_SIZE_DEFAULT = 16;
 const LOADER_SIZE_LG = 20;

package/dist/{ButtonExtended.d.cts → button-extended/ButtonExtended.d.cts}

@@ -3,7 +3,7 @@ import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from
 import React from "react";
 import { VariantProps } from "class-variance-authority";
 
-//#region src/ButtonExtended.d.ts
+//#region src/button-extended/ButtonExtended.d.ts
 interface ButtonExtendedLoaderProps {
   /**
    * Position of the loader relative to button content

package/dist/{ButtonExtended.d.ts → button-extended/ButtonExtended.d.ts}

@@ -3,7 +3,7 @@ import React from "react";
 import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 
-//#region src/ButtonExtended.d.ts
+//#region src/button-extended/ButtonExtended.d.ts
 interface ButtonExtendedLoaderProps {
   /**
    * Position of the loader relative to button content

package/dist/{ButtonExtended.js → button-extended/ButtonExtended.js}

@@ -1,14 +1,15 @@
 'use client';
 
 
-import { AbsoluteFill } from "./AbsoluteFill.js";
+import { AbsoluteFill } from "../absolute-fill/AbsoluteFill.js";
+import "../absolute-fill/index.js";
 import { Button, Tooltip, TooltipContent, TooltipTrigger, cn } from "@pixpilot/shadcn";
 import { Loader2 } from "lucide-react";
 import React, { useCallback } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Slottable } from "@radix-ui/react-slot";
 
-//#region src/ButtonExtended.tsx
+//#region src/button-extended/ButtonExtended.tsx
 const LOADER_SIZE_SM = 14;
 const LOADER_SIZE_DEFAULT = 16;
 const LOADER_SIZE_LG = 20;

package/dist/button-extended/index.cjs

@@ -0,0 +1 @@
+const require_ButtonExtended = require('./ButtonExtended.cjs');

package/dist/button-extended/index.d.cts

@@ -0,0 +1 @@
+import { ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps } from "./ButtonExtended.cjs";

package/dist/button-extended/index.d.ts

@@ -0,0 +1 @@
+import { ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps } from "./ButtonExtended.js";

package/dist/button-extended/index.js

@@ -0,0 +1 @@
+import { ButtonExtended } from "./ButtonExtended.js";

package/dist/{ButtonGroup.cjs → button-group/ButtonGroup.cjs}

@@ -1,4 +1,4 @@
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let react = require("react");
@@ -6,7 +6,7 @@ react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
-//#region src/ButtonGroup.tsx
+//#region src/button-group/ButtonGroup.tsx
 /**
 * A simple container component that groups buttons together visually.
 * Renders child Button components with proper styling to create a cohesive button group.

package/dist/{ButtonGroup.d.cts → button-group/ButtonGroup.d.cts}

@@ -2,7 +2,7 @@ import { ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "@pix
 import * as React$1 from "react";
 import { VariantProps } from "class-variance-authority";
 
-//#region src/ButtonGroup.d.ts
+//#region src/button-group/ButtonGroup.d.ts
 type ButtonGroupProps = React$1.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>;
 /**
  * A simple container component that groups buttons together visually.

package/dist/{ButtonGroup.d.ts → button-group/ButtonGroup.d.ts}

@@ -2,7 +2,7 @@ import { ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "@pix
 import * as React$1 from "react";
 import { VariantProps } from "class-variance-authority";
 
-//#region src/ButtonGroup.d.ts
+//#region src/button-group/ButtonGroup.d.ts
 type ButtonGroupProps = React$1.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>;
 /**
  * A simple container component that groups buttons together visually.

package/dist/{ButtonGroup.js → button-group/ButtonGroup.js}

@@ -2,7 +2,7 @@ import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText } from "@pixpilot/sh
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/ButtonGroup.tsx
+//#region src/button-group/ButtonGroup.tsx
 /**
 * A simple container component that groups buttons together visually.
 * Renders child Button components with proper styling to create a cohesive button group.

package/dist/button-group/index.cjs

@@ -0,0 +1 @@
+const require_ButtonGroup = require('./ButtonGroup.cjs');

package/dist/button-group/index.d.cts

@@ -0,0 +1 @@
+import { ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText } from "./ButtonGroup.cjs";

package/dist/button-group/index.d.ts

@@ -0,0 +1 @@
+import { ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText } from "./ButtonGroup.js";

package/dist/button-group/index.js

@@ -0,0 +1 @@
+import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText } from "./ButtonGroup.js";

package/dist/{Card.cjs → card/Card.cjs}

@@ -1,4 +1,4 @@
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let react = require("react");
@@ -6,7 +6,7 @@ react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
-//#region src/Card.tsx
+//#region src/card/Card.tsx
 function CardTitle({ className,...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CardTitle, {
 		className: (0, __pixpilot_shadcn.cn)("text-lg font-semibold tracking-tight", className),

package/dist/{Card.d.cts → card/Card.d.cts}

@@ -1,15 +1,15 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@pixpilot/shadcn";
 import React from "react";
 
-//#region src/Card.d.ts
+//#region src/card/Card.d.ts
 declare function CardTitle$1({
   className,
   ...props
-}: React.ComponentProps<typeof CardTitle>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<typeof CardTitle>): react_jsx_runtime1.JSX.Element;
 declare function CardHeader$1({
   className,
   ...props
-}: React.ComponentProps<typeof CardHeader>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<typeof CardHeader>): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader$1 as CardHeader, CardTitle$1 as CardTitle };

package/dist/{Card.d.ts → card/Card.d.ts}

@@ -2,7 +2,7 @@ import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader,
 import React from "react";
 import * as react_jsx_runtime2 from "react/jsx-runtime";
 
-//#region src/Card.d.ts
+//#region src/card/Card.d.ts
 declare function CardTitle$1({
   className,
   ...props

package/dist/{Card.js → card/Card.js}

@@ -2,7 +2,7 @@ import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader,
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/Card.tsx
+//#region src/card/Card.tsx
 function CardTitle$1({ className,...props }) {
 	return /* @__PURE__ */ jsx(CardTitle, {
 		className: cn("text-lg font-semibold tracking-tight", className),

package/dist/card/index.cjs

@@ -0,0 +1,4 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_Card = require('./Card.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);

package/dist/card/index.d.cts

@@ -0,0 +1 @@
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./Card.cjs";

package/dist/card/index.d.ts

@@ -0,0 +1 @@
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./Card.js";

package/dist/card/index.js

@@ -0,0 +1 @@
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./Card.js";

package/dist/card/mcp.js

@@ -0,0 +1,22 @@
+import { defineProps } from "../mcp/src/utils.js";
+
+//#region src/card/mcp.ts
+const meta = {
+	name: "Card",
+	category: "Layout",
+	description: "Composable card primitives for grouping related content with headers, descriptions, actions, content, and footers.",
+	htmlElement: "div",
+	props: defineProps({}),
+	examples: [{
+		title: "Complete card",
+		code: "<Card><CardHeader><CardTitle>Project</CardTitle><CardDescription>Status overview</CardDescription></CardHeader><CardContent>Ready</CardContent><CardFooter>Updated today</CardFooter></Card>"
+	}],
+	keywords: [
+		"card",
+		"surface",
+		"layout"
+	]
+};
+
+//#endregion
+export { meta };

package/dist/{CloseButtonAbsolute.cjs → close-button-absolute/CloseButtonAbsolute.cjs}

@@ -1,5 +1,6 @@
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
-const require_CloseButtonRounded = require('./CloseButtonRounded.cjs');
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_CloseButtonRounded = require('../close-button-rounded/CloseButtonRounded.cjs');
+require('../close-button-rounded/index.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let react = require("react");
@@ -7,7 +8,7 @@ react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
-//#region src/CloseButtonAbsolute.tsx
+//#region src/close-button-absolute/CloseButtonAbsolute.tsx
 const CloseButtonAbsolute = (props) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CloseButtonRounded.CloseButtonRounded, {
 		...props,

package/dist/close-button-absolute/CloseButtonAbsolute.d.cts

@@ -0,0 +1,9 @@
+import { CloseButtonRounded } from "../close-button-rounded/CloseButtonRounded.cjs";
+import "../close-button-rounded/index.cjs";
+import React from "react";
+
+//#region src/close-button-absolute/CloseButtonAbsolute.d.ts
+interface PopoverCloseButtonProps extends React.ComponentProps<typeof CloseButtonRounded> {}
+declare const CloseButtonAbsolute: React.FC<PopoverCloseButtonProps>;
+//#endregion
+export { CloseButtonAbsolute, PopoverCloseButtonProps };

package/dist/close-button-absolute/CloseButtonAbsolute.d.ts

@@ -0,0 +1,9 @@
+import { CloseButtonRounded } from "../close-button-rounded/CloseButtonRounded.js";
+import "../close-button-rounded/index.js";
+import React from "react";
+
+//#region src/close-button-absolute/CloseButtonAbsolute.d.ts
+interface PopoverCloseButtonProps extends React.ComponentProps<typeof CloseButtonRounded> {}
+declare const CloseButtonAbsolute: React.FC<PopoverCloseButtonProps>;
+//#endregion
+export { CloseButtonAbsolute, PopoverCloseButtonProps };

package/dist/{CloseButtonAbsolute.js → close-button-absolute/CloseButtonAbsolute.js}

@@ -1,9 +1,10 @@
-import { CloseButtonRounded } from "./CloseButtonRounded.js";
+import { CloseButtonRounded } from "../close-button-rounded/CloseButtonRounded.js";
+import "../close-button-rounded/index.js";
 import { cn } from "@pixpilot/shadcn";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/CloseButtonAbsolute.tsx
+//#region src/close-button-absolute/CloseButtonAbsolute.tsx
 const CloseButtonAbsolute = (props) => {
 	return /* @__PURE__ */ jsx(CloseButtonRounded, {
 		...props,

package/dist/close-button-absolute/index.cjs

@@ -0,0 +1 @@
+const require_CloseButtonAbsolute = require('./CloseButtonAbsolute.cjs');

package/dist/close-button-absolute/index.d.cts

@@ -0,0 +1 @@
+import { CloseButtonAbsolute, PopoverCloseButtonProps } from "./CloseButtonAbsolute.cjs";

package/dist/close-button-absolute/index.d.ts

@@ -0,0 +1 @@
+import { CloseButtonAbsolute, PopoverCloseButtonProps } from "./CloseButtonAbsolute.js";

package/dist/close-button-absolute/index.js

@@ -0,0 +1 @@
+import { CloseButtonAbsolute } from "./CloseButtonAbsolute.js";

package/dist/{CloseButtonRounded.cjs → close-button-rounded/CloseButtonRounded.cjs}

@@ -1,4 +1,4 @@
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let lucide_react = require("lucide-react");
@@ -8,7 +8,7 @@ react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
-//#region src/CloseButtonRounded.tsx
+//#region src/close-button-rounded/CloseButtonRounded.tsx
 const CloseButtonRounded = (props) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
 		...props,