@nextworks/blocks-core 0.1.0-alpha.0

package/dist/ui/button.js

@@ -0,0 +1,71 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+const buttonVariants = cva("focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90 shadow-xs",
+            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 shadow-xs",
+            outline: "bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border shadow-xs",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-xs",
+            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-9 px-4 py-2 has-[>svg]:px-3",
+            sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
+            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+            icon: "size-9",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+const Button = React.forwardRef((_a, ref) => {
+    var _b;
+    var { className, variant, size, asChild = false, unstyled = false, forceInlineVars = false } = _a, props = __rest(_a, ["className", "variant", "size", "asChild", "unstyled", "forceInlineVars"]);
+    const Comp = asChild ? Slot : "button";
+    // Use caller-provided style; only inject inline var-driven colors when explicitly requested
+    const incomingStyle = (_b = props.style) !== null && _b !== void 0 ? _b : undefined;
+    const finalStyle = forceInlineVars && !unstyled
+        ? Object.assign(Object.assign({}, incomingStyle), { color: "var(--btn-fg)", backgroundColor: "var(--btn-bg)", borderColor: "var(--btn-border)", "--tw-ring-color": "var(--btn-ring)" }) : incomingStyle;
+    // Only enable CSS variable hooks when explicitly requested via inline vars
+    // or when the caller sets any [--btn-*] classes in className.
+    const wantsVarHooks = !unstyled &&
+        (forceInlineVars ||
+            (typeof className === "string" && className.includes("[--btn-")));
+    return (_jsx(Comp, Object.assign({ ref: ref, "data-slot": "button", className: unstyled
+            ? cn("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap disabled:pointer-events-none disabled:opacity-50", className)
+            : cn(buttonVariants({ variant, size }), wantsVarHooks && [
+                // Color var hooks (apply only when CSS vars are provided)
+                "text-[var(--btn-fg)]",
+                "bg-[var(--btn-bg)]",
+                "hover:bg-[var(--btn-hover-bg)]",
+                "hover:text-[var(--btn-hover-fg)]",
+                // explicit dark variants to compete with dark: utilities from variants like outline
+                "dark:bg-[var(--btn-bg)]",
+                "dark:hover:bg-[var(--btn-hover-bg)]",
+                "dark:hover:text-[var(--btn-hover-fg)]",
+                // Focus ring and border hooks
+                "focus-visible:ring-[var(--btn-ring)]",
+                "border-[var(--btn-border)]",
+                "dark:border-[var(--btn-border)]",
+            ], className), style: finalStyle }, props)));
+});
+Button.displayName = "Button";
+export { Button, buttonVariants };

package/dist/ui/card.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare function Card({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+//# sourceMappingURL=card.d.ts.map

package/dist/ui/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAcjE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQvE;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,CAAC"}

package/dist/ui/card.js

@@ -0,0 +1,46 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+function Card(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "card", className: cn(
+        // Structural + token fallbacks
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", 
+        // CSS variable hooks for preset-first overrides
+        "border-[var(--card-border)] bg-[var(--card-bg)] text-[var(--card-fg)] shadow-[var(--card-shadow)]", className) }, props)));
+}
+function CardHeader(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "card-header", className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className) }, props)));
+}
+function CardTitle(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "card-title", className: cn("leading-none font-semibold", className) }, props)));
+}
+function CardDescription(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "card-description", className: cn("text-muted-foreground text-sm", className) }, props)));
+}
+function CardAction(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "card-action", className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className) }, props)));
+}
+function CardContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "card-content", className: cn("px-6", className) }, props)));
+}
+function CardFooter(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "card-footer", className: cn("flex items-center px-6 [.border-t]:pt-6", className) }, props)));
+}
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/dist/ui/checkbox.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement>;
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export { Checkbox };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/ui/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAExE,QAAA,MAAM,QAAQ,wFAqBb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/ui/checkbox.js

