@payloadcms/ui 4.0.0-internal.5b1e7cd → 4.0.0-internal.c2b57ce

package/dist/icons/Filter/index.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  16: 'M5.5 13a.5.5 0 0 0 .5-.5v-1q-.001-.033-.007-.065a1.998 1.998 0 0 0 0-3.872Q6 7.533 6 7.5v-4a.5.5 0 0 0-1 0v4q0 .033.006.063a2 2 0 0 0 0 3.872Q5 11.468 5 11.5v1a.5.5 0 0 0 .5.5m5 0a.5.5 0 0 0 .5-.5v-4q-.001-.033-.007-.063a1.998 1.998 0 0 0 0-3.872Q11 4.532 11 4.5v-1a.5.5 0 0 0-1 0v1q0 .033.006.064a1.998 1.998 0 0 0 0 3.873Q10 8.467 10 8.5v4a.5.5 0 0 0 .5.5m0-5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2m-5 3a1 1 0 1 1 0-2 1 1 0 0 1 0 2',
+  24: 'M8.5 18a.5.5 0 0 0 .5-.5v-1.55a2.5 2.5 0 0 0 0-4.9V6.5a.5.5 0 0 0-1 0v4.55a2.501 2.501 0 0 0 0 4.9v1.55a.5.5 0 0 0 .5.5m7 0a.5.5 0 0 0 .5-.5v-4.55a2.501 2.501 0 0 0 0-4.9V6.5a.5.5 0 0 0-1 0v1.55a2.5 2.5 0 0 0 0 4.9v4.55a.5.5 0 0 0 .5.5m0-6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m-7 3a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3'
+};
+// Badge positions and cutout dimensions
+// Indicator is 4px diameter, cutout is slightly larger for clean gap
+const badgeConfig = {
+  16: {
+    badgeRadius: 2,
+    cutoutRadius: 3,
+    cx: 12.5,
+    cy: 5
+  },
+  24: {
+    badgeRadius: 2,
+    cutoutRadius: 4,
+    cx: 18,
+    cy: 7
+  }
+};
+export const FilterIcon = ({
+  className,
+  hasBadgeCutout,
+  size = 24
+}) => {
+  const maskId = hasBadgeCutout ? `filter-badge-cutout-${size}` : undefined;
+  const config = badgeConfig[size];
+  return /*#__PURE__*/_jsxs("svg", {
+    className: ['icon', 'icon--filter', className].filter(Boolean).join(' '),
+    fill: "none",
+    height: size,
+    viewBox: `0 0 ${size} ${size}`,
+    width: size,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [hasBadgeCutout && /*#__PURE__*/_jsx("defs", {
+      children: /*#__PURE__*/_jsxs("mask", {
+        id: maskId,
+        children: [/*#__PURE__*/_jsx("rect", {
+          fill: "white",
+          height: size,
+          width: size
+        }), /*#__PURE__*/_jsx("circle", {
+          cx: config.cx,
+          cy: config.cy,
+          fill: "black",
+          r: config.cutoutRadius
+        })]
+      })
+    }), /*#__PURE__*/_jsx("path", {
+      d: paths[size],
+      fill: "currentColor",
+      mask: maskId ? `url(#${maskId})` : undefined
+    }), hasBadgeCutout && /*#__PURE__*/_jsx("circle", {
+      className: "icon--filter__badge",
+      cx: config.cx,
+      cy: config.cy,
+      r: config.badgeRadius
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/icons/Filter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","badgeConfig","badgeRadius","cutoutRadius","cx","cy","FilterIcon","className","hasBadgeCutout","size","maskId","undefined","config","_jsxs","filter","Boolean","join","fill","height","viewBox","width","xmlns","_jsx","id","r","d","mask"],"sources":["../../../src/icons/Filter/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\ntype Props = {\n  readonly className?: string\n  /**\n   * When true, adds a circular cutout in the top-right corner and renders a red indicator badge.\n   * The cutout creates space for the badge to sit cleanly without overlapping the icon.\n   */\n  readonly hasBadgeCutout?: boolean\n  readonly size?: 16 | 24\n}\n\nconst paths = {\n  16: 'M5.5 13a.5.5 0 0 0 .5-.5v-1q-.001-.033-.007-.065a1.998 1.998 0 0 0 0-3.872Q6 7.533 6 7.5v-4a.5.5 0 0 0-1 0v4q0 .033.006.063a2 2 0 0 0 0 3.872Q5 11.468 5 11.5v1a.5.5 0 0 0 .5.5m5 0a.5.5 0 0 0 .5-.5v-4q-.001-.033-.007-.063a1.998 1.998 0 0 0 0-3.872Q11 4.532 11 4.5v-1a.5.5 0 0 0-1 0v1q0 .033.006.064a1.998 1.998 0 0 0 0 3.873Q10 8.467 10 8.5v4a.5.5 0 0 0 .5.5m0-5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2m-5 3a1 1 0 1 1 0-2 1 1 0 0 1 0 2',\n  24: 'M8.5 18a.5.5 0 0 0 .5-.5v-1.55a2.5 2.5 0 0 0 0-4.9V6.5a.5.5 0 0 0-1 0v4.55a2.501 2.501 0 0 0 0 4.9v1.55a.5.5 0 0 0 .5.5m7 0a.5.5 0 0 0 .5-.5v-4.55a2.501 2.501 0 0 0 0-4.9V6.5a.5.5 0 0 0-1 0v1.55a2.5 2.5 0 0 0 0 4.9v4.55a.5.5 0 0 0 .5.5m0-6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m-7 3a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3',\n}\n\n// Badge positions and cutout dimensions\n// Indicator is 4px diameter, cutout is slightly larger for clean gap\nconst badgeConfig = {\n  16: { badgeRadius: 2, cutoutRadius: 3, cx: 12.5, cy: 5 },\n  24: { badgeRadius: 2, cutoutRadius: 4, cx: 18, cy: 7 },\n}\n\nexport const FilterIcon: React.FC<Props> = ({ className, hasBadgeCutout, size = 24 }) => {\n  const maskId = hasBadgeCutout ? `filter-badge-cutout-${size}` : undefined\n  const config = badgeConfig[size]\n\n  return (\n    <svg\n      className={['icon', 'icon--filter', className].filter(Boolean).join(' ')}\n      fill=\"none\"\n      height={size}\n      viewBox={`0 0 ${size} ${size}`}\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      {hasBadgeCutout && (\n        <defs>\n          <mask id={maskId}>\n            <rect fill=\"white\" height={size} width={size} />\n            <circle cx={config.cx} cy={config.cy} fill=\"black\" r={config.cutoutRadius} />\n          </mask>\n        </defs>\n      )}\n      <path d={paths[size]} fill=\"currentColor\" mask={maskId ? `url(#${maskId})` : undefined} />\n      {hasBadgeCutout && (\n        <circle\n          className=\"icon--filter__badge\"\n          cx={config.cx}\n          cy={config.cy}\n          r={config.badgeRadius}\n        />\n      )}\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAYP,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAEA;AACA;AACA,MAAMC,WAAA,GAAc;EAClB,IAAI;IAAEC,WAAA,EAAa;IAAGC,YAAA,EAAc;IAAGC,EAAA,EAAI;IAAMC,EAAA,EAAI;EAAE;EACvD,IAAI;IAAEH,WAAA,EAAa;IAAGC,YAAA,EAAc;IAAGC,EAAA,EAAI;IAAIC,EAAA,EAAI;EAAE;AACvD;AAEA,OAAO,MAAMC,UAAA,GAA8BA,CAAC;EAAEC,SAAS;EAAEC,cAAc;EAAEC,IAAA,GAAO;AAAE,CAAE;EAClF,MAAMC,MAAA,GAASF,cAAA,GAAiB,uBAAuBC,IAAA,EAAM,GAAGE,SAAA;EAChE,MAAMC,MAAA,GAASX,WAAW,CAACQ,IAAA,CAAK;EAEhC,oBACEI,KAAA,CAAC;IACCN,SAAA,EAAW,CAAC,QAAQ,gBAAgBA,SAAA,CAAU,CAACO,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACpEC,IAAA,EAAK;IACLC,MAAA,EAAQT,IAAA;IACRU,OAAA,EAAS,OAAOV,IAAA,IAAQA,IAAA,EAAM;IAC9BW,KAAA,EAAOX,IAAA;IACPY,KAAA,EAAM;eAELb,cAAA,iBACCc,IAAA,CAAC;gBACC,aAAAT,KAAA,CAAC;QAAKU,EAAA,EAAIb,MAAA;gCACRY,IAAA,CAAC;UAAKL,IAAA,EAAK;UAAQC,MAAA,EAAQT,IAAA;UAAMW,KAAA,EAAOX;yBACxCa,IAAA,CAAC;UAAOlB,EAAA,EAAIQ,MAAA,CAAOR,EAAE;UAAEC,EAAA,EAAIO,MAAA,CAAOP,EAAE;UAAEY,IAAA,EAAK;UAAQO,CAAA,EAAGZ,MAAA,CAAOT;;;qBAInEmB,IAAA,CAAC;MAAKG,CAAA,EAAGzB,KAAK,CAACS,IAAA,CAAK;MAAEQ,IAAA,EAAK;MAAeS,IAAA,EAAMhB,MAAA,GAAS,QAAQA,MAAA,GAAS,GAAGC;QAC5EH,cAAA,iBACCc,IAAA,CAAC;MACCf,SAAA,EAAU;MACVH,EAAA,EAAIQ,MAAA,CAAOR,EAAE;MACbC,EAAA,EAAIO,MAAA,CAAOP,EAAE;MACbmB,CAAA,EAAGZ,MAAA,CAAOV;;;AAKpB","ignoreList":[]}

package/dist/icons/Folder/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import './index.scss';
-export declare function FolderIcon({ className }: {
-    className?: string;
-}): React.JSX.Element;
+export declare const FolderIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: 16 | 24;
+}>;
 //# sourceMappingURL=index.d.ts.map

package/dist/icons/Folder/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Folder/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBAgB/D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Folder/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAWA,CAAA"}

package/dist/icons/Folder/index.js

@@ -1,20 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
-export function FolderIcon({
-  className
-}) {
-  return /*#__PURE__*/_jsx("svg", {
-    className: [className, 'icon icon--folder'].filter(Boolean).join(' '),
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/_jsx("path", {
-      d: "M13.3333 13.3333C13.6869 13.3333 14.026 13.1929 14.2761 12.9428C14.5261 12.6928 14.6666 12.3536 14.6666 12V5.33333C14.6666 4.97971 14.5261 4.64057 14.2761 4.39052C14.026 4.14048 13.6869 4 13.3333 4H8.06659C7.84359 4.00219 7.62362 3.94841 7.42679 3.84359C7.22996 3.73877 7.06256 3.58625 6.93992 3.4L6.39992 2.6C6.27851 2.41565 6.11323 2.26432 5.91892 2.1596C5.7246 2.05488 5.50732 2.00004 5.28659 2H2.66659C2.31296 2 1.97382 2.14048 1.72378 2.39052C1.47373 2.64057 1.33325 2.97971 1.33325 3.33333V12C1.33325 12.3536 1.47373 12.6928 1.72378 12.9428C1.97382 13.1929 2.31296 13.3333 2.66659 13.3333H13.3333Z",
-      fill: "currentColor"
-    })
-  });
-}
+const paths = {
+  // Folder icon from Figma
+  16: 'M6.586 3a1.5 1.5 0 0 1 1.06.44L9.207 5H12a1.5 1.5 0 0 1 1.5 1.5v5A1.5 1.5 0 0 1 12 13H4a1.5 1.5 0 0 1-1.5-1.5v-7A1.5 1.5 0 0 1 4 3zM4 4a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-5A.5.5 0 0 0 12 6H8.793L6.939 4.146A.5.5 0 0 0 6.586 4zm7 6a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1z',
+  24: 'M10.586 6a1.5 1.5 0 0 1 1.06.44L13.208 8H17a1.5 1.5 0 0 1 1.5 1.5v6A1.5 1.5 0 0 1 17 17H7a1.5 1.5 0 0 1-1.5-1.5v-8A1.5 1.5 0 0 1 7 6zM7 7a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5v-6A.5.5 0 0 0 17 9h-4.207L10.94 7.146A.5.5 0 0 0 10.586 7zm9 7a.5.5 0 0 1 0 1H8a.5.5 0 0 1 0-1z'
+};
+export const FolderIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--folder', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
+});
 //# sourceMappingURL=index.js.map

package/dist/icons/Folder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","FolderIcon","className","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/Folder/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport function FolderIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={[className, 'icon icon--folder'].filter(Boolean).join(' ')}\n      fill=\"none\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M13.3333 13.3333C13.6869 13.3333 14.026 13.1929 14.2761 12.9428C14.5261 12.6928 14.6666 12.3536 14.6666 12V5.33333C14.6666 4.97971 14.5261 4.64057 14.2761 4.39052C14.026 4.14048 13.6869 4 13.3333 4H8.06659C7.84359 4.00219 7.62362 3.94841 7.42679 3.84359C7.22996 3.73877 7.06256 3.58625 6.93992 3.4L6.39992 2.6C6.27851 2.41565 6.11323 2.26432 5.91892 2.1596C5.7246 2.05488 5.50732 2.00004 5.28659 2H2.66659C2.31296 2 1.97382 2.14048 1.72378 2.39052C1.47373 2.64057 1.33325 2.97971 1.33325 3.33333V12C1.33325 12.3536 1.47373 12.6928 1.72378 12.9428C1.97382 13.1929 2.31296 13.3333 2.66659 13.3333H13.3333Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,SAASC,WAAW;EAAEC;AAAS,CAA0B;EAC9D,oBACEC,IAAA,CAAC;IACCD,SAAA,EAAW,CAACA,SAAA,EAAW,oBAAoB,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACjEC,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;cAEN,aAAAR,IAAA,CAAC;MACCS,CAAA,EAAE;MACFL,IAAA,EAAK;;;AAIb","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","FolderIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Folder/index.tsx"],"sourcesContent":["import React from 'react'\n\nconst paths = {\n  // Folder icon from Figma\n  16: 'M6.586 3a1.5 1.5 0 0 1 1.06.44L9.207 5H12a1.5 1.5 0 0 1 1.5 1.5v5A1.5 1.5 0 0 1 12 13H4a1.5 1.5 0 0 1-1.5-1.5v-7A1.5 1.5 0 0 1 4 3zM4 4a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-5A.5.5 0 0 0 12 6H8.793L6.939 4.146A.5.5 0 0 0 6.586 4zm7 6a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1z',\n  24: 'M10.586 6a1.5 1.5 0 0 1 1.06.44L13.208 8H17a1.5 1.5 0 0 1 1.5 1.5v6A1.5 1.5 0 0 1 17 17H7a1.5 1.5 0 0 1-1.5-1.5v-8A1.5 1.5 0 0 1 7 6zM7 7a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5v-6A.5.5 0 0 0 17 9h-4.207L10.94 7.146A.5.5 0 0 0 10.586 7zm9 7a.5.5 0 0 1 0 1H8a.5.5 0 0 1 0-1z',\n}\n\nexport const FolderIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--folder', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,MAAMC,KAAA,GAAQ;EACZ;EACA,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,UAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,gBAAgBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACpEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGd,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Gear/index.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .icon--gear {
+    /* Icon uses fill, no additional styles needed */
+  }
+}

package/dist/icons/Gear/index.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare const GearIcon: React.FC<{
-    ariaLabel?: string;
-    className?: string;
+    readonly ariaLabel?: string;
+    readonly className?: string;
+    readonly size?: 16 | 24;
 }>;
 //# sourceMappingURL=index.d.ts.map

package/dist/icons/Gear/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Gear/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAiBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Gear/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAOpB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAYA,CAAA"}

package/dist/icons/Gear/index.js

@@ -1,25 +1,27 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
-const baseClass = 'gear';
+import './index.css';
+const paths = {
+  16: 'M8.32 2.008q.48.027.937.124l.117.032c.49.151.76.557.848.937a4 4 0 0 0 .052.29.5.5 0 0 0 .226.28c.002.002.099.043.109.047a.5.5 0 0 0 .352-.028c.003-.004.15-.06.163-.065.372-.113.857-.084 1.233.26.006.001.082.077.088.083l.203.243a5.9 5.9 0 0 1 1.064 1.951l.03.12c.112.495-.104.93-.389 1.196l-.134.108a.5.5 0 0 0-.215.351c-.004 0-.004.125-.004.125.02.141.097.264.21.345.002 0 .132.1.141.108.28.267.497.7.39 1.196 0 .009-.03.117-.03.117a5.9 5.9 0 0 1-1.06 1.962c-.017.016-.205.241-.205.241-.387.422-.92.467-1.32.343l-.165-.062a.5.5 0 0 0-.28-.045l-.087.022a.2.2 0 0 0-.04.015l-.053.025-.055.038a.5.5 0 0 0-.192.336c-.004 0-.004.133-.004.133a1.02 1.02 0 0 1-.633.935c-.014.007-.14.05-.14.05a6.3 6.3 0 0 1-1.101.167A13 13 0 0 0 8 14q-.488 0-.953-.075l-.305-.058c-.645-.138-.953-.692-.992-1.14a.52.52 0 0 0-.18-.352l-.036-.018-.105-.06a.5.5 0 0 0-.39.014c-.387.18-.972.202-1.407-.2-.006-.009-.085-.088-.085-.088a6 6 0 0 1-1.155-1.883l-.103-.304c-.204-.625.125-1.168.494-1.425.008-.012.083-.075.091-.082A.5.5 0 0 0 3 8l-.015-.125a.5.5 0 0 0-.203-.29c-.37-.257-.696-.798-.497-1.422.008-.01.1-.288.106-.303a6 6 0 0 1 1.156-1.882 1.26 1.26 0 0 1 1.327-.351l.274.099a.497.497 0 0 0 .6-.445c.003-.006.024-.17.026-.179.096-.41.403-.852.967-.97.013-.001.285-.05.305-.054a5.7 5.7 0 0 1 1.274-.07m-.594 1a5 5 0 0 0-.778.102.27.27 0 0 0-.203.25A1.5 1.5 0 0 1 4.61 4.595c-.111-.05-.24-.038-.319.05a5 5 0 0 0-1.054 1.822c-.035.114.019.23.113.298.39.272.645.718.649 1.227 0 .517-.255.968-.644 1.239a.28.28 0 0 0-.127.26c0 .007.006.04.006.04a5.1 5.1 0 0 0 1.057 1.826c.083.088.211.1.317.05a1.5 1.5 0 0 1 1.274-.002l.25.141c.318.233.522.573.592.939.003.007.017.156.017.156.015.116.09.222.203.248A5 5 0 0 0 7.999 13a5 5 0 0 0 1.242-.156l.009-.015v-.046a1.51 1.51 0 0 1 .743-1.318L10 11.46l.14-.07.142-.055c.37-.12.765-.09 1.107.07.085.038.178.04.252 0l.063-.046a4.9 4.9 0 0 0 1.052-1.829.26.26 0 0 0-.05-.243c-.008-.006-.064-.061-.064-.061A1.49 1.49 0 0 1 12 8c0-.51.254-.959.644-1.233.088-.064.137-.16.124-.258a.2.2 0 0 1-.01-.04 4.9 4.9 0 0 0-1.055-1.825.27.27 0 0 0-.314-.05c-.38.177-.82.194-1.22.027-.015-.012-.17-.082-.17-.082a1.52 1.52 0 0 1-.747-1.178.28.28 0 0 0-.159-.236l-.047-.016a5 5 0 0 0-1.321-.101m2.718 9.344.032-.008q.006-.009.017-.013l-.046.024zm-2.24-6.344A2 2 0 1 1 5.998 8l.009-.203A2.003 2.003 0 0 1 7.999 6zm-.304 1a.995.995 0 0 0-.9.992l.009.102c.045.471.42.845.89.893a1 1 0 0 0 .204-1.99L8 7z',
+  24: 'M17.287 6.044c-.561.24-1.22.22-1.787-.106a2 2 0 0 1-.986-1.495c-.07-.576-.495-1.253-1.297-1.361a9 9 0 0 0-2.434 0c-.802.108-1.228.785-1.297 1.36A2 2 0 0 1 8.5 5.939a2 2 0 0 1-1.787.106c-.533-.227-1.33-.197-1.826.44a9 9 0 0 0-1.22 2.111c-.307.749.067 1.456.53 1.803.49.367.803.948.803 1.602s-.313 1.235-.802 1.602c-.464.347-.838 1.054-.531 1.803.311.761.724 1.47 1.22 2.11.495.638 1.293.668 1.826.44a2 2 0 0 1 1.787.107c.566.327.913.889.986 1.495.07.576.495 1.253 1.297 1.361a9 9 0 0 0 2.434 0c.802-.108 1.227-.785 1.297-1.36.073-.607.42-1.169.986-1.496a2 2 0 0 1 1.787-.106c.533.227 1.33.197 1.826-.44.496-.64.909-1.35 1.22-2.111.307-.749-.067-1.456-.53-1.803A2 2 0 0 1 19 12c0-.654.313-1.235.802-1.602.464-.347.838-1.054.531-1.803a9 9 0 0 0-1.22-2.11c-.495-.638-1.293-.668-1.826-.44M15 6.804c.85.49 1.841.518 2.68.16.224-.096.493-.058.643.134.442.57.808 1.2 1.085 1.876.092.226-.01.478-.206.624A3 3 0 0 0 18 12c0 .983.472 1.855 1.203 2.402.195.146.297.398.205.624a8 8 0 0 1-1.085 1.876c-.15.192-.419.23-.643.134a3 3 0 0 0-2.68.16 3 3 0 0 0-1.479 2.241c-.03.243-.196.458-.438.49a8 8 0 0 1-2.166 0c-.242-.032-.409-.247-.438-.49A3 3 0 0 0 9 17.197a3 3 0 0 0-2.68-.161c-.224.096-.493.058-.643-.134a8 8 0 0 1-1.085-1.876c-.092-.226.01-.478.205-.624A3 3 0 0 0 6 12c0-.983-.472-1.855-1.203-2.402-.195-.146-.297-.398-.205-.624a8 8 0 0 1 1.085-1.876c.15-.192.419-.23.643-.134.839.358 1.83.33 2.68-.16a3 3 0 0 0 1.479-2.241c.03-.243.196-.458.438-.49a8 8 0 0 1 2.166 0c.242.032.409.247.438.49.11.905.628 1.75 1.479 2.24M9.5 12a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7'
+};
 export const GearIcon = ({
   ariaLabel,
-  className
-}) => /*#__PURE__*/_jsx("div", {
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
   "aria-label": ariaLabel,
-  className: [className, baseClass].filter(Boolean).join(' '),
-  children: /*#__PURE__*/_jsx("svg", {
-    className: "icon icon--gear",
-    fill: "none",
-    height: "20",
-    viewBox: "0 0 20 20",
-    width: "20",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/_jsx("path", {
-      d: "M9.33337 8.84671L6.66671 4.22671M9.33337 11.1534L6.66671 15.7734M10 16.6667V15.3334M10 15.3334C12.9456 15.3334 15.3334 12.9456 15.3334 10C15.3334 7.05452 12.9456 4.66671 10 4.66671M10 15.3334C7.05452 15.3334 4.66671 12.9456 4.66671 10M10 3.33337V4.66671M10 4.66671C7.05452 4.66671 4.66671 7.05452 4.66671 10M11.3334 10H16.6667M11.3334 10C11.3334 10.7364 10.7364 11.3334 10 11.3334C9.26366 11.3334 8.66671 10.7364 8.66671 10C8.66671 9.26366 9.26366 8.66671 10 8.66671C10.7364 8.66671 11.3334 9.26366 11.3334 10ZM13.3334 15.7734L12.6667 14.62M13.3334 4.22671L12.6667 5.38004M3.33337 10H4.66671M15.7734 13.3334L14.62 12.6667M15.7734 6.66671L14.62 7.33337M4.22671 13.3334L5.38004 12.6667M4.22671 6.66671L5.38004 7.33337",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })
+  className: ['icon', 'icon--gear', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
   })
 });
 //# sourceMappingURL=index.js.map

package/dist/icons/Gear/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","GearIcon","ariaLabel","className","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d","strokeLinecap","strokeLinejoin"],"sources":["../../../src/icons/Gear/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'gear'\n\nexport const GearIcon: React.FC<{\n  ariaLabel?: string\n  className?: string\n}> = ({ ariaLabel, className }) => (\n  <div aria-label={ariaLabel} className={[className, baseClass].filter(Boolean).join(' ')}>\n    <svg\n      className=\"icon icon--gear\"\n      fill=\"none\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      width=\"20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M9.33337 8.84671L6.66671 4.22671M9.33337 11.1534L6.66671 15.7734M10 16.6667V15.3334M10 15.3334C12.9456 15.3334 15.3334 12.9456 15.3334 10C15.3334 7.05452 12.9456 4.66671 10 4.66671M10 15.3334C7.05452 15.3334 4.66671 12.9456 4.66671 10M10 3.33337V4.66671M10 4.66671C7.05452 4.66671 4.66671 7.05452 4.66671 10M11.3334 10H16.6667M11.3334 10C11.3334 10.7364 10.7364 11.3334 10 11.3334C9.26366 11.3334 8.66671 10.7364 8.66671 10C8.66671 9.26366 9.26366 8.66671 10 8.66671C10.7364 8.66671 11.3334 9.26366 11.3334 10ZM13.3334 15.7734L12.6667 14.62M13.3334 4.22671L12.6667 5.38004M3.33337 10H4.66671M15.7734 13.3334L14.62 12.6667M15.7734 6.66671L14.62 7.33337M4.22671 13.3334L5.38004 12.6667M4.22671 6.66671L5.38004 7.33337\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  </div>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC;AAAS,CAAE,kBAC5BC,IAAA,CAAC;EAAI,cAAYF,SAAA;EAAWC,SAAA,EAAW,CAACA,SAAA,EAAWH,SAAA,CAAU,CAACK,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;YACjF,aAAAH,IAAA,CAAC;IACCD,SAAA,EAAU;IACVK,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;cAEN,aAAAR,IAAA,CAAC;MACCS,CAAA,EAAE;MACFC,aAAA,EAAc;MACdC,cAAA,EAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","GearIcon","ariaLabel","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Gear/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M8.32 2.008q.48.027.937.124l.117.032c.49.151.76.557.848.937a4 4 0 0 0 .052.29.5.5 0 0 0 .226.28c.002.002.099.043.109.047a.5.5 0 0 0 .352-.028c.003-.004.15-.06.163-.065.372-.113.857-.084 1.233.26.006.001.082.077.088.083l.203.243a5.9 5.9 0 0 1 1.064 1.951l.03.12c.112.495-.104.93-.389 1.196l-.134.108a.5.5 0 0 0-.215.351c-.004 0-.004.125-.004.125.02.141.097.264.21.345.002 0 .132.1.141.108.28.267.497.7.39 1.196 0 .009-.03.117-.03.117a5.9 5.9 0 0 1-1.06 1.962c-.017.016-.205.241-.205.241-.387.422-.92.467-1.32.343l-.165-.062a.5.5 0 0 0-.28-.045l-.087.022a.2.2 0 0 0-.04.015l-.053.025-.055.038a.5.5 0 0 0-.192.336c-.004 0-.004.133-.004.133a1.02 1.02 0 0 1-.633.935c-.014.007-.14.05-.14.05a6.3 6.3 0 0 1-1.101.167A13 13 0 0 0 8 14q-.488 0-.953-.075l-.305-.058c-.645-.138-.953-.692-.992-1.14a.52.52 0 0 0-.18-.352l-.036-.018-.105-.06a.5.5 0 0 0-.39.014c-.387.18-.972.202-1.407-.2-.006-.009-.085-.088-.085-.088a6 6 0 0 1-1.155-1.883l-.103-.304c-.204-.625.125-1.168.494-1.425.008-.012.083-.075.091-.082A.5.5 0 0 0 3 8l-.015-.125a.5.5 0 0 0-.203-.29c-.37-.257-.696-.798-.497-1.422.008-.01.1-.288.106-.303a6 6 0 0 1 1.156-1.882 1.26 1.26 0 0 1 1.327-.351l.274.099a.497.497 0 0 0 .6-.445c.003-.006.024-.17.026-.179.096-.41.403-.852.967-.97.013-.001.285-.05.305-.054a5.7 5.7 0 0 1 1.274-.07m-.594 1a5 5 0 0 0-.778.102.27.27 0 0 0-.203.25A1.5 1.5 0 0 1 4.61 4.595c-.111-.05-.24-.038-.319.05a5 5 0 0 0-1.054 1.822c-.035.114.019.23.113.298.39.272.645.718.649 1.227 0 .517-.255.968-.644 1.239a.28.28 0 0 0-.127.26c0 .007.006.04.006.04a5.1 5.1 0 0 0 1.057 1.826c.083.088.211.1.317.05a1.5 1.5 0 0 1 1.274-.002l.25.141c.318.233.522.573.592.939.003.007.017.156.017.156.015.116.09.222.203.248A5 5 0 0 0 7.999 13a5 5 0 0 0 1.242-.156l.009-.015v-.046a1.51 1.51 0 0 1 .743-1.318L10 11.46l.14-.07.142-.055c.37-.12.765-.09 1.107.07.085.038.178.04.252 0l.063-.046a4.9 4.9 0 0 0 1.052-1.829.26.26 0 0 0-.05-.243c-.008-.006-.064-.061-.064-.061A1.49 1.49 0 0 1 12 8c0-.51.254-.959.644-1.233.088-.064.137-.16.124-.258a.2.2 0 0 1-.01-.04 4.9 4.9 0 0 0-1.055-1.825.27.27 0 0 0-.314-.05c-.38.177-.82.194-1.22.027-.015-.012-.17-.082-.17-.082a1.52 1.52 0 0 1-.747-1.178.28.28 0 0 0-.159-.236l-.047-.016a5 5 0 0 0-1.321-.101m2.718 9.344.032-.008q.006-.009.017-.013l-.046.024zm-2.24-6.344A2 2 0 1 1 5.998 8l.009-.203A2.003 2.003 0 0 1 7.999 6zm-.304 1a.995.995 0 0 0-.9.992l.009.102c.045.471.42.845.89.893a1 1 0 0 0 .204-1.99L8 7z',\n  24: 'M17.287 6.044c-.561.24-1.22.22-1.787-.106a2 2 0 0 1-.986-1.495c-.07-.576-.495-1.253-1.297-1.361a9 9 0 0 0-2.434 0c-.802.108-1.228.785-1.297 1.36A2 2 0 0 1 8.5 5.939a2 2 0 0 1-1.787.106c-.533-.227-1.33-.197-1.826.44a9 9 0 0 0-1.22 2.111c-.307.749.067 1.456.53 1.803.49.367.803.948.803 1.602s-.313 1.235-.802 1.602c-.464.347-.838 1.054-.531 1.803.311.761.724 1.47 1.22 2.11.495.638 1.293.668 1.826.44a2 2 0 0 1 1.787.107c.566.327.913.889.986 1.495.07.576.495 1.253 1.297 1.361a9 9 0 0 0 2.434 0c.802-.108 1.227-.785 1.297-1.36.073-.607.42-1.169.986-1.496a2 2 0 0 1 1.787-.106c.533.227 1.33.197 1.826-.44.496-.64.909-1.35 1.22-2.111.307-.749-.067-1.456-.53-1.803A2 2 0 0 1 19 12c0-.654.313-1.235.802-1.602.464-.347.838-1.054.531-1.803a9 9 0 0 0-1.22-2.11c-.495-.638-1.293-.668-1.826-.44M15 6.804c.85.49 1.841.518 2.68.16.224-.096.493-.058.643.134.442.57.808 1.2 1.085 1.876.092.226-.01.478-.206.624A3 3 0 0 0 18 12c0 .983.472 1.855 1.203 2.402.195.146.297.398.205.624a8 8 0 0 1-1.085 1.876c-.15.192-.419.23-.643.134a3 3 0 0 0-2.68.16 3 3 0 0 0-1.479 2.241c-.03.243-.196.458-.438.49a8 8 0 0 1-2.166 0c-.242-.032-.409-.247-.438-.49A3 3 0 0 0 9 17.197a3 3 0 0 0-2.68-.161c-.224.096-.493.058-.643-.134a8 8 0 0 1-1.085-1.876c-.092-.226.01-.478.205-.624A3 3 0 0 0 6 12c0-.983-.472-1.855-1.203-2.402-.195-.146-.297-.398-.205-.624a8 8 0 0 1 1.085-1.876c.15-.192.419-.23.643-.134.839.358 1.83.33 2.68-.16a3 3 0 0 0 1.479-2.241c.03-.243.196-.458.438-.49a8 8 0 0 1 2.166 0c.242.032.409.247.438.49.11.905.628 1.75 1.479 2.24M9.5 12a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7',\n}\n\nexport const GearIcon: React.FC<{\n  readonly ariaLabel?: string\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ ariaLabel, className, size = 24 }) => (\n  <svg\n    aria-label={ariaLabel}\n    className={['icon', 'icon--gear', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,QAAA,GAIRA,CAAC;EAAEC,SAAS;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBACvCC,IAAA,CAAC;EACC,cAAYH,SAAA;EACZC,SAAA,EAAW,CAAC,QAAQ,cAAcA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAClEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGf,KAAK,CAACI,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/GridView/index.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .icon--grid-view {
+    /* Icon uses fill, no additional styles needed */
+  }
+}

package/dist/icons/GridView/index.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
-import './index.scss';
-export declare const GridViewIcon: () => React.JSX.Element;
+import './index.css';
+export declare const GridViewIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: 16 | 24;
+}>;
 //# sourceMappingURL=index.d.ts.map

