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

package/dist/generated/icons/ForestTree.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/ForestTree.d.ts
-declare const ForestTree: IconElement;
+declare const ForestTree: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { ForestTree };
 //# sourceMappingURL=ForestTree.d.cts.map

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

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

package/dist/generated/icons/ForestTree.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/ForestTree.d.ts
-declare const ForestTree: IconElement;
+declare const ForestTree: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { ForestTree };
 //# sourceMappingURL=ForestTree.d.ts.map

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

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

package/dist/generated/icons/ForestTree.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"ForestTree.js","names":[],"sources":["../../../generated/icons/ForestTree.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: 'ForestTree',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n\nconst DEFAULT_VARIANT = METADATA.variants[0] ?? 'fill';\n\nexport const ForestTreeSvgIcon: 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.5 9.75H7.125V12h-2.25V9.75H1.5l1.8-3H2.25L6 0l3.75 6.75H8.7zm-3.92-4.2h1.13L6 2.471 4.29 5.55h1.13l-1.8 3h4.76z\"\n            ></path>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M14 13H9.5v3h-3v-3H2l2.4-4H3l5-9 5 9h-1.4zM8.774 7.4h1.507L8 3.295 5.72 7.4h1.506l-2.4 4h6.348z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"m16.675 12.91 3.507 5.454H14V22h-4v-3.636H3.818l3.507-5.455H4.727L12 2l7.273 10.91zm-3.297-1.8h2.531L12 5.244l-3.908 5.864h2.53l-3.506 5.455h9.77z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M22.214 16 28 25h-9.5v6h-5v-6H4l5.786-9H6L16 1l10 15zm-4.03-2.2h3.705L16 4.966 10.11 13.8h3.705l-5.785 9h15.94z\"\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=\"M9.75 6.75H8.7l1.8 3H7.125V12h-2.25V9.75H1.5l1.8-3H2.25L6 0z\"\n            ></path>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M13 9h-1.4l2.4 4H9.5v3h-3v-3H2l2.4-4H3l5-9z\"></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M19.273 12.91h-2.598l3.507 5.454H14V22h-4v-3.636H3.818l3.507-5.455H4.727L12 2z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M26 16h-3.786L28 25h-9.5v6h-5v-6H4l5.786-9H6L16 1z\"></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 ForestTree = (<ForestTreeSvgIcon __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,qBAAuC,EAClD,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;GAAK,MAAK;GAAe,GAAE;IAAqD,GAChF;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAK,MAAK;GAAe,GAAE;IAA4D,GACvF;;AAOX,QAAO,iCAAK;;AAGd,MAAa,aAAc,oBAAC,qBAAkB,gBAAgB,WAAY"}
+{"version":3,"file":"ForestTree.js","names":[],"sources":["../../../generated/icons/ForestTree.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 ForestTree = ({ size, variant }: SvgIconProps) => {\n  if (variant === 'outline') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M10.5 9.75H7.125V12h-2.25V9.75H1.5l1.8-3H2.25L6 0l3.75 6.75H8.7zm-3.92-4.2h1.13L6 2.471 4.29 5.55h1.13l-1.8 3h4.76z\"\n            ></path>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M14 13H9.5v3h-3v-3H2l2.4-4H3l5-9 5 9h-1.4zM8.774 7.4h1.507L8 3.295 5.72 7.4h1.506l-2.4 4h6.348z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"m16.675 12.91 3.507 5.454H14V22h-4v-3.636H3.818l3.507-5.455H4.727L12 2l7.273 10.91zm-3.297-1.8h2.531L12 5.244l-3.908 5.864h2.53l-3.506 5.455h9.77z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M22.214 16 28 25h-9.5v6h-5v-6H4l5.786-9H6L16 1l10 15zm-4.03-2.2h3.705L16 4.966 10.11 13.8h3.705l-5.785 9h15.94z\"\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=\"M9.75 6.75H8.7l1.8 3H7.125V12h-2.25V9.75H1.5l1.8-3H2.25L6 0z\"\n            ></path>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M13 9h-1.4l2.4 4H9.5v3h-3v-3H2l2.4-4H3l5-9z\"></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M19.273 12.91h-2.598l3.507 5.454H14V22h-4v-3.636H3.818l3.507-5.455H4.727L12 2z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M26 16h-3.786L28 25h-9.5v6h-5v-6H4l5.786-9H6L16 1z\"></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\nForestTree.metadata = {\n  name: 'ForestTree',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n"],"mappings":";;;;AASA,MAAa,cAAc,EAAE,MAAM,cAA4B;AAC7D,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;GAAK,MAAK;GAAe,GAAE;IAAqD,GAChF;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAK,MAAK;GAAe,GAAE;IAA4D,GACvF;;AAOX,QAAO,iCAAK;;AAGd,WAAW,WAAW;CACpB,MAAM;CACN,WAAW;CACX,UAAU,CAAC,WAAW,OAAO;CAC9B"}

package/dist/generated/icons/FourBoxes.cjs

