@appcorp/shadcn 1.2.0 → 2.0.0

package/components/shadcn-example/blog-page/blog-post-card.js

@@ -1,30 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlogPostCard = void 0;
-var react_1 = __importDefault(require("react"));
-var image_1 = __importDefault(require("next/image"));
-var avatar_1 = require("../../../components/ui/avatar");
-var BlogPostCard = function (_a) {
-    var authorAvatarSrc = _a.authorAvatarSrc, authorName = _a.authorName, description = _a.description, handleOnClick = _a.handleOnClick, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, readTime = _a.readTime, title = _a.title;
-    return (react_1.default.createElement("div", { className: "bg-card text-card-foreground overflow-hidden rounded-lg border cursor-pointer", onClick: handleOnClick },
-        react_1.default.createElement(image_1.default, { alt: imageAlt, className: "h-48 w-full object-cover", height: 225, src: imageSrc, width: 400 }),
-        react_1.default.createElement("div", { className: "grid gap-2 p-4" },
-            react_1.default.createElement("h3", { className: "text-lg leading-tight font-semibold" }, title),
-            react_1.default.createElement("p", { className: "text-muted-foreground line-clamp-3 text-sm" }, description),
-            react_1.default.createElement("div", { className: "text-muted-foreground flex items-center gap-2 text-sm" },
-                react_1.default.createElement(avatar_1.Avatar, { className: "h-6 w-6" },
-                    react_1.default.createElement(avatar_1.AvatarImage, { src: authorAvatarSrc || "/placeholder.svg" }),
-                    react_1.default.createElement(avatar_1.AvatarFallback, null, authorName
-                        .split(" ")
-                        .map(function (n) { return n[0]; })
-                        .join(""))),
-                react_1.default.createElement("span", null, authorName),
-                react_1.default.createElement("span", null, "\u2022"),
-                react_1.default.createElement("span", null,
-                    readTime,
-                    " read")))));
-};
-exports.BlogPostCard = BlogPostCard;

package/components/shadcn-example/blog-page/featured-post-sidebar-item.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-interface FeaturedPostSidebarItemProps {
-    handleOnClick: () => void;
-    imageAlt: string;
-    imageSrc: string;
-    tags: string[];
-    title: string;
-}
-export declare const FeaturedPostSidebarItem: ({ handleOnClick, imageAlt, imageSrc, tags, title, }: FeaturedPostSidebarItemProps) => React.JSX.Element;
-export {};

package/components/shadcn-example/blog-page/featured-post-sidebar-item.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeaturedPostSidebarItem = void 0;
-var react_1 = __importDefault(require("react"));
-var image_1 = __importDefault(require("next/image"));
-var badge_1 = require("../../ui/badge");
-var FeaturedPostSidebarItem = function (_a) {
-    var handleOnClick = _a.handleOnClick, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, tags = _a.tags, title = _a.title;
-    return (react_1.default.createElement("div", { className: "flex flex-col gap-2 cursor-pointer", onClick: handleOnClick },
-        react_1.default.createElement("div", { className: "flex items-center gap-4" },
-            react_1.default.createElement(image_1.default, { alt: imageAlt, className: "aspect-square rounded-md object-cover", height: 64, src: imageSrc || "/placeholder.svg", width: 64 }),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement("h4", { className: "text-sm leading-snug font-medium" }, title),
-                react_1.default.createElement("div", { className: "flex flex-row gap-4" }, tags === null || tags === void 0 ? void 0 : tags.map(function (tag) { return (react_1.default.createElement(badge_1.Badge, { key: tag, className: "mb-2 w-fit bg-black text-white backdrop-blur-sm" }, tag)); }))))));
-};
-exports.FeaturedPostSidebarItem = FeaturedPostSidebarItem;

package/components/shadcn-example/blog-page/index.d.ts

@@ -1,20 +0,0 @@
-import { FC } from "react";
-export type BlogItem = {
-    authorAvatarSrc: string;
-    authorName: string;
-    description: string;
-    handleOnClick: () => void;
-    imageAlt?: string;
-    imageSrc: string;
-    isFeatured: boolean;
-    link: string;
-    readTime: string;
-    tags: string[];
-    title: string;
-};
-type BlogPageProps = {
-    items: BlogItem[];
-    recommendedPosts: BlogItem[];
-};
-export declare const BlogPage: FC<BlogPageProps>;
-export {};