package/dist/icons/GridView/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/GridView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,YAAY,yBAoCxB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/GridView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAOpB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAWA,CAAA"}

package/dist/icons/GridView/index.js

@@ -1,35 +1,25 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
-export const GridViewIcon = () => {
-  return /*#__PURE__*/_jsxs("svg", {
-    className: "icon icon--grid-view",
-    fill: "none",
-    height: "20",
-    viewBox: "0 0 20 20",
-    width: "20",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M8 4H4.66667C4.29848 4 4 4.29848 4 4.66667V8C4 8.36819 4.29848 8.66667 4.66667 8.66667H8C8.36819 8.66667 8.66667 8.36819 8.66667 8V4.66667C8.66667 4.29848 8.36819 4 8 4Z",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M15.3333 4H12C11.6318 4 11.3333 4.29848 11.3333 4.66667V8C11.3333 8.36819 11.6318 8.66667 12 8.66667H15.3333C15.7015 8.66667 16 8.36819 16 8V4.66667C16 4.29848 15.7015 4 15.3333 4Z",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M15.3333 11.3333H12C11.6318 11.3333 11.3333 11.6318 11.3333 12V15.3333C11.3333 15.7015 11.6318 16 12 16H15.3333C15.7015 16 16 15.7015 16 15.3333V12C16 11.6318 15.7015 11.3333 15.3333 11.3333Z",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M8 11.3333H4.66667C4.29848 11.3333 4 11.6318 4 12V15.3333C4 15.7015 4.29848 16 4.66667 16H8C8.36819 16 8.66667 15.7015 8.66667 15.3333V12C8.66667 11.6318 8.36819 11.3333 8 11.3333Z",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
-  });
+import './index.css';
+const paths = {
+  16: 'M3 3h4v4H3zM2 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm1 6h4v4H3zm-1 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm10-6H9v4h3zm-3-1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm0 7h3v4H9zm-1 0a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1z',
+  24: 'M7 7h3v3H7zM6 7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm1 7h3v3H7zm-1 0a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm11-7h-3v3h3zm-3-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zm0 8h3v3h-3zm-1 0a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1z'
 };
+export const GridViewIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--grid-view', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
+});
 //# sourceMappingURL=index.js.map

