@payloadcms/ui 4.0.0-internal.38b7f1d → 4.0.0-internal.c2b57ce

package/dist/icons/Preview/index.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+const paths = {
+  // Preview visible paths
+  visible: {
+    // icon-16-preview
+    16: 'M11.5 4h-7a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h1a.5.5 0 0 1 0 1h-1A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3h7A1.5 1.5 0 0 1 13 4.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 0-.5-.5m-3.466 7.5q.023.045.068.116c.116.18.3.403.544.619.495.437 1.145.765 1.854.765s1.359-.328 1.854-.765c.245-.216.428-.44.544-.62q.044-.07.068-.115a2 2 0 0 0-.068-.116c-.116-.18-.3-.403-.544-.619-.495-.437-1.145-.765-1.854-.765s-1.359.328-1.854.765a3 3 0 0 0-.544.62q-.044.07-.068.115M10.5 9C8.458 9 7 10.875 7 11.5S8.458 14 10.5 14s3.5-1.875 3.5-2.5S12.542 9 10.5 9m.5 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0',
+    // icon-24-preview
+    24: 'M16.5 7h-9a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h1a.5.5 0 0 1 0 1h-1A1.5 1.5 0 0 1 6 16.5v-9A1.5 1.5 0 0 1 7.5 6h9A1.5 1.5 0 0 1 18 7.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5m-5.509 9.087.001-.003zm.037-.087q.04-.085.13-.22a4 4 0 0 1 .743-.79c.668-.55 1.576-.99 2.599-.99s1.93.44 2.599.99c.332.274.583.557.742.79q.091.135.131.22-.04.085-.13.22a4 4 0 0 1-.743.79c-.669.55-1.576.99-2.599.99s-1.93-.44-2.599-.99a4 4 0 0 1-.742-.79 2 2 0 0 1-.132-.22m6.98.087v-.003zm0-.17v-.004zm-7.016 0v-.004zM14.5 13c-2.625 0-4.5 2.25-4.5 3s1.875 3 4.5 3 4.5-2.25 4.5-3-1.875-3-4.5-3m1 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0'
+  },
+  // Preview hidden paths
+  hidden: {
+    // icon-16-preview-hidden
+    16: 'M4.5 4h7a.5.5 0 0 1 .5.5v3a.5.5 0 0 0 1 0v-3A1.5 1.5 0 0 0 11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .5-.5m3.115 6.383C7.222 10.822 7 11.256 7 11.5c0 .625 1.458 2.5 3.5 2.5q.345-.001.665-.067l-.95-.95c-.598-.074-1.14-.37-1.569-.748a3 3 0 0 1-.544-.62 2 2 0 0 1-.068-.115q.023-.045.068-.116.086-.135.221-.293zm5.062 1.526q.136-.158.22-.293.045-.07.069-.116a2 2 0 0 0-.068-.116c-.116-.18-.3-.403-.544-.619-.428-.377-.971-.674-1.569-.747l-.95-.951Q10.154 9 10.5 9c2.042 0 3.5 1.875 3.5 2.5 0 .244-.222.678-.615 1.117zM8.354 8.646a.5.5 0 1 0-.708.708l5 5a.5.5 0 0 0 .708-.708z',
+    // icon-24-preview-hidden
+    24: 'M11.147 12.648a.5.5 0 0 1 .707 0l6 6a.5.5 0 1 1-.707.707l-6-6a.5.5 0 0 1 0-.707m-.569 2.25c.176-.209.491-.205.685-.012.196.196.19.514.017.731a3 3 0 0 0-.12.163q-.088.131-.129.215a.01.01 0 0 0 0 .01q.04.084.128.215c.16.232.41.516.742.79.597.491 1.385.893 2.276.973a.54.54 0 0 1 .336.152l.22.22c.24.241.108.645-.233.645-2.625 0-4.5-2.25-4.5-3 0-.248.207-.66.578-1.102M16.5 6A1.5 1.5 0 0 1 18 7.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h1a.5.5 0 0 1 0 1h-1A1.5 1.5 0 0 1 6 16.5v-9A1.5 1.5 0 0 1 7.5 6zm-2 7c2.625 0 4.5 2.25 4.5 3l-.006.074c-.035.253-.237.63-.575 1.03-.176.208-.492.204-.685.011-.196-.196-.19-.513-.016-.73q.068-.086.123-.165.088-.131.127-.215a.01.01 0 0 0 0-.01 2 2 0 0 0-.127-.215 4 4 0 0 0-.742-.79c-.598-.492-1.388-.896-2.28-.975a.54.54 0 0 1-.337-.152l-.215-.215c-.243-.243-.11-.648.233-.648'
+  }
+};
+export const PreviewIcon = ({
+  active = true,
+  className,
+  size = 16
+}) => {
+  const pathData = active ? paths.hidden[size] : paths.visible[size];
+  return /*#__PURE__*/_jsx("svg", {
+    className: ['icon', 'icon--preview', 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: pathData,
+      fill: "currentColor",
+      fillRule: "evenodd"
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","visible","hidden","PreviewIcon","active","className","size","pathData","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Preview/index.tsx"],"sourcesContent":["import React from 'react'\n\nconst paths = {\n  // Preview visible paths\n  visible: {\n    // icon-16-preview\n    16: 'M11.5 4h-7a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h1a.5.5 0 0 1 0 1h-1A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3h7A1.5 1.5 0 0 1 13 4.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 0-.5-.5m-3.466 7.5q.023.045.068.116c.116.18.3.403.544.619.495.437 1.145.765 1.854.765s1.359-.328 1.854-.765c.245-.216.428-.44.544-.62q.044-.07.068-.115a2 2 0 0 0-.068-.116c-.116-.18-.3-.403-.544-.619-.495-.437-1.145-.765-1.854-.765s-1.359.328-1.854.765a3 3 0 0 0-.544.62q-.044.07-.068.115M10.5 9C8.458 9 7 10.875 7 11.5S8.458 14 10.5 14s3.5-1.875 3.5-2.5S12.542 9 10.5 9m.5 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0',\n    // icon-24-preview\n    24: 'M16.5 7h-9a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h1a.5.5 0 0 1 0 1h-1A1.5 1.5 0 0 1 6 16.5v-9A1.5 1.5 0 0 1 7.5 6h9A1.5 1.5 0 0 1 18 7.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5m-5.509 9.087.001-.003zm.037-.087q.04-.085.13-.22a4 4 0 0 1 .743-.79c.668-.55 1.576-.99 2.599-.99s1.93.44 2.599.99c.332.274.583.557.742.79q.091.135.131.22-.04.085-.13.22a4 4 0 0 1-.743.79c-.669.55-1.576.99-2.599.99s-1.93-.44-2.599-.99a4 4 0 0 1-.742-.79 2 2 0 0 1-.132-.22m6.98.087v-.003zm0-.17v-.004zm-7.016 0v-.004zM14.5 13c-2.625 0-4.5 2.25-4.5 3s1.875 3 4.5 3 4.5-2.25 4.5-3-1.875-3-4.5-3m1 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0',\n  },\n  // Preview hidden paths\n  hidden: {\n    // icon-16-preview-hidden\n    16: 'M4.5 4h7a.5.5 0 0 1 .5.5v3a.5.5 0 0 0 1 0v-3A1.5 1.5 0 0 0 11.5 3h-7A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .5-.5m3.115 6.383C7.222 10.822 7 11.256 7 11.5c0 .625 1.458 2.5 3.5 2.5q.345-.001.665-.067l-.95-.95c-.598-.074-1.14-.37-1.569-.748a3 3 0 0 1-.544-.62 2 2 0 0 1-.068-.115q.023-.045.068-.116.086-.135.221-.293zm5.062 1.526q.136-.158.22-.293.045-.07.069-.116a2 2 0 0 0-.068-.116c-.116-.18-.3-.403-.544-.619-.428-.377-.971-.674-1.569-.747l-.95-.951Q10.154 9 10.5 9c2.042 0 3.5 1.875 3.5 2.5 0 .244-.222.678-.615 1.117zM8.354 8.646a.5.5 0 1 0-.708.708l5 5a.5.5 0 0 0 .708-.708z',\n    // icon-24-preview-hidden\n    24: 'M11.147 12.648a.5.5 0 0 1 .707 0l6 6a.5.5 0 1 1-.707.707l-6-6a.5.5 0 0 1 0-.707m-.569 2.25c.176-.209.491-.205.685-.012.196.196.19.514.017.731a3 3 0 0 0-.12.163q-.088.131-.129.215a.01.01 0 0 0 0 .01q.04.084.128.215c.16.232.41.516.742.79.597.491 1.385.893 2.276.973a.54.54 0 0 1 .336.152l.22.22c.24.241.108.645-.233.645-2.625 0-4.5-2.25-4.5-3 0-.248.207-.66.578-1.102M16.5 6A1.5 1.5 0 0 1 18 7.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h1a.5.5 0 0 1 0 1h-1A1.5 1.5 0 0 1 6 16.5v-9A1.5 1.5 0 0 1 7.5 6zm-2 7c2.625 0 4.5 2.25 4.5 3l-.006.074c-.035.253-.237.63-.575 1.03-.176.208-.492.204-.685.011-.196-.196-.19-.513-.016-.73q.068-.086.123-.165.088-.131.127-.215a.01.01 0 0 0 0-.01 2 2 0 0 0-.127-.215 4 4 0 0 0-.742-.79c-.598-.492-1.388-.896-2.28-.975a.54.54 0 0 1-.337-.152l-.215-.215c-.243-.243-.11-.648.233-.648',\n  },\n}\n\nexport const PreviewIcon: React.FC<{\n  /** When true, shows the hidden preview icon (indicating \"click to hide\"). When false, shows the visible preview icon. */\n  readonly active?: boolean\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ active = true, className, size = 16 }) => {\n  const pathData = active ? paths.hidden[size] : paths.visible[size]\n\n  return (\n    <svg\n      className={['icon', 'icon--preview', 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={pathData} fill=\"currentColor\" fillRule=\"evenodd\" />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,MAAMC,KAAA,GAAQ;EACZ;EACAC,OAAA,EAAS;IACP;IACA,IAAI;IACJ;IACA,IAAI;EACN;EACA;EACAC,MAAA,EAAQ;IACN;IACA,IAAI;IACJ;IACA,IAAI;EACN;AACF;AAEA,OAAO,MAAMC,WAAA,GAKRA,CAAC;EAAEC,MAAA,GAAS,IAAI;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE;EAC3C,MAAMC,QAAA,GAAWH,MAAA,GAASJ,KAAA,CAAME,MAAM,CAACI,IAAA,CAAK,GAAGN,KAAA,CAAMC,OAAO,CAACK,IAAA,CAAK;EAElE,oBACEE,IAAA,CAAC;IACCH,SAAA,EAAW,CAAC,QAAQ,iBAAiBA,SAAA,CAAU,CAACI,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACrEC,IAAA,EAAK;IACLC,MAAA,EAAQP,IAAA;IACRQ,OAAA,EAAS,OAAOR,IAAA,IAAQA,IAAA,EAAM;IAC9BS,KAAA,EAAOT,IAAA;IACPU,KAAA,EAAM;cAEN,aAAAR,IAAA,CAAC;MAAKS,QAAA,EAAS;MAAUC,CAAA,EAAGX,QAAA;MAAUK,IAAA,EAAK;MAAeO,QAAA,EAAS;;;AAGzE","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Refresh/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAsBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Refresh/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAYpB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAmBA,CAAA"}

package/dist/icons/Refresh/index.js

@@ -1,24 +1,34 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.css';
+const paths = {
+  16: {
+    fill: 'M8 3.5a4.5 4.5 0 0 0-4.473 4c-.03.275-.25.5-.527.5a.467.467 0 0 1-.478-.5 5.5 5.5 0 0 1 9.758-2.954.467.467 0 0 1-.12.68c-.23.154-.538.09-.715-.122A4.49 4.49 0 0 0 8 3.5m-4.16 7.274a.467.467 0 0 0-.12.68A5.5 5.5 0 0 0 13.478 8.5.467.467 0 0 0 13 8c-.276 0-.497.225-.527.5a4.5 4.5 0 0 1-7.918 2.396c-.177-.212-.486-.276-.715-.123',
+    stroke: 'M12.5 3v2.5H10m-4 5H3.5V13'
+  },
+  24: {
+    fill: 'M17.523 12.036a.5.5 0 0 1 .449.546A5.999 5.999 0 0 1 7 15.315V17.5a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H8.002q.066.089.137.175a5 5 0 0 0 8.838-2.69.5.5 0 0 1 .546-.45M17.5 6a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1h1.498a5 5 0 0 0-8.975 2.515.5.5 0 1 1-.995-.097A6 6 0 0 1 17 8.684V6.5a.5.5 0 0 1 .5-.5'
+  }
+};
 export const RefreshIcon = ({
-  className
+  className,
+  size = 16
 }) => /*#__PURE__*/_jsxs("svg", {
   className: ['icon', 'icon--refresh', className].filter(Boolean).join(' '),
   fill: "none",
-  height: 16,
-  viewBox: "0 0 16 16",
-  width: 16,
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
   xmlns: "http://www.w3.org/2000/svg",
-  children: [/*#__PURE__*/_jsx("path", {
-    className: "stroke",
-    d: "M12.5 3v2.5H10m-4 5H3.5V13",
+  children: [size === 16 && paths[16].stroke && /*#__PURE__*/_jsx("path", {
+    d: paths[16].stroke,
+    stroke: "currentColor",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
-    className: "fill",
     clipRule: "evenodd",
-    d: "M8 3.5a4.5 4.5 0 0 0-4.473 4c-.03.275-.25.5-.527.5a.467.467 0 0 1-.478-.5 5.5 5.5 0 0 1 9.758-2.954.467.467 0 0 1-.12.68c-.23.154-.538.09-.715-.122A4.49 4.49 0 0 0 8 3.5m-4.16 7.274a.467.467 0 0 0-.12.68A5.5 5.5 0 0 0 13.478 8.5.467.467 0 0 0 13 8c-.276 0-.497.225-.527.5a4.5 4.5 0 0 1-7.918 2.396c-.177-.212-.486-.276-.715-.123",
+    d: paths[size].fill,
+    fill: "currentColor",
     fillRule: "evenodd"
   })]
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","RefreshIcon","className","_jsxs","filter","Boolean","join","fill","height","viewBox","width","xmlns","_jsx","d","strokeLinecap","strokeLinejoin","clipRule","fillRule"],"sources":["../../../src/icons/Refresh/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nexport const RefreshIcon: React.FC<{\n  readonly className?: string\n}> = ({ className }) => (\n  <svg\n    className={['icon', 'icon--refresh', className].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      className=\"stroke\"\n      d=\"M12.5 3v2.5H10m-4 5H3.5V13\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      className=\"fill\"\n      clipRule=\"evenodd\"\n      d=\"M8 3.5a4.5 4.5 0 0 0-4.473 4c-.03.275-.25.5-.527.5a.467.467 0 0 1-.478-.5 5.5 5.5 0 0 1 9.758-2.954.467.467 0 0 1-.12.68c-.23.154-.538.09-.715-.122A4.49 4.49 0 0 0 8 3.5m-4.16 7.274a.467.467 0 0 0-.12.68A5.5 5.5 0 0 0 13.478 8.5.467.467 0 0 0 13 8c-.276 0-.497.225-.527.5a4.5 4.5 0 0 1-7.918 2.396c-.177-.212-.486-.276-.715-.123\"\n      fillRule=\"evenodd\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,WAAA,GAERA,CAAC;EAAEC;AAAS,CAAE,kBACjBC,KAAA,CAAC;EACCD,SAAA,EAAW,CAAC,QAAQ,iBAAiBA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACrEC,IAAA,EAAK;EACLC,MAAA,EAAQ;EACRC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;0BAENC,IAAA,CAAC;IACCV,SAAA,EAAU;IACVW,CAAA,EAAE;IACFC,aAAA,EAAc;IACdC,cAAA,EAAe;mBAEjBH,IAAA,CAAC;IACCV,SAAA,EAAU;IACVc,QAAA,EAAS;IACTH,CAAA,EAAE;IACFI,QAAA,EAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","fill","stroke","RefreshIcon","className","size","_jsxs","filter","Boolean","join","height","viewBox","width","xmlns","_jsx","d","strokeLinecap","strokeLinejoin","clipRule","fillRule"],"sources":["../../../src/icons/Refresh/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: {\n    fill: 'M8 3.5a4.5 4.5 0 0 0-4.473 4c-.03.275-.25.5-.527.5a.467.467 0 0 1-.478-.5 5.5 5.5 0 0 1 9.758-2.954.467.467 0 0 1-.12.68c-.23.154-.538.09-.715-.122A4.49 4.49 0 0 0 8 3.5m-4.16 7.274a.467.467 0 0 0-.12.68A5.5 5.5 0 0 0 13.478 8.5.467.467 0 0 0 13 8c-.276 0-.497.225-.527.5a4.5 4.5 0 0 1-7.918 2.396c-.177-.212-.486-.276-.715-.123',\n    stroke: 'M12.5 3v2.5H10m-4 5H3.5V13',\n  },\n  24: {\n    fill: 'M17.523 12.036a.5.5 0 0 1 .449.546A5.999 5.999 0 0 1 7 15.315V17.5a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H8.002q.066.089.137.175a5 5 0 0 0 8.838-2.69.5.5 0 0 1 .546-.45M17.5 6a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1h1.498a5 5 0 0 0-8.975 2.515.5.5 0 1 1-.995-.097A6 6 0 0 1 17 8.684V6.5a.5.5 0 0 1 .5-.5',\n  },\n}\n\nexport const RefreshIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 16 }) => (\n  <svg\n    className={['icon', 'icon--refresh', 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    {size === 16 && paths[16].stroke && (\n      <path\n        d={paths[16].stroke}\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    )}\n    <path clipRule=\"evenodd\" d={paths[size].fill} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;IACFC,IAAA,EAAM;IACNC,MAAA,EAAQ;EACV;EACA,IAAI;IACFD,IAAA,EAAM;EACR;AACF;AAEA,OAAO,MAAME,WAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,KAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,iBAAiBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACrER,IAAA,EAAK;EACLS,MAAA,EAAQL,IAAA;EACRM,OAAA,EAAS,OAAON,IAAA,IAAQA,IAAA,EAAM;EAC9BO,KAAA,EAAOP,IAAA;EACPQ,KAAA,EAAM;aAELR,IAAA,KAAS,MAAML,KAAK,CAAC,GAAG,CAACE,MAAM,iBAC9BY,IAAA,CAAC;IACCC,CAAA,EAAGf,KAAK,CAAC,GAAG,CAACE,MAAM;IACnBA,MAAA,EAAO;IACPc,aAAA,EAAc;IACdC,cAAA,EAAe;mBAGnBH,IAAA,CAAC;IAAKI,QAAA,EAAS;IAAUH,CAAA,EAAGf,KAAK,CAACK,IAAA,CAAK,CAACJ,IAAI;IAAEA,IAAA,EAAK;IAAekB,QAAA,EAAS","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Search/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAcA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Search/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAMpB,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAWhD,CAAA"}

package/dist/icons/Search/index.js

@@ -1,17 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.css';
+const paths = {
+  24: 'M10.5 5C13.5376 5 16 7.46243 16 10.5C16 11.8512 15.5115 13.0875 14.7031 14.0449C14.7574 14.0691 14.8089 14.1019 14.8535 14.1465L17.8535 17.1465C18.0488 17.3417 18.0488 17.6583 17.8535 17.8535C17.6582 18.0486 17.3417 18.0487 17.1465 17.8535L14.1465 14.8535C14.102 14.809 14.0691 14.7574 14.0449 14.7031C13.0875 15.5115 11.8512 16 10.5 16C7.46243 16 5 13.5376 5 10.5C5 7.46243 7.46243 5 10.5 5ZM10.5 6C8.01472 6 6 8.01472 6 10.5C6 12.9853 8.01472 15 10.5 15C12.9853 15 15 12.9853 15 10.5C15 8.01472 12.9853 6 10.5 6Z'
+};
 export const SearchIcon = ({
-  className
+  className,
+  size = 24
 }) => /*#__PURE__*/_jsx("svg", {
   className: ['icon', 'icon--search', className].filter(Boolean).join(' '),
   fill: "none",
-  height: 24,
-  viewBox: "0 0 24 24",
-  width: 24,
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
   xmlns: "http://www.w3.org/2000/svg",
   children: /*#__PURE__*/_jsx("path", {
-    d: "M11.5 5a6.5 6.5 0 0 1 4.935 10.728l3.419 3.419.064.078a.5.5 0 0 1-.693.693l-.079-.064-3.419-3.42A6.5 6.5 0 1 1 11.5 5m0 1a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11",
+    d: paths[size],
     fill: "currentColor"
   })
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","SearchIcon","className","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/Search/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nexport const SearchIcon: React.FC<{\n  readonly className?: string\n}> = ({ className }) => (\n  <svg\n    className={['icon', 'icon--search', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={24}\n    viewBox=\"0 0 24 24\"\n    width={24}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M11.5 5a6.5 6.5 0 0 1 4.935 10.728l3.419 3.419.064.078a.5.5 0 0 1-.693.693l-.079-.064-3.419-3.42A6.5 6.5 0 1 1 11.5 5m0 1a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,UAAA,GAERA,CAAC;EAAEC;AAAS,CAAE,kBACjBC,IAAA,CAAC;EACCD,SAAA,EAAW,CAAC,QAAQ,gBAAgBA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACpEC,IAAA,EAAK;EACLC,MAAA,EAAQ;EACRC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IACCS,CAAA,EAAE;IACFL,IAAA,EAAK","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","SearchIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/Search/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths: Record<24, string> = {\n  24: 'M10.5 5C13.5376 5 16 7.46243 16 10.5C16 11.8512 15.5115 13.0875 14.7031 14.0449C14.7574 14.0691 14.8089 14.1019 14.8535 14.1465L17.8535 17.1465C18.0488 17.3417 18.0488 17.6583 17.8535 17.8535C17.6582 18.0486 17.3417 18.0487 17.1465 17.8535L14.1465 14.8535C14.102 14.809 14.0691 14.7574 14.0449 14.7031C13.0875 15.5115 11.8512 16 10.5 16C7.46243 16 5 13.5376 5 10.5C5 7.46243 7.46243 5 10.5 5ZM10.5 6C8.01472 6 6 8.01472 6 10.5C6 12.9853 8.01472 15 10.5 15C12.9853 15 15 12.9853 15 10.5C15 8.01472 12.9853 6 10.5 6Z',\n}\n\nexport type SearchIconProps = {\n  readonly className?: string\n  readonly size?: 24\n}\n\nexport const SearchIcon: React.FC<SearchIconProps> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--search', 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,GAA4B;EAChC,IAAI;AACN;AAOA,OAAO,MAAMC,UAAA,GAAwCA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5EC,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,CAAA,EAAGb,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK","ignoreList":[]}

package/dist/icons/Sidebar/index.css

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

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

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

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

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

package/dist/icons/Sidebar/index.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  16: {
+    height: 12,
+    path: 'M14 0C15.1046 0 16 0.895431 16 2V10L15.9893 10.2041C15.887 11.2128 15.0357 12 14 12H2C0.964349 12 0.113005 11.2128 0.0107422 10.2041L0 10V2C1.28853e-07 0.895431 0.895431 0 2 0H14ZM2 1C1.44772 1 1 1.44772 1 2V10C1 10.5523 1.44772 11 2 11H5V1H2ZM14 11C14.5523 11 15 10.5523 15 10V2C15 1.44772 14.5523 1 14 1H6V11H14Z',
+    width: 16
+  }
+};
+export const SidebarIcon = ({
+  className,
+  size = 16
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--sidebar', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: paths[size].height,
+  viewBox: `0 0 ${paths[size].width} ${paths[size].height}`,
+  width: paths[size].width,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size].path,
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","height","path","width","SidebarIcon","className","size","_jsx","filter","Boolean","join","fill","viewBox","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Sidebar/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: {\n    height: 12,\n    path: 'M14 0C15.1046 0 16 0.895431 16 2V10L15.9893 10.2041C15.887 11.2128 15.0357 12 14 12H2C0.964349 12 0.113005 11.2128 0.0107422 10.2041L0 10V2C1.28853e-07 0.895431 0.895431 0 2 0H14ZM2 1C1.44772 1 1 1.44772 1 2V10C1 10.5523 1.44772 11 2 11H5V1H2ZM14 11C14.5523 11 15 10.5523 15 10V2C15 1.44772 14.5523 1 14 1H6V11H14Z',\n    width: 16,\n  },\n}\n\nexport const SidebarIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16\n}> = ({ className, size = 16 }) => (\n  <svg\n    className={['icon', 'icon--sidebar', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={paths[size].height}\n    viewBox={`0 0 ${paths[size].width} ${paths[size].height}`}\n    width={paths[size].width}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size].path} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;IACFC,MAAA,EAAQ;IACRC,IAAA,EAAM;IACNC,KAAA,EAAO;EACT;AACF;AAEA,OAAO,MAAMC,WAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,iBAAiBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACrEC,IAAA,EAAK;EACLV,MAAA,EAAQD,KAAK,CAACM,IAAA,CAAK,CAACL,MAAM;EAC1BW,OAAA,EAAS,OAAOZ,KAAK,CAACM,IAAA,CAAK,CAACH,KAAK,IAAIH,KAAK,CAACM,IAAA,CAAK,CAACL,MAAM,EAAE;EACzDE,KAAA,EAAOH,KAAK,CAACM,IAAA,CAAK,CAACH,KAAK;EACxBU,KAAA,EAAM;YAEN,aAAAN,IAAA,CAAC;IAAKO,QAAA,EAAS;IAAUC,CAAA,EAAGf,KAAK,CAACM,IAAA,CAAK,CAACJ,IAAI;IAAES,IAAA,EAAK;IAAeK,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Spinner/index.css

@@ -1,5 +1,6 @@
 @layer payload-default {
   .icon--spinner {
+    color: var(--color-icon-secondary);
     animation: spinner-spin 0.6s linear infinite;
   }
 

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

@@ -2,7 +2,7 @@ import React from 'react';
 import './index.css';
 export type SpinnerIconProps = {
     readonly className?: string;
-    readonly size?: 16 | 24;
+    readonly size?: 'lg' | 'md' | 'sm';
 };
 export declare const SpinnerIcon: React.FC<SpinnerIconProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Spinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAOpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAalD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Spinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAiBpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAelD,CAAA"}

package/dist/icons/Spinner/index.js

@@ -2,19 +2,29 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.css';
 const paths = {
-  16: 'M10.778 3.842a5 5 0 0 0-2.279-.817A.54.54 0 0 1 8 2.5a.47.47 0 0 1 .5-.48A6 6 0 1 1 2.02 8.5.47.47 0 0 1 2.5 8c.276 0 .497.224.525.499a5 5 0 1 0 7.753-4.657',
-  24: 'M15.333 7.011a6 6 0 0 0-2.834-.99A.534.534 0 0 1 12 5.5c0-.276.224-.502.5-.482A7 7 0 1 1 5.018 12.5.473.473 0 0 1 5.5 12c.276 0 .498.224.52.5a6 6 0 1 0 9.313-5.489'
+  // 16px spinner (sm) - from @figma/fpl-icons Icon16Spinner
+  sm: 'M10.778 3.842a5 5 0 0 0-2.279-.817A.54.54 0 0 1 8 2.5a.47.47 0 0 1 .5-.48A6 6 0 1 1 2.02 8.5.47.47 0 0 1 2.5 8c.276 0 .497.224.525.499a5 5 0 1 0 7.753-4.657',
+  // 24px spinner (md) - from @figma/fpl-icons Icon24Spinner
+  md: 'M15.333 7.011a6 6 0 0 0-2.834-.99A.534.534 0 0 1 12 5.5c0-.276.224-.502.5-.482A7 7 0 1 1 5.018 12.5.473.473 0 0 1 5.5 12c.276 0 .498.224.52.5a6 6 0 1 0 9.313-5.489',
+  // 24px spinner large (lg) - from @figma/fpl-icons Icon24SpinnerLarge
+  lg: 'M16.445 5.348A8 8 0 0 0 12.5 4.016.525.525 0 0 1 12 3.5a.48.48 0 0 1 .5-.486A9 9 0 1 1 3.014 12.5.48.48 0 0 1 3.5 12c.276 0 .498.224.516.5a8 8 0 1 0 12.429-7.152'
+};
+const sizes = {
+  lg: 24,
+  md: 24,
+  sm: 16
 };
 export const SpinnerIcon = ({
   className,
-  size = 16
+  size = 'sm'
 }) => {
+  const dimension = sizes[size];
   return /*#__PURE__*/_jsx("svg", {
     className: ['icon icon--spinner', className].filter(Boolean).join(' '),
     fill: "none",
-    height: size,
-    viewBox: `0 0 ${size} ${size}`,
-    width: size,
+    height: dimension,
+    viewBox: `0 0 ${dimension} ${dimension}`,
+    width: dimension,
     xmlns: "http://www.w3.org/2000/svg",
     children: /*#__PURE__*/_jsx("path", {
       clipRule: "evenodd",

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","paths","SpinnerIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Spinner/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M10.778 3.842a5 5 0 0 0-2.279-.817A.54.54 0 0 1 8 2.5a.47.47 0 0 1 .5-.48A6 6 0 1 1 2.02 8.5.47.47 0 0 1 2.5 8c.276 0 .497.224.525.499a5 5 0 1 0 7.753-4.657',\n  24: 'M15.333 7.011a6 6 0 0 0-2.834-.99A.534.534 0 0 1 12 5.5c0-.276.224-.502.5-.482A7 7 0 1 1 5.018 12.5.473.473 0 0 1 5.5 12c.276 0 .498.224.52.5a6 6 0 1 0 9.313-5.489',\n}\n\nexport type SpinnerIconProps = {\n  readonly className?: string\n  readonly size?: 16 | 24\n}\n\nexport const SpinnerIcon: React.FC<SpinnerIconProps> = ({ className, size = 16 }) => {\n  return (\n    <svg\n      className={['icon icon--spinner', 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}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAOA,OAAO,MAAMC,WAAA,GAA0CA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE;EAC9E,oBACEC,IAAA,CAAC;IACCF,SAAA,EAAW,CAAC,sBAAsBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IAClEC,IAAA,EAAK;IACLC,MAAA,EAAQN,IAAA;IACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;IAC9BQ,KAAA,EAAOR,IAAA;IACPS,KAAA,EAAM;cAEN,aAAAR,IAAA,CAAC;MAAKS,QAAA,EAAS;MAAUC,CAAA,EAAGd,KAAK,CAACG,IAAA,CAAK;MAAEK,IAAA,EAAK;MAAeO,QAAA,EAAS;;;AAG5E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","sm","md","lg","sizes","SpinnerIcon","className","size","dimension","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Spinner/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  // 16px spinner (sm) - from @figma/fpl-icons Icon16Spinner\n  sm: 'M10.778 3.842a5 5 0 0 0-2.279-.817A.54.54 0 0 1 8 2.5a.47.47 0 0 1 .5-.48A6 6 0 1 1 2.02 8.5.47.47 0 0 1 2.5 8c.276 0 .497.224.525.499a5 5 0 1 0 7.753-4.657',\n  // 24px spinner (md) - from @figma/fpl-icons Icon24Spinner\n  md: 'M15.333 7.011a6 6 0 0 0-2.834-.99A.534.534 0 0 1 12 5.5c0-.276.224-.502.5-.482A7 7 0 1 1 5.018 12.5.473.473 0 0 1 5.5 12c.276 0 .498.224.52.5a6 6 0 1 0 9.313-5.489',\n  // 24px spinner large (lg) - from @figma/fpl-icons Icon24SpinnerLarge\n  lg: 'M16.445 5.348A8 8 0 0 0 12.5 4.016.525.525 0 0 1 12 3.5a.48.48 0 0 1 .5-.486A9 9 0 1 1 3.014 12.5.48.48 0 0 1 3.5 12c.276 0 .498.224.516.5a8 8 0 1 0 12.429-7.152',\n}\n\nconst sizes = {\n  lg: 24,\n  md: 24,\n  sm: 16,\n}\n\nexport type SpinnerIconProps = {\n  readonly className?: string\n  readonly size?: 'lg' | 'md' | 'sm'\n}\n\nexport const SpinnerIcon: React.FC<SpinnerIconProps> = ({ className, size = 'sm' }) => {\n  const dimension = sizes[size]\n\n  return (\n    <svg\n      className={['icon icon--spinner', className].filter(Boolean).join(' ')}\n      fill=\"none\"\n      height={dimension}\n      viewBox={`0 0 ${dimension} ${dimension}`}\n      width={dimension}\n      xmlns=\"http://www.w3.org/2000/svg\"\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;EACAC,EAAA,EAAI;EACJ;EACAC,EAAA,EAAI;EACJ;EACAC,EAAA,EAAI;AACN;AAEA,MAAMC,KAAA,GAAQ;EACZD,EAAA,EAAI;EACJD,EAAA,EAAI;EACJD,EAAA,EAAI;AACN;AAOA,OAAO,MAAMI,WAAA,GAA0CA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAI,CAAE;EAChF,MAAMC,SAAA,GAAYJ,KAAK,CAACG,IAAA,CAAK;EAE7B,oBACEE,IAAA,CAAC;IACCH,SAAA,EAAW,CAAC,sBAAsBA,SAAA,CAAU,CAACI,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IAClEC,IAAA,EAAK;IACLC,MAAA,EAAQN,SAAA;IACRO,OAAA,EAAS,OAAOP,SAAA,IAAaA,SAAA,EAAW;IACxCQ,KAAA,EAAOR,SAAA;IACPS,KAAA,EAAM;cAEN,aAAAR,IAAA,CAAC;MAAKS,QAAA,EAAS;MAAUC,CAAA,EAAGnB,KAAK,CAACO,IAAA,CAAK;MAAEM,IAAA,EAAK;MAAeO,QAAA,EAAS;;;AAG5E","ignoreList":[]}

package/dist/icons/Success/index.css

@@ -0,0 +1,11 @@
+@layer payload-default {
+  .icon--success {
+    .icon__circle {
+      fill: var(--color-bg-success);
+    }
+
+    .icon__symbol {
+      stroke: var(--color-text-onsuccess);
+    }
+  }
+}

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

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

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

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

package/dist/icons/Success/index.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  26: {
+    circle: 'M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z',
+    symbol: 'M10.6001 13.0004L12.2001 14.6004L15.4001 11.4004'
+  }
+};
+export const SuccessIcon = ({
+  className,
+  size = 26
+}) => /*#__PURE__*/_jsxs("svg", {
+  className: ['icon', 'icon--success', 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", {
+    className: "icon__circle",
+    d: paths[size].circle
+  }), /*#__PURE__*/_jsx("path", {
+    className: "icon__symbol",
+    d: paths[size].symbol,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })]
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","circle","symbol","SuccessIcon","className","size","_jsxs","filter","Boolean","join","fill","height","viewBox","width","xmlns","_jsx","d","strokeLinecap","strokeLinejoin"],"sources":["../../../src/icons/Success/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  26: {\n    circle:\n      'M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z',\n    symbol: 'M10.6001 13.0004L12.2001 14.6004L15.4001 11.4004',\n  },\n}\n\nexport const SuccessIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 26\n}> = ({ className, size = 26 }) => (\n  <svg\n    className={['icon', 'icon--success', 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 className=\"icon__circle\" d={paths[size].circle} />\n    <path\n      className=\"icon__symbol\"\n      d={paths[size].symbol}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;IACFC,MAAA,EACE;IACFC,MAAA,EAAQ;EACV;AACF;AAEA,OAAO,MAAMC,WAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,KAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,iBAAiBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACrEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;0BAENC,IAAA,CAAC;IAAKX,SAAA,EAAU;IAAeY,CAAA,EAAGhB,KAAK,CAACK,IAAA,CAAK,CAACJ;mBAC9Cc,IAAA,CAAC;IACCX,SAAA,EAAU;IACVY,CAAA,EAAGhB,KAAK,CAACK,IAAA,CAAK,CAACH,MAAM;IACrBe,aAAA,EAAc;IACdC,cAAA,EAAe","ignoreList":[]}

package/dist/icons/Tag/index.css

@@ -0,0 +1,4 @@
+@layer payload-default {
+  .icon--tag {
+  }
+}

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

@@ -1,9 +1,7 @@
 import React from 'react';
-import './index.scss';
 export type TagIconProps = {
     className?: string;
-    color?: 'dark' | 'default' | 'muted';
     size?: 16 | 24;
 };
-export declare function TagIcon({ className, color, size }: TagIconProps): React.JSX.Element;
+export declare function TagIcon({ className, size }: TagIconProps): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAUrB,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACpC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACf,CAAA;AAED,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAS,EAAE,EAAE,YAAY,qBAepE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACf,CAAA;AAED,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,YAAY,qBAa7D"}

package/dist/icons/Tag/index.js

@@ -1,21 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
 // Path data from Figma fpl/icons/src/icons/
 const paths = {
   // icon-16-tag.tsx
-  16: 'M7.793 3a2.5 2.5 0 0 1 1.768.732l3.853 3.854a2 2 0 0 1 0 2.828l-3 3a2 2 0 0 1-2.828 0L3.732 9.561A2.5 2.5 0 0 1 3 7.793V4.5A1.5 1.5 0 0 1 4.5 3zM4.5 4a.5.5 0 0 0-.5.5v3.293c0 .398.158.78.44 1.06l3.853 3.854a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0 0-1.414L8.854 4.439A1.5 1.5 0 0 0 7.793 4zm2 1.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2',
+  16: 'M7.793 3a2.5 2.5 0 0 1 1.768.732l3.853 3.854a2 2 0 0 1 0 2.828l-3 3a2 2 0 0 1-2.828 0L3.732 9.561A2.5 2.5 0 0 1 3 7.793V4.5A1.5 1.5 0 0 1 4.5 3zM4.5 4a.5.5 0 0 0-.5.5v3.293c0 .398.158.78.44 1.06l3.853 3.854a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0 0-1.414L8.854 4.439A1.5 1.5 0 0 0 7.793 4zm2 1.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2m1.59-.402.056.048a.5.5 0 0 0-.069-.057z',
   // icon-24-tag.tsx
-  24: 'M11.793 6a2.5 2.5 0 0 1 1.768.732l4.853 4.854a2 2 0 0 1 0 2.828l-4 4a2 2 0 0 1-2.828 0L6.733 13.56A2.5 2.5 0 0 1 6 11.794V7.5A1.5 1.5 0 0 1 7.5 6zM7.5 7a.5.5 0 0 0-.5.5v4.293c0 .398.158.78.44 1.06l4.853 4.854a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414l-4.853-4.854A1.5 1.5 0 0 0 11.794 7zm2 1a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3'
+  24: 'M11.793 6a2.5 2.5 0 0 1 1.768.732l4.853 4.854a2 2 0 0 1 0 2.828l-4 4a2 2 0 0 1-2.828 0L6.733 13.56A2.5 2.5 0 0 1 6 11.794V7.5A1.5 1.5 0 0 1 7.5 6zM7.5 7l-.1.01a.5.5 0 0 0-.4.49v4.293c0 .398.158.78.44 1.06l4.853 4.854a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414l-4.853-4.854A1.5 1.5 0 0 0 11.794 7zm2 1a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m0 1a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1m2.59-.902.057.048a.5.5 0 0 0-.07-.057z'
 };
 export function TagIcon({
   className,
-  color,
   size = 24
 }) {
-  const colorClass = color ? `icon--tag--${color}` : '';
   return /*#__PURE__*/_jsx("svg", {
-    className: [className, 'icon icon--tag', colorClass].filter(Boolean).join(' '),
+    className: [className, 'icon icon--tag'].filter(Boolean).join(' '),
     fill: "none",
     height: size,
     viewBox: `0 0 ${size} ${size}`,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","paths","TagIcon","className","color","size","colorClass","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/Tag/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\n// Path data from Figma fpl/icons/src/icons/\nconst paths = {\n  // icon-16-tag.tsx\n  16: 'M7.793 3a2.5 2.5 0 0 1 1.768.732l3.853 3.854a2 2 0 0 1 0 2.828l-3 3a2 2 0 0 1-2.828 0L3.732 9.561A2.5 2.5 0 0 1 3 7.793V4.5A1.5 1.5 0 0 1 4.5 3zM4.5 4a.5.5 0 0 0-.5.5v3.293c0 .398.158.78.44 1.06l3.853 3.854a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0 0-1.414L8.854 4.439A1.5 1.5 0 0 0 7.793 4zm2 1.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2',\n  // icon-24-tag.tsx\n  24: 'M11.793 6a2.5 2.5 0 0 1 1.768.732l4.853 4.854a2 2 0 0 1 0 2.828l-4 4a2 2 0 0 1-2.828 0L6.733 13.56A2.5 2.5 0 0 1 6 11.794V7.5A1.5 1.5 0 0 1 7.5 6zM7.5 7a.5.5 0 0 0-.5.5v4.293c0 .398.158.78.44 1.06l4.853 4.854a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414l-4.853-4.854A1.5 1.5 0 0 0 11.794 7zm2 1a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3',\n}\n\nexport type TagIconProps = {\n  className?: string\n  color?: 'dark' | 'default' | 'muted'\n  size?: 16 | 24\n}\n\nexport function TagIcon({ className, color, size = 24 }: TagIconProps) {\n  const colorClass = color ? `icon--tag--${color}` : ''\n\n  return (\n    <svg\n      className={[className, 'icon icon--tag', colorClass].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}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP;AACA,MAAMC,KAAA,GAAQ;EACZ;EACA,IAAI;EACJ;EACA,IAAI;AACN;AAQA,OAAO,SAASC,QAAQ;EAAEC,SAAS;EAAEC,KAAK;EAAEC,IAAA,GAAO;AAAE,CAAgB;EACnE,MAAMC,UAAA,GAAaF,KAAA,GAAQ,cAAcA,KAAA,EAAO,GAAG;EAEnD,oBACEG,IAAA,CAAC;IACCJ,SAAA,EAAW,CAACA,SAAA,EAAW,kBAAkBG,UAAA,CAAW,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IAC1EC,IAAA,EAAK;IACLC,MAAA,EAAQP,IAAA;IACRQ,OAAA,EAAS,OAAOR,IAAA,IAAQA,IAAA,EAAM;IAC9BS,KAAA,EAAOT,IAAA;IACPU,KAAA,EAAM;cAEN,aAAAR,IAAA,CAAC;MAAKS,CAAA,EAAGf,KAAK,CAACI,IAAA,CAAK;MAAEM,IAAA,EAAK;;;AAGjC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","TagIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/Tag/index.tsx"],"sourcesContent":["import React from 'react'\n\n// Path data from Figma fpl/icons/src/icons/\nconst paths = {\n  // icon-16-tag.tsx\n  16: 'M7.793 3a2.5 2.5 0 0 1 1.768.732l3.853 3.854a2 2 0 0 1 0 2.828l-3 3a2 2 0 0 1-2.828 0L3.732 9.561A2.5 2.5 0 0 1 3 7.793V4.5A1.5 1.5 0 0 1 4.5 3zM4.5 4a.5.5 0 0 0-.5.5v3.293c0 .398.158.78.44 1.06l3.853 3.854a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0 0-1.414L8.854 4.439A1.5 1.5 0 0 0 7.793 4zm2 1.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2m1.59-.402.056.048a.5.5 0 0 0-.069-.057z',\n  // icon-24-tag.tsx\n  24: 'M11.793 6a2.5 2.5 0 0 1 1.768.732l4.853 4.854a2 2 0 0 1 0 2.828l-4 4a2 2 0 0 1-2.828 0L6.733 13.56A2.5 2.5 0 0 1 6 11.794V7.5A1.5 1.5 0 0 1 7.5 6zM7.5 7l-.1.01a.5.5 0 0 0-.4.49v4.293c0 .398.158.78.44 1.06l4.853 4.854a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414l-4.853-4.854A1.5 1.5 0 0 0 11.794 7zm2 1a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m0 1a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1m2.59-.902.057.048a.5.5 0 0 0-.07-.057z',\n}\n\nexport type TagIconProps = {\n  className?: string\n  size?: 16 | 24\n}\n\nexport function TagIcon({ className, size = 24 }: TagIconProps) {\n  return (\n    <svg\n      className={[className, 'icon icon--tag'].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}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB;AACA,MAAMC,KAAA,GAAQ;EACZ;EACA,IAAI;EACJ;EACA,IAAI;AACN;AAOA,OAAO,SAASC,QAAQ;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAgB;EAC5D,oBACEC,IAAA,CAAC;IACCF,SAAA,EAAW,CAACA,SAAA,EAAW,iBAAiB,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IAC9DC,IAAA,EAAK;IACLC,MAAA,EAAQN,IAAA;IACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;IAC9BQ,KAAA,EAAOR,IAAA;IACPS,KAAA,EAAM;cAEN,aAAAR,IAAA,CAAC;MAAKS,CAAA,EAAGb,KAAK,CAACG,IAAA,CAAK;MAAEK,IAAA,EAAK;;;AAGjC","ignoreList":[]}

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

@@ -1,10 +1,10 @@
 import React from 'react';
 import './index.css';
-export declare function TrashIcon({ className, small, }: {
+export declare function TrashIcon({ className, size, small, }: {
     readonly className?: string;
+    readonly size?: 16 | 24;
     /**
-     * Use the compact trash icon variant (icon-24-trash-small).
-     * Both variants are 24x24, but the small variant has less visual weight.
+     * @deprecated Use `size={16}` instead. This renders a compact 24x24 variant for legacy compatibility.
      */
     readonly small?: boolean;
 }): React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Trash/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAWpB,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CACzB,qBAkBA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Trash/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAUpB,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,IAAS,EACT,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;IACvB;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CACzB,qBAgBA"}

package/dist/icons/Trash/index.js

@@ -2,27 +2,28 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.css';
 const paths = {
-  // icon-24-trash - standard variant
-  default: 'M6 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .496.5h12.008a.5.5 0 0 0 .496-.5v-1A.5.5 0 0 0 18 5zM4.5 6.5a1.5 1.5 0 0 0 1.037 1.427L5.725 10H5a.5.5 0 0 0 0 1h.816l.653 7.181A2 2 0 0 0 8.46 20h7.078a2 2 0 0 0 1.992-1.819L18.184 11H19a.5.5 0 0 0 0-1h-.725l.188-2.073A1.5 1.5 0 0 0 19.5 6.5v-1A1.5 1.5 0 0 0 18 4H6a1.5 1.5 0 0 0-1.5 1.5zm2.965 11.59L6.548 8h10.905l-.918 10.09a1 1 0 0 1-.996.91H8.461a1 1 0 0 1-.996-.91M11 10.5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0zm3 0a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z',
-  // icon-24-trash-small - compact variant
+  16: 'M11.5 3a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-.034l-.071 1H12a.5.5 0 0 1 0 1h-.677l-.29 4.071a1 1 0 0 1-.999.929H5.966a1 1 0 0 1-.998-.929L4.677 8H4a.5.5 0 0 1 0-1h.605l-.07-1H4.5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm-5.534 9h4.068l.429-6H5.537zm2.68-4.354a.5.5 0 1 1 .708.708L8.707 9l.647.646a.5.5 0 1 1-.708.707L8 9.708l-.646.646a.5.5 0 1 1-.708-.707L7.293 9l-.647-.646a.5.5 0 1 1 .708-.708L8 8.293zM4.5 5h7V4h-7z',
+  24: 'M16.5 6a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-.04l-.08 1H17a.5.5 0 0 1 0 1h-.7l-.454 5.621A1.5 1.5 0 0 1 14.35 18H9.649a1.5 1.5 0 0 1-1.495-1.379L7.7 11H7a.5.5 0 0 1 0-1h.62l-.08-1H7.5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zM9.151 16.54a.5.5 0 0 0 .498.46h4.702a.5.5 0 0 0 .498-.46L15.458 9H8.542zm3.496-4.893a.5.5 0 1 1 .707.707l-.647.646.646.646a.5.5 0 1 1-.707.707L12 13.708l-.646.646a.5.5 0 1 1-.707-.707l.646-.646-.646-.646a.5.5 0 1 1 .707-.707l.646.646zM7.5 8h9V7h-9z',
+  // Legacy compact variant for backwards compatibility (24x24 viewBox with smaller visual weight)
   small: 'M6.5 7a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-.039l-.08 1H17a.5.5 0 0 1 0 1h-.7l-.455 5.62A1.5 1.5 0 0 1 14.35 18h-4.7a1.5 1.5 0 0 1-1.495-1.38L7.7 11H7a.5.5 0 0 1 0-1h.62l-.081-1H7.5a1 1 0 0 1-1-1zm9.494 1h.506V7h-9v1zm-.536 1H8.542l.61 7.54a.5.5 0 0 0 .498.46h4.7a.5.5 0 0 0 .499-.46zM11.5 11.5a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0zm2 0a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0z'
 };
 export function TrashIcon({
   className,
+  size = 24,
   small
 }) {
+  const viewBoxSize = small ? 24 : size;
+  const pathKey = small ? 'small' : size;
   return /*#__PURE__*/_jsx("svg", {
     className: ['icon', 'icon--trash', className].filter(Boolean).join(' '),
     fill: "none",
-    height: 24,
-    viewBox: "0 0 24 24",
-    width: 24,
+    height: viewBoxSize,
+    viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`,
+    width: viewBoxSize,
     xmlns: "http://www.w3.org/2000/svg",
     children: /*#__PURE__*/_jsx("path", {
-      clipRule: "evenodd",
-      d: small ? paths.small : paths.default,
-      fill: "currentColor",
-      fillRule: "evenodd"
+      d: paths[pathKey],
+      fill: "currentColor"
     })
   });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","paths","default","small","TrashIcon","className","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Trash/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  // icon-24-trash - standard variant\n  default:\n    'M6 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .496.5h12.008a.5.5 0 0 0 .496-.5v-1A.5.5 0 0 0 18 5zM4.5 6.5a1.5 1.5 0 0 0 1.037 1.427L5.725 10H5a.5.5 0 0 0 0 1h.816l.653 7.181A2 2 0 0 0 8.46 20h7.078a2 2 0 0 0 1.992-1.819L18.184 11H19a.5.5 0 0 0 0-1h-.725l.188-2.073A1.5 1.5 0 0 0 19.5 6.5v-1A1.5 1.5 0 0 0 18 4H6a1.5 1.5 0 0 0-1.5 1.5zm2.965 11.59L6.548 8h10.905l-.918 10.09a1 1 0 0 1-.996.91H8.461a1 1 0 0 1-.996-.91M11 10.5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0zm3 0a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z',\n  // icon-24-trash-small - compact variant\n  small:\n    'M6.5 7a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-.039l-.08 1H17a.5.5 0 0 1 0 1h-.7l-.455 5.62A1.5 1.5 0 0 1 14.35 18h-4.7a1.5 1.5 0 0 1-1.495-1.38L7.7 11H7a.5.5 0 0 1 0-1h.62l-.081-1H7.5a1 1 0 0 1-1-1zm9.494 1h.506V7h-9v1zm-.536 1H8.542l.61 7.54a.5.5 0 0 0 .498.46h4.7a.5.5 0 0 0 .499-.46zM11.5 11.5a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0zm2 0a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0z',\n}\n\nexport function TrashIcon({\n  className,\n  small,\n}: {\n  readonly className?: string\n  /**\n   * Use the compact trash icon variant (icon-24-trash-small).\n   * Both variants are 24x24, but the small variant has less visual weight.\n   */\n  readonly small?: boolean\n}) {\n  return (\n    <svg\n      className={['icon', 'icon--trash', className].filter(Boolean).join(' ')}\n      fill=\"none\"\n      height={24}\n      viewBox=\"0 0 24 24\"\n      width={24}\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        clipRule=\"evenodd\"\n        d={small ? paths.small : paths.default}\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ;EACAC,OAAA,EACE;EACF;EACAC,KAAA,EACE;AACJ;AAEA,OAAO,SAASC,UAAU;EACxBC,SAAS;EACTF;AAAK,CAQN;EACC,oBACEG,IAAA,CAAC;IACCD,SAAA,EAAW,CAAC,QAAQ,eAAeA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACnEC,IAAA,EAAK;IACLC,MAAA,EAAQ;IACRC,OAAA,EAAQ;IACRC,KAAA,EAAO;IACPC,KAAA,EAAM;cAEN,aAAAR,IAAA,CAAC;MACCS,QAAA,EAAS;MACTC,CAAA,EAAGb,KAAA,GAAQF,KAAA,CAAME,KAAK,GAAGF,KAAA,CAAMC,OAAO;MACtCQ,IAAA,EAAK;MACLO,QAAA,EAAS;;;AAIjB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","small","TrashIcon","className","size","viewBoxSize","pathKey","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/Trash/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M11.5 3a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-.034l-.071 1H12a.5.5 0 0 1 0 1h-.677l-.29 4.071a1 1 0 0 1-.999.929H5.966a1 1 0 0 1-.998-.929L4.677 8H4a.5.5 0 0 1 0-1h.605l-.07-1H4.5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm-5.534 9h4.068l.429-6H5.537zm2.68-4.354a.5.5 0 1 1 .708.708L8.707 9l.647.646a.5.5 0 1 1-.708.707L8 9.708l-.646.646a.5.5 0 1 1-.708-.707L7.293 9l-.647-.646a.5.5 0 1 1 .708-.708L8 8.293zM4.5 5h7V4h-7z',\n  24: 'M16.5 6a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-.04l-.08 1H17a.5.5 0 0 1 0 1h-.7l-.454 5.621A1.5 1.5 0 0 1 14.35 18H9.649a1.5 1.5 0 0 1-1.495-1.379L7.7 11H7a.5.5 0 0 1 0-1h.62l-.08-1H7.5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zM9.151 16.54a.5.5 0 0 0 .498.46h4.702a.5.5 0 0 0 .498-.46L15.458 9H8.542zm3.496-4.893a.5.5 0 1 1 .707.707l-.647.646.646.646a.5.5 0 1 1-.707.707L12 13.708l-.646.646a.5.5 0 1 1-.707-.707l.646-.646-.646-.646a.5.5 0 1 1 .707-.707l.646.646zM7.5 8h9V7h-9z',\n  // Legacy compact variant for backwards compatibility (24x24 viewBox with smaller visual weight)\n  small:\n    'M6.5 7a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-.039l-.08 1H17a.5.5 0 0 1 0 1h-.7l-.455 5.62A1.5 1.5 0 0 1 14.35 18h-4.7a1.5 1.5 0 0 1-1.495-1.38L7.7 11H7a.5.5 0 0 1 0-1h.62l-.081-1H7.5a1 1 0 0 1-1-1zm9.494 1h.506V7h-9v1zm-.536 1H8.542l.61 7.54a.5.5 0 0 0 .498.46h4.7a.5.5 0 0 0 .499-.46zM11.5 11.5a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0zm2 0a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0z',\n}\n\nexport function TrashIcon({\n  className,\n  size = 24,\n  small,\n}: {\n  readonly className?: string\n  readonly size?: 16 | 24\n  /**\n   * @deprecated Use `size={16}` instead. This renders a compact 24x24 variant for legacy compatibility.\n   */\n  readonly small?: boolean\n}) {\n  const viewBoxSize = small ? 24 : size\n  const pathKey = small ? 'small' : size\n\n  return (\n    <svg\n      className={['icon', 'icon--trash', className].filter(Boolean).join(' ')}\n      fill=\"none\"\n      height={viewBoxSize}\n      viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n      width={viewBoxSize}\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d={paths[pathKey]} fill=\"currentColor\" />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;EACJ;EACAC,KAAA,EACE;AACJ;AAEA,OAAO,SAASC,UAAU;EACxBC,SAAS;EACTC,IAAA,GAAO,EAAE;EACTH;AAAK,CAQN;EACC,MAAMI,WAAA,GAAcJ,KAAA,GAAQ,KAAKG,IAAA;EACjC,MAAME,OAAA,GAAUL,KAAA,GAAQ,UAAUG,IAAA;EAElC,oBACEG,IAAA,CAAC;IACCJ,SAAA,EAAW,CAAC,QAAQ,eAAeA,SAAA,CAAU,CAACK,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACnEC,IAAA,EAAK;IACLC,MAAA,EAAQP,WAAA;IACRQ,OAAA,EAAS,OAAOR,WAAA,IAAeA,WAAA,EAAa;IAC5CS,KAAA,EAAOT,WAAA;IACPU,KAAA,EAAM;cAEN,aAAAR,IAAA,CAAC;MAAKS,CAAA,EAAGhB,KAAK,CAACM,OAAA,CAAQ;MAAEK,IAAA,EAAK;;;AAGpC","ignoreList":[]}

package/dist/icons/Warning/index.css

@@ -0,0 +1,11 @@
+@layer payload-default {
+  .icon--warning {
+    .icon__circle {
+      fill: var(--color-bg-warning);
+    }
+
+    .icon__symbol {
+      stroke: var(--color-text-onwarning);
+    }
+  }
+}

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

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

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

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

package/dist/icons/Warning/index.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  26: {
+    circle: 'M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z',
+    symbol: 'M13 10V13.2M13 16.4H13.008'
+  }
+};
+export const WarningIcon = ({
+  className,
+  size = 26
+}) => /*#__PURE__*/_jsxs("svg", {
+  className: ['icon', 'icon--warning', 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", {
+    className: "icon__circle",
+    d: paths[size].circle
+  }), /*#__PURE__*/_jsx("path", {
+    className: "icon__symbol",
+    d: paths[size].symbol,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })]
+});
+//# sourceMappingURL=index.js.map