import { c as P } from "./chunk-3YVJ2ELD.js";
import { a as y } from "./chunk-RJYZ5FAR.js";
import { m as qe } from "./chunk-AFVJZPLS.js";
import { f, d as c } from "./chunk-A3GF4PYW.js";
import { b as l } from "./chunk-NM5MMPCF.js";
import { c as c$1 } from "./chunk-OHNYCXPX.js";
import { PiConfetti } from "../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.1.1/node_modules/react-icons/pi/index.js";
import { Type } from "@sinclair/typebox";
/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
var g = y({ type: "icon", name: "Icon", category: "basic", description: "An icon.", aiInstructions: "Uses iconify references", resizable: false, staticClasses: "!grow-0", icon: PiConfetti, props: P({ icon: f({ default: "mdi:heart" }), size: Type.Optional(c$1({ title: "Size", description: "The size of the icon. Can be a CSS length value (e.g. '2em', '24px')", default: "1em", "ui:css-units": ["em", "rem", "px"], "ai:instructions": "Use 'em', 'rem', or 'px' for units. Example: '2em', '24px'" })), color: Type.Optional(l({ title: "Color", default: "currentColor", "ui:hide-color-label": true })), link: Type.Optional(c({ title: "Link" })), loop: Type.Optional(qe()) }, { noGrow: true }) }), k = [{ description: "Large heart icon with inherited color and size", type: "icon", props: { icon: "mdi:heart" } }, { description: "Shopping cart icon", type: "icon", props: { icon: "mdi:cart", size: "1.2em" } }, { description: "Social media icon with blue color and link", type: "icon", props: { icon: "mdi:facebook", size: "1.5em", color: "#1877f2", link: "https://facebook.com/yourpage" } }, { description: "Warning icon with orange color for alerts", type: "icon", props: { icon: "mdi:alert-triangle", size: "1.8em", color: "#f59e0b" } }, { description: "Email contact icon with link", type: "icon", props: { icon: "mdi:email", size: "1.3em", color: "#4f46e5", link: "mailto:contact@example.com" } }, { description: "Phone icon with green color", type: "icon", props: { icon: "mdi:phone", size: "1.4em", color: "#10b981" } }, { description: "Location pin icon with red color", type: "icon", props: { icon: "mdi:map-marker", size: "2.2em", color: "#ef4444" } }, { description: "Twitter/X icon with custom color and link", type: "icon", props: { icon: "mdi:twitter", size: "1.6em", color: "#000000", link: "https://x.com/yourhandle" } }, { description: "Star rating icon with gold color", type: "icon", props: { icon: "mdi:star", size: "1.2em", color: "#fbbf24" } }, { description: "Download icon with link and purple color", type: "icon", props: { icon: "mdi:download", size: "1.5em", color: "#8b5cf6", link: "/files/brochure.pdf" } }, { description: "Menu hamburger icon for navigation", type: "icon", props: { icon: "mdi:menu", size: "1.8em", color: "#374151" } }, { description: "Search icon with dark color", type: "icon", props: { icon: "mdi:magnify", size: "1.1em", color: "#1f2937" } }];
export {
  g as a,
  k as b
};
//# sourceMappingURL=chunk-PLSV746R.js.map