@@ -0,0 +1,24 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils";
+const Checkbox = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    // Use the native accent-color where supported for consistent checkbox fill
+    const style = { accentColor: "var(--primary)" }; // fallback; modern browsers will use this accent color
+    return (_jsx("input", Object.assign({ type: "checkbox", ref: ref, style: style, className: cn(
+        // Keep layout small but add smooth transitions and focus ring
+        "h-4 w-4 rounded border-[var(--input-border)] bg-[var(--input-bg)] text-[var(--input-fg)] transition-colors duration-200 ease-in-out", "focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:outline-none", "disabled:cursor-not-allowed disabled:opacity-50", className) }, props)));
+});
+Checkbox.displayName = "Checkbox";
+export { Checkbox };

package/dist/ui/cta-button.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+export interface CTAButtonProps {
+    /** Optional id on the root anchor/button */
+    id?: string;
+    /** Additional className merged with the button slot */
+    className?: string;
+    /** onClick handler for the CTA button (anchor element) */
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+    /** Label text for the CTA button */
+    ctaButtonLabel?: string;
+    /** URL or anchor target for the CTA button */
+    ctaButtonHref?: string;
+    /** Deprecated style shorthands (kept for backward-compat). Prefer button.className */
+    ctaButtonTextColor?: string;
+    ctaButtonBgColor?: string;
+    ctaButtonBorderColor?: string;
+    ctaButtonDarkMode?: {
+        color?: string;
+        bg?: string;
+        borderColor?: string;
+    };
+    ctaButtonHoverStyle?: {
+        color?: string;
+        bg?: string;
+        borderColor?: string;
+        transform?: string;
+        boxShadow?: string;
+    };
+    /** Slot for shadcn Button styling */
+    button?: {
+        variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+        size?: "default" | "sm" | "lg" | "icon";
+        className?: string;
+        /** Forward-through escape hatch matching Button */
+        unstyled?: boolean;
+        style?: React.CSSProperties;
+    };
+}
+export declare function CTAButton({ id, className, onClick, ctaButtonLabel, ctaButtonHref, ctaButtonTextColor, ctaButtonBgColor, ctaButtonBorderColor, ctaButtonDarkMode, ctaButtonHoverStyle, button, }: CTAButtonProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=cta-button.d.ts.map

package/dist/ui/cta-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cta-button.d.ts","sourceRoot":"","sources":["../../src/ui/cta-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,cAAc;IAC7B,4CAA4C;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,mBAAmB,CAAC,EAAE;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAEF,qCAAqC;IACrC,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EACJ,SAAS,GACT,aAAa,GACb,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,CAAC;QACX,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;QACxC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,mDAAmD;QACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC7B,CAAC;CACH;AAED,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,SAAS,EACT,OAAO,EACP,cAA8B,EAC9B,aAA0B,EAC1B,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,MAKC,GACF,EAAE,cAAc,kDAqDhB"}

package/dist/ui/cta-button.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import Link from "next/link";
+import { Button } from "../ui/button";
+import { cn } from "../lib/utils";
+export function CTAButton({ id, className, onClick, ctaButtonLabel = "Get Started", ctaButtonHref = "#contact", ctaButtonTextColor, ctaButtonBgColor, ctaButtonBorderColor, ctaButtonDarkMode, ctaButtonHoverStyle, button = {
+    variant: "default",
+    size: "lg",
+    className: "bg-primary text-primary-foreground hover:bg-primary/90 font-medium shadow-md hover:shadow-lg transition-all duration-200 hover:-translate-y-0.5",
+}, }) {
+    if (!ctaButtonLabel)
+        return null;
+    // Build dynamic classes from deprecated style props (kept for compatibility)
+    const dynamic = [];
+    if (ctaButtonTextColor)
+        dynamic.push(`text-${ctaButtonTextColor}`);
+    if (ctaButtonBgColor)
+        dynamic.push(`bg-${ctaButtonBgColor}`);
+    if (ctaButtonBorderColor)
+        dynamic.push(`border-${ctaButtonBorderColor}`);
+    if (ctaButtonHoverStyle) {
+        const { color, bg, borderColor, transform, boxShadow } = ctaButtonHoverStyle;
+        if (color)
+            dynamic.push(`hover:text-${color}`);
+        if (bg)
+            dynamic.push(`hover:bg-${bg}`);
+        if (borderColor)
+            dynamic.push(`hover:border-${borderColor}`);
+        if (transform)
+            dynamic.push(`hover:${transform}`);
+        if (boxShadow)
+            dynamic.push(`hover:${boxShadow}`);
+    }
+    if (ctaButtonDarkMode) {
+        const { color, bg, borderColor } = ctaButtonDarkMode;
+        if (color)
+            dynamic.push(`dark:text-${color}`);
+        if (bg)
+            dynamic.push(`dark:bg-${bg}`);
+        if (borderColor)
+            dynamic.push(`dark:border-${borderColor}`);
+    }
+    const finalClassName = cn(
+    // Allow var hooks to flow through to Button
+    "border-[var(--btn-border)] focus-visible:ring-[var(--btn-ring)]", button.className, className, dynamic.join(" "));
+    return (_jsx(Button, Object.assign({ asChild: true, variant: button.variant, size: button.size, className: finalClassName }, (button.unstyled ? { unstyled: true } : {}), { style: button.style, children: _jsx(Link, { id: id, href: ctaButtonHref || "#", onClick: onClick, "aria-label": ctaButtonLabel, children: ctaButtonLabel }) })));
+}

package/dist/ui/dropdown-menu.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/ui/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAKvE,QAAA,MAAM,YAAY,mDAA6B,CAAC;AAEhD,QAAA,MAAM,mBAAmB,0HAAgC,CAAC;AAE1D,QAAA,MAAM,iBAAiB,qHAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,yDAA+B,CAAC;AAExD,QAAA,MAAM,eAAe,sDAA4B,CAAC;AAElD,QAAA,MAAM,sBAAsB,0HAAmC,CAAC;AAEhE,QAAA,MAAM,sBAAsB;YAGhB,OAAO;wCAejB,CAAC;AAIH,QAAA,MAAM,sBAAsB,6KAY1B,CAAC;AAIH,QAAA,MAAM,mBAAmB,0KAevB,CAAC;AAGH,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAYjB,CAAC;AAGH,QAAA,MAAM,wBAAwB,+KAoB5B,CAAC;AAIH,QAAA,MAAM,qBAAqB,4KAmBzB,CAAC;AAGH,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAYjB,CAAC;AAGH,QAAA,MAAM,qBAAqB,4KASzB,CAAC;AAGH,QAAA,MAAM,oBAAoB;8BAGvB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOvC,CAAC;AAGF,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAC"}

package/dist/ui/dropdown-menu.js

@@ -0,0 +1,72 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { cn } from "../lib/utils";
+const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+const DropdownMenuSubTrigger = React.forwardRef((_a, ref) => {
+    var { className, inset, children } = _a, props = __rest(_a, ["className", "inset", "children"]);
+    return (_jsxs(DropdownMenuPrimitive.SubTrigger, Object.assign({ ref: ref, className: cn("focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none", inset && "pl-8", className) }, props, { children: [children, _jsx(ChevronRight, { className: "ml-auto h-4 w-4" })] })));
+});
+DropdownMenuSubTrigger.displayName =
+    DropdownMenuPrimitive.SubTrigger.displayName;
+const DropdownMenuSubContent = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(DropdownMenuPrimitive.SubContent, Object.assign({ ref: ref, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg", className) }, props)));
+});
+DropdownMenuSubContent.displayName =
+    DropdownMenuPrimitive.SubContent.displayName;
+const DropdownMenuContent = React.forwardRef((_a, ref) => {
+    var { className, sideOffset = 4 } = _a, props = __rest(_a, ["className", "sideOffset"]);
+    return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, Object.assign({ ref: ref, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md", className) }, props)) }));
+});
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+const DropdownMenuItem = React.forwardRef((_a, ref) => {
+    var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
+    return (_jsx(DropdownMenuPrimitive.Item, Object.assign({ ref: ref, className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className) }, props)));
+});
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+const DropdownMenuCheckboxItem = React.forwardRef((_a, ref) => {
+    var { className, children, checked } = _a, props = __rest(_a, ["className", "children", "checked"]);
+    return (_jsxs(DropdownMenuPrimitive.CheckboxItem, Object.assign({ ref: ref, className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), checked: checked }, props, { children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) }) }), children] })));
+});
+DropdownMenuCheckboxItem.displayName =
+    DropdownMenuPrimitive.CheckboxItem.displayName;
+const DropdownMenuRadioItem = React.forwardRef((_a, ref) => {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (_jsxs(DropdownMenuPrimitive.RadioItem, Object.assign({ ref: ref, className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className) }, props, { children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }), children] })));
+});
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+const DropdownMenuLabel = React.forwardRef((_a, ref) => {
+    var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
+    return (_jsx(DropdownMenuPrimitive.Label, Object.assign({ ref: ref, className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className) }, props)));
+});
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+const DropdownMenuSeparator = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(DropdownMenuPrimitive.Separator, Object.assign({ ref: ref, className: cn("bg-muted -mx-1 my-1 h-px", className) }, props)));
+});
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+const DropdownMenuShortcut = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("span", Object.assign({ className: cn("ml-auto text-xs tracking-widest opacity-60", className) }, props)));
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/dist/ui/feature-card.d.ts