package/dist/icons/GridView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","GridViewIcon","_jsxs","className","fill","height","viewBox","width","xmlns","_jsx","d","stroke","strokeLinecap","strokeLinejoin"],"sources":["../../../src/icons/GridView/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const GridViewIcon = () => {\n  return (\n    <svg\n      className=\"icon icon--grid-view\"\n      fill=\"none\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      width=\"20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M8 4H4.66667C4.29848 4 4 4.29848 4 4.66667V8C4 8.36819 4.29848 8.66667 4.66667 8.66667H8C8.36819 8.66667 8.66667 8.36819 8.66667 8V4.66667C8.66667 4.29848 8.36819 4 8 4Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M15.3333 4H12C11.6318 4 11.3333 4.29848 11.3333 4.66667V8C11.3333 8.36819 11.6318 8.66667 12 8.66667H15.3333C15.7015 8.66667 16 8.36819 16 8V4.66667C16 4.29848 15.7015 4 15.3333 4Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M15.3333 11.3333H12C11.6318 11.3333 11.3333 11.6318 11.3333 12V15.3333C11.3333 15.7015 11.6318 16 12 16H15.3333C15.7015 16 16 15.7015 16 15.3333V12C16 11.6318 15.7015 11.3333 15.3333 11.3333Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M8 11.3333H4.66667C4.29848 11.3333 4 11.6318 4 12V15.3333C4 15.7015 4.29848 16 4.66667 16H8C8.36819 16 8.66667 15.7015 8.66667 15.3333V12C8.66667 11.6318 8.36819 11.3333 8 11.3333Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,YAAA,GAAeA,CAAA;EAC1B,oBACEC,KAAA,CAAC;IACCC,SAAA,EAAU;IACVC,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;4BAENC,IAAA,CAAC;MACCC,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;qBAEjBJ,IAAA,CAAC;MACCC,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;qBAEjBJ,IAAA,CAAC;MACCC,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;qBAEjBJ,IAAA,CAAC;MACCC,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;;;AAIvB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","GridViewIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/GridView/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M3 3h4v4H3zM2 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm1 6h4v4H3zm-1 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm10-6H9v4h3zm-3-1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm0 7h3v4H9zm-1 0a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1z',\n  24: 'M7 7h3v3H7zM6 7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm1 7h3v3H7zm-1 0a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm11-7h-3v3h3zm-3-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zm0 8h3v3h-3zm-1 0a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1z',\n}\n\nexport const GridViewIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--grid-view', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,YAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,mBAAmBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACvEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGd,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Info/index.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .icon--info {
+    /* Uses currentColor, no additional styles needed */
+  }
+}

