@yahoo/uds-icons 2.33.0-beta.2 → 2.33.0

package/dist/generated/icons/HeadlineDocumentSquare.d.ts

@@ -1,8 +1,19 @@
 
-import { IconElement } from "@yahoo/uds-icons/types";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { IconVariant, SvgIconProps } from "@yahoo/uds-icons/types";
 
 //#region generated/icons/HeadlineDocumentSquare.d.ts
-declare const HeadlineDocumentSquare: IconElement;
+declare const HeadlineDocumentSquare: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { HeadlineDocumentSquare };
 //# sourceMappingURL=HeadlineDocumentSquare.d.ts.map

package/dist/generated/icons/HeadlineDocumentSquare.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeadlineDocumentSquare.d.ts","names":[],"sources":["../../../generated/icons/HeadlineDocumentSquare.tsx"],"mappings":";;;;cAsHa,sBAAA,EAER,WAAA"}
+{"version":3,"file":"HeadlineDocumentSquare.d.ts","names":[],"sources":["../../../generated/icons/HeadlineDocumentSquare.tsx"],"mappings":";;;;;cASa,sBAAA;EAAA;;;KAA6C,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;cA+FnC,WAAA;EAAA;AAAA"}

package/dist/generated/icons/HeadlineDocumentSquare.js

@@ -2,13 +2,7 @@
 import { Fragment, jsx } from "react/jsx-runtime";
 
 //#region generated/icons/HeadlineDocumentSquare.tsx