@@ -0,0 +1,32 @@
+export interface FeatureCardProps {
+    /** Optional id and root className */
+    id?: string;
+    className?: string;
+    /** Image source URL for the feature card image */
+    cardImageSrc: string;
+    /** Alt text for the feature card image */
+    cardImageAlt: string;
+    /** Heading text displayed on the feature card */
+    cardHeadingText: string;
+    /** Subheading or description text on the feature card */
+    cardSubheadingText: string;
+    /** Styling configuration objects */
+    card?: {
+        className?: string;
+    };
+    image?: {
+        className?: string;
+    };
+    heading?: {
+        className?: string;
+    };
+    subheading?: {
+        className?: string;
+    };
+    /** Next/Image quality (1-100) */
+    imageQuality?: number;
+    /** Next/Image sizes attribute */
+    imageSizes?: string;
+}
+export declare function FeatureCard({ id, className, cardImageSrc, cardImageAlt, cardHeadingText, cardSubheadingText, card, image, heading, subheading, imageQuality, imageSizes, }: FeatureCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=feature-card.d.ts.map

package/dist/ui/feature-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-card.d.ts","sourceRoot":"","sources":["../../src/ui/feature-card.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,kDAAkD;IAClD,YAAY,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,eAAe,EAAE,MAAM,CAAC;IACxB,yDAAyD;IACzD,kBAAkB,EAAE,MAAM,CAAC;IAE3B,oCAAoC;IACpC,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,KAAK,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,UAAU,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,IAGC,EACD,KAAqC,EACrC,OAGC,EACD,UAGC,EACD,YAAiB,EACjB,UAAsE,GACvE,EAAE,gBAAgB,2CAoClB"}

package/dist/ui/feature-card.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from "next/image";
+import { Card, CardContent } from "../ui/card";
+import { cn } from "../lib/utils";
+export function FeatureCard({ id, className, cardImageSrc, cardImageAlt, cardHeadingText, cardSubheadingText, card = {
+    className: "h-full transition-all duration-200 hover:shadow-lg bg-card text-card-foreground border rounded-md border-border",
+}, image = { className: "object-cover" }, heading = {
+    className: "mb-2 text-lg font-semibold text-foreground text-[var(--card-title-fg)]",
+}, subheading = {
+    className: "text-sm leading-relaxed text-muted-foreground text-[var(--card-muted-fg)]",
+}, imageQuality = 85, imageSizes = "(max-width: 480px) 100vw, (max-width: 768px) 50vw, 33vw", }) {
+    return (_jsx(Card, { id: id, className: cn("group", card.className, className), children: _jsxs(CardContent, { className: "relative flex h-full flex-col p-6", children: [_jsx("div", { className: "pointer-events-none absolute inset-0 -z-10 opacity-0 transition-opacity duration-500 group-hover:opacity-100", children: _jsx("div", { className: "absolute -top-10 -left-10 h-40 w-40 rounded-full bg-white/5 blur-2xl dark:bg-white/10" }) }), _jsx("div", { className: "relative mb-4 h-48 w-full overflow-hidden rounded-md", children: cardImageSrc ? (_jsx(Image, { src: cardImageSrc, alt: cardImageAlt || "Feature image", fill: true, className: cn("transition-transform duration-500 group-hover:scale-105", image.className), quality: imageQuality, sizes: imageSizes })) : (_jsx("div", { className: "bg-muted text-muted-foreground flex h-full w-full items-center justify-center", children: _jsx("span", { className: "text-xs", children: "No image" }) })) }), _jsxs("div", { className: "flex flex-1 flex-col", children: [_jsx("h3", { className: heading.className, children: cardHeadingText }), _jsx("p", { className: subheading.className, children: cardSubheadingText })] })] }) }));
+}

package/dist/ui/input.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+//# sourceMappingURL=input.d.ts.map

package/dist/ui/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAErE,QAAA,MAAM,KAAK,qFAiBV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/ui/input.js

@@ -0,0 +1,24 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils";
+const Input = React.forwardRef((_a, ref) => {
+    var { className, type } = _a, props = __rest(_a, ["className", "type"]);
+    return (_jsx("input", Object.assign({ type: type, className: cn(
+        // Base structural + token fallbacks
+        "border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive/30 dark:aria-invalid:focus-visible:ring-destructive/40 flex h-10 w-full rounded-md border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", 
+        // CSS variable hooks (preset-first). When vars are unset, these are ignored and tokens above apply.
+        "focus-visible:ring-offset-background border-[var(--input-border)] bg-[var(--input-bg)] text-[var(--input-fg)] placeholder:text-[var(--input-placeholder)] focus-visible:ring-[var(--input-focus-ring,var(--ring))] focus-visible:ring-offset-2", className), ref: ref }, props)));
+});
+Input.displayName = "Input";
+export { Input };

package/dist/ui/label.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { type VariantProps } from "class-variance-authority";
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };
+//# sourceMappingURL=label.d.ts.map