package/dist/icons/Info/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.css';
+export declare const InfoIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: 24;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/Info/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Info/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAMpB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;CACnB,CAWA,CAAA"}

package/dist/icons/Info/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  24: 'M12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5ZM12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6ZM12 11C12.2761 11 12.5 11.2239 12.5 11.5V15C12.5 15.2761 12.2761 15.5 12 15.5C11.7239 15.5 11.5 15.2761 11.5 15V11.5C11.5 11.2239 11.7239 11 12 11ZM12 8.5C12.4142 8.5 12.75 8.83579 12.75 9.25C12.75 9.66421 12.4142 10 12 10C11.5858 10 11.25 9.66421 11.25 9.25C11.25 8.83579 11.5858 8.5 12 8.5Z'
+};
+export const InfoIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--info', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    d: paths[size],
+    fill: "currentColor"
+  })
+});
+//# sourceMappingURL=index.js.map

package/dist/icons/Info/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","InfoIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/Info/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  24: 'M12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5ZM12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6ZM12 11C12.2761 11 12.5 11.2239 12.5 11.5V15C12.5 15.2761 12.2761 15.5 12 15.5C11.7239 15.5 11.5 15.2761 11.5 15V11.5C11.5 11.2239 11.7239 11 12 11ZM12 8.5C12.4142 8.5 12.75 8.83579 12.75 9.25C12.75 9.66421 12.4142 10 12 10C11.5858 10 11.25 9.66421 11.25 9.25C11.25 8.83579 11.5858 8.5 12 8.5Z',\n}\n\nexport const InfoIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--info', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d={paths[size]} fill=\"currentColor\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;AACN;AAEA,OAAO,MAAMC,QAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,cAAcA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAClEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,CAAA,EAAGb,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK","ignoreList":[]}

