@nextworks/blocks-core 0.1.0-alpha.0

package/dist/ui/select.js

@@ -0,0 +1,20 @@
+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 Select = React.forwardRef((_a, ref) => {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (_jsx("select", Object.assign({ ref: ref, className: cn("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 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", "bg-[var(--input-bg)] text-[var(--input-fg)]", className) }, props, { children: children })));
+});
+Select.displayName = "Select";
+export { Select };

package/dist/ui/skeleton.d.ts

@@ -0,0 +1,2 @@
+export declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/ui/skeleton.tsx"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAOtC"}

package/dist/ui/skeleton.js

@@ -0,0 +1,17 @@
+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";
+export function Skeleton(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ className: cn("bg-muted animate-pulse rounded-md", className) }, props)));
+}

package/dist/ui/switch.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export type SwitchProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    isLoading?: boolean;
+};
+declare const Switch: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+    isLoading?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;
+export { Switch };
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/ui/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,MAAM;gBAHE,OAAO;0CAqEpB,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/ui/switch.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, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils";
+const Switch = React.forwardRef((_a, ref) => {
+    var { className, isLoading, disabled } = _a, props = __rest(_a, ["className", "isLoading", "disabled"]);
+    const checked = !!props.checked;
+    const isDisabled = !!disabled || !!isLoading;
+    return (_jsxs("label", { className: cn("focus-within:ring-offset-background inline-flex items-center rounded-full focus-within:ring-2 focus-within:ring-[var(--ring)] focus-within:ring-offset-2", isDisabled ? "cursor-not-allowed opacity-80" : "cursor-pointer", className), children: [_jsx("input", Object.assign({ type: "checkbox", role: "switch", ref: ref, className: "sr-only", disabled: isDisabled, "aria-busy": isLoading ? "true" : undefined }, props)), _jsxs("span", { "aria-hidden": true, className: cn("relative inline-flex h-6 w-11 flex-shrink-0 rounded-full transition-colors duration-200", checked ? "bg-[var(--primary)]" : "bg-[var(--primary)]/80"), children: [_jsx("span", { className: cn(
+                        // Thumb should adjust for theme to guarantee contrast
+                        "absolute top-0.5 left-0.5 h-5 w-5 transform rounded-full bg-[var(--switch-thumb)] shadow-md transition-transform duration-200 ease-in-out", checked ? "translate-x-5" : "translate-x-0") }), isLoading && (_jsx("span", { className: "absolute inset-0 flex items-center justify-center", children: _jsxs("svg", { className: "h-4 w-4 animate-spin text-white", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "aria-hidden": true, children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z" })] }) }))] })] }));
+});
+Switch.displayName = "Switch";
+export { Switch };

package/dist/ui/table.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export declare function Table({ className, ...props }: React.HTMLAttributes<HTMLTableElement>): import("react/jsx-runtime").JSX.Element;
+export declare function TableHeader(props: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
+export declare function TableBody(props: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
+export declare function TableRow(props: React.HTMLAttributes<HTMLTableRowElement>): import("react/jsx-runtime").JSX.Element;
+export declare function TableHead(props: React.ThHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+export declare function TableCell(props: React.TdHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+export declare function TableCaption(props: React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/ui/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,2CAcxC;AAED,wBAAgB,WAAW,CACzB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,2CAYrD;AAED,wBAAgB,SAAS,CACvB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,2CAWrD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,2CAUxE;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,2CAU5E;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,2CAU5E;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,2CAUpE"}

package/dist/ui/table.js

@@ -0,0 +1,39 @@
+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";
+export function Table(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", { className: "relative w-full overflow-auto", children: _jsx("table", Object.assign({ className: cn("w-full caption-bottom text-sm", 
+            // Optional fg override
+            "text-[var(--table-fg)]", className) }, props)) }));
+}
+export function TableHeader(props) {
+    return (_jsx("thead", Object.assign({ className: cn("[&_tr]:border-b", 
+        // Variable hooks for border color and head text
+        "text-[var(--table-head-fg)] [&_tr]:border-[var(--table-border)]") }, props)));
+}
+export function TableBody(props) {
+    return (_jsx("tbody", Object.assign({ className: cn("[&_tr:last-child]:border-0", "[&_tr]:border-[var(--table-border)]") }, props)));
+}
+export function TableRow(props) {
+    return (_jsx("tr", Object.assign({ className: cn("hover:bg-muted/50 border-b transition-colors", "border-[var(--table-border)] hover:bg-[var(--table-row-hover-bg)]") }, props)));
+}
+export function TableHead(props) {
+    return (_jsx("th", Object.assign({ className: cn("text-muted-foreground h-10 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0", "text-[var(--table-head-fg)]") }, props)));
+}
+export function TableCell(props) {
+    return (_jsx("td", Object.assign({ className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", "text-[var(--table-fg)]") }, props)));
+}
+export function TableCaption(props) {
+    return (_jsx("caption", Object.assign({ className: cn("text-muted-foreground mt-4 text-sm", "text-[var(--table-muted-fg)]") }, props)));
+}

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

@@ -0,0 +1,35 @@
+export interface TestimonialCardProps {
+    /** Optional id for root card */
+    id?: string;
+    /** Optional root className merged with card.className */
+    className?: string;
+    /** Legacy props (kept for backward compatibility) */
+    testimonialText?: string;
+    testimonialAuthor?: string;
+    testimonialAuthorInitials?: string;
+    /** New props to align with upgraded sections */
+    quote?: string;
+    name?: string;
+    role?: string;
+    /** Styling configuration objects */
+    card?: {
+        className?: string;
+    };
+    content?: {
+        className?: string;
+    };
+    text?: {
+        className?: string;
+    };
+    author?: {
+        className?: string;
+    };
+    avatar?: {
+        className?: string;
+    };
+    avatarText?: {
+        className?: string;
+    };
+}
+export declare function TestimonialCard({ id, className, testimonialText, testimonialAuthor, testimonialAuthorInitials, quote, name, role, card, content, text, author, avatar, avatarText, }: TestimonialCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=testimonial-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"testimonial-card.d.ts","sourceRoot":"","sources":["../../src/ui/testimonial-card.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,oBAAoB;IACnC,gCAAgC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IAEnC,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oCAAoC;IACpC,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAWD,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,SAAS,EAET,eAA4E,EAC5E,iBAAsC,EACtC,yBAAgC,EAEhC,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAGC,EACD,OAEC,EACD,IAGC,EACD,MAGC,EACD,MAGC,EACD,UAEC,GACF,EAAE,oBAAoB,2CAuBtB"}

package/dist/ui/testimonial-card.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+function getInitials(from) {
+    var _a, _b;
+    if (!from)
+        return undefined;
+    const parts = from.trim().split(/\s+/);
+    const first = ((_a = parts[0]) === null || _a === void 0 ? void 0 : _a[0]) || "";
+    const last = parts.length > 1 ? ((_b = parts[parts.length - 1]) === null || _b === void 0 ? void 0 : _b[0]) || "" : "";
+    const res = `${first}${last}`.toUpperCase();
+    return res || undefined;
+}
+export function TestimonialCard({ id, className, 
+// legacy defaults
+testimonialText = "Lorem ipsum dolor sit amet! Consectetur adipiscing elit.", testimonialAuthor = " - Cillum Dolore", testimonialAuthorInitials = "JD", 
+// new props (no defaults, we derive below)
+quote, name, role, card = {
+    className: "bg-card text-card-foreground p-6 rounded-lg border border-border shadow-md transition-transform duration-200 hover:-translate-y-1 bg-[var(--card-bg)] text-[var(--card-fg)] border-[var(--card-border)] shadow-[var(--card-shadow)]",
+}, content = {
+    className: "flex flex-col space-y-4",
+}, text = {
+    className: "text-muted-foreground text-base leading-relaxed italic text-[var(--card-fg)]",
+}, author = {
+    className: "text-muted-foreground text-sm font-medium text-[var(--card-muted-fg)]",
+}, avatar = {
+    className: "w-12 h-12 bg-primary text-primary-foreground rounded-full flex items-center justify-center text-lg font-bold bg-[var(--badge-bg)] text-[var(--badge-fg)] border-[var(--badge-border)]",
+}, avatarText = {
+    className: "text-white font-bold",
+}, }) {
+    var _a;
+    const displayText = quote !== null && quote !== void 0 ? quote : testimonialText;
+    const computedAuthor = testimonialAuthor !== null && testimonialAuthor !== void 0 ? testimonialAuthor : (name ? ` - ${name}${role ? `, ${role}` : ""}` : " - Cillum Dolore");
+    const initials = (_a = testimonialAuthorInitials !== null && testimonialAuthorInitials !== void 0 ? testimonialAuthorInitials : getInitials(name)) !== null && _a !== void 0 ? _a : "JD";
+    return (_jsx("div", { id: id, className: cn(card.className, className), children: _jsxs("div", { className: content.className, children: [_jsx("div", { className: avatar.className, children: _jsx("span", { className: avatarText.className, children: initials }) }), _jsxs("p", { className: text.className, children: ["\u201C", displayText, "\u201D"] }), _jsx("p", { className: author.className, children: computedAuthor })] }) }));
+}

package/dist/ui/textarea.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAE9E,QAAA,MAAM,QAAQ,2FAgBb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/ui/textarea.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 Textarea = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("textarea", Object.assign({ 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 min-h-[80px] w-full rounded-md border px-3 py-2 text-sm 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, tokens above apply.
+        "border-[var(--input-border)] bg-[var(--input-bg)] text-[var(--input-fg)] placeholder:text-[var(--input-placeholder)] focus-visible:ring-[var(--input-focus-ring)] focus-visible:ring-offset-[var(--input-ring-offset)]", className), ref: ref }, props)));
+});
+Textarea.displayName = "Textarea";
+export { Textarea };

package/dist/ui/theme-selector.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { Button } from "../ui/button";
+type ThemeSelectorProps = React.ComponentPropsWithoutRef<typeof Button> & {
+    ariaLabel?: string;
+    label?: string;
+};
+export declare function ThemeSelector({ ariaLabel, label, className, ...buttonProps }: ThemeSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=theme-selector.d.ts.map

package/dist/ui/theme-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-selector.d.ts","sourceRoot":"","sources":["../../src/ui/theme-selector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAUtC,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,GAAG;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,SAA+B,EAC/B,KAAe,EACf,SAAS,EACT,GAAG,WAAW,EACf,EAAE,kBAAkB,2CAqNpB"}

package/dist/ui/theme-selector.js

@@ -0,0 +1,56 @@
+"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 { Check, Palette, Wrench } from "lucide-react";
+import { useTheme } from "next-themes";
+import { useThemeVariant } from "../components/enhanced-theme-provider";
+import { themes, darkThemes, } from "../lib/themes";
+import { Button } from "../ui/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "../ui/dropdown-menu";
+export function ThemeSelector(_a) {
+    var _b, _c, _d;
+    var { ariaLabel = "Demo: Color theme", label = "Theme", className } = _a, buttonProps = __rest(_a, ["ariaLabel", "label", "className"]);
+    const { theme, setTheme } = useTheme();
+    const { themeVariant, setThemeVariant, setCustomBrandColors } = useThemeVariant();
+    const isDark = theme === "dark";
+    const [showCustom, setShowCustom] = React.useState(false);
+    const [custom, setCustom] = React.useState({});
+    function openCustomDialog() {
+        setCustom({});
+        setShowCustom(true);
+    }
+    function applyCustom() {
+        setCustomBrandColors(custom);
+        document.cookie = `theme-variant=custom; Path=/; Max-Age=31536000; SameSite=Lax`;
+        document.cookie = `theme-custom=${encodeURIComponent(JSON.stringify(custom))}; Path=/; Max-Age=31536000; SameSite=Lax`;
+        setShowCustom(false);
+    }
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, Object.assign({ variant: "outline", size: "sm", className: `gap-2 ${className !== null && className !== void 0 ? className : ""}`, "aria-label": ariaLabel }, buttonProps, { children: [_jsx(Palette, { className: "h-4 w-4" }), label] })) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-64", children: [_jsxs(DropdownMenuLabel, { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { children: "Color theme variants" }), _jsx("span", { "aria-hidden": "true", className: "border-border bg-muted/50 text-muted-foreground rounded-md border px-1.5 py-0.5 text-[10px] font-medium tracking-wide uppercase", children: "Gallery" })] }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Affects this preview only ( button is not part of the shared Navbar. )" })] }), _jsx(DropdownMenuSeparator, {}), Object.entries(themes).map(([key, themeConfig]) => (_jsxs(DropdownMenuItem, { onClick: () => {
+                            setThemeVariant(key);
+                            document.cookie = `theme-variant=${key}; Path=/; Max-Age=31536000; SameSite=Lax`;
+                        }, className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-4 w-4 rounded-full border", style: {
+                                            backgroundColor: isDark
+                                                ? darkThemes[key].colors.primary
+                                                : themeConfig.colors.primary,
+                                        } }), themeConfig.name] }), themeVariant === key && _jsx(Check, { className: "h-4 w-4" })] }, key))), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuLabel, { children: "Custom" }), _jsxs(DropdownMenuItem, { onClick: openCustomDialog, className: "flex items-center gap-2", children: [_jsx(Wrench, { className: "h-4 w-4" }), "Customize brand colors\u2026"] }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuLabel, { children: "Appearance" }), _jsx(DropdownMenuItem, { onClick: () => setTheme("light"), children: "Light" }), _jsx(DropdownMenuItem, { onClick: () => setTheme("dark"), children: "Dark" }), _jsx(DropdownMenuItem, { onClick: () => setTheme("system"), children: "System" })] }), showCustom && (_jsx("div", { className: "fixed inset-0 z-[60] flex items-center justify-center bg-black/40 p-4", children: _jsxs("div", { role: "dialog", "aria-modal": "true", "aria-labelledby": "customBrandColorsTitle", className: "bg-popover text-popover-foreground w-full max-w-md rounded-md border p-4 shadow-lg", children: [_jsx("div", { id: "customBrandColorsTitle", className: "mb-3 text-sm font-semibold", children: "Custom brand colors" }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("label", { className: "w-28 text-sm", children: "primary" }), _jsx("input", { type: "text", placeholder: "oklch(...) or #hex", className: "bg-background flex-1 rounded border p-2 text-sm", value: (_b = custom.primary) !== null && _b !== void 0 ? _b : "", onChange: (e) => setCustom((c) => (Object.assign(Object.assign({}, c), { primary: e.target.value }))) }), _jsx("input", { type: "color", className: "h-8 w-10 cursor-pointer", value: typeof custom.primary === "string" &&
+                                                custom.primary.startsWith("#")
+                                                ? custom.primary
+                                                : "#000000", onChange: (e) => setCustom((c) => (Object.assign(Object.assign({}, c), { primary: e.target.value }))) })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("label", { className: "w-28 text-sm", children: "accent" }), _jsx("input", { type: "text", placeholder: "oklch(...) or #hex", className: "bg-background flex-1 rounded border p-2 text-sm", value: (_c = custom.accent) !== null && _c !== void 0 ? _c : "", onChange: (e) => setCustom((c) => (Object.assign(Object.assign({}, c), { accent: e.target.value }))) }), _jsx("input", { type: "color", className: "h-8 w-10 cursor-pointer", value: typeof custom.accent === "string" &&
+                                                custom.accent.startsWith("#")
+                                                ? custom.accent
+                                                : "#000000", onChange: (e) => setCustom((c) => (Object.assign(Object.assign({}, c), { accent: e.target.value }))) })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("label", { className: "w-28 text-sm", children: "ring" }), _jsx("input", { type: "text", placeholder: "oklch(...) or #hex", className: "bg-background flex-1 rounded border p-2 text-sm", value: (_d = custom.ring) !== null && _d !== void 0 ? _d : "", onChange: (e) => setCustom((c) => (Object.assign(Object.assign({}, c), { ring: e.target.value }))) }), _jsx("input", { type: "color", className: "h-8 w-10 cursor-pointer", value: typeof custom.ring === "string" &&
+                                                custom.ring.startsWith("#")
+                                                ? custom.ring
+                                                : "#000000", onChange: (e) => setCustom((c) => (Object.assign(Object.assign({}, c), { ring: e.target.value }))) })] })] }), _jsxs("div", { className: "mt-4 flex justify-end gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => setShowCustom(false), children: "Cancel" }), _jsx(Button, { size: "sm", onClick: applyCustom, children: "Apply" })] })] }) }))] }));
+}

package/dist/ui/theme-toggle.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { Button } from "../ui/button";
+type ButtonProps = React.ComponentProps<typeof Button>;
+export type ThemeToggleProps = {
+    /** Forwarded to internal Button. You can set unstyled, className, variant, size, etc. */
+    buttonProps?: Partial<ButtonProps>;
+    /** Optional aria-label override */
+    ariaLabel?: string;
+    /** Optional class overrides for icons */
+    moonClassName?: string;
+    sunClassName?: string;
+};
+export declare function ThemeToggle({ buttonProps, ariaLabel, moonClassName, sunClassName, }: ThemeToggleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=theme-toggle.d.ts.map

package/dist/ui/theme-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../src/ui/theme-toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,yFAAyF;IACzF,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACnC,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,SAA0B,EAC1B,aAAa,EACb,YAAY,GACb,EAAE,gBAAgB,2CA+ClB"}

package/dist/ui/theme-toggle.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Moon, Sun } from "lucide-react";
+import { useTheme } from "next-themes";
+import { cn } from "../lib/utils";
+import { Button } from "../ui/button";
+export function ThemeToggle({ buttonProps, ariaLabel = "Toggle theme", moonClassName, sunClassName, }) {
+    const { theme, setTheme } = useTheme();
+    const mergedButtonProps = Object.assign(Object.assign({ variant: "outline", size: "icon" }, buttonProps), { className: cn("relative", 
+        // Prefer preset variables if provided on Navbar
+        "bg-[var(--navbar-toggle-bg)] text-[var(--navbar-accent)] hover:bg-[var(--navbar-hover-bg)] focus-visible:ring-[var(--navbar-ring)]", 
+        // Ensure border uses preset variable; provide width for unstyled cases
+        "border border-[var(--navbar-border)]", buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.className), 
+        // Inline style ensures our accent wins over token classes even under dark: variants
+        style: Object.assign(Object.assign({}, buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.style), { color: "var(--navbar-accent)", backgroundColor: "var(--navbar-toggle-bg)", borderColor: "var(--navbar-border)", 
+            // Tell Tailwind ring utilities which ring color to use
+            "--tw-ring-color": "var(--navbar-ring)" }) });
+    return (_jsxs(Button, Object.assign({}, mergedButtonProps, { onClick: () => setTheme(theme === "light" ? "dark" : "light"), "aria-label": ariaLabel, children: [_jsx(Moon, { className: cn("h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90", moonClassName) }), _jsx(Sun, { className: cn("absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0", sunClassName) }), _jsx("span", { className: "sr-only", children: ariaLabel })] })));
+}

package/dist/ui/toaster.d.ts

@@ -0,0 +1,2 @@
+export default function AppToaster(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toaster.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../src/ui/toaster.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,UAAU,4CAEjC"}

package/dist/ui/toaster.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toaster } from "sonner";
+export default function AppToaster() {
+    return _jsx(Toaster, { position: "top-center", richColors: true, closeButton: true });
+}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@nextworks/blocks-core",
+  "version": "0.1.0-alpha.0",
+  "private": false,
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "package.json",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly --declaration --declarationMap --outDir dist-types",
+    "build": "tsc -p tsconfig.build.json && npm run build:types && node scripts/postbuild.js"
+  },
+  "dependencies": {
+    "next-themes": "^0.4.6",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^3.3.1"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "next": "^15.0.0 || ^16.0.0"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./server": {
+      "types": "./dist/server.d.ts",
+      "default": "./dist/server.js"
+    },
+    "./lib/themes": {
+      "types": "./dist/lib/themes.d.ts",
+      "default": "./dist/lib/themes.js"
+    }
+  }
+}