@@ -2,13 +2,7 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region generated/icons/FourBoxes.tsx
-const METADATA = {
-	name: "FourBoxes",
-	isSvgIcon: true,
-	variants: ["outline", "fill"]
-};
-const DEFAULT_VARIANT = METADATA.variants[0] ?? "fill";
-const FourBoxesSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
+const FourBoxes = ({ 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(#FourBoxes-outline-12_svg__a)",
@@ -53,7 +47,11 @@ const FourBoxesSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
 };
-const FourBoxes = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FourBoxesSvgIcon, { __iconMetadata: METADATA });
+FourBoxes.metadata = {
+	name: "FourBoxes",
+	isSvgIcon: true,
+	variants: ["outline", "fill"]
+};
 
 //#endregion
 exports.FourBoxes = FourBoxes;

package/dist/generated/icons/FourBoxes.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/FourBoxes.d.ts
-declare const FourBoxes: IconElement;
+declare const FourBoxes: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { FourBoxes };
 //# sourceMappingURL=FourBoxes.d.cts.map

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

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

package/dist/generated/icons/FourBoxes.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/FourBoxes.d.ts
-declare const FourBoxes: IconElement;
+declare const FourBoxes: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { FourBoxes };
 //# sourceMappingURL=FourBoxes.d.ts.map

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

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

package/dist/generated/icons/FourBoxes.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"FourBoxes.js","names":[],"sources":["../../../generated/icons/FourBoxes.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: 'FourBoxes',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n\nconst DEFAULT_VARIANT = METADATA.variants[0] ?? 'fill';\n\nexport const FourBoxesSvgIcon: 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(#FourBoxes-outline-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M2.025 2.025v2.137h2.137V2.025zM.75.75h4.688v4.688H.75zm1.275 7.088v2.137h2.137V7.838zM.75 6.563h4.688v4.687H.75zm9.225-4.538v2.137H7.838V2.025zM6.563.75v4.688h4.687V.75zm1.275 7.088v2.137h2.137V7.838zM6.563 6.563h4.687v4.687H6.563z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2.7 2.7v2.85h2.85V2.7zM1 1h6.25v6.25H1zm1.7 9.45v2.85h2.85v-2.85zM1 8.75h6.25V15H1zM13.3 2.7v2.85h-2.85V2.7zM8.75 1v6.25H15V1zm1.7 9.45v2.85h2.85v-2.85zm-1.7-1.7H15V15H8.75z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.8 4.8v4.4h4.4V4.8zM3 3h8v8H3zm1.8 11.8v4.4h4.4v-4.4zM3 13h8v8H3zm16.2-8.2v4.4h-4.4V4.8zM13 3v8h8V3zm1.8 11.8v4.4h4.4v-4.4zM13 13h8v8h-8z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.3 4.3v8.4h8.4V4.3zM2 2h13v13H2zm2.3 17.3v8.4h8.4v-8.4zM2 17h13v13H2zM27.7 4.3v8.4h-8.4V4.3zM17 2v13h13V2zm2.3 17.3v8.4h8.4v-8.4zM17 17h13v13H17z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#FourBoxes-fill-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M2.025 2.025v2.137h2.137V2.025zM.75.75h4.688v4.688H.75zm4.688 5.813H.75v4.687h4.688zm4.537-4.538v2.137H7.838V2.025zM6.563.75v4.688h4.687V.75zm1.275 7.088v2.137h2.137V7.838zM6.563 6.563h4.687v4.687H6.563z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2.7 2.7v2.85h2.85V2.7zM1 1h6.25v6.25H1zm6.25 7.75H1V15h6.25zM13.3 2.7v2.85h-2.85V2.7zM8.75 1v6.25H15V1zm1.7 9.45v2.85h2.85v-2.85zm-1.7-1.7H15V15H8.75z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.8 4.8v4.4h4.4V4.8zM3 3h8v8H3zm8 10H3v8h8zm8.2-8.2v4.4h-4.4V4.8zM13 3v8h8V3zm1.8 11.8v4.4h4.4v-4.4zM13 13h8v8h-8z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.3 4.3v8.4h8.4V4.3zM2 2h13v13H2zm13 15H2v13h13zM27.7 4.3v8.4h-8.4V4.3zM17 2v13h13V2zm2.3 17.3v8.4h8.4v-8.4zM17 17h13v13H17z\"\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 FourBoxes = (<FourBoxesSvgIcon __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":"FourBoxes.js","names":[],"sources":["../../../generated/icons/FourBoxes.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 FourBoxes = ({ size, variant }: SvgIconProps) => {\n  if (variant === 'outline') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#FourBoxes-outline-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M2.025 2.025v2.137h2.137V2.025zM.75.75h4.688v4.688H.75zm1.275 7.088v2.137h2.137V7.838zM.75 6.563h4.688v4.687H.75zm9.225-4.538v2.137H7.838V2.025zM6.563.75v4.688h4.687V.75zm1.275 7.088v2.137h2.137V7.838zM6.563 6.563h4.687v4.687H6.563z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2.7 2.7v2.85h2.85V2.7zM1 1h6.25v6.25H1zm1.7 9.45v2.85h2.85v-2.85zM1 8.75h6.25V15H1zM13.3 2.7v2.85h-2.85V2.7zM8.75 1v6.25H15V1zm1.7 9.45v2.85h2.85v-2.85zm-1.7-1.7H15V15H8.75z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.8 4.8v4.4h4.4V4.8zM3 3h8v8H3zm1.8 11.8v4.4h4.4v-4.4zM3 13h8v8H3zm16.2-8.2v4.4h-4.4V4.8zM13 3v8h8V3zm1.8 11.8v4.4h4.4v-4.4zM13 13h8v8h-8z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.3 4.3v8.4h8.4V4.3zM2 2h13v13H2zm2.3 17.3v8.4h8.4v-8.4zM2 17h13v13H2zM27.7 4.3v8.4h-8.4V4.3zM17 2v13h13V2zm2.3 17.3v8.4h8.4v-8.4zM17 17h13v13H17z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#FourBoxes-fill-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M2.025 2.025v2.137h2.137V2.025zM.75.75h4.688v4.688H.75zm4.688 5.813H.75v4.687h4.688zm4.537-4.538v2.137H7.838V2.025zM6.563.75v4.688h4.687V.75zm1.275 7.088v2.137h2.137V7.838zM6.563 6.563h4.687v4.687H6.563z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2.7 2.7v2.85h2.85V2.7zM1 1h6.25v6.25H1zm6.25 7.75H1V15h6.25zM13.3 2.7v2.85h-2.85V2.7zM8.75 1v6.25H15V1zm1.7 9.45v2.85h2.85v-2.85zm-1.7-1.7H15V15H8.75z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.8 4.8v4.4h4.4V4.8zM3 3h8v8H3zm8 10H3v8h8zm8.2-8.2v4.4h-4.4V4.8zM13 3v8h8V3zm1.8 11.8v4.4h4.4v-4.4zM13 13h8v8h-8z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.3 4.3v8.4h8.4V4.3zM2 2h13v13H2zm13 15H2v13h13zM27.7 4.3v8.4h-8.4V4.3zM17 2v13h13V2zm2.3 17.3v8.4h8.4v-8.4zM17 17h13v13H17z\"\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\nFourBoxes.metadata = {\n  name: 'FourBoxes',\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/FourCorners.cjs

@@ -2,13 +2,7 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region generated/icons/FourCorners.tsx
-const METADATA = {
-	name: "FourCorners",
-	isSvgIcon: true,
-	variants: ["outline", "fill"]
-};
-const DEFAULT_VARIANT = METADATA.variants[0] ?? "fill";
-const FourCornersSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
+const FourCorners = ({ 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(#FourCorners-outline-12_svg__a)",
@@ -53,7 +47,11 @@ const FourCornersSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
 };
-const FourCorners = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FourCornersSvgIcon, { __iconMetadata: METADATA });
+FourCorners.metadata = {
+	name: "FourCorners",
+	isSvgIcon: true,
+	variants: ["outline", "fill"]
+};
 
 //#endregion
 exports.FourCorners = FourCorners;

package/dist/generated/icons/FourCorners.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/FourCorners.d.ts
-declare const FourCorners: IconElement;
+declare const FourCorners: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { FourCorners };
 //# sourceMappingURL=FourCorners.d.cts.map

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

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

package/dist/generated/icons/FourCorners.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/FourCorners.d.ts
-declare const FourCorners: IconElement;
+declare const FourCorners: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { FourCorners };
 //# sourceMappingURL=FourCorners.d.ts.map

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

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

package/dist/generated/icons/FourCorners.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"FourCorners.js","names":[],"sources":["../../../generated/icons/FourCorners.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: 'FourCorners',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n\nconst DEFAULT_VARIANT = METADATA.variants[0] ?? 'fill';\n\nexport const FourCornersSvgIcon: 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(#FourCorners-outline-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M.75.75v3.675H2.1V2.1h2.325V.75zm10.35 0H7.425V2.1H9.75v2.325h1.35zm0 10.35H7.425V9.75H9.75V7.425h1.35zm-10.35 0h3.675V9.75H2.1V7.425H.75z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M1 1v4.9h1.8V2.8h3.1V1zm13.8 0H9.9v1.8H13v3.1h1.8zm0 13.8H9.9V13H13V9.9h1.8zM1 14.8h4.9V13H2.8V9.9H1z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2.88 2.88v6.4h2v-4.4h4.4v-2zm18.2 0h-6.4v2h4.4v4.4h2zm0 18.2h-6.4v-2h4.4v-4.4h2zm-18.2 0h6.4v-2h-4.4v-4.4h-2z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M1.75 1.75v10.1h2.2v-7.9h7.9v-2.2zm28.2 0h-10.1v2.2h7.9v7.9h2.2zm0 28.2h-10.1v-2.2h7.9v-7.9h2.2zm-28.2 0h10.1v-2.2h-7.9v-7.9h-2.2z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#FourCorners-fill-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M.75.75V4.5h1.5V2.25H4.5V.75zm10.5 0H7.5v1.5h2.25V4.5h1.5zm0 10.5H7.5v-1.5h2.25V7.5h1.5zm-10.5 0H4.5v-1.5H2.25V7.5H.75z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M1 1v5h2V3h3V1zm14 0h-5v2h3v3h2zm0 14h-5v-2h3v-3h2zM1 15h5v-2H3v-3H1z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2.88 2.88v6.446h2.2V5.08h4.247v-2.2zm18.24 0h-6.447v2.2h4.247v4.246h2.2zm0 18.24h-6.447v-2.2h4.247v-4.247h2.2zm-18.24 0h6.447v-2.2H5.08v-4.247h-2.2z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M1.75 1.75V12h2.5V4.25H12v-2.5zm28.5 0H20v2.5h7.75V12h2.5zm0 28.5H20v-2.5h7.75V20h2.5zm-28.5 0H12v-2.5H4.25V20h-2.5z\"\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 FourCorners = (<FourCornersSvgIcon __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,sBAAwC,EACnD,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,cAAe,oBAAC,sBAAmB,gBAAgB,WAAY"}
+{"version":3,"file":"FourCorners.js","names":[],"sources":["../../../generated/icons/FourCorners.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 FourCorners = ({ size, variant }: SvgIconProps) => {\n  if (variant === 'outline') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#FourCorners-outline-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M.75.75v3.675H2.1V2.1h2.325V.75zm10.35 0H7.425V2.1H9.75v2.325h1.35zm0 10.35H7.425V9.75H9.75V7.425h1.35zm-10.35 0h3.675V9.75H2.1V7.425H.75z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M1 1v4.9h1.8V2.8h3.1V1zm13.8 0H9.9v1.8H13v3.1h1.8zm0 13.8H9.9V13H13V9.9h1.8zM1 14.8h4.9V13H2.8V9.9H1z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2.88 2.88v6.4h2v-4.4h4.4v-2zm18.2 0h-6.4v2h4.4v4.4h2zm0 18.2h-6.4v-2h4.4v-4.4h2zm-18.2 0h6.4v-2h-4.4v-4.4h-2z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M1.75 1.75v10.1h2.2v-7.9h7.9v-2.2zm28.2 0h-10.1v2.2h7.9v7.9h2.2zm0 28.2h-10.1v-2.2h7.9v-7.9h2.2zm-28.2 0h10.1v-2.2h-7.9v-7.9h-2.2z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#FourCorners-fill-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M.75.75V4.5h1.5V2.25H4.5V.75zm10.5 0H7.5v1.5h2.25V4.5h1.5zm0 10.5H7.5v-1.5h2.25V7.5h1.5zm-10.5 0H4.5v-1.5H2.25V7.5H.75z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M1 1v5h2V3h3V1zm14 0h-5v2h3v3h2zm0 14h-5v-2h3v-3h2zM1 15h5v-2H3v-3H1z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2.88 2.88v6.446h2.2V5.08h4.247v-2.2zm18.24 0h-6.447v2.2h4.247v4.246h2.2zm0 18.24h-6.447v-2.2h4.247v-4.247h2.2zm-18.24 0h6.447v-2.2H5.08v-4.247h-2.2z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M1.75 1.75V12h2.5V4.25H12v-2.5zm28.5 0H20v2.5h7.75V12h2.5zm0 28.5H20v-2.5h7.75V20h2.5zm-28.5 0H12v-2.5H4.25V20h-2.5z\"\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\nFourCorners.metadata = {\n  name: 'FourCorners',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n"],"mappings":";;;;AASA,MAAa,eAAe,EAAE,MAAM,cAA4B;AAC9D,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,YAAY,WAAW;CACrB,MAAM;CACN,WAAW;CACX,UAAU,CAAC,WAAW,OAAO;CAC9B"}

package/dist/generated/icons/FourCornersMagnifyingGlass.cjs

@@ -2,13 +2,7 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region generated/icons/FourCornersMagnifyingGlass.tsx
-const METADATA = {
-	name: "FourCornersMagnifyingGlass",
-	isSvgIcon: true,
-	variants: ["outline", "fill"]
-};
-const DEFAULT_VARIANT = METADATA.variants[0] ?? "fill";
-const FourCornersMagnifyingGlassSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
+const FourCornersMagnifyingGlass = ({ 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", {
 			fill: "currentColor",
@@ -51,7 +45,11 @@ const FourCornersMagnifyingGlassSvgIcon = ({ size = "md", variant = DEFAULT_VARI
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
 };
-const FourCornersMagnifyingGlass = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FourCornersMagnifyingGlassSvgIcon, { __iconMetadata: METADATA });
+FourCornersMagnifyingGlass.metadata = {
+	name: "FourCornersMagnifyingGlass",
+	isSvgIcon: true,
+	variants: ["outline", "fill"]
+};
 
 //#endregion
 exports.FourCornersMagnifyingGlass = FourCornersMagnifyingGlass;

package/dist/generated/icons/FourCornersMagnifyingGlass.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/FourCornersMagnifyingGlass.d.ts
-declare const FourCornersMagnifyingGlass: IconElement;
+declare const FourCornersMagnifyingGlass: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { FourCornersMagnifyingGlass };
 //# sourceMappingURL=FourCornersMagnifyingGlass.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FourCornersMagnifyingGlass.d.cts","names":[],"sources":["../../../generated/icons/FourCornersMagnifyingGlass.tsx"],"mappings":";;;;cA8Ga,0BAAA,EAER,WAAA"}
+{"version":3,"file":"FourCornersMagnifyingGlass.d.cts","names":[],"sources":["../../../generated/icons/FourCornersMagnifyingGlass.tsx"],"mappings":";;;;;cASa,0BAAA;EAAA;;;KAAiD,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;cAuFvC,WAAA;EAAA;AAAA"}

package/dist/generated/icons/FourCornersMagnifyingGlass.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/FourCornersMagnifyingGlass.d.ts
-declare const FourCornersMagnifyingGlass: IconElement;
+declare const FourCornersMagnifyingGlass: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { FourCornersMagnifyingGlass };
 //# sourceMappingURL=FourCornersMagnifyingGlass.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FourCornersMagnifyingGlass.d.ts","names":[],"sources":["../../../generated/icons/FourCornersMagnifyingGlass.tsx"],"mappings":";;;;cA8Ga,0BAAA,EAER,WAAA"}
+{"version":3,"file":"FourCornersMagnifyingGlass.d.ts","names":[],"sources":["../../../generated/icons/FourCornersMagnifyingGlass.tsx"],"mappings":";;;;;cASa,0BAAA;EAAA;;;KAAiD,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;cAuFvC,WAAA;EAAA;AAAA"}

package/dist/generated/icons/FourCornersMagnifyingGlass.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"FourCornersMagnifyingGlass.js","names":[],"sources":["../../../generated/icons/FourCornersMagnifyingGlass.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: 'FourCornersMagnifyingGlass',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n\nconst DEFAULT_VARIANT = METADATA.variants[0] ?? 'fill';\n\nexport const FourCornersMagnifyingGlassSvgIcon: 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 fill=\"currentColor\" clipPath=\"url(#FourCornersMagnifyingGlass-outline-12_svg__a)\">\n              <path d=\"M1.6 9.5a.9.9 0 0 0 .9.9h1.833v1.2H2.5A2.1 2.1 0 0 1 .4 9.5V7.667h1.2zm4.424-6.896a3.42 3.42 0 0 1 3.42 3.42l-.006.175a3.4 3.4 0 0 1-.612 1.779l2.653 2.65-.85.85-2.651-2.654a3.4 3.4 0 0 1-1.954.618l-.175-.005A3.42 3.42 0 0 1 2.61 6.2l-.005-.176a3.42 3.42 0 0 1 3.42-3.419m0 1.2a2.22 2.22 0 1 0 .001 4.439 2.22 2.22 0 0 0 0-4.438M4.333 1.6H2.5a.9.9 0 0 0-.9.9v1.833H.4V2.5C.4 1.34 1.34.4 2.5.4h1.833zM9.5.4c1.16 0 2.1.94 2.1 2.1v1.833h-1.2V2.5a.9.9 0 0 0-.9-.9H7.667V.4z\"></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <g fill=\"currentColor\" clipPath=\"url(#FourCornersMagnifyingGlass-outline-16_svg__a)\">\n              <path d=\"M2.45 12.3c0 .69.56 1.25 1.25 1.25h2.2v1.5H3.7A2.75 2.75 0 0 1 .95 12.3v-2.2h1.5zm5.58-8.577a4.31 4.31 0 0 1 4.308 4.307l-.005.222a4.3 4.3 0 0 1-.773 2.246l3.335 3.335-1.061 1.062-3.336-3.336c-.7.49-1.55.779-2.468.779l-.221-.006a4.31 4.31 0 0 1-4.08-4.08l-.006-.222A4.31 4.31 0 0 1 8.03 3.723m0 1.5a2.808 2.808 0 1 0 0 5.615 2.808 2.808 0 0 0 0-5.615M5.9 2.45H3.7c-.69 0-1.25.56-1.25 1.25v2.2H.95V3.7A2.75 2.75 0 0 1 3.7.95h2.2zm6.4-1.5a2.75 2.75 0 0 1 2.75 2.75v2.2h-1.5V3.7c0-.69-.56-1.25-1.25-1.25h-2.2V.95z\"></path>\n            </g>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4 18.748c0 .69.56 1.25 1.25 1.25h3.749v2H5.25A3.25 3.25 0 0 1 2 18.748v-3.749h2zm8.357-12.852a6.154 6.154 0 0 1 5.837 6.146l-.008.316a6.1 6.1 0 0 1-1.206 3.35l4.624 4.624-1.273 1.273-4.624-4.624a6.12 6.12 0 0 1-3.666 1.214l-.316-.009a6.154 6.154 0 0 1-5.83-5.828l-.007-.316a6.154 6.154 0 0 1 6.153-6.153zm-.316 1.792a4.353 4.353 0 1 0 0 8.705 4.353 4.353 0 0 0 0-8.705M8.999 4H5.25C4.56 4 4 4.56 4 5.25v3.749H2V5.25A3.25 3.25 0 0 1 5.25 2h3.749zm9.748-2a3.25 3.25 0 0 1 3.25 3.25v3.749h-2V5.25c0-.69-.56-1.25-1.25-1.25h-3.749V2z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.1 26.17a.9.9 0 0 0 .9.901h6.39v2.2H5a3.1 3.1 0 0 1-3.1-3.1v-6.39h2.2zM15.646 7.04a8.606 8.606 0 0 1 8.605 8.606 8.57 8.57 0 0 1-1.764 5.214l6.378 6.378-1.627 1.627-6.378-6.378a8.57 8.57 0 0 1-5.214 1.764 8.606 8.606 0 0 1 0-17.211m0 2.3a6.306 6.306 0 1 0 0 12.612 6.306 6.306 0 0 0 0-12.612M11.39 4.1H6A1.9 1.9 0 0 0 4.1 6v5.39H1.9V6A4.1 4.1 0 0 1 6 1.9h5.39zm13.78-2.2a4.1 4.1 0 0 1 4.1 4.1v5.39h-2.199V6a1.9 1.9 0 0 0-1.9-1.9h-5.39V1.9z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g fill=\"currentColor\" clipPath=\"url(#FourCornersMagnifyingGlass-fill-12_svg__a)\">\n              <path d=\"M1.75 9.5c0 .414.336.75.75.75h1.833v1.5H2.5A2.25 2.25 0 0 1 .25 9.5V7.667h1.5zm4.274-6.896a3.42 3.42 0 0 1 3.42 3.42l-.006.175a3.4 3.4 0 0 1-.528 1.65l2.781 2.78-1.061 1.06-2.778-2.778a3.4 3.4 0 0 1-1.828.531l-.175-.005A3.42 3.42 0 0 1 2.61 6.2l-.005-.176a3.42 3.42 0 0 1 3.42-3.419m0 1.5a1.92 1.92 0 1 0 .001 3.84 1.92 1.92 0 0 0 0-3.84M4.333 1.75H2.5a.75.75 0 0 0-.75.75v1.833H.25V2.5A2.25 2.25 0 0 1 2.5.25h1.833zM9.5.25a2.25 2.25 0 0 1 2.25 2.25v1.833h-1.5V2.5a.75.75 0 0 0-.75-.75H7.667V.25z\"></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <g fill=\"currentColor\" clipPath=\"url(#FourCornersMagnifyingGlass-fill-16_svg__a)\">\n              <path d=\"M2.6 12.3a1.1 1.1 0 0 0 1.1 1.1h2.2v1.8H3.7a2.9 2.9 0 0 1-2.9-2.9v-2.2h1.8zm5.43-8.577a4.31 4.31 0 0 1 4.308 4.307l-.005.222a4.3 4.3 0 0 1-.687 2.12l3.46 3.461-1.272 1.273-3.462-3.46a4.3 4.3 0 0 1-2.342.692l-.221-.006a4.31 4.31 0 0 1-4.08-4.08l-.006-.222A4.31 4.31 0 0 1 8.03 3.723m0 1.8a2.508 2.508 0 1 0 0 5.016 2.508 2.508 0 0 0 0-5.017M5.9 2.6H3.7a1.1 1.1 0 0 0-1.1 1.1v2.2H.8V3.7A2.9 2.9 0 0 1 3.7.8h2.2zM12.3.8a2.9 2.9 0 0 1 2.9 2.9v2.2h-1.8V3.7a1.1 1.1 0 0 0-1.1-1.1h-2.2V.8z\"></path>\n            </g>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4 18.748c0 .69.56 1.25 1.25 1.25h3.749v2H5.25A3.25 3.25 0 0 1 2 18.748v-3.749h2zm8.357-12.852a6.154 6.154 0 0 1 5.837 6.146l-.008.316a6.1 6.1 0 0 1-1.088 3.186l4.789 4.788-1.556 1.556-4.787-4.788a6.1 6.1 0 0 1-3.503 1.095l-.316-.009a6.154 6.154 0 0 1-5.83-5.828l-.007-.316a6.154 6.154 0 0 1 6.153-6.153zm-.316 2.193a3.954 3.954 0 1 0 .001 7.907 3.954 3.954 0 0 0-.001-7.907M8.999 4H5.25C4.56 4 4 4.56 4 5.25v3.749H2V5.25A3.25 3.25 0 0 1 5.25 2h3.749zm9.748-2a3.25 3.25 0 0 1 3.25 3.25v3.749h-2V5.25c0-.69-.56-1.25-1.25-1.25h-3.749V2z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.1 26.17a.9.9 0 0 0 .9.901h6.39v2.2H5a3.1 3.1 0 0 1-3.1-3.1v-6.39h2.2zM15.646 7.04a8.606 8.606 0 0 1 6.932 13.7l6.5 6.498-1.84 1.84-6.498-6.5A8.606 8.606 0 1 1 15.645 7.04m0 2.6a6.006 6.006 0 1 0 0 12.012 6.006 6.006 0 0 0 0-12.012M11.39 4.1H6A1.9 1.9 0 0 0 4.1 6v5.39H1.9V6A4.1 4.1 0 0 1 6 1.9h5.39zm13.78-2.2a4.1 4.1 0 0 1 4.1 4.1v5.39h-2.199V6a1.9 1.9 0 0 0-1.9-1.9h-5.39V1.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 FourCornersMagnifyingGlass = (\n  <FourCornersMagnifyingGlassSvgIcon __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,qCAAuD,EAClE,OAAO,MACP,UAAU,sBACgB;AAC1B,KAAI,YAAY,UACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,MAAK;GAAe,UAAS;aAC9B,oBAAC,UAAK,GAAE,0dAA+d;IACre,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,MAAK;GAAe,UAAS;aAC9B,oBAAC,UAAK,GAAE,mgBAAwgB;IAC9gB,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,MAAK;GAAe,UAAS;aAC9B,oBAAC,UAAK,GAAE,qfAA0f;IAChgB,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,MAAK;GAAe,UAAS;aAC9B,oBAAC,UAAK,GAAE,ueAA4e;IAClf,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,6BACX,oBAAC,qCAAkC,gBAAgB,WAAY"}
+{"version":3,"file":"FourCornersMagnifyingGlass.js","names":[],"sources":["../../../generated/icons/FourCornersMagnifyingGlass.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 FourCornersMagnifyingGlass = ({ size, variant }: SvgIconProps) => {\n  if (variant === 'outline') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g fill=\"currentColor\" clipPath=\"url(#FourCornersMagnifyingGlass-outline-12_svg__a)\">\n              <path d=\"M1.6 9.5a.9.9 0 0 0 .9.9h1.833v1.2H2.5A2.1 2.1 0 0 1 .4 9.5V7.667h1.2zm4.424-6.896a3.42 3.42 0 0 1 3.42 3.42l-.006.175a3.4 3.4 0 0 1-.612 1.779l2.653 2.65-.85.85-2.651-2.654a3.4 3.4 0 0 1-1.954.618l-.175-.005A3.42 3.42 0 0 1 2.61 6.2l-.005-.176a3.42 3.42 0 0 1 3.42-3.419m0 1.2a2.22 2.22 0 1 0 .001 4.439 2.22 2.22 0 0 0 0-4.438M4.333 1.6H2.5a.9.9 0 0 0-.9.9v1.833H.4V2.5C.4 1.34 1.34.4 2.5.4h1.833zM9.5.4c1.16 0 2.1.94 2.1 2.1v1.833h-1.2V2.5a.9.9 0 0 0-.9-.9H7.667V.4z\"></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <g fill=\"currentColor\" clipPath=\"url(#FourCornersMagnifyingGlass-outline-16_svg__a)\">\n              <path d=\"M2.45 12.3c0 .69.56 1.25 1.25 1.25h2.2v1.5H3.7A2.75 2.75 0 0 1 .95 12.3v-2.2h1.5zm5.58-8.577a4.31 4.31 0 0 1 4.308 4.307l-.005.222a4.3 4.3 0 0 1-.773 2.246l3.335 3.335-1.061 1.062-3.336-3.336c-.7.49-1.55.779-2.468.779l-.221-.006a4.31 4.31 0 0 1-4.08-4.08l-.006-.222A4.31 4.31 0 0 1 8.03 3.723m0 1.5a2.808 2.808 0 1 0 0 5.615 2.808 2.808 0 0 0 0-5.615M5.9 2.45H3.7c-.69 0-1.25.56-1.25 1.25v2.2H.95V3.7A2.75 2.75 0 0 1 3.7.95h2.2zm6.4-1.5a2.75 2.75 0 0 1 2.75 2.75v2.2h-1.5V3.7c0-.69-.56-1.25-1.25-1.25h-2.2V.95z\"></path>\n            </g>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4 18.748c0 .69.56 1.25 1.25 1.25h3.749v2H5.25A3.25 3.25 0 0 1 2 18.748v-3.749h2zm8.357-12.852a6.154 6.154 0 0 1 5.837 6.146l-.008.316a6.1 6.1 0 0 1-1.206 3.35l4.624 4.624-1.273 1.273-4.624-4.624a6.12 6.12 0 0 1-3.666 1.214l-.316-.009a6.154 6.154 0 0 1-5.83-5.828l-.007-.316a6.154 6.154 0 0 1 6.153-6.153zm-.316 1.792a4.353 4.353 0 1 0 0 8.705 4.353 4.353 0 0 0 0-8.705M8.999 4H5.25C4.56 4 4 4.56 4 5.25v3.749H2V5.25A3.25 3.25 0 0 1 5.25 2h3.749zm9.748-2a3.25 3.25 0 0 1 3.25 3.25v3.749h-2V5.25c0-.69-.56-1.25-1.25-1.25h-3.749V2z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.1 26.17a.9.9 0 0 0 .9.901h6.39v2.2H5a3.1 3.1 0 0 1-3.1-3.1v-6.39h2.2zM15.646 7.04a8.606 8.606 0 0 1 8.605 8.606 8.57 8.57 0 0 1-1.764 5.214l6.378 6.378-1.627 1.627-6.378-6.378a8.57 8.57 0 0 1-5.214 1.764 8.606 8.606 0 0 1 0-17.211m0 2.3a6.306 6.306 0 1 0 0 12.612 6.306 6.306 0 0 0 0-12.612M11.39 4.1H6A1.9 1.9 0 0 0 4.1 6v5.39H1.9V6A4.1 4.1 0 0 1 6 1.9h5.39zm13.78-2.2a4.1 4.1 0 0 1 4.1 4.1v5.39h-2.199V6a1.9 1.9 0 0 0-1.9-1.9h-5.39V1.9z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g fill=\"currentColor\" clipPath=\"url(#FourCornersMagnifyingGlass-fill-12_svg__a)\">\n              <path d=\"M1.75 9.5c0 .414.336.75.75.75h1.833v1.5H2.5A2.25 2.25 0 0 1 .25 9.5V7.667h1.5zm4.274-6.896a3.42 3.42 0 0 1 3.42 3.42l-.006.175a3.4 3.4 0 0 1-.528 1.65l2.781 2.78-1.061 1.06-2.778-2.778a3.4 3.4 0 0 1-1.828.531l-.175-.005A3.42 3.42 0 0 1 2.61 6.2l-.005-.176a3.42 3.42 0 0 1 3.42-3.419m0 1.5a1.92 1.92 0 1 0 .001 3.84 1.92 1.92 0 0 0 0-3.84M4.333 1.75H2.5a.75.75 0 0 0-.75.75v1.833H.25V2.5A2.25 2.25 0 0 1 2.5.25h1.833zM9.5.25a2.25 2.25 0 0 1 2.25 2.25v1.833h-1.5V2.5a.75.75 0 0 0-.75-.75H7.667V.25z\"></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <g fill=\"currentColor\" clipPath=\"url(#FourCornersMagnifyingGlass-fill-16_svg__a)\">\n              <path d=\"M2.6 12.3a1.1 1.1 0 0 0 1.1 1.1h2.2v1.8H3.7a2.9 2.9 0 0 1-2.9-2.9v-2.2h1.8zm5.43-8.577a4.31 4.31 0 0 1 4.308 4.307l-.005.222a4.3 4.3 0 0 1-.687 2.12l3.46 3.461-1.272 1.273-3.462-3.46a4.3 4.3 0 0 1-2.342.692l-.221-.006a4.31 4.31 0 0 1-4.08-4.08l-.006-.222A4.31 4.31 0 0 1 8.03 3.723m0 1.8a2.508 2.508 0 1 0 0 5.016 2.508 2.508 0 0 0 0-5.017M5.9 2.6H3.7a1.1 1.1 0 0 0-1.1 1.1v2.2H.8V3.7A2.9 2.9 0 0 1 3.7.8h2.2zM12.3.8a2.9 2.9 0 0 1 2.9 2.9v2.2h-1.8V3.7a1.1 1.1 0 0 0-1.1-1.1h-2.2V.8z\"></path>\n            </g>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4 18.748c0 .69.56 1.25 1.25 1.25h3.749v2H5.25A3.25 3.25 0 0 1 2 18.748v-3.749h2zm8.357-12.852a6.154 6.154 0 0 1 5.837 6.146l-.008.316a6.1 6.1 0 0 1-1.088 3.186l4.789 4.788-1.556 1.556-4.787-4.788a6.1 6.1 0 0 1-3.503 1.095l-.316-.009a6.154 6.154 0 0 1-5.83-5.828l-.007-.316a6.154 6.154 0 0 1 6.153-6.153zm-.316 2.193a3.954 3.954 0 1 0 .001 7.907 3.954 3.954 0 0 0-.001-7.907M8.999 4H5.25C4.56 4 4 4.56 4 5.25v3.749H2V5.25A3.25 3.25 0 0 1 5.25 2h3.749zm9.748-2a3.25 3.25 0 0 1 3.25 3.25v3.749h-2V5.25c0-.69-.56-1.25-1.25-1.25h-3.749V2z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.1 26.17a.9.9 0 0 0 .9.901h6.39v2.2H5a3.1 3.1 0 0 1-3.1-3.1v-6.39h2.2zM15.646 7.04a8.606 8.606 0 0 1 6.932 13.7l6.5 6.498-1.84 1.84-6.498-6.5A8.606 8.606 0 1 1 15.645 7.04m0 2.6a6.006 6.006 0 1 0 0 12.012 6.006 6.006 0 0 0 0-12.012M11.39 4.1H6A1.9 1.9 0 0 0 4.1 6v5.39H1.9V6A4.1 4.1 0 0 1 6 1.9h5.39zm13.78-2.2a4.1 4.1 0 0 1 4.1 4.1v5.39h-2.199V6a1.9 1.9 0 0 0-1.9-1.9h-5.39V1.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\nFourCornersMagnifyingGlass.metadata = {\n  name: 'FourCornersMagnifyingGlass',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n"],"mappings":";;;;AASA,MAAa,8BAA8B,EAAE,MAAM,cAA4B;AAC7E,KAAI,YAAY,UACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,MAAK;GAAe,UAAS;aAC9B,oBAAC,UAAK,GAAE,0dAA+d;IACre,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,MAAK;GAAe,UAAS;aAC9B,oBAAC,UAAK,GAAE,mgBAAwgB;IAC9gB,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,MAAK;GAAe,UAAS;aAC9B,oBAAC,UAAK,GAAE,qfAA0f;IAChgB,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,MAAK;GAAe,UAAS;aAC9B,oBAAC,UAAK,GAAE,ueAA4e;IAClf,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,2BAA2B,WAAW;CACpC,MAAM;CACN,WAAW;CACX,UAAU,CAAC,WAAW,OAAO;CAC9B"}

package/dist/generated/icons/FourCornersMusicNote.cjs

@@ -2,13 +2,7 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region generated/icons/FourCornersMusicNote.tsx
-const METADATA = {
-	name: "FourCornersMusicNote",
-	isSvgIcon: true,
-	variants: ["outline", "fill"]
-};
-const DEFAULT_VARIANT = METADATA.variants[0] ?? "fill";
-const FourCornersMusicNoteSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT }) => {
+const FourCornersMusicNote = ({ 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(#FourCornersMusicNote-outline-12_svg__a)",
@@ -53,7 +47,11 @@ const FourCornersMusicNoteSvgIcon = ({ size = "md", variant = DEFAULT_VARIANT })
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
 };
-const FourCornersMusicNote = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FourCornersMusicNoteSvgIcon, { __iconMetadata: METADATA });
+FourCornersMusicNote.metadata = {
+	name: "FourCornersMusicNote",
+	isSvgIcon: true,
+	variants: ["outline", "fill"]
+};
 
 //#endregion
 exports.FourCornersMusicNote = FourCornersMusicNote;

package/dist/generated/icons/FourCornersMusicNote.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/FourCornersMusicNote.d.ts
-declare const FourCornersMusicNote: IconElement;
+declare const FourCornersMusicNote: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { FourCornersMusicNote };
 //# sourceMappingURL=FourCornersMusicNote.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FourCornersMusicNote.d.cts","names":[],"sources":["../../../generated/icons/FourCornersMusicNote.tsx"],"mappings":";;;;cAsHa,oBAAA,EAER,WAAA"}
+{"version":3,"file":"FourCornersMusicNote.d.cts","names":[],"sources":["../../../generated/icons/FourCornersMusicNote.tsx"],"mappings":";;;;;cASa,oBAAA;EAAA;;;KAA2C,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;cA+FjC,WAAA;EAAA;AAAA"}

package/dist/generated/icons/FourCornersMusicNote.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/FourCornersMusicNote.d.ts
-declare const FourCornersMusicNote: IconElement;
+declare const FourCornersMusicNote: {
+  ({
+    size,
+    variant
+  }: SvgIconProps): react_jsx_runtime0.JSX.Element;
+  metadata: {
+    name: string;
+    isSvgIcon: boolean;
+    variants: IconVariant[];
+  };
+};
 //#endregion
 export { FourCornersMusicNote };
 //# sourceMappingURL=FourCornersMusicNote.d.ts.map