import { c as i } from "./chunk-6PGAWO4H.js";
import { a as e } from "./chunk-4GIZ6WSG.js";
import { m as r } from "./chunk-F4JNKU7J.js";
import { f as n, d as c } from "./chunk-7UBMXMNJ.js";
import { b as t } from "./chunk-SFDRAHYP.js";
import { c as p } from "./chunk-HSRXUIVM.js";
import { PiConfetti as s } from "../../../../node_modules/.pnpm/react-icons@5.5.0_react@18.3.0-canary-3d9b20132-20240124/node_modules/react-icons/pi/index.js";
import { Type as o } from "@sinclair/typebox";
/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
var g = e({ type: "icon", name: "Icon", category: "basic", description: "An icon.", aiInstructions: "Uses iconify references", resizable: !1, staticClasses: "!grow-0", icon: s, props: i({ icon: n({ default: "mdi:heart" }), size: o.Optional(p({ 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: o.Optional(t({ title: "Color", default: "currentColor", "ui:hide-color-label": !0 })), link: o.Optional(c({ title: "Link" })), loop: o.Optional(r()) }, { noGrow: !0 }) }), b = [{ 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,
  b
};
//# sourceMappingURL=chunk-K5ADUHF4.js.map