package/dist/icons/Language/index.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .icon--language {
+    flex-shrink: 0;
+  }
+}

package/dist/icons/Language/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.css';
+/**
+ * Language/translate icon (only 24px variant exists in FPL)
+ * Keywords: translate, translation, multilingual, localization, global, international, text
+ */
+export declare const LanguageIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: 24;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/Language/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Language/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAMpB;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;CACnB,CAYA,CAAA"}

package/dist/icons/Language/index.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  24: 'M9 5.5a.5.5 0 0 1 1 0V7h3.5a.5.5 0 0 1 0 1h-1.282l-.054.16c-.503 1.488-1.086 2.54-2.03 3.708l1.527 1.907a.5.5 0 1 1-.781.625l-1.407-1.758c-.689.77-1.54 1.63-2.62 2.711a.5.5 0 1 1-.707-.706c1.146-1.148 2.013-2.028 2.693-2.798L7.21 9.812a.5.5 0 0 1 .781-.624l1.504 1.879c.773-.986 1.248-1.869 1.668-3.067H5.5a.5.5 0 0 1 0-1H9zm5.039 5.808A.5.5 0 0 1 14.5 11h.5a.5.5 0 0 1 .461.308l1.667 4 .834 2a.5.5 0 1 1-.924.384L16.334 16h-3.166l-.706 1.692a.5.5 0 1 1-.922-.384l.833-2zM15.917 15l-1.167-2.8-1.167 2.8z'
+};
+/**
+ * Language/translate icon (only 24px variant exists in FPL)
+ * Keywords: translate, translation, multilingual, localization, global, international, text
+ */
+export const LanguageIcon = ({
+  className,
+  size = 24
+}) => {
+  return /*#__PURE__*/_jsx("svg", {
+    className: ['icon', 'icon--language', className].filter(Boolean).join(' '),
+    fill: "none",
+    height: size,
+    viewBox: `0 0 ${size} ${size}`,
+    width: size,
+    children: /*#__PURE__*/_jsx("path", {
+      clipRule: "evenodd",
+      d: paths[size],
+      fill: "currentColor",
+      fillRule: "evenodd"
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/icons/Language/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","LanguageIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","clipRule","d","fillRule"],"sources":["../../../src/icons/Language/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  24: 'M9 5.5a.5.5 0 0 1 1 0V7h3.5a.5.5 0 0 1 0 1h-1.282l-.054.16c-.503 1.488-1.086 2.54-2.03 3.708l1.527 1.907a.5.5 0 1 1-.781.625l-1.407-1.758c-.689.77-1.54 1.63-2.62 2.711a.5.5 0 1 1-.707-.706c1.146-1.148 2.013-2.028 2.693-2.798L7.21 9.812a.5.5 0 0 1 .781-.624l1.504 1.879c.773-.986 1.248-1.869 1.668-3.067H5.5a.5.5 0 0 1 0-1H9zm5.039 5.808A.5.5 0 0 1 14.5 11h.5a.5.5 0 0 1 .461.308l1.667 4 .834 2a.5.5 0 1 1-.924.384L16.334 16h-3.166l-.706 1.692a.5.5 0 1 1-.922-.384l.833-2zM15.917 15l-1.167-2.8-1.167 2.8z',\n}\n\n/**\n * Language/translate icon (only 24px variant exists in FPL)\n * Keywords: translate, translation, multilingual, localization, global, international, text\n */\nexport const LanguageIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 24\n}> = ({ className, size = 24 }) => {\n  return (\n    <svg\n      className={['icon', 'icon--language', className].filter(Boolean).join(' ')}\n      fill=\"none\"\n      height={size}\n      viewBox={`0 0 ${size} ${size}`}\n      width={size}\n    >\n      <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;AACN;AAEA;;;;AAIA,OAAO,MAAMC,YAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE;EAC5B,oBACEC,IAAA,CAAC;IACCF,SAAA,EAAW,CAAC,QAAQ,kBAAkBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACtEC,IAAA,EAAK;IACLC,MAAA,EAAQN,IAAA;IACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;IAC9BQ,KAAA,EAAOR,IAAA;cAEP,aAAAC,IAAA,CAAC;MAAKQ,QAAA,EAAS;MAAUC,CAAA,EAAGb,KAAK,CAACG,IAAA,CAAK;MAAEK,IAAA,EAAK;MAAeM,QAAA,EAAS;;;AAG5E","ignoreList":[]}

package/dist/icons/Line/index.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .icon--line {
+    /* Icon uses fill, no additional styles needed */
+  }
+}

package/dist/icons/Line/index.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
-import './index.scss';
-export declare const LineIcon: React.FC;
+import './index.css';
+export declare const LineIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: 16 | 24;
+}>;
 //# sourceMappingURL=index.d.ts.map

package/dist/icons/Line/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Line/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAW5B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Line/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAOpB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAWA,CAAA"}

package/dist/icons/Line/index.js

@@ -1,17 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
-export const LineIcon = () => /*#__PURE__*/_jsx("svg", {
-  className: "icon icon--line",
+import './index.css';
+const paths = {
+  16: 'M4 7.5H12V8.5H4Z',
+  24: 'M6 11.5H18V12.5H6Z'
+};
+export const LineIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--line', className].filter(Boolean).join(' '),
   fill: "none",
-  height: "20",
-  viewBox: "0 0 20 20",
-  width: "20",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
   xmlns: "http://www.w3.org/2000/svg",
   children: /*#__PURE__*/_jsx("path", {
-    className: "stroke",
-    d: "M5.33333 10H14.6667",
-    strokeLinecap: "square"
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
   })
 });
 //# sourceMappingURL=index.js.map

package/dist/icons/Line/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","LineIcon","_jsx","className","fill","height","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Line/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LineIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--line\"\n    fill=\"none\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M5.33333 10H14.6667\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAAqBA,CAAA,kBAChCC,IAAA,CAAC;EACCC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAN,IAAA,CAAC;IAAKC,SAAA,EAAU;IAASM,CAAA,EAAE;IAAsBC,aAAA,EAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","LineIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Line/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M4 7.5H12V8.5H4Z',\n  24: 'M6 11.5H18V12.5H6Z',\n}\n\nexport const LineIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--line', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,QAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,cAAcA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAClEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGd,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Link/index.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .icon--link {
+    /* Icon uses fill, no additional styles needed */
+  }
+}

package/dist/icons/Link/index.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
-import './index.scss';
-export declare const LinkIcon: React.FC;
+import './index.css';
+export declare const LinkIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: 16 | 24;
+}>;
 //# sourceMappingURL=index.d.ts.map

package/dist/icons/Link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAiB5B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAOpB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAaA,CAAA"}