package/components/shadcn-example/blog-page/index.js

@@ -1,36 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlogPage = void 0;
-var react_1 = __importDefault(require("react"));
-var link_1 = __importDefault(require("next/link"));
-var image_1 = __importDefault(require("next/image"));
-var badge_1 = require("../../../components/ui/badge");
-var button_1 = require("../../../components/ui/button");
-var blog_post_card_1 = require("./blog-post-card");
-var featured_post_sidebar_item_1 = require("./featured-post-sidebar-item");
-var BlogPage = function (_a) {
-    var _b;
-    var items = _a.items, recommendedPosts = _a.recommendedPosts;
-    var featuredPost = items.find(function (item) { return item.isFeatured; });
-    var otherPosts = items.filter(function (item) { return !item.isFeatured; });
-    return (react_1.default.createElement("div", { className: "container mx-auto px-4 py-8 md:px-6 lg:px-8" },
-        react_1.default.createElement("div", { className: "grid grid-cols-1 gap-8 lg:grid-cols-3" },
-            react_1.default.createElement("div", { className: "relative h-[400px] overflow-hidden rounded-lg shadow-lg md:h-[500px] lg:col-span-2 cursor-pointer", onClick: featuredPost === null || featuredPost === void 0 ? void 0 : featuredPost.handleOnClick },
-                (featuredPost === null || featuredPost === void 0 ? void 0 : featuredPost.imageSrc) && (react_1.default.createElement(image_1.default, { alt: featuredPost.imageAlt, className: "w-full object-cover", fill: true, height: 0, sizes: "70vw", src: featuredPost.imageSrc, width: 0 })),
-                react_1.default.createElement("div", { className: "absolute inset-0 flex flex-col justify-end bg-gradient-to-t from-black/70 to-transparent p-6 text-white" },
-                    react_1.default.createElement("div", { className: "flex flex-row gap-4" }, (_b = featuredPost === null || featuredPost === void 0 ? void 0 : featuredPost.tags) === null || _b === void 0 ? void 0 : _b.map(function (tag) { return (react_1.default.createElement(badge_1.Badge, { key: tag, className: "mb-2 w-fit bg-white/20 text-white backdrop-blur-sm" }, tag)); })),
-                    react_1.default.createElement("h2", { className: "text-2xl leading-tight font-bold md:text-3xl" }, featuredPost === null || featuredPost === void 0 ? void 0 : featuredPost.title))),
-            react_1.default.createElement("div", { className: "bg-card text-card-foreground space-y-6 rounded-lg border p-6 lg:col-span-1" },
-                react_1.default.createElement("h3", { className: "text-xl font-semibold" }, "Other posts"),
-                react_1.default.createElement("div", { className: "space-y-4" }, otherPosts.map(function (item) { return (react_1.default.createElement(featured_post_sidebar_item_1.FeaturedPostSidebarItem, { handleOnClick: item.handleOnClick, imageAlt: item.imageAlt, imageSrc: item.imageSrc, key: item.title, tags: item.tags, title: item.title })); })))),
-        react_1.default.createElement("div", { className: "mt-12" },
-            react_1.default.createElement("div", { className: "mb-6 flex items-center justify-between" },
-                react_1.default.createElement("h2", { className: "text-2xl font-bold" }, "Recommended Posts"),
-                react_1.default.createElement(button_1.Button, { variant: "outline", asChild: true },
-                    react_1.default.createElement(link_1.default, { href: "#" }, "All Posts"))),
-            react_1.default.createElement("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3" }, recommendedPosts.map(function (p) { return (react_1.default.createElement(blog_post_card_1.BlogPostCard, { authorAvatarSrc: p.authorAvatarSrc, authorName: p.authorName, description: p.description, handleOnClick: p.handleOnClick, imageAlt: p.imageAlt, imageSrc: p.imageSrc, key: p.title, readTime: p.readTime, title: p.title })); })))));
-};
-exports.BlogPage = BlogPage;