package/dist/ui/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/ui/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAQlE,QAAA,MAAM,KAAK,4PAeT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/ui/label.js

@@ -0,0 +1,25 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+const labelVariants = cva("text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+const Label = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(LabelPrimitive.Root, Object.assign({ ref: ref, className: cn(labelVariants(), 
+        // Optional color override via var; falls back to inherited color when unset
+        "text-[var(--label-fg)]", className) }, props)));
+});
+Label.displayName = LabelPrimitive.Root.displayName;
+export { Label };

package/dist/ui/pricing-card.d.ts

@@ -0,0 +1,50 @@
+import React from "react";
+export interface PricingCardProps {
+    /** Optional id and root className */
+    id?: string;
+    className?: string;
+    /** Header text/title of the pricing plan */
+    pricingCardTitle?: string;
+    /** Price text for the pricing plan */
+    pricingCardPrice?: string;
+    /** Array of features included in the pricing plan */
+    pricingCardFeatures?: string[];
+    /** Label text for the pricing call-to-action button */
+    pricingCardCTALabel?: string;
+    /** URL/href for the pricing call-to-action button */
+    pricingCardCTAHref?: string;
+    /** Whether this is the featured/popular plan */
+    isPopular?: boolean;
+    /** Styling configuration objects */
+    card?: {
+        className?: string;
+    };
+    header?: {
+        className?: string;
+    };
+    title?: {
+        className?: string;
+    };
+    price?: {
+        className?: string;
+    };
+    features?: {
+        className?: string;
+    };
+    featureItem?: {
+        className?: string;
+    };
+    cta?: {
+        variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+        size?: "default" | "sm" | "lg" | "icon";
+        className?: string;
+        /** Forward-through escape hatch matching Button */
+        unstyled?: boolean;
+        style?: React.CSSProperties;
+    };
+    popularBadge?: {
+        className?: string;
+    };
+}
+export declare function PricingCard({ id, className, pricingCardTitle, pricingCardPrice, pricingCardFeatures, pricingCardCTALabel, pricingCardCTAHref, isPopular, card, header, title, price, features, featureItem, cta, popularBadge, }: PricingCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=pricing-card.d.ts.map

package/dist/ui/pricing-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pricing-card.d.ts","sourceRoot":"","sources":["../../src/ui/pricing-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,gBAAgB;IAC/B,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qDAAqD;IACrD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,oCAAoC;IACpC,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,MAAM,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,KAAK,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,KAAK,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,WAAW,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,GAAG,CAAC,EAAE;QACJ,OAAO,CAAC,EACJ,SAAS,GACT,aAAa,GACb,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,CAAC;QACX,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;QACxC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,mDAAmD;QACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC7B,CAAC;IACF,YAAY,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACvC;AAED,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,SAAS,EACT,gBAA+B,EAC/B,gBAA0B,EAC1B,mBAA6D,EAC7D,mBAAmC,EACnC,kBAA+B,EAC/B,SAAiB,EACjB,IAGC,EACD,MAAgE,EAChE,KAA+D,EAC/D,KAAgE,EAChE,QAAyC,EACzC,WAEC,EACD,GAKC,EACD,YAGC,GACF,EAAE,gBAAgB,2CAsClB"}

package/dist/ui/pricing-card.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Button } from "../ui/button";
+import { Card } from "../ui/card";
+import { cn } from "../lib/utils";
+import { Check } from "lucide-react";
+export function PricingCard({ id, className, pricingCardTitle = "Basic Plan", pricingCardPrice = "$9.99", pricingCardFeatures = ["Feature 1", "Feature 2", "Feature 3"], pricingCardCTALabel = "Select Plan", pricingCardCTAHref = "#contact", isPopular = false, card = {
+    className: "relative bg-card text-card-foreground border border-border rounded-lg shadow-md hover:shadow-lg transition-shadow duration-200",
+}, header = { className: "p-6 text-center border-b border-border" }, title = { className: "text-xl font-bold text-foreground mb-2" }, price = { className: "text-3xl font-bold text-foreground mb-4" }, features = { className: "p-6 space-y-3" }, featureItem = {
+    className: "flex items-center text-muted-foreground text-sm",
+}, cta = {
+    variant: "default",
+    size: "lg",
+    className: "w-full bg-primary text-primary-foreground hover:bg-primary/90 font-medium shadow-md hover:shadow-lg transition-all duration-200 hover:-translate-y-0.5",
+}, popularBadge = {
+    className: "absolute -top-3 left-1/2 transform -translate-x-1/2 bg-primary text-primary-foreground px-4 py-1 rounded-full text-sm font-medium",
+}, }) {
+    return (_jsxs(Card, { id: id, className: cn(card.className, className, "rounded-lg"), children: [isPopular && _jsx("div", { className: popularBadge.className, children: "Most Popular" }), _jsxs("div", { className: header.className, children: [_jsx("h3", { className: title.className, children: pricingCardTitle }), _jsx("div", { className: price.className, children: pricingCardPrice })] }), _jsx("div", { className: features.className, children: pricingCardFeatures === null || pricingCardFeatures === void 0 ? void 0 : pricingCardFeatures.map((feature, index) => (_jsxs("div", { className: featureItem.className, children: [_jsx(Check, { className: "mr-3 h-4 w-4 flex-shrink-0 text-green-500" }), _jsx("span", { children: feature })] }, index))) }), _jsx("div", { className: "p-6 pt-0", children: _jsx(Button, Object.assign({ asChild: true, variant: cta.variant, size: cta.size, className: cn(
+                    // Allow presets to take over with var hooks from Button
+                    "border-[var(--btn-border)] focus-visible:ring-[var(--btn-ring)]", cta.className, "hover:animate-none motion-safe:animate-none") }, (cta.unstyled ? { unstyled: true } : {}), { style: cta.style, children: _jsx(Link, { href: pricingCardCTAHref || "#", children: pricingCardCTALabel }) })) })] }));
+}

package/dist/ui/select.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement>;
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+export { Select };
+//# sourceMappingURL=select.d.ts.map

package/dist/ui/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAExE,QAAA,MAAM,MAAM,uFAgBX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}