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

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

@@ -1 +1 @@
-{"version":3,"file":"BoxFront.js","names":[],"sources":["../../../generated/icons/BoxFront.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 BoxFront = ({ size, variant }: SvgIconProps) => {\n  if (variant === 'outline') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#BoxFront-outline-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M2.025 3.225h7.95v-1.2h-7.95zM.75.75h10.5v10.5H.75zM9.975 4.5h-7.95v5.475h7.95zM3.9 6.638V5.363h4.2v1.274z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2.7 4.3h10.6V2.7H2.7zM1 1h14v14H1zm12.3 5H2.7v7.3h10.6zM5.2 8.85v-1.7h5.6v1.7z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M19.2 4.8v1.8H4.8V4.8zm.9 3.6h.9V3H3v5.4h.9V21h16.2zm-1.8 0v10.8H5.7V8.4zM8.4 12v-1.8h7.2V12z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M27.75 4.25H4.25V8.3h23.5zM30 2v8.55h-1v19.2H3v-19.2H2V2zM10.4 15.725v-2.25h11.2v2.25zM5.25 10.75V27.5h21.5V10.75z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#BoxFront-fill-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M2.025 2.025V3h7.95v-.975zM.75.75h10.5v10.5H.75zM3.9 6.638h4.2V5.363H3.9z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2.7 2.7V4h10.6V2.7zM1 1h14v14H1zm4.2 7.85h5.6v-1.7H5.2z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.8 4.8v1.8h14.4V4.8zm-.9 3.6H3V3h18v5.4h-.9V21H3.9zM8.4 12h7.2v-1.8H8.4z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.25 4.25h23.5V8.3H4.25zM30 2H2v8.55h1v19.2h26v-19.2h1zM10.4 15.725v-2.25h11.2v2.25z\"\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\nBoxFront.metadata = {\n  name: 'BoxFront',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n"],"mappings":";;;;AASA,MAAa,YAAY,EAAE,MAAM,cAA4B;AAC3D,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,SAAS,WAAW;CAClB,MAAM;CACN,WAAW;CACX,UAAU,CAAC,WAAW,OAAO;CAC9B"}
+{"version":3,"file":"BoxFront.js","names":[],"sources":["../../../generated/icons/BoxFront.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: 'BoxFront',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n\nconst DEFAULT_VARIANT = METADATA.variants[0] ?? 'fill';\n\nexport const BoxFrontSvgIcon: 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(#BoxFront-outline-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M2.025 3.225h7.95v-1.2h-7.95zM.75.75h10.5v10.5H.75zM9.975 4.5h-7.95v5.475h7.95zM3.9 6.638V5.363h4.2v1.274z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2.7 4.3h10.6V2.7H2.7zM1 1h14v14H1zm12.3 5H2.7v7.3h10.6zM5.2 8.85v-1.7h5.6v1.7z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M19.2 4.8v1.8H4.8V4.8zm.9 3.6h.9V3H3v5.4h.9V21h16.2zm-1.8 0v10.8H5.7V8.4zM8.4 12v-1.8h7.2V12z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M27.75 4.25H4.25V8.3h23.5zM30 2v8.55h-1v19.2H3v-19.2H2V2zM10.4 15.725v-2.25h11.2v2.25zM5.25 10.75V27.5h21.5V10.75z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#BoxFront-fill-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M2.025 2.025V3h7.95v-.975zM.75.75h10.5v10.5H.75zM3.9 6.638h4.2V5.363H3.9z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2.7 2.7V4h10.6V2.7zM1 1h14v14H1zm4.2 7.85h5.6v-1.7H5.2z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.8 4.8v1.8h14.4V4.8zm-.9 3.6H3V3h18v5.4h-.9V21H3.9zM8.4 12h7.2v-1.8H8.4z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M4.25 4.25h23.5V8.3H4.25zM30 2H2v8.55h1v19.2h26v-19.2h1zM10.4 15.725v-2.25h11.2v2.25z\"\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 BoxFront = (<BoxFrontSvgIcon __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,mBAAqC,EAChD,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,WAAY,oBAAC,mBAAgB,gBAAgB,WAAY"}

package/dist/generated/icons/BoxOnBox.cjs

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"BoxOnBox.d.cts","names":[],"sources":["../../../generated/icons/BoxOnBox.tsx"],"mappings":";;;;;cASa,QAAA;EAAA;;;KAA+B,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;cAyFrB,WAAA;EAAA;AAAA"}
+{"version":3,"file":"BoxOnBox.d.cts","names":[],"sources":["../../../generated/icons/BoxOnBox.tsx"],"mappings":";;;;cAgHa,QAAA,EAA8D,WAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"BoxOnBox.d.ts","names":[],"sources":["../../../generated/icons/BoxOnBox.tsx"],"mappings":";;;;;cASa,QAAA;EAAA;;;KAA+B,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;cAyFrB,WAAA;EAAA;AAAA"}
+{"version":3,"file":"BoxOnBox.d.ts","names":[],"sources":["../../../generated/icons/BoxOnBox.tsx"],"mappings":";;;;cAgHa,QAAA,EAA8D,WAAA"}

package/dist/generated/icons/BoxOnBox.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"BoxOnBox.js","names":[],"sources":["../../../generated/icons/BoxOnBox.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 BoxOnBox = ({ size, variant }: SvgIconProps) => {\n  if (variant === 'outline') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#BoxOnBox-outline-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M10.05 8.551V1.956H3.441v6.595zM2.25.757h8.992l.007-.007v9h-9zm-.9 4.493v5.4h5.4v1.2H.15v-6.6z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M13.4 11.401V2.61H4.59v8.79zM3 1.01h11.99L15 1v12H3zM1.8 7v7.2H9v1.6H.2V7z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M8.221 4.738v11.04h11.041V4.739zm-1.8-1.8h14.641v14.64H6.422zM4.737 8.105v11.157h11.158v1.8H2.938V8.105z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M9.3 4.3v18.4h18.4V4.3zM7 2h23v23H7zM4.15 9v18.85H23v2.3H1.85V9z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#BoxOnBox-fill-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M2.25.757h8.992l.007-.007v9h-9zm-.9 4.493v5.4h5.4v1.2H.15v-6.6z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M3 1.01h11.99L15 1v12H3zM1.8 7v7.2H9v1.6H.2V7z\"></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M21.062 2.938H6.422v14.64h14.64zM4.738 8.105v11.157h11.157v1.8H2.938V8.105z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M30 2H7v23h23zM4.15 9v18.85H23v2.3H1.85V9z\"></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\nBoxOnBox.metadata = {\n  name: 'BoxOnBox',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n"],"mappings":";;;;AASA,MAAa,YAAY,EAAE,MAAM,cAA4B;AAC3D,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;GAAK,MAAK;GAAe,GAAE;IAAwD,GACnF;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAK,MAAK;GAAe,GAAE;IAAoD,GAC/E;;AAOX,QAAO,iCAAK;;AAGd,SAAS,WAAW;CAClB,MAAM;CACN,WAAW;CACX,UAAU,CAAC,WAAW,OAAO;CAC9B"}
+{"version":3,"file":"BoxOnBox.js","names":[],"sources":["../../../generated/icons/BoxOnBox.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: 'BoxOnBox',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n\nconst DEFAULT_VARIANT = METADATA.variants[0] ?? 'fill';\n\nexport const BoxOnBoxSvgIcon: 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(#BoxOnBox-outline-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M10.05 8.551V1.956H3.441v6.595zM2.25.757h8.992l.007-.007v9h-9zm-.9 4.493v5.4h5.4v1.2H.15v-6.6z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M13.4 11.401V2.61H4.59v8.79zM3 1.01h11.99L15 1v12H3zM1.8 7v7.2H9v1.6H.2V7z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M8.221 4.738v11.04h11.041V4.739zm-1.8-1.8h14.641v14.64H6.422zM4.737 8.105v11.157h11.158v1.8H2.938V8.105z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M9.3 4.3v18.4h18.4V4.3zM7 2h23v23H7zM4.15 9v18.85H23v2.3H1.85V9z\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#BoxOnBox-fill-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M2.25.757h8.992l.007-.007v9h-9zm-.9 4.493v5.4h5.4v1.2H.15v-6.6z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M3 1.01h11.99L15 1v12H3zM1.8 7v7.2H9v1.6H.2V7z\"></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M21.062 2.938H6.422v14.64h14.64zM4.738 8.105v11.157h11.157v1.8H2.938V8.105z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M30 2H7v23h23zM4.15 9v18.85H23v2.3H1.85V9z\"></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 BoxOnBox = (<BoxOnBoxSvgIcon __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,mBAAqC,EAChD,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;GAAK,MAAK;GAAe,GAAE;IAAwD,GACnF;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,GACP;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAK,MAAK;GAAe,GAAE;IAAoD,GAC/E;;AAOX,QAAO,iCAAK;;AAGd,MAAa,WAAY,oBAAC,mBAAgB,gBAAgB,WAAY"}

package/dist/generated/icons/BoxingGlove.cjs

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

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

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

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

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

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

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

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

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

package/dist/generated/icons/BoxingGlove.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"BoxingGlove.js","names":[],"sources":["../../../generated/icons/BoxingGlove.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 BoxingGlove = ({ size, variant }: SvgIconProps) => {\n  if (variant === 'outline') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M2.774 1.71A2.3 2.3 0 0 1 4.711.65h4.215a2.51 2.51 0 0 1 2.51 2.51v3.75c0 .461-.18.904-.503 1.233l-.714.729v2.378H3.85V9.406L2.772 8.51a2.8 2.8 0 0 1-1.01-2.157v-1.01c0-.635.328-1.192.824-1.511a2.3 2.3 0 0 1 .187-2.121m1.128 1.87a1.8 1.8 0 0 1 1.336 1.125h2.954V5.98H5.354v.52H4.08V5.343a.52.52 0 0 0-1.041 0v1.01c0 .455.202.886.55 1.177l.78.65h4.745l.909-.929a.5.5 0 0 0 .139-.34V3.16c0-.683-.553-1.236-1.235-1.236H4.711a1.025 1.025 0 0 0-.82 1.64z\"\n            ></path>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M3.699 2.281A3.07 3.07 0 0 1 6.282.867h5.62a3.347 3.347 0 0 1 3.346 3.347v5a2.35 2.35 0 0 1-.671 1.644l-.951.971V15H5.13v-2.459l-1.434-1.195A3.74 3.74 0 0 1 2.35 8.471V7.123c0-.845.438-1.588 1.1-2.014-.38-.912-.3-1.97.249-2.828m1.504 2.492c.82.159 1.49.736 1.78 1.5h3.94v1.7H7.139v.695h-1.7V7.124a.695.695 0 0 0-1.389-.001v1.348c0 .606.27 1.181.735 1.57l1.04.865h6.325l1.212-1.238a.65.65 0 0 0 .186-.454v-5c0-.91-.737-1.647-1.647-1.647h-5.62a1.367 1.367 0 0 0-1.093 2.187z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M5.565 4.688A3.77 3.77 0 0 1 8.74 2.95h7.276a4.133 4.133 0 0 1 4.133 4.133v6.368a2.82 2.82 0 0 1-1.015 2.166l-.885.738v4.695h-11v-3.445l-1.728-1.44a4.65 4.65 0 0 1-1.672-3.57V10.85a2.9 2.9 0 0 1 1.477-2.528 3.77 3.77 0 0 1 .238-3.634M6.75 9.75a1.1 1.1 0 0 0-1.1 1.1v1.746c0 .844.375 1.645 1.024 2.186l1.402 1.168h7.848l2.059-1.716a1.02 1.02 0 0 0 .367-.783V7.083a2.333 2.333 0 0 0-2.333-2.333H8.741a1.97 1.97 0 0 0-1.577 3.152l.244.326c.936.225 1.689.92 1.994 1.822h5.348v1.6h-5.2v1.3h-1.6v-2a1.2 1.2 0 0 0-1.2-1.2m2.3 8.1v1.4h7.4v-1.4z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M6.358 4.43a5.7 5.7 0 0 1 4.806-2.63h11.423a6.275 6.275 0 0 1 6.275 6.275v10.164a4.25 4.25 0 0 1-1.213 2.972l-1.557 1.59V30H8.825v-5.686l-3.255-2.71a5.2 5.2 0 0 1-1.87-3.995v-3.62a4.34 4.34 0 0 1 2.387-3.878 5.7 5.7 0 0 1 .27-5.68m17.334 20.177H11.225V27.6h12.467zm2.242-5.075c.338-.346.528-.81.528-1.293V8.075A3.875 3.875 0 0 0 22.587 4.2H11.164A3.306 3.306 0 0 0 8.52 9.489l.141.188a4.2 4.2 0 0 1 3.583 3.111h8.354v2.4h-8.219v1.941h-2.4V13.85a1.8 1.8 0 0 0-1.8-1.8h-.14v-.001a1.94 1.94 0 0 0-1.939 1.94v3.62a2.8 2.8 0 0 0 1.008 2.151l2.869 2.391h13.392z\"\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=\"M4.111.65A2.3 2.3 0 0 0 1.9 3.582a2 2 0 0 1 .35-.035h.709q.176 0 .343.033a1.8 1.8 0 0 1 1.336 1.125h2.954V5.98H4.754v1.145H3.48V5.343a.52.52 0 0 0-.52-.521h-.71a.487.487 0 0 0-.487.487v2.513c.224.272.505.5.83.664l.655.332v2.432H9.62V8.48l.399-.248c.508-.316.818-.872.818-1.471v-3.6A2.51 2.51 0 0 0 8.326.65zm4.233 8.5v.825h-3.82V9.15z\"\n            ></path>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M5.482.867a3.067 3.067 0 0 0-2.95 3.909A2.4 2.4 0 0 1 3 4.729h.945q.235 0 .458.044c.82.159 1.49.736 1.78 1.5h3.94v1.7H6.339V9.5h-1.7V7.124a.695.695 0 0 0-.694-.695H3a.65.65 0 0 0-.65.65v3.351c.3.361.674.665 1.108.885l.873.442V15h8.494v-3.694l.532-.33a2.31 2.31 0 0 0 1.09-1.962v-4.8A3.347 3.347 0 0 0 11.102.867zM11.126 12.2v1.1H6.03v-1.1z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M5.465 4.688A3.77 3.77 0 0 1 8.64 2.95h7.276a4.133 4.133 0 0 1 4.133 4.133v6.368a2.82 2.82 0 0 1-1.015 2.166l-.885.738v4.695h-11v-3.445l-1.728-1.44a4.65 4.65 0 0 1-1.472-2.22V10.95a1.2 1.2 0 0 1 1.02-1.187l.01-.013h1.67a1.2 1.2 0 0 1 1.2 1.2v2h1.6v-1.3h5.2v-1.6H9.302a2.81 2.81 0 0 0-2.652-1.9H5.152a3.77 3.77 0 0 1 .313-3.462M16.35 17.85h-7.4v1.4h7.4z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M5.54 4.43a5.7 5.7 0 0 1 4.806-2.63h11.422a6.275 6.275 0 0 1 6.275 6.275v10.164a4.25 4.25 0 0 1-1.213 2.972l-1.557 1.59V30H8.006v-5.686l-3.253-2.711A5.2 5.2 0 0 1 3.7 20.41v-6.56a1.8 1.8 0 0 1 1.8-1.8h1.86a1.8 1.8 0 0 1 1.8 1.8v3.28h2.4v-1.942h8.22v-2.4h-8.355A4.2 4.2 0 0 0 7.361 9.65H5.5q-.22 0-.434.022a5.7 5.7 0 0 1 .473-5.241m4.866 20.177V27.6h12.467v-2.993z\"\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\nBoxingGlove.metadata = {\n  name: 'BoxingGlove',\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;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,YAAY,WAAW;CACrB,MAAM;CACN,WAAW;CACX,UAAU,CAAC,WAAW,OAAO;CAC9B"}
+{"version":3,"file":"BoxingGlove.js","names":[],"sources":["../../../generated/icons/BoxingGlove.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: 'BoxingGlove',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n\nconst DEFAULT_VARIANT = METADATA.variants[0] ?? 'fill';\n\nexport const BoxingGloveSvgIcon: 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=\"M2.774 1.71A2.3 2.3 0 0 1 4.711.65h4.215a2.51 2.51 0 0 1 2.51 2.51v3.75c0 .461-.18.904-.503 1.233l-.714.729v2.378H3.85V9.406L2.772 8.51a2.8 2.8 0 0 1-1.01-2.157v-1.01c0-.635.328-1.192.824-1.511a2.3 2.3 0 0 1 .187-2.121m1.128 1.87a1.8 1.8 0 0 1 1.336 1.125h2.954V5.98H5.354v.52H4.08V5.343a.52.52 0 0 0-1.041 0v1.01c0 .455.202.886.55 1.177l.78.65h4.745l.909-.929a.5.5 0 0 0 .139-.34V3.16c0-.683-.553-1.236-1.235-1.236H4.711a1.025 1.025 0 0 0-.82 1.64z\"\n            ></path>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M3.699 2.281A3.07 3.07 0 0 1 6.282.867h5.62a3.347 3.347 0 0 1 3.346 3.347v5a2.35 2.35 0 0 1-.671 1.644l-.951.971V15H5.13v-2.459l-1.434-1.195A3.74 3.74 0 0 1 2.35 8.471V7.123c0-.845.438-1.588 1.1-2.014-.38-.912-.3-1.97.249-2.828m1.504 2.492c.82.159 1.49.736 1.78 1.5h3.94v1.7H7.139v.695h-1.7V7.124a.695.695 0 0 0-1.389-.001v1.348c0 .606.27 1.181.735 1.57l1.04.865h6.325l1.212-1.238a.65.65 0 0 0 .186-.454v-5c0-.91-.737-1.647-1.647-1.647h-5.62a1.367 1.367 0 0 0-1.093 2.187z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M5.565 4.688A3.77 3.77 0 0 1 8.74 2.95h7.276a4.133 4.133 0 0 1 4.133 4.133v6.368a2.82 2.82 0 0 1-1.015 2.166l-.885.738v4.695h-11v-3.445l-1.728-1.44a4.65 4.65 0 0 1-1.672-3.57V10.85a2.9 2.9 0 0 1 1.477-2.528 3.77 3.77 0 0 1 .238-3.634M6.75 9.75a1.1 1.1 0 0 0-1.1 1.1v1.746c0 .844.375 1.645 1.024 2.186l1.402 1.168h7.848l2.059-1.716a1.02 1.02 0 0 0 .367-.783V7.083a2.333 2.333 0 0 0-2.333-2.333H8.741a1.97 1.97 0 0 0-1.577 3.152l.244.326c.936.225 1.689.92 1.994 1.822h5.348v1.6h-5.2v1.3h-1.6v-2a1.2 1.2 0 0 0-1.2-1.2m2.3 8.1v1.4h7.4v-1.4z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M6.358 4.43a5.7 5.7 0 0 1 4.806-2.63h11.423a6.275 6.275 0 0 1 6.275 6.275v10.164a4.25 4.25 0 0 1-1.213 2.972l-1.557 1.59V30H8.825v-5.686l-3.255-2.71a5.2 5.2 0 0 1-1.87-3.995v-3.62a4.34 4.34 0 0 1 2.387-3.878 5.7 5.7 0 0 1 .27-5.68m17.334 20.177H11.225V27.6h12.467zm2.242-5.075c.338-.346.528-.81.528-1.293V8.075A3.875 3.875 0 0 0 22.587 4.2H11.164A3.306 3.306 0 0 0 8.52 9.489l.141.188a4.2 4.2 0 0 1 3.583 3.111h8.354v2.4h-8.219v1.941h-2.4V13.85a1.8 1.8 0 0 0-1.8-1.8h-.14v-.001a1.94 1.94 0 0 0-1.939 1.94v3.62a2.8 2.8 0 0 0 1.008 2.151l2.869 2.391h13.392z\"\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=\"M4.111.65A2.3 2.3 0 0 0 1.9 3.582a2 2 0 0 1 .35-.035h.709q.176 0 .343.033a1.8 1.8 0 0 1 1.336 1.125h2.954V5.98H4.754v1.145H3.48V5.343a.52.52 0 0 0-.52-.521h-.71a.487.487 0 0 0-.487.487v2.513c.224.272.505.5.83.664l.655.332v2.432H9.62V8.48l.399-.248c.508-.316.818-.872.818-1.471v-3.6A2.51 2.51 0 0 0 8.326.65zm4.233 8.5v.825h-3.82V9.15z\"\n            ></path>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M5.482.867a3.067 3.067 0 0 0-2.95 3.909A2.4 2.4 0 0 1 3 4.729h.945q.235 0 .458.044c.82.159 1.49.736 1.78 1.5h3.94v1.7H6.339V9.5h-1.7V7.124a.695.695 0 0 0-.694-.695H3a.65.65 0 0 0-.65.65v3.351c.3.361.674.665 1.108.885l.873.442V15h8.494v-3.694l.532-.33a2.31 2.31 0 0 0 1.09-1.962v-4.8A3.347 3.347 0 0 0 11.102.867zM11.126 12.2v1.1H6.03v-1.1z\"\n            ></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M5.465 4.688A3.77 3.77 0 0 1 8.64 2.95h7.276a4.133 4.133 0 0 1 4.133 4.133v6.368a2.82 2.82 0 0 1-1.015 2.166l-.885.738v4.695h-11v-3.445l-1.728-1.44a4.65 4.65 0 0 1-1.472-2.22V10.95a1.2 1.2 0 0 1 1.02-1.187l.01-.013h1.67a1.2 1.2 0 0 1 1.2 1.2v2h1.6v-1.3h5.2v-1.6H9.302a2.81 2.81 0 0 0-2.652-1.9H5.152a3.77 3.77 0 0 1 .313-3.462M16.35 17.85h-7.4v1.4h7.4z\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M5.54 4.43a5.7 5.7 0 0 1 4.806-2.63h11.422a6.275 6.275 0 0 1 6.275 6.275v10.164a4.25 4.25 0 0 1-1.213 2.972l-1.557 1.59V30H8.006v-5.686l-3.253-2.711A5.2 5.2 0 0 1 3.7 20.41v-6.56a1.8 1.8 0 0 1 1.8-1.8h1.86a1.8 1.8 0 0 1 1.8 1.8v3.28h2.4v-1.942h8.22v-2.4h-8.355A4.2 4.2 0 0 0 7.361 9.65H5.5q-.22 0-.434.022a5.7 5.7 0 0 1 .473-5.241m4.866 20.177V27.6h12.467v-2.993z\"\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 BoxingGlove = (<BoxingGloveSvgIcon __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;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,cAAe,oBAAC,sBAAmB,gBAAgB,WAAY"}

package/dist/generated/icons/Browser.cjs

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Browser.d.cts","names":[],"sources":["../../../generated/icons/Browser.tsx"],"mappings":";;;;;cASa,OAAA;EAAA;;;KAA8B,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;cAuEpB,WAAA;EAAA;AAAA"}
+{"version":3,"file":"Browser.d.cts","names":[],"sources":["../../../generated/icons/Browser.tsx"],"mappings":";;;;cA8Fa,OAAA,EAA4D,WAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Browser.d.ts","names":[],"sources":["../../../generated/icons/Browser.tsx"],"mappings":";;;;;cASa,OAAA;EAAA;;;KAA8B,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;cAuEpB,WAAA;EAAA;AAAA"}
+{"version":3,"file":"Browser.d.ts","names":[],"sources":["../../../generated/icons/Browser.tsx"],"mappings":";;;;cA8Fa,OAAA,EAA4D,WAAA"}

package/dist/generated/icons/Browser.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Browser.js","names":[],"sources":["../../../generated/icons/Browser.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 Browser = ({ size, variant }: SvgIconProps) => {\n  if (variant === 'outline') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#Browser-outline-12_svg__a)\">\n              <path fill=\"currentColor\" d=\"M9.9 3.75H2.1V9.9h7.8zM.75.75h10.5v10.5H.75z\"></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M13.2 5H2.8v8.2h10.4zM1 1h14v14H1z\"></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M19.2 7H4.8v12.2h14.4zM3 3h18v18H3z\"></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M27.9 8H4.1v19.9h23.8zM2 2h28v28H2z\"></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#Browser-fill-12_svg__a)\">\n              <path fill=\"currentColor\" d=\"M2.1 2.1v1.65h7.8V2.1zM.75.75h10.5v10.5H.75z\"></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M2.8 2.8V5h10.4V2.8zM1 1h14v14H1z\"></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M4.8 4.8V8h14.4V4.8zM3 3h18v18H3z\"></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M4.1 4.1V8h23.8V4.1zM2 2h28v28H2z\"></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\nBrowser.metadata = {\n  name: 'Browser',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n"],"mappings":";;;;AASA,MAAa,WAAW,EAAE,MAAM,cAA4B;AAC1D,KAAI,YAAY,UACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IAAK,MAAK;IAAe,GAAE;KAAsD;IAChF,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAK,MAAK;GAAe,GAAE;IAA4C,GACvE;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAK,MAAK;GAAe,GAAE;IAA6C,GACxE;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAK,MAAK;GAAe,GAAE;IAA6C,GACxE;;AAKX,KAAI,YAAY,OACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IAAK,MAAK;IAAe,GAAE;KAAsD;IAChF,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAK,MAAK;GAAe,GAAE;IAA2C,GACtE;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAK,MAAK;GAAe,GAAE;IAA2C,GACtE;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAK,MAAK;GAAe,GAAE;IAA2C,GACtE;;AAOX,QAAO,iCAAK;;AAGd,QAAQ,WAAW;CACjB,MAAM;CACN,WAAW;CACX,UAAU,CAAC,WAAW,OAAO;CAC9B"}
+{"version":3,"file":"Browser.js","names":[],"sources":["../../../generated/icons/Browser.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: 'Browser',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n\nconst DEFAULT_VARIANT = METADATA.variants[0] ?? 'fill';\n\nexport const BrowserSvgIcon: 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(#Browser-outline-12_svg__a)\">\n              <path fill=\"currentColor\" d=\"M9.9 3.75H2.1V9.9h7.8zM.75.75h10.5v10.5H.75z\"></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M13.2 5H2.8v8.2h10.4zM1 1h14v14H1z\"></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M19.2 7H4.8v12.2h14.4zM3 3h18v18H3z\"></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M27.9 8H4.1v19.9h23.8zM2 2h28v28H2z\"></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#Browser-fill-12_svg__a)\">\n              <path fill=\"currentColor\" d=\"M2.1 2.1v1.65h7.8V2.1zM.75.75h10.5v10.5H.75z\"></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M2.8 2.8V5h10.4V2.8zM1 1h14v14H1z\"></path>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M4.8 4.8V8h14.4V4.8zM3 3h18v18H3z\"></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path fill=\"currentColor\" d=\"M4.1 4.1V8h23.8V4.1zM2 2h28v28H2z\"></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 Browser = (<BrowserSvgIcon __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,kBAAoC,EAC/C,OAAO,MACP,UAAU,sBACgB;AAC1B,KAAI,YAAY,UACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IAAK,MAAK;IAAe,GAAE;KAAsD;IAChF,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAK,MAAK;GAAe,GAAE;IAA4C,GACvE;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAK,MAAK;GAAe,GAAE;IAA6C,GACxE;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAK,MAAK;GAAe,GAAE;IAA6C,GACxE;;AAKX,KAAI,YAAY,OACd,SAAQ,MAAR;EACE,KAAK,KACH,QACE,0CACE,oBAAC;GAAE,UAAS;aACV,oBAAC;IAAK,MAAK;IAAe,GAAE;KAAsD;IAChF,GACH;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAK,MAAK;GAAe,GAAE;IAA2C,GACtE;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAK,MAAK;GAAe,GAAE;IAA2C,GACtE;EAEP,KAAK,KACH,QACE,0CACE,oBAAC;GAAK,MAAK;GAAe,GAAE;IAA2C,GACtE;;AAOX,QAAO,iCAAK;;AAGd,MAAa,UAAW,oBAAC,kBAAe,gBAAgB,WAAY"}

package/dist/generated/icons/BubbleZone.cjs

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

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

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

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

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

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

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

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

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

package/dist/generated/icons/BubbleZone.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"BubbleZone.js","names":[],"sources":["../../../generated/icons/BubbleZone.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 BubbleZone = ({ size, variant }: SvgIconProps) => {\n  if (variant === 'outline') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#BubbleZone-outline-12_svg__a)\">\n              <path fill=\"currentColor\" d=\"M6 0a6 6 0 1 1 0 12A6 6 0 0 1 6 0\"></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <g fill=\"currentColor\" clipPath=\"url(#BubbleZone-outline-16_svg__a)\">\n              <path d=\"M5.35 9.5c0-.635.515-1.15 1.15-1.15h.85v-1.7H6.5A2.85 2.85 0 0 0 3.65 9.5v.85h1.7z\"></path>\n              <path d=\"M12.405 9.186a5.7 5.7 0 0 0-.29-1.343A4.002 4.002 0 0 0 11 0a4 4 0 0 0-4 4v.007a5.714 5.714 0 1 0 2.273 10.818 3.429 3.429 0 1 0 3.131-5.639M13.3 4a2.3 2.3 0 0 1-2.016 2.283 5.73 5.73 0 0 0-2.555-1.918A2.3 2.3 0 1 1 13.3 4m-2.589 5.34a3.43 3.43 0 0 0-2.203 3.967 4.014 4.014 0 1 1 2.204-3.968m2.875 3.232a1.729 1.729 0 1 1-3.457 0 1.729 1.729 0 0 1 3.457 0\"></path>\n            </g>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M7.471 14.143a2.67 2.67 0 0 1 2.672-2.672h.9v-1.8h-.9a4.47 4.47 0 0 0-4.472 4.472v.9h1.8z\"\n            ></path>\n            <path\n              fill=\"currentColor\"\n              d=\"m11.571 7 .002.143a7.143 7.143 0 1 0 1.768 13.388 4.286 4.286 0 1 0 3.914-7.048 7 7 0 0 0-.3-1.497A5 5 0 1 0 11.57 7m5 3.2q-.254 0-.497-.038a7.2 7.2 0 0 0-2.595-2.337A3.204 3.204 0 0 1 16.57 3.8a3.2 3.2 0 0 1 0 6.4m-1.115 3.375a4.29 4.29 0 0 0-2.988 5.38 5.343 5.343 0 1 1 2.988-5.38m3.601 4.14a2.486 2.486 0 1 1-4.971 0 2.486 2.486 0 0 1 4.971 0\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M13 15.1A3.9 3.9 0 0 0 9.1 19v1.1H6.9V19a6.1 6.1 0 0 1 6.1-6.1h1.1v2.2z\"\n            ></path>\n            <path\n              fill=\"currentColor\"\n              d=\"M15.003 9.2 15 9a7 7 0 1 1 7.536 6.98c.212.67.356 1.372.422 2.096A6.002 6.002 0 0 1 22 30a6 6 0 0 1-4.522-2.056A9.96 9.96 0 0 1 13 29C7.477 29 3 24.523 3 19S7.477 9 13 9c.686 0 1.356.07 2.003.2M26.8 9a4.8 4.8 0 1 0-9.502.968 10.04 10.04 0 0 1 4.231 3.81q.233.021.471.022A4.8 4.8 0 0 0 26.8 9M13 11.2a7.8 7.8 0 1 0 3.357 14.843 6.002 6.002 0 0 1 4.395-7.913A7.8 7.8 0 0 0 13 11.2m9 16.6a3.8 3.8 0 1 0 0-7.6 3.8 3.8 0 0 0 0 7.6\"\n            ></path>\n            <path\n              fill=\"currentColor\"\n              d=\"M11 5.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0m-2 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#BubbleZone-fill-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M6 0a6 6 0 1 1 0 12A6 6 0 0 1 6 0m-.226 3.075a2.7 2.7 0 0 0-2.699 2.7v.6h1.2v-.6a1.5 1.5 0 0 1 1.5-1.5h.6v-1.2z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <g clipPath=\"url(#BubbleZone-fill-16_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M7 4v.007a5.714 5.714 0 1 0 2.273 10.818 3.429 3.429 0 1 0 3.131-5.639 5.7 5.7 0 0 0-.289-1.343A4.002 4.002 0 0 0 11 0a4 4 0 0 0-4 4m4.284 2.283a5.73 5.73 0 0 0-2.555-1.918 2.3 2.3 0 1 1 2.555 1.917M6.5 8.35A1.15 1.15 0 0 0 5.35 9.5v.85h-1.7V9.5A2.85 2.85 0 0 1 6.5 6.65h.85v1.7zm7.086 4.222a1.729 1.729 0 1 1-3.457 0 1.729 1.729 0 0 1 3.457 0\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M17.256 13.483a7 7 0 0 0-.302-1.497 5 5 0 1 0-5.38-4.843 7.143 7.143 0 1 0 1.768 13.388 4.286 4.286 0 1 0 3.914-7.048M16.57 10.2q-.254 0-.497-.038a7.2 7.2 0 0 0-2.595-2.337A3.204 3.204 0 0 1 16.57 3.8a3.2 3.2 0 0 1 0 6.4m-6.428 1.271a2.67 2.67 0 0 0-2.672 2.672v.9h-1.8v-.9a4.47 4.47 0 0 1 4.472-4.472h.9v1.8zm8.914 6.243a2.486 2.486 0 1 1-4.971 0 2.486 2.486 0 0 1 4.971 0\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M22.536 15.98c.212.67.356 1.372.422 2.096A6.002 6.002 0 0 1 22 30a6 6 0 0 1-4.522-2.056A9.96 9.96 0 0 1 13 29C7.477 29 3 24.523 3 19S7.477 9 13 9c.686 0 1.356.07 2.003.2L15 9a7 7 0 1 1 7.536 6.98M26.8 9a4.8 4.8 0 1 0-9.502.968 10.04 10.04 0 0 1 4.231 3.81q.233.021.471.022A4.8 4.8 0 0 0 26.8 9M9.1 19a3.9 3.9 0 0 1 3.9-3.9h1.1v-2.2H13A6.1 6.1 0 0 0 6.9 19v1.1h2.2zM22 27.8a3.8 3.8 0 1 0 0-7.6 3.8 3.8 0 0 0 0 7.6\"\n            ></path>\n            <path\n              fill=\"currentColor\"\n              d=\"M11 5.5a3.5 3.5 0 1 0-7 0 3.5 3.5 0 0 0 7 0m-2 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0\"\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\nBubbleZone.metadata = {\n  name: 'BubbleZone',\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;GAAE,UAAS;aACV,oBAAC;IAAK,MAAK;IAAe,GAAE;KAA2C;IACrE,GACH;EAEP,KAAK,KACH,QACE,0CACE,qBAAC;GAAE,MAAK;GAAe,UAAS;cAC9B,oBAAC,UAAK,GAAE,uFAA4F,EACpG,oBAAC,UAAK,GAAE,yWAA8W;IACpX,GACH;EAEP,KAAK,KACH,QACE,4CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,EACR,oBAAC;GACC,MAAK;GACL,GAAE;IACI,IACP;EAEP,KAAK,KACH,QACE;GACE,oBAAC;IACC,MAAK;IACL,GAAE;KACI;GACR,oBAAC;IACC,MAAK;IACL,GAAE;KACI;GACR,oBAAC;IACC,MAAK;IACL,GAAE;KACI;MACP;;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,4CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,EACR,oBAAC;GACC,MAAK;GACL,GAAE;IACI,IACP;;AAOX,QAAO,iCAAK;;AAGd,WAAW,WAAW;CACpB,MAAM;CACN,WAAW;CACX,UAAU,CAAC,WAAW,OAAO;CAC9B"}
+{"version":3,"file":"BubbleZone.js","names":[],"sources":["../../../generated/icons/BubbleZone.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: 'BubbleZone',\n  isSvgIcon: true,\n  variants: ['outline', 'fill'] as IconVariant[],\n};\n\nconst DEFAULT_VARIANT = METADATA.variants[0] ?? 'fill';\n\nexport const BubbleZoneSvgIcon: 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(#BubbleZone-outline-12_svg__a)\">\n              <path fill=\"currentColor\" d=\"M6 0a6 6 0 1 1 0 12A6 6 0 0 1 6 0\"></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <g fill=\"currentColor\" clipPath=\"url(#BubbleZone-outline-16_svg__a)\">\n              <path d=\"M5.35 9.5c0-.635.515-1.15 1.15-1.15h.85v-1.7H6.5A2.85 2.85 0 0 0 3.65 9.5v.85h1.7z\"></path>\n              <path d=\"M12.405 9.186a5.7 5.7 0 0 0-.29-1.343A4.002 4.002 0 0 0 11 0a4 4 0 0 0-4 4v.007a5.714 5.714 0 1 0 2.273 10.818 3.429 3.429 0 1 0 3.131-5.639M13.3 4a2.3 2.3 0 0 1-2.016 2.283 5.73 5.73 0 0 0-2.555-1.918A2.3 2.3 0 1 1 13.3 4m-2.589 5.34a3.43 3.43 0 0 0-2.203 3.967 4.014 4.014 0 1 1 2.204-3.968m2.875 3.232a1.729 1.729 0 1 1-3.457 0 1.729 1.729 0 0 1 3.457 0\"></path>\n            </g>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M7.471 14.143a2.67 2.67 0 0 1 2.672-2.672h.9v-1.8h-.9a4.47 4.47 0 0 0-4.472 4.472v.9h1.8z\"\n            ></path>\n            <path\n              fill=\"currentColor\"\n              d=\"m11.571 7 .002.143a7.143 7.143 0 1 0 1.768 13.388 4.286 4.286 0 1 0 3.914-7.048 7 7 0 0 0-.3-1.497A5 5 0 1 0 11.57 7m5 3.2q-.254 0-.497-.038a7.2 7.2 0 0 0-2.595-2.337A3.204 3.204 0 0 1 16.57 3.8a3.2 3.2 0 0 1 0 6.4m-1.115 3.375a4.29 4.29 0 0 0-2.988 5.38 5.343 5.343 0 1 1 2.988-5.38m3.601 4.14a2.486 2.486 0 1 1-4.971 0 2.486 2.486 0 0 1 4.971 0\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M13 15.1A3.9 3.9 0 0 0 9.1 19v1.1H6.9V19a6.1 6.1 0 0 1 6.1-6.1h1.1v2.2z\"\n            ></path>\n            <path\n              fill=\"currentColor\"\n              d=\"M15.003 9.2 15 9a7 7 0 1 1 7.536 6.98c.212.67.356 1.372.422 2.096A6.002 6.002 0 0 1 22 30a6 6 0 0 1-4.522-2.056A9.96 9.96 0 0 1 13 29C7.477 29 3 24.523 3 19S7.477 9 13 9c.686 0 1.356.07 2.003.2M26.8 9a4.8 4.8 0 1 0-9.502.968 10.04 10.04 0 0 1 4.231 3.81q.233.021.471.022A4.8 4.8 0 0 0 26.8 9M13 11.2a7.8 7.8 0 1 0 3.357 14.843 6.002 6.002 0 0 1 4.395-7.913A7.8 7.8 0 0 0 13 11.2m9 16.6a3.8 3.8 0 1 0 0-7.6 3.8 3.8 0 0 0 0 7.6\"\n            ></path>\n            <path\n              fill=\"currentColor\"\n              d=\"M11 5.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0m-2 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0\"\n            ></path>\n          </>\n        );\n    }\n  }\n\n  if (variant === 'fill') {\n    switch (size) {\n      case 'xs':\n        return (\n          <>\n            <g clipPath=\"url(#BubbleZone-fill-12_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M6 0a6 6 0 1 1 0 12A6 6 0 0 1 6 0m-.226 3.075a2.7 2.7 0 0 0-2.699 2.7v.6h1.2v-.6a1.5 1.5 0 0 1 1.5-1.5h.6v-1.2z\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'sm':\n        return (\n          <>\n            <g clipPath=\"url(#BubbleZone-fill-16_svg__a)\">\n              <path\n                fill=\"currentColor\"\n                d=\"M7 4v.007a5.714 5.714 0 1 0 2.273 10.818 3.429 3.429 0 1 0 3.131-5.639 5.7 5.7 0 0 0-.289-1.343A4.002 4.002 0 0 0 11 0a4 4 0 0 0-4 4m4.284 2.283a5.73 5.73 0 0 0-2.555-1.918 2.3 2.3 0 1 1 2.555 1.917M6.5 8.35A1.15 1.15 0 0 0 5.35 9.5v.85h-1.7V9.5A2.85 2.85 0 0 1 6.5 6.65h.85v1.7zm7.086 4.222a1.729 1.729 0 1 1-3.457 0 1.729 1.729 0 0 1 3.457 0\"\n              ></path>\n            </g>\n          </>\n        );\n      case 'md':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M17.256 13.483a7 7 0 0 0-.302-1.497 5 5 0 1 0-5.38-4.843 7.143 7.143 0 1 0 1.768 13.388 4.286 4.286 0 1 0 3.914-7.048M16.57 10.2q-.254 0-.497-.038a7.2 7.2 0 0 0-2.595-2.337A3.204 3.204 0 0 1 16.57 3.8a3.2 3.2 0 0 1 0 6.4m-6.428 1.271a2.67 2.67 0 0 0-2.672 2.672v.9h-1.8v-.9a4.47 4.47 0 0 1 4.472-4.472h.9v1.8zm8.914 6.243a2.486 2.486 0 1 1-4.971 0 2.486 2.486 0 0 1 4.971 0\"\n            ></path>\n          </>\n        );\n      case 'lg':\n        return (\n          <>\n            <path\n              fill=\"currentColor\"\n              d=\"M22.536 15.98c.212.67.356 1.372.422 2.096A6.002 6.002 0 0 1 22 30a6 6 0 0 1-4.522-2.056A9.96 9.96 0 0 1 13 29C7.477 29 3 24.523 3 19S7.477 9 13 9c.686 0 1.356.07 2.003.2L15 9a7 7 0 1 1 7.536 6.98M26.8 9a4.8 4.8 0 1 0-9.502.968 10.04 10.04 0 0 1 4.231 3.81q.233.021.471.022A4.8 4.8 0 0 0 26.8 9M9.1 19a3.9 3.9 0 0 1 3.9-3.9h1.1v-2.2H13A6.1 6.1 0 0 0 6.9 19v1.1h2.2zM22 27.8a3.8 3.8 0 1 0 0-7.6 3.8 3.8 0 0 0 0 7.6\"\n            ></path>\n            <path\n              fill=\"currentColor\"\n              d=\"M11 5.5a3.5 3.5 0 1 0-7 0 3.5 3.5 0 0 0 7 0m-2 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0\"\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 BubbleZone = (<BubbleZoneSvgIcon __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;GAAE,UAAS;aACV,oBAAC;IAAK,MAAK;IAAe,GAAE;KAA2C;IACrE,GACH;EAEP,KAAK,KACH,QACE,0CACE,qBAAC;GAAE,MAAK;GAAe,UAAS;cAC9B,oBAAC,UAAK,GAAE,uFAA4F,EACpG,oBAAC,UAAK,GAAE,yWAA8W;IACpX,GACH;EAEP,KAAK,KACH,QACE,4CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,EACR,oBAAC;GACC,MAAK;GACL,GAAE;IACI,IACP;EAEP,KAAK,KACH,QACE;GACE,oBAAC;IACC,MAAK;IACL,GAAE;KACI;GACR,oBAAC;IACC,MAAK;IACL,GAAE;KACI;GACR,oBAAC;IACC,MAAK;IACL,GAAE;KACI;MACP;;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,4CACE,oBAAC;GACC,MAAK;GACL,GAAE;IACI,EACR,oBAAC;GACC,MAAK;GACL,GAAE;IACI,IACP;;AAOX,QAAO,iCAAK;;AAGd,MAAa,aAAc,oBAAC,qBAAkB,gBAAgB,WAAY"}