package/components/shadcn-example/coming-soon/countdown.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const Countdown: () => React.JSX.Element;

package/components/shadcn-example/coming-soon/countdown.js

@@ -1,82 +0,0 @@
-"use client";
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Countdown = void 0;
-var react_1 = __importStar(require("react"));
-var calculateTimeLeft = function (targetDate) {
-    var difference = +targetDate - +new Date();
-    var timeLeft = {
-        days: 0,
-        hours: 0,
-        minutes: 0,
-        seconds: 0,
-    };
-    if (difference > 0) {
-        timeLeft = {
-            days: Math.floor(difference / (1000 * 60 * 60 * 24)),
-            hours: Math.floor((difference / (1000 * 60 * 60)) % 24),
-            minutes: Math.floor((difference / 1000 / 60) % 60),
-            seconds: Math.floor((difference / 1000) % 60),
-        };
-    }
-    return timeLeft;
-};
-var Countdown = function () {
-    // Initialize targetDate only once using useState's functional update
-    var targetDate = (0, react_1.useState)(function () {
-        var date = new Date();
-        date.setDate(date.getDate() + 30); // Set to 30 days from the initial render time
-        return date;
-    })[0];
-    var _a = (0, react_1.useState)(calculateTimeLeft(targetDate)), timeLeft = _a[0], setTimeLeft = _a[1];
-    (0, react_1.useEffect)(function () {
-        // Use setInterval for continuous updates
-        var timer = setInterval(function () {
-            setTimeLeft(calculateTimeLeft(targetDate));
-        }, 1000); // Update every second
-        // Clean up the interval when the component unmounts or targetDate changes (though targetDate is stable here)
-        return function () { return clearInterval(timer); };
-    }, [targetDate]); // Dependency array ensures effect runs only if targetDate changes (which it won't after initial render)
-    var timerComponents = [];
-    Object.keys(timeLeft).forEach(function (interval) {
-        var value = timeLeft[interval];
-        timerComponents.push(react_1.default.createElement("div", { key: interval, className: "flex flex-col items-center" },
-            react_1.default.createElement("span", { className: "text-5xl font-bold" }, value < 10 ? "0".concat(value) : value),
-            react_1.default.createElement("span", { className: "text-sm uppercase opacity-80" }, interval)));
-    });
-    return (react_1.default.createElement("div", { className: "flex justify-center gap-6 md:gap-8" }, timerComponents.length ? timerComponents : react_1.default.createElement("span", null, "Time up!")));
-};
-exports.Countdown = Countdown;

package/components/shadcn-example/coming-soon/index.d.ts

@@ -1,10 +0,0 @@
-import { FC } from "react";
-export interface ComingSoonProps {
-    backgroundImage: string;
-    footerLinks: Array<{
-        label: string;
-        href: string;
-    }>;
-    logo: string;
-}
-export declare const ComingSoon: FC<ComingSoonProps>;

package/components/shadcn-example/coming-soon/index.js