-const METADATA = {
-	name: "HeadlineDocumentSquare",
-	isSvgIcon: true,
-	variants: ["outline", "fill"]
-};
-const DEFAULT_VARIANT = METADATA.variants[0] ?? "fill";
-const HeadlineDocumentSquareSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
+const HeadlineDocumentSquare = ({ size, variant }) => {
 	if (variant === "outline") switch (size) {
 		case "xs": return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("g", {
 			clipPath: "url(#HeadlineDocumentSquare-outline-12_svg__a)",
@@ -53,7 +47,11 @@ const HeadlineDocumentSquareSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT
 	}
 	return /* @__PURE__ */ jsx(Fragment, {});
 };
-const HeadlineDocumentSquare = /* @__PURE__ */ jsx(HeadlineDocumentSquareSvgIcon, { __iconMetadata: METADATA });
+HeadlineDocumentSquare.metadata = {
+	name: "HeadlineDocumentSquare",
+	isSvgIcon: true,
+	variants: ["outline", "fill"]
+};
 
 //#endregion
 export { HeadlineDocumentSquare };

package/dist/generated/icons/HeadlineDocumentSquare.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadlineDocumentSquare.js","names":[],"sources":["../../../generated/icons/HeadlineDocumentSquare.tsx"],"sourcesContent":["/**\n * ------------------- GENERATED | DO NOT MODIFY THIS FILE ---------------------\n * This file is generated by package/icons/scripts/codegen.ts.\n * To make changes, update the source script and run bun run icons:codegen\n * in the icons package.\n */\n\nimport type {\n  IconElement,\n  IconMetadata,\n  InternalSvgIconProps,\n  IconVariant,\n  SvgIconComponent,\n} from '@yahoo/uds-icons/types';\n\nconst METADATA: IconMetadata = {\n  name: 'HeadlineDocumentSquare',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n\nconst DEFAULT_VARIANT = METADATA.variants[0] ?? 'fill';\n\nexport const HeadlineDocumentSquareSvgIcon: SvgIconComponent = ({\n  size = 'md',\n  variant = DEFAULT_VARIANT,\n}: InternalSvgIconProps) => {\n  if (variant === 'outline') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#HeadlineDocumentSquare-outline-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M10.05 1.95v8.1h-8.1v-8.1zM.75.75v10.5h10.5V.75zm8.167 6.142H6v-1.2h2.917zM6 8.642h2.917v-1.2H6zM3.083 3.375h5.834v1.75H3.083zM5.25 5.7H3v2.962h2.25z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M13.4 2.6v10.8H2.6V2.6zM1 1v14h14V1zm10.889 8.189H8v-1.6h3.889zM8 11.522h3.889v-1.6H8zM4.111 4.5h7.778v2.333H4.11zM7 7.6H4v3.95h3z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M19.2 4.8v14.4H4.8V4.8zM3 3v18h18V3zm14 10.4h-5v-1.8h5zm-5 3h5v-1.8h-5zM7 7.5h10v3H7zm3.6 4.1H7v4.8h3.6z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M27.9 4.1v23.8H4.1V4.1zM2 2v28h28V2zm21.778 16.25H16v-2.5h7.778zm-7.778 4h7.778v-2.5H16zM8.222 9h15.556v4.667H8.222zm5.6 6.75h-5.6v6.5h5.6z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#HeadlineDocumentSquare-fill-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M.75.75h10.5v10.5H.75zM8.917 7.2V6H6v1.2zM6 9.1h2.917V7.9H6zM3.083 3.375v1.75h5.834v-1.75zM5.063 6H3v3.075h2.063z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M1 1h14v14H1zm10.889 8.6V8H8v1.6zM8 12.133h3.889v-1.6H8zM4.111 4.5v2.333h7.778V4.5zM6.75 8H4v4.1h2.75z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M3 3h18v18H3zm15 10.4v-1.8h-5v1.8zm-5 4h5v-1.8h-5zm-7-5.8v5.9h5v-5.9zm12-5.1H6v3h12z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2 2h28v28H2zm21.8 16.55v-2.5H15v2.5zm-8.8 4.4h8.8v-2.5H15zM8.222 9v4.667h15.556V9zM13 16H8v7h5z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  // If no variant matches or the requested variant doesn't exist for this icon,\n  // return an empty fragment\n  return <></>;\n};\n\nexport const HeadlineDocumentSquare = (\n  <HeadlineDocumentSquareSvgIcon __iconMetadata={METADATA} />\n) as IconElement;\n"],"mappings":";;;;AAeA,MAAM,WAAyB;CAC7B,MAAM;CACN,WAAW;CACX,UAAU,CAAC,WAAW,OAAO;CAC9B;AAED,MAAM,kBAAkB,SAAS,SAAS,MAAM;AAEhD,MAAa,iCAAmD,EAC9D,OAAO,MACP,UAAU,sBACgB;AAC1B,KAAI,YAAY,UACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IACC,MAAK;IACL,GAAE;KACI;IACN,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;;AAKX,KAAI,YAAY,OACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IACC,MAAK;IACL,GAAE;KACI;IACN,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;;AAOX,QAAO,iCAAK;;AAGd,MAAa,yBACX,oBAAC,iCAA8B,gBAAgB,WAAY"}
+{"version":3,"file":"HeadlineDocumentSquare.js","names":[],"sources":["../../../generated/icons/HeadlineDocumentSquare.tsx"],"sourcesContent":["/**\n * ------------------- GENERATED | DO NOT MODIFY THIS FILE ---------------------\n * This file is generated by package/icons/scripts/codegen.ts.\n * To make changes, update the source script and run bun run icons:codegen\n * in the icons package.\n */\n\nimport type { SvgIconProps, IconVariant } from '@yahoo/uds-icons/types';\n\nexport const HeadlineDocumentSquare = ({ size, variant }: SvgIconProps) => {\n  if (variant === 'outline') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#HeadlineDocumentSquare-outline-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M10.05 1.95v8.1h-8.1v-8.1zM.75.75v10.5h10.5V.75zm8.167 6.142H6v-1.2h2.917zM6 8.642h2.917v-1.2H6zM3.083 3.375h5.834v1.75H3.083zM5.25 5.7H3v2.962h2.25z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M13.4 2.6v10.8H2.6V2.6zM1 1v14h14V1zm10.889 8.189H8v-1.6h3.889zM8 11.522h3.889v-1.6H8zM4.111 4.5h7.778v2.333H4.11zM7 7.6H4v3.95h3z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M19.2 4.8v14.4H4.8V4.8zM3 3v18h18V3zm14 10.4h-5v-1.8h5zm-5 3h5v-1.8h-5zM7 7.5h10v3H7zm3.6 4.1H7v4.8h3.6z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M27.9 4.1v23.8H4.1V4.1zM2 2v28h28V2zm21.778 16.25H16v-2.5h7.778zm-7.778 4h7.778v-2.5H16zM8.222 9h15.556v4.667H8.222zm5.6 6.75h-5.6v6.5h5.6z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#HeadlineDocumentSquare-fill-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M.75.75h10.5v10.5H.75zM8.917 7.2V6H6v1.2zM6 9.1h2.917V7.9H6zM3.083 3.375v1.75h5.834v-1.75zM5.063 6H3v3.075h2.063z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M1 1h14v14H1zm10.889 8.6V8H8v1.6zM8 12.133h3.889v-1.6H8zM4.111 4.5v2.333h7.778V4.5zM6.75 8H4v4.1h2.75z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M3 3h18v18H3zm15 10.4v-1.8h-5v1.8zm-5 4h5v-1.8h-5zm-7-5.8v5.9h5v-5.9zm12-5.1H6v3h12z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2 2h28v28H2zm21.8 16.55v-2.5H15v2.5zm-8.8 4.4h8.8v-2.5H15zM8.222 9v4.667h15.556V9zM13 16H8v7h5z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  // If no variant matches or the requested variant doesn't exist for this icon,\n  // return an empty fragment\n  return <></>;\n};\n\nHeadlineDocumentSquare.metadata = {\n  name: 'HeadlineDocumentSquare',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n"],"mappings":";;;;AASA,MAAa,0BAA0B,EAAE,MAAM,cAA4B;AACzE,KAAI,YAAY,UACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IACC,MAAK;IACL,GAAE;KACI;IACN,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;;AAKX,KAAI,YAAY,OACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IACC,MAAK;IACL,GAAE;KACI;IACN,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;;AAOX,QAAO,iCAAK;;AAGd,uBAAuB,WAAW;CAChC,MAAM;CACN,WAAW;CACX,UAAU,CAAC,WAAW,OAAO;CAC9B"}

package/dist/generated/icons/Headphone.cjs

@@ -2,13 +2,7 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region generated/icons/Headphone.tsx
-const METADATA = {
-	name: "Headphone",
-	isSvgIcon: true,
-	variants: ["outline", "fill"]
-};
-const DEFAULT_VARIANT = METADATA.variants[0] ?? "fill";
-const HeadphoneSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
+const Headphone = ({ size, variant }) => {
 	if (variant === "outline") switch (size) {
 		case "xs": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("g", {
 			clipPath: "url(#Headphone-outline-12_svg__a)",
@@ -53,7 +47,11 @@ const HeadphoneSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
 };
-const Headphone = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeadphoneSvgIcon, { __iconMetadata: METADATA });
+Headphone.metadata = {
+	name: "Headphone",
+	isSvgIcon: true,
+	variants: ["outline", "fill"]
+};
 
 //#endregion
 exports.Headphone = Headphone;

package/dist/generated/icons/Headphone.d.cts

@@ -1,8 +1,19 @@
 
-import { IconElement } from "@yahoo/uds-icons/types";
+import { IconVariant, SvgIconProps } from "@yahoo/uds-icons/types";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region generated/icons/Headphone.d.ts
-declare const Headphone: IconElement;
+declare const Headphone: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { Headphone };
 //# sourceMappingURL=Headphone.d.cts.map

package/dist/generated/icons/Headphone.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Headphone.d.cts","names":[],"sources":["../../../generated/icons/Headphone.tsx"],"mappings":";;;;cAsHa,SAAA,EAAgE,WAAA"}
+{"version":3,"file":"Headphone.d.cts","names":[],"sources":["../../../generated/icons/Headphone.tsx"],"mappings":";;;;;cASa,SAAA;EAAA;;;KAAgC,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;cA+FtB,WAAA;EAAA;AAAA"}

package/dist/generated/icons/Headphone.d.ts

@@ -1,8 +1,19 @@
 
-import { IconElement } from "@yahoo/uds-icons/types";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { IconVariant, SvgIconProps } from "@yahoo/uds-icons/types";
 
 //#region generated/icons/Headphone.d.ts
-declare const Headphone: IconElement;
+declare const Headphone: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { Headphone };
 //# sourceMappingURL=Headphone.d.ts.map

package/dist/generated/icons/Headphone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Headphone.d.ts","names":[],"sources":["../../../generated/icons/Headphone.tsx"],"mappings":";;;;cAsHa,SAAA,EAAgE,WAAA"}
+{"version":3,"file":"Headphone.d.ts","names":[],"sources":["../../../generated/icons/Headphone.tsx"],"mappings":";;;;;cASa,SAAA;EAAA;;;KAAgC,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;cA+FtB,WAAA;EAAA;AAAA"}

package/dist/generated/icons/Headphone.js

@@ -2,13 +2,7 @@
 import { Fragment, jsx } from "react/jsx-runtime";
 
 //#region generated/icons/Headphone.tsx
-const METADATA = {
-	name: "Headphone",
-	isSvgIcon: true,
-	variants: ["outline", "fill"]
-};
-const DEFAULT_VARIANT = METADATA.variants[0] ?? "fill";
-const HeadphoneSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
+const Headphone = ({ size, variant }) => {
 	if (variant === "outline") switch (size) {
 		case "xs": return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("g", {
 			clipPath: "url(#Headphone-outline-12_svg__a)",
@@ -53,7 +47,11 @@ const HeadphoneSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
 	}
 	return /* @__PURE__ */ jsx(Fragment, {});
 };
-const Headphone = /* @__PURE__ */ jsx(HeadphoneSvgIcon, { __iconMetadata: METADATA });
+Headphone.metadata = {
+	name: "Headphone",
+	isSvgIcon: true,
+	variants: ["outline", "fill"]
+};
 
 //#endregion
 export { Headphone };

package/dist/generated/icons/Headphone.js.map

@@ -1 +1 @@
-{"version":3,"file":"Headphone.js","names":[],"sources":["../../../generated/icons/Headphone.tsx"],"sourcesContent":["/**\n * ------------------- GENERATED | DO NOT MODIFY THIS FILE ---------------------\n * This file is generated by package/icons/scripts/codegen.ts.\n * To make changes, update the source script and run bun run icons:codegen\n * in the icons package.\n */\n\nimport type {\n  IconElement,\n  IconMetadata,\n  InternalSvgIconProps,\n  IconVariant,\n  SvgIconComponent,\n} from '@yahoo/uds-icons/types';\n\nconst METADATA: IconMetadata = {\n  name: 'Headphone',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n\nconst DEFAULT_VARIANT = METADATA.variants[0] ?? 'fill';\n\nexport const HeadphoneSvgIcon: SvgIconComponent = ({\n  size = 'md',\n  variant = DEFAULT_VARIANT,\n}: InternalSvgIconProps) => {\n  if (variant === 'outline') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#Headphone-outline-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M2.026 6.017a3.975 3.975 0 0 1 7.948 0 1.5 1.5 0 0 0-.224-.016H7.5v5.25h2.25a1.5 1.5 0 0 0 1.5-1.5V6.113a5.25 5.25 0 0 0-10.5 0v3.638a1.5 1.5 0 0 0 1.5 1.5H4.5V6H2.25q-.113 0-.224.016M9.975 7.5v2.25c0 .125-.1.226-.225.226h-.975v-2.7h.975c.124 0 .225.1.225.224m-6.75-.224v2.7H2.25a.225.225 0 0 1-.225-.225V7.5c0-.124.1-.225.225-.225z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2.702 8.023a5.3 5.3 0 0 1 10.597 0A2 2 0 0 0 13 8h-3v7h3a2 2 0 0 0 2-2V8.15a7 7 0 1 0-14 0V13a2 2 0 0 0 2 2h3V8H3q-.152 0-.298.023M13.3 9.999V13a.3.3 0 0 1-.3.3h-1.3V9.7H13a.3.3 0 0 1 .3.3m-9-.299v3.6H3a.3.3 0 0 1-.3-.3v-3a.3.3 0 0 1 .3-.3z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.8 12.05a7.2 7.2 0 1 1 14.4 0v.91a2 2 0 0 0-.2-.01h-4v8h4a2 2 0 0 0 2-2v-6.9a9 9 0 1 0-18 0v6.9a2 2 0 0 0 2 2h4v-8H5q-.1 0-.2.01zm0 6.9v-4c0-.11.09-.2.2-.2h2.2v4.4H5a.2.2 0 0 1-.2-.2m14.4-4v4a.2.2 0 0 1-.2.2h-2.2v-4.4H19c.11 0 .2.09.2.2\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M16 4.05c-6.517 0-11.8 5.283-11.8 11.8v1.1H10v13H5a3 3 0 0 1-3-3v-11.1c0-7.732 6.268-14 14-14s14 6.268 14 14v11.1a3 3 0 0 1-3 3h-5v-13h5.8v-1.1c0-6.517-5.283-11.8-11.8-11.8M4.2 26.95a.8.8 0 0 0 .8.8h2.8v-8.6H4.2zm22.8.8a.8.8 0 0 0 .8-.8v-7.8h-3.6v8.6zm-16.1-6.8v5h2.2v-5zm8 5v-5h2.2v5zm-4-7v9h2.2v-9z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#Headphone-fill-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M2.026 6.017a3.975 3.975 0 0 1 7.948 0 1.5 1.5 0 0 0-.224-.016H7.5v5.25h2.25a1.5 1.5 0 0 0 1.5-1.5V6.113a5.25 5.25 0 0 0-10.5 0v3.638a1.5 1.5 0 0 0 1.5 1.5H4.5V6H2.25q-.113 0-.224.016\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2.702 8.023a5.3 5.3 0 0 1 10.597 0A2 2 0 0 0 13 8h-3v7h3a2 2 0 0 0 2-2V8.15a7 7 0 1 0-14 0V13a2 2 0 0 0 2 2h3V8H3q-.152 0-.298.023\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.8 12.05a7.2 7.2 0 1 1 14.4 0v.91a2 2 0 0 0-.2-.01h-4v8h4a2 2 0 0 0 2-2v-6.9a9 9 0 1 0-18 0v6.9a2 2 0 0 0 2 2h4v-8H5q-.1 0-.2.01z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M16 4.15c-6.462 0-11.7 5.238-11.7 11.7V17H10v13H5a3 3 0 0 1-3-3V15.85c0-7.732 6.268-14 14-14s14 6.268 14 14V27a3 3 0 0 1-3 3h-5V17h5.7v-1.15c0-6.462-5.238-11.7-11.7-11.7M10.85 21v5h2.3v-5zm8 5v-5h2.3v5zm-4-7v9h2.3v-9z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  // If no variant matches or the requested variant doesn't exist for this icon,\n  // return an empty fragment\n  return <></>;\n};\n\nexport const Headphone = (<HeadphoneSvgIcon __iconMetadata={METADATA} />) as IconElement;\n"],"mappings":";;;;AAeA,MAAM,WAAyB;CAC7B,MAAM;CACN,WAAW;CACX,UAAU,CAAC,WAAW,OAAO;CAC9B;AAED,MAAM,kBAAkB,SAAS,SAAS,MAAM;AAEhD,MAAa,oBAAsC,EACjD,OAAO,MACP,UAAU,sBACgB;AAC1B,KAAI,YAAY,UACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IACC,MAAK;IACL,GAAE;KACI;IACN,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;;AAKX,KAAI,YAAY,OACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IACC,MAAK;IACL,GAAE;KACI;IACN,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;;AAOX,QAAO,iCAAK;;AAGd,MAAa,YAAa,oBAAC,oBAAiB,gBAAgB,WAAY"}
+{"version":3,"file":"Headphone.js","names":[],"sources":["../../../generated/icons/Headphone.tsx"],"sourcesContent":["/**\n * ------------------- GENERATED | DO NOT MODIFY THIS FILE ---------------------\n * This file is generated by package/icons/scripts/codegen.ts.\n * To make changes, update the source script and run bun run icons:codegen\n * in the icons package.\n */\n\nimport type { SvgIconProps, IconVariant } from '@yahoo/uds-icons/types';\n\nexport const Headphone = ({ size, variant }: SvgIconProps) => {\n  if (variant === 'outline') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#Headphone-outline-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M2.026 6.017a3.975 3.975 0 0 1 7.948 0 1.5 1.5 0 0 0-.224-.016H7.5v5.25h2.25a1.5 1.5 0 0 0 1.5-1.5V6.113a5.25 5.25 0 0 0-10.5 0v3.638a1.5 1.5 0 0 0 1.5 1.5H4.5V6H2.25q-.113 0-.224.016M9.975 7.5v2.25c0 .125-.1.226-.225.226h-.975v-2.7h.975c.124 0 .225.1.225.224m-6.75-.224v2.7H2.25a.225.225 0 0 1-.225-.225V7.5c0-.124.1-.225.225-.225z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2.702 8.023a5.3 5.3 0 0 1 10.597 0A2 2 0 0 0 13 8h-3v7h3a2 2 0 0 0 2-2V8.15a7 7 0 1 0-14 0V13a2 2 0 0 0 2 2h3V8H3q-.152 0-.298.023M13.3 9.999V13a.3.3 0 0 1-.3.3h-1.3V9.7H13a.3.3 0 0 1 .3.3m-9-.299v3.6H3a.3.3 0 0 1-.3-.3v-3a.3.3 0 0 1 .3-.3z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.8 12.05a7.2 7.2 0 1 1 14.4 0v.91a2 2 0 0 0-.2-.01h-4v8h4a2 2 0 0 0 2-2v-6.9a9 9 0 1 0-18 0v6.9a2 2 0 0 0 2 2h4v-8H5q-.1 0-.2.01zm0 6.9v-4c0-.11.09-.2.2-.2h2.2v4.4H5a.2.2 0 0 1-.2-.2m14.4-4v4a.2.2 0 0 1-.2.2h-2.2v-4.4H19c.11 0 .2.09.2.2\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M16 4.05c-6.517 0-11.8 5.283-11.8 11.8v1.1H10v13H5a3 3 0 0 1-3-3v-11.1c0-7.732 6.268-14 14-14s14 6.268 14 14v11.1a3 3 0 0 1-3 3h-5v-13h5.8v-1.1c0-6.517-5.283-11.8-11.8-11.8M4.2 26.95a.8.8 0 0 0 .8.8h2.8v-8.6H4.2zm22.8.8a.8.8 0 0 0 .8-.8v-7.8h-3.6v8.6zm-16.1-6.8v5h2.2v-5zm8 5v-5h2.2v5zm-4-7v9h2.2v-9z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#Headphone-fill-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M2.026 6.017a3.975 3.975 0 0 1 7.948 0 1.5 1.5 0 0 0-.224-.016H7.5v5.25h2.25a1.5 1.5 0 0 0 1.5-1.5V6.113a5.25 5.25 0 0 0-10.5 0v3.638a1.5 1.5 0 0 0 1.5 1.5H4.5V6H2.25q-.113 0-.224.016\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2.702 8.023a5.3 5.3 0 0 1 10.597 0A2 2 0 0 0 13 8h-3v7h3a2 2 0 0 0 2-2V8.15a7 7 0 1 0-14 0V13a2 2 0 0 0 2 2h3V8H3q-.152 0-.298.023\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.8 12.05a7.2 7.2 0 1 1 14.4 0v.91a2 2 0 0 0-.2-.01h-4v8h4a2 2 0 0 0 2-2v-6.9a9 9 0 1 0-18 0v6.9a2 2 0 0 0 2 2h4v-8H5q-.1 0-.2.01z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M16 4.15c-6.462 0-11.7 5.238-11.7 11.7V17H10v13H5a3 3 0 0 1-3-3V15.85c0-7.732 6.268-14 14-14s14 6.268 14 14V27a3 3 0 0 1-3 3h-5V17h5.7v-1.15c0-6.462-5.238-11.7-11.7-11.7M10.85 21v5h2.3v-5zm8 5v-5h2.3v5zm-4-7v9h2.3v-9z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  // If no variant matches or the requested variant doesn't exist for this icon,\n  // return an empty fragment\n  return <></>;\n};\n\nHeadphone.metadata = {\n  name: 'Headphone',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n"],"mappings":";;;;AASA,MAAa,aAAa,EAAE,MAAM,cAA4B;AAC5D,KAAI,YAAY,UACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IACC,MAAK;IACL,GAAE;KACI;IACN,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;;AAKX,KAAI,YAAY,OACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IACC,MAAK;IACL,GAAE;KACI;IACN,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;;AAOX,QAAO,iCAAK;;AAGd,UAAU,WAAW;CACnB,MAAM;CACN,WAAW;CACX,UAAU,CAAC,WAAW,OAAO;CAC9B"}

package/dist/generated/icons/HeadphonesMic.cjs

@@ -2,13 +2,7 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region generated/icons/HeadphonesMic.tsx
-const METADATA = {
-	name: "HeadphonesMic",
-	isSvgIcon: true,
-	variants: ["outline", "fill"]
-};
-const DEFAULT_VARIANT = METADATA.variants[0] ?? "fill";
-const HeadphonesMicSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
+const HeadphonesMic = ({ size, variant }) => {
 	if (variant === "outline") switch (size) {
 		case "xs": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 			fill: "currentColor",
@@ -47,7 +41,11 @@ const HeadphonesMicSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
 };
-const HeadphonesMic = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeadphonesMicSvgIcon, { __iconMetadata: METADATA });
+HeadphonesMic.metadata = {
+	name: "HeadphonesMic",
+	isSvgIcon: true,
+	variants: ["outline", "fill"]
+};
 
 //#endregion
 exports.HeadphonesMic = HeadphonesMic;

package/dist/generated/icons/HeadphonesMic.d.cts

@@ -1,8 +1,19 @@
 
-import { IconElement } from "@yahoo/uds-icons/types";
+import { IconVariant, SvgIconProps } from "@yahoo/uds-icons/types";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region generated/icons/HeadphonesMic.d.ts
-declare const HeadphonesMic: IconElement;
+declare const HeadphonesMic: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { HeadphonesMic };
 //# sourceMappingURL=HeadphonesMic.d.cts.map

package/dist/generated/icons/HeadphonesMic.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"HeadphonesMic.d.cts","names":[],"sources":["../../../generated/icons/HeadphonesMic.tsx"],"mappings":";;;;cAkHa,aAAA,EAAwE,WAAA"}
+{"version":3,"file":"HeadphonesMic.d.cts","names":[],"sources":["../../../generated/icons/HeadphonesMic.tsx"],"mappings":";;;;;cASa,aAAA;EAAA;;;KAAoC,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;cA2F1B,WAAA;EAAA;AAAA"}

package/dist/generated/icons/HeadphonesMic.d.ts

@@ -1,8 +1,19 @@
 
-import { IconElement } from "@yahoo/uds-icons/types";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { IconVariant, SvgIconProps } from "@yahoo/uds-icons/types";
 
 //#region generated/icons/HeadphonesMic.d.ts
-declare const HeadphonesMic: IconElement;
+declare const HeadphonesMic: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { HeadphonesMic };
 //# sourceMappingURL=HeadphonesMic.d.ts.map

package/dist/generated/icons/HeadphonesMic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeadphonesMic.d.ts","names":[],"sources":["../../../generated/icons/HeadphonesMic.tsx"],"mappings":";;;;cAkHa,aAAA,EAAwE,WAAA"}
+{"version":3,"file":"HeadphonesMic.d.ts","names":[],"sources":["../../../generated/icons/HeadphonesMic.tsx"],"mappings":";;;;;cASa,aAAA;EAAA;;;KAAoC,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;cA2F1B,WAAA;EAAA;AAAA"}

package/dist/generated/icons/HeadphonesMic.js

@@ -2,13 +2,7 @@
 import { Fragment, jsx } from "react/jsx-runtime";
 
 //#region generated/icons/HeadphonesMic.tsx
-const METADATA = {
-	name: "HeadphonesMic",
-	isSvgIcon: true,
-	variants: ["outline", "fill"]
-};
-const DEFAULT_VARIANT = METADATA.variants[0] ?? "fill";
-const HeadphonesMicSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
+const HeadphonesMic = ({ size, variant }) => {
 	if (variant === "outline") switch (size) {
 		case "xs": return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", {
 			fill: "currentColor",
@@ -47,7 +41,11 @@ const HeadphonesMicSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
 	}
 	return /* @__PURE__ */ jsx(Fragment, {});
 };
-const HeadphonesMic = /* @__PURE__ */ jsx(HeadphonesMicSvgIcon, { __iconMetadata: METADATA });
+HeadphonesMic.metadata = {
+	name: "HeadphonesMic",
+	isSvgIcon: true,
+	variants: ["outline", "fill"]
+};
 
 //#endregion
 export { HeadphonesMic };

package/dist/generated/icons/HeadphonesMic.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadphonesMic.js","names":[],"sources":["../../../generated/icons/HeadphonesMic.tsx"],"sourcesContent":["/**\n * ------------------- GENERATED | DO NOT MODIFY THIS FILE ---------------------\n * This file is generated by package/icons/scripts/codegen.ts.\n * To make changes, update the source script and run bun run icons:codegen\n * in the icons package.\n */\n\nimport type {\n  IconElement,\n  IconMetadata,\n  InternalSvgIconProps,\n  IconVariant,\n  SvgIconComponent,\n} from '@yahoo/uds-icons/types';\n\nconst METADATA: IconMetadata = {\n  name: 'HeadphonesMic',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n\nconst DEFAULT_VARIANT = METADATA.variants[0] ?? 'fill';\n\nexport const HeadphonesMicSvgIcon: SvgIconComponent = ({\n  size = 'md',\n  variant = DEFAULT_VARIANT,\n}: InternalSvgIconProps) => {\n  if (variant === 'outline') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M10.857 5.606a4.856 4.856 0 1 0-9.712 0v2.269a1.5 1.5 0 0 0 .947 1.395 2.25 2.25 0 0 0 2.234 1.98h2.795v-1.125H4.326c-.49 0-.906-.313-1.06-.75h1.43v-4.5H2.341a3.732 3.732 0 0 1 7.32 0H7.304v4.5h2.052a1.5 1.5 0 0 0 1.5-1.5V6v1.575zM8.43 6h1.302v1.875a.375.375 0 0 1-.375.375H8.43zM2.27 6h1.3v2.25h-.926a.375.375 0 0 1-.375-.375z\"\n            ></path>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M14.475 7.475a6.475 6.475 0 0 0-12.95 0V10.5a2 2 0 0 0 1.264 1.86A3 3 0 0 0 5.768 15h3.727v-1.5H5.768a1.5 1.5 0 0 1-1.415-1h1.908v-6h-3.14a4.977 4.977 0 0 1 9.759 0H9.74v6h2.735a2 2 0 0 0 2-2V8v2.1zM11.24 8h1.735v2.5a.5.5 0 0 1-.5.5H11.24zM3.025 8h1.736v3H3.525a.5.5 0 0 1-.5-.5z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M19.45 11.286v-.036a7.45 7.45 0 0 0-14.9 0v.036h3.537v7.143H6.609a2.315 2.315 0 0 0 2.201 1.6h5.325v1.8H8.81a4.115 4.115 0 0 1-4.052-3.4H4.75a2 2 0 0 1-2-2V11.25a9.25 9.25 0 0 1 18.5 0v5.179a2 2 0 0 1-2 2h-3.337v-7.143zm-1.737 1.8v3.543h1.537a.2.2 0 0 0 .2-.2v-3.343zm-11.426 0H4.55v3.343c0 .11.09.2.2.2h1.537z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M29 22v-7c0-7.18-5.82-13-13-13S3 7.82 3 15v7a3 3 0 0 0 2.989 3 5.6 5.6 0 0 0 5.511 4.6H19v-2.2h-7.5A3.4 3.4 0 0 1 8.25 25h2.25V15H5.2C5.2 9.035 10.035 4.2 16 4.2S26.8 9.035 26.8 15h-5.3v10H26a3 3 0 0 0 3-3m-5.3-4.8h3.1V22a.8.8 0 0 1-.8.8h-2.3zm-18.5 0h3.1v5.6H6a.8.8 0 0 1-.8-.8z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M10.857 5.606a4.856 4.856 0 1 0-9.712 0v2.269a1.5 1.5 0 0 0 .947 1.395 2.25 2.25 0 0 0 2.234 1.98h2.795v-1.125H4.326c-.49 0-.906-.313-1.06-.75h1.43v-4.5H2.341a3.732 3.732 0 0 1 7.32 0H7.304v4.5h2.052q.156 0 .302-.03a1.5 1.5 0 0 0 1.198-1.47z\"\n            ></path>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M14.475 7.475a6.475 6.475 0 0 0-12.95 0V10.5a2 2 0 0 0 1.264 1.86A3 3 0 0 0 5.768 15h3.727v-1.5H5.768a1.5 1.5 0 0 1-1.415-1h1.908v-6h-3.14a4.977 4.977 0 0 1 9.759 0H9.74v6h2.735q.207 0 .404-.04a2 2 0 0 0 1.596-1.96z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M19.45 11.286v-.036a7.45 7.45 0 0 0-14.9 0v.036h3.537v7.143H6.609a2.315 2.315 0 0 0 2.201 1.6h5.325v1.8H8.81a4.115 4.115 0 0 1-4.052-3.4H4.75a2 2 0 0 1-2-2V11.25a9.25 9.25 0 0 1 18.5 0v5.179a2 2 0 0 1-2 2h-3.337v-7.143z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M29 15c0-7.18-5.82-13-13-13S3 7.82 3 15v7a3 3 0 0 0 2.989 3 5.6 5.6 0 0 0 5.511 4.6H19v-2.2h-7.5A3.4 3.4 0 0 1 8.25 25h2.25V15H5.2C5.2 9.035 10.035 4.2 16 4.2S26.8 9.035 26.8 15h-5.3v10H26a3 3 0 0 0 3-3z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  // If no variant matches or the requested variant doesn't exist for this icon,\n  // return an empty fragment\n  return <></>;\n};\n\nexport const HeadphonesMic = (<HeadphonesMicSvgIcon __iconMetadata={METADATA} />) as IconElement;\n"],"mappings":";;;;AAeA,MAAM,WAAyB;CAC7B,MAAM;CACN,WAAW;CACX,UAAU,CAAC,WAAW,OAAO;CAC9B;AAED,MAAM,kBAAkB,SAAS,SAAS,MAAM;AAEhD,MAAa,wBAA0C,EACrD,OAAO,MACP,UAAU,sBACgB;AAC1B,KAAI,YAAY,UACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;;AAKX,KAAI,YAAY,OACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;;AAOX,QAAO,iCAAK;;AAGd,MAAa,gBAAiB,oBAAC,wBAAqB,gBAAgB,WAAY"}
+{"version":3,"file":"HeadphonesMic.js","names":[],"sources":["../../../generated/icons/HeadphonesMic.tsx"],"sourcesContent":["/**\n * ------------------- GENERATED | DO NOT MODIFY THIS FILE ---------------------\n * This file is generated by package/icons/scripts/codegen.ts.\n * To make changes, update the source script and run bun run icons:codegen\n * in the icons package.\n */\n\nimport type { SvgIconProps, IconVariant } from '@yahoo/uds-icons/types';\n\nexport const HeadphonesMic = ({ size, variant }: SvgIconProps) => {\n  if (variant === 'outline') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M10.857 5.606a4.856 4.856 0 1 0-9.712 0v2.269a1.5 1.5 0 0 0 .947 1.395 2.25 2.25 0 0 0 2.234 1.98h2.795v-1.125H4.326c-.49 0-.906-.313-1.06-.75h1.43v-4.5H2.341a3.732 3.732 0 0 1 7.32 0H7.304v4.5h2.052a1.5 1.5 0 0 0 1.5-1.5V6v1.575zM8.43 6h1.302v1.875a.375.375 0 0 1-.375.375H8.43zM2.27 6h1.3v2.25h-.926a.375.375 0 0 1-.375-.375z\"\n            ></path>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M14.475 7.475a6.475 6.475 0 0 0-12.95 0V10.5a2 2 0 0 0 1.264 1.86A3 3 0 0 0 5.768 15h3.727v-1.5H5.768a1.5 1.5 0 0 1-1.415-1h1.908v-6h-3.14a4.977 4.977 0 0 1 9.759 0H9.74v6h2.735a2 2 0 0 0 2-2V8v2.1zM11.24 8h1.735v2.5a.5.5 0 0 1-.5.5H11.24zM3.025 8h1.736v3H3.525a.5.5 0 0 1-.5-.5z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M19.45 11.286v-.036a7.45 7.45 0 0 0-14.9 0v.036h3.537v7.143H6.609a2.315 2.315 0 0 0 2.201 1.6h5.325v1.8H8.81a4.115 4.115 0 0 1-4.052-3.4H4.75a2 2 0 0 1-2-2V11.25a9.25 9.25 0 0 1 18.5 0v5.179a2 2 0 0 1-2 2h-3.337v-7.143zm-1.737 1.8v3.543h1.537a.2.2 0 0 0 .2-.2v-3.343zm-11.426 0H4.55v3.343c0 .11.09.2.2.2h1.537z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M29 22v-7c0-7.18-5.82-13-13-13S3 7.82 3 15v7a3 3 0 0 0 2.989 3 5.6 5.6 0 0 0 5.511 4.6H19v-2.2h-7.5A3.4 3.4 0 0 1 8.25 25h2.25V15H5.2C5.2 9.035 10.035 4.2 16 4.2S26.8 9.035 26.8 15h-5.3v10H26a3 3 0 0 0 3-3m-5.3-4.8h3.1V22a.8.8 0 0 1-.8.8h-2.3zm-18.5 0h3.1v5.6H6a.8.8 0 0 1-.8-.8z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M10.857 5.606a4.856 4.856 0 1 0-9.712 0v2.269a1.5 1.5 0 0 0 .947 1.395 2.25 2.25 0 0 0 2.234 1.98h2.795v-1.125H4.326c-.49 0-.906-.313-1.06-.75h1.43v-4.5H2.341a3.732 3.732 0 0 1 7.32 0H7.304v4.5h2.052q.156 0 .302-.03a1.5 1.5 0 0 0 1.198-1.47z\"\n            ></path>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M14.475 7.475a6.475 6.475 0 0 0-12.95 0V10.5a2 2 0 0 0 1.264 1.86A3 3 0 0 0 5.768 15h3.727v-1.5H5.768a1.5 1.5 0 0 1-1.415-1h1.908v-6h-3.14a4.977 4.977 0 0 1 9.759 0H9.74v6h2.735q.207 0 .404-.04a2 2 0 0 0 1.596-1.96z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M19.45 11.286v-.036a7.45 7.45 0 0 0-14.9 0v.036h3.537v7.143H6.609a2.315 2.315 0 0 0 2.201 1.6h5.325v1.8H8.81a4.115 4.115 0 0 1-4.052-3.4H4.75a2 2 0 0 1-2-2V11.25a9.25 9.25 0 0 1 18.5 0v5.179a2 2 0 0 1-2 2h-3.337v-7.143z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M29 15c0-7.18-5.82-13-13-13S3 7.82 3 15v7a3 3 0 0 0 2.989 3 5.6 5.6 0 0 0 5.511 4.6H19v-2.2h-7.5A3.4 3.4 0 0 1 8.25 25h2.25V15H5.2C5.2 9.035 10.035 4.2 16 4.2S26.8 9.035 26.8 15h-5.3v10H26a3 3 0 0 0 3-3z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  // If no variant matches or the requested variant doesn't exist for this icon,\n  // return an empty fragment\n  return <></>;\n};\n\nHeadphonesMic.metadata = {\n  name: 'HeadphonesMic',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n"],"mappings":";;;;AASA,MAAa,iBAAiB,EAAE,MAAM,cAA4B;AAChE,KAAI,YAAY,UACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;;AAKX,KAAI,YAAY,OACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;;AAOX,QAAO,iCAAK;;AAGd,cAAc,WAAW;CACvB,MAAM;CACN,WAAW;CACX,UAAU,CAAC,WAAW,OAAO;CAC9B"}

package/dist/generated/icons/Heart.cjs

@@ -2,13 +2,7 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region generated/icons/Heart.tsx
-const METADATA = {
-	name: "Heart",
-	isSvgIcon: true,
-	variants: ["outline", "fill"]
-};
-const DEFAULT_VARIANT = METADATA.variants[0] ?? "fill";
-const HeartSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
+const Heart = ({ size, variant }) => {
 	if (variant === "outline") switch (size) {
 		case "xs": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("g", {
 			clipPath: "url(#Heart-outline-12_svg__a)",
@@ -59,7 +53,11 @@ const HeartSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
 };
-const Heart = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeartSvgIcon, { __iconMetadata: METADATA });
+Heart.metadata = {
+	name: "Heart",
+	isSvgIcon: true,
+	variants: ["outline", "fill"]
+};
 
 //#endregion
 exports.Heart = Heart;

package/dist/generated/icons/Heart.d.cts

@@ -1,8 +1,19 @@
 
-import { IconElement } from "@yahoo/uds-icons/types";
+import { IconVariant, SvgIconProps } from "@yahoo/uds-icons/types";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region generated/icons/Heart.d.ts
-declare const Heart: IconElement;
+declare const Heart: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { Heart };
 //# sourceMappingURL=Heart.d.cts.map

package/dist/generated/icons/Heart.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Heart.d.cts","names":[],"sources":["../../../generated/icons/Heart.tsx"],"mappings":";;;;cA0Ha,KAAA,EAAwD,WAAA"}
+{"version":3,"file":"Heart.d.cts","names":[],"sources":["../../../generated/icons/Heart.tsx"],"mappings":";;;;;cASa,KAAA;EAAA;;;KAA4B,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;cAmGlB,WAAA;EAAA;AAAA"}

package/dist/generated/icons/Heart.d.ts

@@ -1,8 +1,19 @@
 
-import { IconElement } from "@yahoo/uds-icons/types";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { IconVariant, SvgIconProps } from "@yahoo/uds-icons/types";
 
 //#region generated/icons/Heart.d.ts
-declare const Heart: IconElement;
+declare const Heart: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { Heart };
 //# sourceMappingURL=Heart.d.ts.map

package/dist/generated/icons/Heart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heart.d.ts","names":[],"sources":["../../../generated/icons/Heart.tsx"],"mappings":";;;;cA0Ha,KAAA,EAAwD,WAAA"}
+{"version":3,"file":"Heart.d.ts","names":[],"sources":["../../../generated/icons/Heart.tsx"],"mappings":";;;;;cASa,KAAA;EAAA;;;KAA4B,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;cAmGlB,WAAA;EAAA;AAAA"}

package/dist/generated/icons/Heart.js

@@ -2,13 +2,7 @@
 import { Fragment, jsx } from "react/jsx-runtime";
 
 //#region generated/icons/Heart.tsx
-const METADATA = {
-	name: "Heart",
-	isSvgIcon: true,
-	variants: ["outline", "fill"]
-};
-const DEFAULT_VARIANT = METADATA.variants[0] ?? "fill";
-const HeartSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
+const Heart = ({ size, variant }) => {
 	if (variant === "outline") switch (size) {
 		case "xs": return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("g", {
 			clipPath: "url(#Heart-outline-12_svg__a)",
@@ -59,7 +53,11 @@ const HeartSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
 	}
 	return /* @__PURE__ */ jsx(Fragment, {});
 };
-const Heart = /* @__PURE__ */ jsx(HeartSvgIcon, { __iconMetadata: METADATA });
+Heart.metadata = {
+	name: "Heart",
+	isSvgIcon: true,
+	variants: ["outline", "fill"]
+};
 
 //#endregion
 export { Heart };

package/dist/generated/icons/Heart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heart.js","names":[],"sources":["../../../generated/icons/Heart.tsx"],"sourcesContent":["/**\n * ------------------- GENERATED | DO NOT MODIFY THIS FILE ---------------------\n * This file is generated by package/icons/scripts/codegen.ts.\n * To make changes, update the source script and run bun run icons:codegen\n * in the icons package.\n */\n\nimport type {\n  IconElement,\n  IconMetadata,\n  InternalSvgIconProps,\n  IconVariant,\n  SvgIconComponent,\n} from '@yahoo/uds-icons/types';\n\nconst METADATA: IconMetadata = {\n  name: 'Heart',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n\nconst DEFAULT_VARIANT = METADATA.variants[0] ?? 'fill';\n\nexport const HeartSvgIcon: SvgIconComponent = ({\n  size = 'md',\n  variant = DEFAULT_VARIANT,\n}: InternalSvgIconProps) => {\n  if (variant === 'outline') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#Heart-outline-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"m6 4.072-.98-1.183c-.554-.668-.929-.955-1.18-1.088-.217-.115-.407-.151-.71-.151-.47 0-.924.193-1.286.586-.757.82-.758 2.197 0 3.019L6 9.748l4.158-4.494c.756-.82.756-2.199 0-3.019-.362-.392-.817-.585-1.286-.585-.305 0-.5.038-.718.155-.253.135-.625.424-1.172 1.084zm5.095 2.047L6 11.625.906 6.12c-1.208-1.31-1.208-3.44 0-4.75.592-.64 1.38-.995 2.223-.995.643 0 1.233.124 1.984.773.271.235.564.537.887.927a8 8 0 0 1 .887-.927C7.629.508 8.22.375 8.872.375c.84 0 1.63.354 2.223.996 1.207 1.309 1.207 3.44 0 4.748\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <g clipPath=\"url(#Heart-outline-16_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M8 5.43 6.693 3.851c-.74-.89-1.238-1.274-1.573-1.45-.29-.154-.543-.202-.947-.202-.627 0-1.232.258-1.715.78-1.008 1.094-1.01 2.93 0 4.026L8 12.997l5.544-5.99v-.001c1.008-1.094 1.008-2.931 0-4.024-.482-.523-1.089-.781-1.715-.781-.406 0-.665.051-.957.207-.338.18-.833.564-1.563 1.445zm6.793 2.728L8 15.5 1.208 8.16c-1.61-1.746-1.61-4.587 0-6.332C1.998.972 3.049.5 4.172.5c.857 0 1.644.166 2.646 1.031.361.312.75.716 1.182 1.235a10.3 10.3 0 0 1 1.183-1.235C10.172.677 10.96.5 11.829.5c1.121 0 2.175.472 2.964 1.328 1.61 1.745 1.61 4.586 0 6.33\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M10.835 4.683C9.579 3.516 8.622 3.3 7.573 3.3c-1.297 0-2.513.55-3.427 1.547-1.862 2.032-1.862 5.341.001 7.375L12 20.772l7.855-8.551c1.86-2.033 1.86-5.342 0-7.374-.913-.997-2.131-1.547-3.427-1.547-1.064 0-2.023.231-3.263 1.383-.361.335-.746.748-1.165 1.257-.42-.509-.804-.922-1.165-1.257m7.766 6.39L12 18.259l-6.6-7.186c-1.268-1.384-1.267-3.696 0-5.078C6.006 5.332 6.775 5 7.572 5c.494 0 .832.06 1.215.265.43.228 1.033.704 1.9 1.756L12 8.614l1.312-1.594c.856-1.04 1.455-1.516 1.887-1.748.386-.208.73-.272 1.228-.272.796 0 1.566.332 2.173.995 1.265 1.382 1.265 3.694 0 5.077\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M14.517 5.268C12.575 3.348 11.13 3 9.539 3c-1.893 0-3.668.818-5.001 2.302-2.718 3.024-2.718 7.949.001 10.975L16 29l11.464-12.726c2.715-3.024 2.715-7.948 0-10.972C26.13 3.818 24.354 3 22.462 3c-1.614 0-3.062.372-4.978 2.267A20 20 0 0 0 16 6.93a20 20 0 0 0-1.483-1.661M16 25.713 6.176 14.806h-.001c-1.967-2.19-1.965-5.847 0-8.034C7.116 5.723 8.308 5.2 9.539 5.2c.746 0 1.283.094 1.89.424.671.364 1.58 1.103 2.86 2.687L16 10.43l1.711-2.12c1.264-1.565 2.166-2.305 2.84-2.675.613-.335 1.159-.435 1.91-.435 1.23 0 2.424.524 3.365 1.572 1.964 2.187 1.964 5.843.001 8.031l-.001.002z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#Heart-fill-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"m6 11.625 5.095-5.506c1.207-1.309 1.207-3.44 0-4.748C10.503.73 9.713.375 8.872.375c-.891 0-1.668.248-2.872 1.7C4.78.605 4.004.375 3.13.375c-.842 0-1.63.354-2.223.996-1.208 1.309-1.208 3.44 0 4.749z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <g clipPath=\"url(#Heart-fill-16_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"m8 15.5 6.793-7.342c1.61-1.744 1.61-4.585 0-6.33C14.003.972 12.95.5 11.83.5 10.64.5 9.605.83 8 2.766 6.375.807 5.34.5 4.172.5 3.049.5 1.998.972 1.208 1.828c-1.61 1.745-1.61 4.586 0 6.332z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"m12 20.772 7.855-8.551c1.86-2.033 1.86-5.342 0-7.374-.913-.997-2.131-1.547-3.427-1.547-1.374 0-2.572.385-4.428 2.64C10.12 3.658 8.923 3.3 7.573 3.3c-1.297 0-2.513.55-3.427 1.547-1.862 2.032-1.862 5.341.001 7.375z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"m16 29 11.464-12.726c2.715-3.024 2.715-7.948 0-10.972C26.13 3.818 24.354 3 22.462 3 20.457 3 18.71 3.573 16 6.929 13.257 3.533 11.51 3 9.54 3c-1.894 0-3.67.818-5.002 2.302-2.718 3.024-2.718 7.949.001 10.975z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  // If no variant matches or the requested variant doesn't exist for this icon,\n  // return an empty fragment\n  return <></>;\n};\n\nexport const Heart = (<HeartSvgIcon __iconMetadata={METADATA} />) as IconElement;\n"],"mappings":";;;;AAeA,MAAM,WAAyB;CAC7B,MAAM;CACN,WAAW;CACX,UAAU,CAAC,WAAW,OAAO;CAC9B;AAED,MAAM,kBAAkB,SAAS,SAAS,MAAM;AAEhD,MAAa,gBAAkC,EAC7C,OAAO,MACP,UAAU,sBACgB;AAC1B,KAAI,YAAY,UACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IACC,MAAK;IACL,GAAE;KACI;IACN,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IACC,MAAK;IACL,GAAE;KACI;IACN,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;;AAKX,KAAI,YAAY,OACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IACC,MAAK;IACL,GAAE;KACI;IACN,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IACC,MAAK;IACL,GAAE;KACI;IACN,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;;AAOX,QAAO,iCAAK;;AAGd,MAAa,QAAS,oBAAC,gBAAa,gBAAgB,WAAY"}
+{"version":3,"file":"Heart.js","names":[],"sources":["../../../generated/icons/Heart.tsx"],"sourcesContent":["/**\n * ------------------- GENERATED | DO NOT MODIFY THIS FILE ---------------------\n * This file is generated by package/icons/scripts/codegen.ts.\n * To make changes, update the source script and run bun run icons:codegen\n * in the icons package.\n */\n\nimport type { SvgIconProps, IconVariant } from '@yahoo/uds-icons/types';\n\nexport const Heart = ({ size, variant }: SvgIconProps) => {\n  if (variant === 'outline') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#Heart-outline-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"m6 4.072-.98-1.183c-.554-.668-.929-.955-1.18-1.088-.217-.115-.407-.151-.71-.151-.47 0-.924.193-1.286.586-.757.82-.758 2.197 0 3.019L6 9.748l4.158-4.494c.756-.82.756-2.199 0-3.019-.362-.392-.817-.585-1.286-.585-.305 0-.5.038-.718.155-.253.135-.625.424-1.172 1.084zm5.095 2.047L6 11.625.906 6.12c-1.208-1.31-1.208-3.44 0-4.75.592-.64 1.38-.995 2.223-.995.643 0 1.233.124 1.984.773.271.235.564.537.887.927a8 8 0 0 1 .887-.927C7.629.508 8.22.375 8.872.375c.84 0 1.63.354 2.223.996 1.207 1.309 1.207 3.44 0 4.748\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <g clipPath=\"url(#Heart-outline-16_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M8 5.43 6.693 3.851c-.74-.89-1.238-1.274-1.573-1.45-.29-.154-.543-.202-.947-.202-.627 0-1.232.258-1.715.78-1.008 1.094-1.01 2.93 0 4.026L8 12.997l5.544-5.99v-.001c1.008-1.094 1.008-2.931 0-4.024-.482-.523-1.089-.781-1.715-.781-.406 0-.665.051-.957.207-.338.18-.833.564-1.563 1.445zm6.793 2.728L8 15.5 1.208 8.16c-1.61-1.746-1.61-4.587 0-6.332C1.998.972 3.049.5 4.172.5c.857 0 1.644.166 2.646 1.031.361.312.75.716 1.182 1.235a10.3 10.3 0 0 1 1.183-1.235C10.172.677 10.96.5 11.829.5c1.121 0 2.175.472 2.964 1.328 1.61 1.745 1.61 4.586 0 6.33\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M10.835 4.683C9.579 3.516 8.622 3.3 7.573 3.3c-1.297 0-2.513.55-3.427 1.547-1.862 2.032-1.862 5.341.001 7.375L12 20.772l7.855-8.551c1.86-2.033 1.86-5.342 0-7.374-.913-.997-2.131-1.547-3.427-1.547-1.064 0-2.023.231-3.263 1.383-.361.335-.746.748-1.165 1.257-.42-.509-.804-.922-1.165-1.257m7.766 6.39L12 18.259l-6.6-7.186c-1.268-1.384-1.267-3.696 0-5.078C6.006 5.332 6.775 5 7.572 5c.494 0 .832.06 1.215.265.43.228 1.033.704 1.9 1.756L12 8.614l1.312-1.594c.856-1.04 1.455-1.516 1.887-1.748.386-.208.73-.272 1.228-.272.796 0 1.566.332 2.173.995 1.265 1.382 1.265 3.694 0 5.077\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M14.517 5.268C12.575 3.348 11.13 3 9.539 3c-1.893 0-3.668.818-5.001 2.302-2.718 3.024-2.718 7.949.001 10.975L16 29l11.464-12.726c2.715-3.024 2.715-7.948 0-10.972C26.13 3.818 24.354 3 22.462 3c-1.614 0-3.062.372-4.978 2.267A20 20 0 0 0 16 6.93a20 20 0 0 0-1.483-1.661M16 25.713 6.176 14.806h-.001c-1.967-2.19-1.965-5.847 0-8.034C7.116 5.723 8.308 5.2 9.539 5.2c.746 0 1.283.094 1.89.424.671.364 1.58 1.103 2.86 2.687L16 10.43l1.711-2.12c1.264-1.565 2.166-2.305 2.84-2.675.613-.335 1.159-.435 1.91-.435 1.23 0 2.424.524 3.365 1.572 1.964 2.187 1.964 5.843.001 8.031l-.001.002z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#Heart-fill-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"m6 11.625 5.095-5.506c1.207-1.309 1.207-3.44 0-4.748C10.503.73 9.713.375 8.872.375c-.891 0-1.668.248-2.872 1.7C4.78.605 4.004.375 3.13.375c-.842 0-1.63.354-2.223.996-1.208 1.309-1.208 3.44 0 4.749z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <g clipPath=\"url(#Heart-fill-16_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"m8 15.5 6.793-7.342c1.61-1.744 1.61-4.585 0-6.33C14.003.972 12.95.5 11.83.5 10.64.5 9.605.83 8 2.766 6.375.807 5.34.5 4.172.5 3.049.5 1.998.972 1.208 1.828c-1.61 1.745-1.61 4.586 0 6.332z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"m12 20.772 7.855-8.551c1.86-2.033 1.86-5.342 0-7.374-.913-.997-2.131-1.547-3.427-1.547-1.374 0-2.572.385-4.428 2.64C10.12 3.658 8.923 3.3 7.573 3.3c-1.297 0-2.513.55-3.427 1.547-1.862 2.032-1.862 5.341.001 7.375z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"m16 29 11.464-12.726c2.715-3.024 2.715-7.948 0-10.972C26.13 3.818 24.354 3 22.462 3 20.457 3 18.71 3.573 16 6.929 13.257 3.533 11.51 3 9.54 3c-1.894 0-3.67.818-5.002 2.302-2.718 3.024-2.718 7.949.001 10.975z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  // If no variant matches or the requested variant doesn't exist for this icon,\n  // return an empty fragment\n  return <></>;\n};\n\nHeart.metadata = {\n  name: 'Heart',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n"],"mappings":";;;;AASA,MAAa,SAAS,EAAE,MAAM,cAA4B;AACxD,KAAI,YAAY,UACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IACC,MAAK;IACL,GAAE;KACI;IACN,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IACC,MAAK;IACL,GAAE;KACI;IACN,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;;AAKX,KAAI,YAAY,OACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IACC,MAAK;IACL,GAAE;KACI;IACN,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IACC,MAAK;IACL,GAAE;KACI;IACN,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;;AAOX,QAAO,iCAAK;;AAGd,MAAM,WAAW;CACf,MAAM;CACN,WAAW;CACX,UAAU,CAAC,WAAW,OAAO;CAC9B"}

package/dist/generated/icons/HeartArrow.cjs

@@ -2,13 +2,7 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region generated/icons/HeartArrow.tsx
-const METADATA = {
-	name: "HeartArrow",
-	isSvgIcon: true,
-	variants: ["outline", "fill"]
-};
-const DEFAULT_VARIANT = METADATA.variants[0] ?? "fill";
-const HeartArrowSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
+const HeartArrow = ({ size, variant }) => {
 	if (variant === "outline") switch (size) {
 		case "xs": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 			fill: "currentColor",
@@ -50,7 +44,11 @@ const HeartArrowSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
 };
-const HeartArrow = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeartArrowSvgIcon, { __iconMetadata: METADATA });
+HeartArrow.metadata = {
+	name: "HeartArrow",
+	isSvgIcon: true,
+	variants: ["outline", "fill"]
+};
 
 //#endregion
 exports.HeartArrow = HeartArrow;

package/dist/generated/icons/HeartArrow.d.cts

@@ -1,8 +1,19 @@
 
-import { IconElement } from "@yahoo/uds-icons/types";
+import { IconVariant, SvgIconProps } from "@yahoo/uds-icons/types";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region generated/icons/HeartArrow.d.ts
-declare const HeartArrow: IconElement;
+declare const HeartArrow: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { HeartArrow };
 //# sourceMappingURL=HeartArrow.d.cts.map

package/dist/generated/icons/HeartArrow.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"HeartArrow.d.cts","names":[],"sources":["../../../generated/icons/HeartArrow.tsx"],"mappings":";;;;cAoHa,UAAA,EAAkE,WAAA"}
+{"version":3,"file":"HeartArrow.d.cts","names":[],"sources":["../../../generated/icons/HeartArrow.tsx"],"mappings":";;;;;cASa,UAAA;EAAA;;;KAAiC,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;cA6FvB,WAAA;EAAA;AAAA"}

package/dist/generated/icons/HeartArrow.d.ts

@@ -1,8 +1,19 @@
 
-import { IconElement } from "@yahoo/uds-icons/types";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { IconVariant, SvgIconProps } from "@yahoo/uds-icons/types";
 
 //#region generated/icons/HeartArrow.d.ts
-declare const HeartArrow: IconElement;
+declare const HeartArrow: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { HeartArrow };
 //# sourceMappingURL=HeartArrow.d.ts.map

package/dist/generated/icons/HeartArrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeartArrow.d.ts","names":[],"sources":["../../../generated/icons/HeartArrow.tsx"],"mappings":";;;;cAoHa,UAAA,EAAkE,WAAA"}
+{"version":3,"file":"HeartArrow.d.ts","names":[],"sources":["../../../generated/icons/HeartArrow.tsx"],"mappings":";;;;;cASa,UAAA;EAAA;;;KAAiC,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;cA6FvB,WAAA;EAAA;AAAA"}