@@ -1,41 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComingSoon = void 0;
-var link_1 = __importDefault(require("next/link"));
-var lucide_react_1 = require("lucide-react");
-var input_1 = require("../../ui/input");
-var button_1 = require("../../ui/button");
-var countdown_1 = require("./countdown");
-// import { Logo } from "@/components/logo";
-var image_1 = __importDefault(require("next/image"));
-var react_1 = __importDefault(require("react"));
-var ComingSoon = function (_a) {
-    var backgroundImage = _a.backgroundImage, footerLinks = _a.footerLinks, logo = _a.logo;
-    return (react_1.default.createElement("div", { className: "grid min-h-screen lg:grid-cols-2" },
-        react_1.default.createElement("div", { className: "posi relative flex flex-1 flex-col items-center justify-between bg-top p-8 lg:p-12", style: {
-                background: "url(".concat(backgroundImage, ")"),
-                backgroundSize: "cover",
-                backgroundRepeat: "no-repeat",
-            } },
-            react_1.default.createElement("div", { className: "z-10 flex w-full items-center justify-start" },
-                react_1.default.createElement("div", { className: "flex items-center gap-2" },
-                    react_1.default.createElement(image_1.default, { src: logo, width: 30, height: 30, alt: "logo" }))),
-            react_1.default.createElement("nav", { className: "relative z-10 mt-8 flex w-full justify-center gap-6 text-gray-600 lg:justify-start" }, footerLinks.slice(0, 4).map(function (link) { return (react_1.default.createElement(link_1.default, { key: link.label, href: link.href, className: "text-black hover:underline" }, link.label)); }))),
-        react_1.default.createElement("div", { className: "relative flex flex-1 flex-col items-center justify-center bg-gradient-to-br p-8 lg:p-12" },
-            react_1.default.createElement("div", { className: "flex w-full items-center justify-end" },
-                react_1.default.createElement(lucide_react_1.Share2, { className: "h-6 w-6 cursor-pointer opacity-80 hover:opacity-100" })),
-            react_1.default.createElement("div", { className: "flex flex-col items-center space-y-20 text-center" },
-                react_1.default.createElement("div", { className: "relative z-10 flex flex-col items-center space-y-2 text-center" },
-                    react_1.default.createElement("h1", { className: "text-4xl font-bold text-[#6a5acd] lg:text-5xl" }, "Coming Soon"),
-                    react_1.default.createElement("p", { className: "text-muted-foreground lg:text-lg" }, "Stay Connected, Stay Updated!")),
-                react_1.default.createElement(countdown_1.Countdown, null),
-                react_1.default.createElement("div", { className: "space-y-6" },
-                    react_1.default.createElement("h2", { className: "text-xl font-semibold md:text-2xl" }, "Get Updates!"),
-                    react_1.default.createElement("form", { className: "flex w-full max-w-sm rounded-full border p-1" },
-                        react_1.default.createElement(input_1.Input, { type: "email", placeholder: "Email Address", className: "flex-1 rounded-full border-none bg-transparent px-4 focus-visible:ring-0 focus-visible:ring-offset-0" }),
-                        react_1.default.createElement(button_1.Button, { type: "submit", className: "rounded-full" }, "Send Now")))))));
-};
-exports.ComingSoon = ComingSoon;

package/components/shadcn-io/color-picker/index.d.ts

@@ -1,43 +0,0 @@
-import React from "react";
-import Color from "color";
-import { Slider } from "radix-ui";
-import { type ComponentProps, type HTMLAttributes } from "react";
-import { Button } from "../../ui/button";
-import { SelectTrigger } from "../../ui/select";
-interface ColorPickerContextValue {
-    hue: number;
-    saturation: number;
-    lightness: number;
-    alpha: number;
-    mode: string;
-    setHue: (hue: number) => void;
-    setSaturation: (saturation: number) => void;
-    setLightness: (lightness: number) => void;
-    setAlpha: (alpha: number) => void;
-    setMode: (mode: string) => void;
-}
-export declare const useColorPicker: () => ColorPickerContextValue;
-export type ColorPickerProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
-    value?: Parameters<typeof Color>[0];
-    defaultValue?: Parameters<typeof Color>[0];
-    onChange?: (value: [number, number, number, number]) => void;
-    error?: string;
-    info?: string;
-    label?: string;
-    required?: boolean;
-    id?: string;
-};
-export declare const ColorPicker: ({ value, defaultValue, onChange, className, error, info, label, required, id, ...props }: ColorPickerProps) => React.JSX.Element;
-export type ColorPickerSelectionProps = HTMLAttributes<HTMLDivElement>;
-export declare const ColorPickerSelection: React.MemoExoticComponent<({ className, ...props }: ColorPickerSelectionProps) => React.JSX.Element>;
-export type ColorPickerHueProps = ComponentProps<typeof Slider.Root>;
-export declare const ColorPickerHue: ({ className, ...props }: ColorPickerHueProps) => React.JSX.Element;
-export type ColorPickerAlphaProps = ComponentProps<typeof Slider.Root>;
-export declare const ColorPickerAlpha: ({ className, ...props }: ColorPickerAlphaProps) => React.JSX.Element;
-export type ColorPickerEyeDropperProps = ComponentProps<typeof Button>;
-export declare const ColorPickerEyeDropper: ({ className, ...props }: ColorPickerEyeDropperProps) => React.JSX.Element;
-export type ColorPickerOutputProps = ComponentProps<typeof SelectTrigger>;
-export declare const ColorPickerOutput: ({ className, ...props }: ColorPickerOutputProps) => React.JSX.Element;
-export type ColorPickerFormatProps = HTMLAttributes<HTMLDivElement>;
-export declare const ColorPickerFormat: ({ className, ...props }: ColorPickerFormatProps) => React.JSX.Element | null;
-export {};

package/components/shadcn-io/color-picker/index.js

@@ -1,304 +0,0 @@
-"use client";
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorPickerFormat = exports.ColorPickerOutput = exports.ColorPickerEyeDropper = exports.ColorPickerAlpha = exports.ColorPickerHue = exports.ColorPickerSelection = exports.ColorPicker = exports.useColorPicker = void 0;
-var react_1 = __importDefault(require("react"));
-var color_1 = __importDefault(require("color"));
-var lucide_react_1 = require("lucide-react");
-var radix_ui_1 = require("radix-ui");
-var react_2 = require("react");
-var button_1 = require("../../ui/button");
-var input_1 = require("../../ui/input");
-var enhanced_label_1 = require("../../enhanced-label");
-var select_1 = require("../../ui/select");
-var utils_1 = require("../../../lib/utils");
-var ColorPickerContext = (0, react_2.createContext)(undefined);
-var useColorPicker = function () {
-    var context = (0, react_2.useContext)(ColorPickerContext);
-    if (!context) {
-        throw new Error("useColorPicker must be used within a ColorPickerProvider");
-    }
-    return context;
-};
-exports.useColorPicker = useColorPicker;
-var ColorPicker = function (_a) {
-    var value = _a.value, _b = _a.defaultValue, defaultValue = _b === void 0 ? "#000000" : _b, onChange = _a.onChange, className = _a.className, error = _a.error, info = _a.info, label = _a.label, required = _a.required, id = _a.id, props = __rest(_a, ["value", "defaultValue", "onChange", "className", "error", "info", "label", "required", "id"]);
-    var selectedColor = (0, color_1.default)(value);
-    var defaultColor = (0, color_1.default)(defaultValue);
-    var _c = (0, react_2.useState)(selectedColor.hue() || defaultColor.hue() || 0), hue = _c[0], setHue = _c[1];
-    var _d = (0, react_2.useState)(selectedColor.saturationl() || defaultColor.saturationl() || 100), saturation = _d[0], setSaturation = _d[1];
-    var _e = (0, react_2.useState)(selectedColor.lightness() || defaultColor.lightness() || 50), lightness = _e[0], setLightness = _e[1];
-    var _f = (0, react_2.useState)(selectedColor.alpha() * 100 || defaultColor.alpha() * 100), alpha = _f[0], setAlpha = _f[1];
-    var _g = (0, react_2.useState)("hex"), mode = _g[0], setMode = _g[1];
-    // Determine if there's an error (for styling)
-    var hasError = Boolean(error);
-    // Update color when controlled value changes
-    (0, react_2.useEffect)(function () {
-        if (value) {
-            var color = color_1.default.rgb(value).rgb().object();
-            setHue(color.r);
-            setSaturation(color.g);
-            setLightness(color.b);
-            setAlpha(color.a);
-        }
-    }, [value]);
-    // Notify parent of changes
-    (0, react_2.useEffect)(function () {
-        if (onChange) {
-            var color = color_1.default.hsl(hue, saturation, lightness).alpha(alpha / 100);
-            var rgba = color.rgb().array();
-            onChange([rgba[0], rgba[1], rgba[2], alpha / 100]);
-        }
-    }, [hue, saturation, lightness, alpha, onChange]);
-    var colorPickerElement = (react_1.default.createElement(ColorPickerContext.Provider, { value: {
-            hue: hue,
-            saturation: saturation,
-            lightness: lightness,
-            alpha: alpha,
-            mode: mode,
-            setHue: setHue,
-            setSaturation: setSaturation,
-            setLightness: setLightness,
-            setAlpha: setAlpha,
-            setMode: setMode,
-        } },
-        react_1.default.createElement("div", __assign({ id: id, className: (0, utils_1.cn)("flex size-full flex-col gap-4", 
-            // Error state styling
-            hasError && "border-destructive", className), "aria-invalid": hasError }, props))));
-    // If label is provided, render the complete color picker with label structure
-    if (label) {
-        return (react_1.default.createElement("div", { className: "w-full space-y-2" },
-            react_1.default.createElement(enhanced_label_1.EnhancedLabel, { htmlFor: id, required: required }, label),
-            colorPickerElement,
-            (error || info) && (react_1.default.createElement("div", null, error ? (react_1.default.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (react_1.default.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
-    }
-    // If no label, render just the color picker with messages (backward compatibility)
-    return (react_1.default.createElement("div", { className: "w-full" },
-        colorPickerElement,
-        (error || info) && (react_1.default.createElement("div", null, error ? (react_1.default.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (react_1.default.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
-};
-exports.ColorPicker = ColorPicker;
-exports.ColorPickerSelection = (0, react_2.memo)(function (_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    var containerRef = (0, react_2.useRef)(null);
-    var _b = (0, react_2.useState)(false), isDragging = _b[0], setIsDragging = _b[1];
-    var _c = (0, react_2.useState)(0), positionX = _c[0], setPositionX = _c[1];
-    var _d = (0, react_2.useState)(0), positionY = _d[0], setPositionY = _d[1];
-    var _e = (0, exports.useColorPicker)(), hue = _e.hue, setSaturation = _e.setSaturation, setLightness = _e.setLightness;
-    var backgroundGradient = (0, react_2.useMemo)(function () {
-        return "linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0)),\n            linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0)),\n            hsl(".concat(hue, ", 100%, 50%)");
-    }, [hue]);
-    var handlePointerMove = (0, react_2.useCallback)(function (event) {
-        if (!(isDragging && containerRef.current)) {
-            return;
-        }
-        var rect = containerRef.current.getBoundingClientRect();
-        var x = Math.max(0, Math.min(1, (event.clientX - rect.left) / rect.width));
-        var y = Math.max(0, Math.min(1, (event.clientY - rect.top) / rect.height));
-        setPositionX(x);
-        setPositionY(y);
-        setSaturation(x * 100);
-        var topLightness = x < 0.01 ? 100 : 50 + 50 * (1 - x);
-        var lightness = topLightness * (1 - y);
-        setLightness(lightness);
-    }, [isDragging, setSaturation, setLightness]);
-    (0, react_2.useEffect)(function () {
-        var handlePointerUp = function () { return setIsDragging(false); };
-        if (isDragging) {
-            window.addEventListener("pointermove", handlePointerMove);
-            window.addEventListener("pointerup", handlePointerUp);
-        }
-        return function () {
-            window.removeEventListener("pointermove", handlePointerMove);
-            window.removeEventListener("pointerup", handlePointerUp);
-        };
-    }, [isDragging, handlePointerMove]);
-    return (react_1.default.createElement("div", __assign({ className: (0, utils_1.cn)("relative size-full cursor-crosshair rounded", className), onPointerDown: function (e) {
-            e.preventDefault();
-            setIsDragging(true);
-            handlePointerMove(e.nativeEvent);
-        }, ref: containerRef, style: {
-            background: backgroundGradient,
-        } }, props),
-        react_1.default.createElement("div", { className: "-translate-x-1/2 -translate-y-1/2 pointer-events-none absolute h-4 w-4 rounded-full border-2 border-white", style: {
-                left: "".concat(positionX * 100, "%"),
-                top: "".concat(positionY * 100, "%"),
-                boxShadow: "0 0 0 1px rgba(0,0,0,0.5)",
-            } })));
-});
-exports.ColorPickerSelection.displayName = "ColorPickerSelection";
-var ColorPickerHue = function (_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    var _b = (0, exports.useColorPicker)(), hue = _b.hue, setHue = _b.setHue;
-    return (react_1.default.createElement(radix_ui_1.Slider.Root, __assign({ className: (0, utils_1.cn)("relative flex h-4 w-full touch-none", className), max: 360, onValueChange: function (_a) {
-            var hue = _a[0];
-            return setHue(hue);
-        }, step: 1, value: [hue] }, props),
-        react_1.default.createElement(radix_ui_1.Slider.Track, { className: "relative my-0.5 h-3 w-full grow rounded-full bg-[linear-gradient(90deg,#FF0000,#FFFF00,#00FF00,#00FFFF,#0000FF,#FF00FF,#FF0000)]" },
-            react_1.default.createElement(radix_ui_1.Slider.Range, { className: "absolute h-full" })),
-        react_1.default.createElement(radix_ui_1.Slider.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })));
-};
-exports.ColorPickerHue = ColorPickerHue;
-var ColorPickerAlpha = function (_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    var _b = (0, exports.useColorPicker)(), alpha = _b.alpha, setAlpha = _b.setAlpha;
-    return (react_1.default.createElement(radix_ui_1.Slider.Root, __assign({ className: (0, utils_1.cn)("relative flex h-4 w-full touch-none", className), max: 100, onValueChange: function (_a) {
-            var alpha = _a[0];
-            return setAlpha(alpha);
-        }, step: 1, value: [alpha] }, props),
-        react_1.default.createElement(radix_ui_1.Slider.Track, { className: "relative my-0.5 h-3 w-full grow rounded-full", style: {
-                background: 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==") left center',
-            } },
-            react_1.default.createElement("div", { className: "absolute inset-0 rounded-full bg-gradient-to-r from-transparent to-black/50" }),
-            react_1.default.createElement(radix_ui_1.Slider.Range, { className: "absolute h-full rounded-full bg-transparent" })),
-        react_1.default.createElement(radix_ui_1.Slider.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })));
-};
-exports.ColorPickerAlpha = ColorPickerAlpha;
-var ColorPickerEyeDropper = function (_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    var _b = (0, exports.useColorPicker)(), setHue = _b.setHue, setSaturation = _b.setSaturation, setLightness = _b.setLightness, setAlpha = _b.setAlpha;
-    var handleEyeDropper = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var eyeDropper, result, color, _a, h, s, l, error_1;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _b.trys.push([0, 2, , 3]);
-                    eyeDropper = new EyeDropper();
-                    return [4 /*yield*/, eyeDropper.open()];
-                case 1:
-                    result = _b.sent();
-                    color = (0, color_1.default)(result.sRGBHex);
-                    _a = color.hsl().array(), h = _a[0], s = _a[1], l = _a[2];
-                    setHue(h);
-                    setSaturation(s);
-                    setLightness(l);
-                    setAlpha(100);
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_1 = _b.sent();
-                    console.error("EyeDropper failed:", error_1);
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    return (react_1.default.createElement(button_1.Button, __assign({ className: (0, utils_1.cn)("shrink-0 text-muted-foreground", className), onClick: handleEyeDropper, size: "icon", variant: "outline", type: "button" }, props),
-        react_1.default.createElement(lucide_react_1.PipetteIcon, { size: 16 })));
-};
-exports.ColorPickerEyeDropper = ColorPickerEyeDropper;
-var formats = ["hex", "rgb", "css", "hsl"];
-var ColorPickerOutput = function (_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    var _b = (0, exports.useColorPicker)(), mode = _b.mode, setMode = _b.setMode;
-    return (react_1.default.createElement(select_1.Select, { onValueChange: setMode, value: mode },
-        react_1.default.createElement(select_1.SelectTrigger, __assign({ className: (0, utils_1.cn)("h-8 w-20 shrink-0 text-xs", className) }, props),
-            react_1.default.createElement(select_1.SelectValue, { placeholder: "Mode" })),
-        react_1.default.createElement(select_1.SelectContent, null, formats.map(function (format) { return (react_1.default.createElement(select_1.SelectItem, { className: "text-xs", key: format, value: format }, format.toUpperCase())); }))));
-};
-exports.ColorPickerOutput = ColorPickerOutput;
-var PercentageInput = function (_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (react_1.default.createElement("div", { className: "relative" },
-        react_1.default.createElement(input_1.Input, __assign({ readOnly: true, type: "text" }, props, { className: (0, utils_1.cn)("h-8 w-[3.25rem] rounded-l-none bg-secondary px-2 text-xs shadow-none", className) })),
-        react_1.default.createElement("span", { className: "-translate-y-1/2 absolute top-1/2 right-2 text-muted-foreground text-xs" }, "%")));
-};
-var ColorPickerFormat = function (_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    var _b = (0, exports.useColorPicker)(), hue = _b.hue, saturation = _b.saturation, lightness = _b.lightness, alpha = _b.alpha, mode = _b.mode;
-    var color = color_1.default.hsl(hue, saturation, lightness, alpha / 100);
-    if (mode === "hex") {
-        var hex = color.hex();
-        return (react_1.default.createElement("div", __assign({ className: (0, utils_1.cn)("-space-x-px relative flex w-full items-center rounded-md shadow-sm", className) }, props),
-            react_1.default.createElement(input_1.Input, { className: "h-8 rounded-r-none bg-secondary px-2 text-xs shadow-none", readOnly: true, type: "text", value: hex }),
-            react_1.default.createElement(PercentageInput, { value: alpha })));
-    }
-    if (mode === "rgb") {
-        var rgb = color
-            .rgb()
-            .array()
-            .map(function (value) { return Math.round(value); });
-        return (react_1.default.createElement("div", __assign({ className: (0, utils_1.cn)("-space-x-px flex items-center rounded-md shadow-sm", className) }, props),
-            rgb.map(function (value, index) { return (react_1.default.createElement(input_1.Input, { className: (0, utils_1.cn)("h-8 rounded-r-none bg-secondary px-2 text-xs shadow-none", index && "rounded-l-none", className), key: index, readOnly: true, type: "text", value: value })); }),
-            react_1.default.createElement(PercentageInput, { value: alpha })));
-    }
-    if (mode === "css") {
-        var rgb = color
-            .rgb()
-            .array()
-            .map(function (value) { return Math.round(value); });
-        return (react_1.default.createElement("div", __assign({ className: (0, utils_1.cn)("w-full rounded-md shadow-sm", className) }, props),
-            react_1.default.createElement(input_1.Input, __assign({ className: "h-8 w-full bg-secondary px-2 text-xs shadow-none", readOnly: true, type: "text", value: "rgba(".concat(rgb.join(", "), ", ").concat(alpha, "%)") }, props))));
-    }
-    if (mode === "hsl") {
-        var hsl = color
-            .hsl()
-            .array()
-            .map(function (value) { return Math.round(value); });
-        return (react_1.default.createElement("div", __assign({ className: (0, utils_1.cn)("-space-x-px flex items-center rounded-md shadow-sm", className) }, props),
-            hsl.map(function (value, index) { return (react_1.default.createElement(input_1.Input, { className: (0, utils_1.cn)("h-8 rounded-r-none bg-secondary px-2 text-xs shadow-none", index && "rounded-l-none", className), key: index, readOnly: true, type: "text", value: value })); }),
-            react_1.default.createElement(PercentageInput, { value: alpha })));
-    }
-    return null;
-};
-exports.ColorPickerFormat = ColorPickerFormat;

package/components/shadcn-io/copy-button/index.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { HTMLMotionProps } from "motion/react";
-import { type VariantProps } from "class-variance-authority";
-declare const buttonVariants: (props?: ({
-    variant?: "secondary" | "default" | "destructive" | "outline" | "ghost" | "muted" | null | undefined;
-    size?: "default" | "sm" | "lg" | "md" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-type CopyButtonProps = Omit<HTMLMotionProps<"button">, "children" | "onCopy"> & VariantProps<typeof buttonVariants> & {
-    content?: string;
-    delay?: number;
-    onCopy?: (content: string) => void;
-    isCopied?: boolean;
-    onCopyChange?: (isCopied: boolean) => void;
-};
-declare function CopyButton({ content, className, size, variant, delay, onClick, onCopy, isCopied, onCopyChange, ...props }: CopyButtonProps): React.JSX.Element;
-export { CopyButton, buttonVariants, type CopyButtonProps };