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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/People/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,SAAS,EAAE,MAAM,CAAA;CAClB,CAgBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/People/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AASpB,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/People/index.js

@@ -1,20 +1,27 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
+import './index.css';
+const paths = {
+  // icon-16-people
+  16: 'M6 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0m1 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0m3 5a1 1 0 1 1 2 0v2.5a.5.5 0 0 0 1 0V10a2 2 0 1 0-4 0v2.5a.5.5 0 0 0 1 0zM5 9a1 1 0 0 0-1 1v2.5a.5.5 0 0 1-1 0V10a2 2 0 1 1 4 0v2.5a.5.5 0 0 1-1 0V10a1 1 0 0 0-1-1m7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m1 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0',
+  // icon-24-people-small
+  24: 'M10 8.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m1 0a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0m4.5 4.5a2.5 2.5 0 0 0-2.5 2.5c0-.686-.153-1.336-.428-1.918A3.5 3.5 0 0 1 19 15.5v2a.5.5 0 0 1-1 0v-2a2.5 2.5 0 0 0-2.5-2.5m-7 0A2.5 2.5 0 0 0 6 15.5v2a.5.5 0 0 1-1 0v-2a3.5 3.5 0 1 1 7 0v2a.5.5 0 0 1-1 0v-2A2.5 2.5 0 0 0 8.5 13M17 8.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m1 0a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0'
+};
 export const PeopleIcon = ({
-  className
+  className,
+  size = 24
 }) => /*#__PURE__*/_jsx("svg", {
   className: ['icon', 'icon--people', 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: "M14 16C14 14.5855 13.4381 13.229 12.4379 12.2288C11.4377 11.2286 10.0812 10.6667 8.66668 10.6667M8.66668 10.6667C7.25219 10.6667 5.89563 11.2286 4.89544 12.2288C3.89525 13.229 3.33334 14.5855 3.33334 16M8.66668 10.6667C10.5076 10.6667 12 9.17428 12 7.33333C12 5.49238 10.5076 4 8.66668 4C6.82573 4 5.33334 5.49238 5.33334 7.33333C5.33334 9.17428 6.82573 10.6667 8.66668 10.6667ZM16.6667 15.3333C16.6667 13.0867 15.3333 11 14 10C14.4383 9.67118 14.7888 9.23939 15.0204 8.74285C15.252 8.2463 15.3577 7.70031 15.328 7.1532C15.2984 6.60609 15.1343 6.07472 14.8503 5.60613C14.5664 5.13754 14.1713 4.74617 13.7 4.46667",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
   })
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PeopleIcon","className","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d","strokeLinecap","strokeLinejoin"],"sources":["../../../src/icons/People/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const PeopleIcon: React.FC<{\n  className: string\n}> = ({ className }) => (\n  <svg\n    className={['icon', 'icon--people', className].filter(Boolean).join(' ')}\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      className=\"stroke\"\n      d=\"M14 16C14 14.5855 13.4381 13.229 12.4379 12.2288C11.4377 11.2286 10.0812 10.6667 8.66668 10.6667M8.66668 10.6667C7.25219 10.6667 5.89563 11.2286 4.89544 12.2288C3.89525 13.229 3.33334 14.5855 3.33334 16M8.66668 10.6667C10.5076 10.6667 12 9.17428 12 7.33333C12 5.49238 10.5076 4 8.66668 4C6.82573 4 5.33334 5.49238 5.33334 7.33333C5.33334 9.17428 6.82573 10.6667 8.66668 10.6667ZM16.6667 15.3333C16.6667 13.0867 15.3333 11 14 10C14.4383 9.67118 14.7888 9.23939 15.0204 8.74285C15.252 8.2463 15.3577 7.70031 15.328 7.1532C15.2984 6.60609 15.1343 6.07472 14.8503 5.60613C14.5664 5.13754 14.1713 4.74617 13.7 4.46667\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\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,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IACCD,SAAA,EAAU;IACVU,CAAA,EAAE;IACFC,aAAA,EAAc;IACdC,cAAA,EAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","PeopleIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/People/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  // icon-16-people\n  16: 'M6 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0m1 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0m3 5a1 1 0 1 1 2 0v2.5a.5.5 0 0 0 1 0V10a2 2 0 1 0-4 0v2.5a.5.5 0 0 0 1 0zM5 9a1 1 0 0 0-1 1v2.5a.5.5 0 0 1-1 0V10a2 2 0 1 1 4 0v2.5a.5.5 0 0 1-1 0V10a1 1 0 0 0-1-1m7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m1 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0',\n  // icon-24-people-small\n  24: 'M10 8.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m1 0a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0m4.5 4.5a2.5 2.5 0 0 0-2.5 2.5c0-.686-.153-1.336-.428-1.918A3.5 3.5 0 0 1 19 15.5v2a.5.5 0 0 1-1 0v-2a2.5 2.5 0 0 0-2.5-2.5m-7 0A2.5 2.5 0 0 0 6 15.5v2a.5.5 0 0 1-1 0v-2a3.5 3.5 0 1 1 7 0v2a.5.5 0 0 1-1 0v-2A2.5 2.5 0 0 0 8.5 13M17 8.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m1 0a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0',\n}\n\nexport const PeopleIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--people', 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;EACA,IAAI;EACJ;EACA,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/Plus/index.css

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Plus/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAc5B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Plus/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/Plus/index.js

@@ -1,16 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
-export const PlusIcon = () => /*#__PURE__*/_jsx("svg", {
-  className: "icon icon--plus",
-  height: "20",
-  viewBox: "0 0 20 20",
-  width: "20",
+import './index.css';
+const paths = {
+  16: 'M8.5 3.5a.5.5 0 0 0-1 0v4h-4a.5.5 0 0 0 0 1h4v4a.5.5 0 0 0 1 0v-4h4a.5.5 0 0 0 0-1h-4z',
+  24: 'M12 6a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 12 6'
+};
+export const PlusIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--plus', 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: "stroke",
-    d: "M5.33333 9.99998H14.6667M9.99999 5.33331V14.6666",
-    strokeLinecap: "square"
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
   })
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PlusIcon","_jsx","className","height","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Plus/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const PlusIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--plus\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M5.33333 9.99998H14.6667M9.99999 5.33331V14.6666\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAAqBA,CAAA,kBAChCC,IAAA,CAAC;EACCC,SAAA,EAAU;EACVC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAL,IAAA,CAAC;IACCC,SAAA,EAAU;IACVK,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","PlusIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Plus/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M8.5 3.5a.5.5 0 0 0-1 0v4h-4a.5.5 0 0 0 0 1h4v4a.5.5 0 0 0 1 0v-4h4a.5.5 0 0 0 0-1h-4z',\n  24: 'M12 6a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 12 6',\n}\n\nexport const PlusIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--plus', 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/Preview/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const PreviewIcon: React.FC<{
+    /** When true, shows the hidden preview icon (indicating "click to hide"). When false, shows the visible preview icon. */
+    readonly active?: boolean;
+    readonly className?: string;
+    readonly size?: 16 | 24;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Preview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,yHAAyH;IACzH,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAeA,CAAA"}

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.css

@@ -0,0 +1,11 @@
+@layer payload-default {
+  .icon--refresh {
+    .stroke {
+      stroke: currentColor;
+    }
+
+    .fill {
+      fill: currentColor;
+    }
+  }
+}

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +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;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

@@ -0,0 +1,35 @@
+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,
+  size = 16
+}) => /*#__PURE__*/_jsxs("svg", {
+  className: ['icon', 'icon--refresh', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [size === 16 && paths[16].stroke && /*#__PURE__*/_jsx("path", {
+    d: paths[16].stroke,
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size].fill,
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })]
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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.css

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

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

@@ -1,4 +1,8 @@
 import React from 'react';
-import './index.scss';
-export declare const SearchIcon: React.FC;
+import './index.css';
+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,cAAc,CAAA;AAErB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAa9B,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,15 +1,22 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
-export const SearchIcon = () => /*#__PURE__*/_jsx("svg", {
-  className: "icon icon--search",
+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,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--search', className].filter(Boolean).join(' '),
   fill: "none",
-  viewBox: "0 0 20 20",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
   xmlns: "http://www.w3.org/2000/svg",
   children: /*#__PURE__*/_jsx("path", {
-    className: "stroke",
-    d: "M16 16L13.1333 13.1333M14.6667 9.33333C14.6667 12.2789 12.2789 14.6667 9.33333 14.6667C6.38781 14.6667 4 12.2789 4 9.33333C4 6.38781 6.38781 4 9.33333 4C12.2789 4 14.6667 6.38781 14.6667 9.33333Z",
-    strokeLinecap: "square"
+    d: paths[size],
+    fill: "currentColor"
   })
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","SearchIcon","_jsx","className","fill","viewBox","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Search/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const SearchIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--search\"\n    fill=\"none\"\n    viewBox=\"0 0 20 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M16 16L13.1333 13.1333M14.6667 9.33333C14.6667 12.2789 12.2789 14.6667 9.33333 14.6667C6.38781 14.6667 4 12.2789 4 9.33333C4 6.38781 6.38781 4 9.33333 4C12.2789 4 14.6667 6.38781 14.6667 9.33333Z\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,UAAA,GAAuBA,CAAA,kBAClCC,IAAA,CAAC;EACCC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,OAAA,EAAQ;EACRC,KAAA,EAAM;YAEN,aAAAJ,IAAA,CAAC;IACCC,SAAA,EAAU;IACVI,CAAA,EAAE;IACFC,aAAA,EAAc","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/Sort/index.css

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

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare const SortDownIcon: React.FC<{
-    className?: string;
+    readonly className?: string;
 }>;
 export declare const SortUpIcon: React.FC<{
-    className?: string;
+    readonly className?: string;
 }>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Sort/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAiBzD,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAiBvD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Sort/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAgBA,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAgBA,CAAA"}

package/dist/icons/Sort/index.js

@@ -1,38 +1,36 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
+import './index.css';
 export const SortDownIcon = ({
   className
 }) => /*#__PURE__*/_jsx("svg", {
-  className: "icon icon--sort",
+  className: ['icon', 'icon--sort', className].filter(Boolean).join(' '),
   fill: "none",
-  height: "20",
-  viewBox: "0 0 20 20",
-  width: "20",
+  height: 24,
+  viewBox: "0 0 24 24",
+  width: 24,
   xmlns: "http://www.w3.org/2000/svg",
   children: /*#__PURE__*/_jsx("path", {
-    className: "fill",
-    d: "M2.5 13.3333L5.83333 16.6667M5.83333 16.6667L9.16667 13.3333M5.83333 16.6667V3.33333M9.16667 7.08333H17.5M9.16667 10.4167H15M11.6667 13.75H12.5",
-    stroke: "#2F2F2F",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    clipRule: "evenodd",
+    d: "M7.5 6a.5.5 0 0 0-.5.5v9.793l-1.147-1.146-.078-.065a.5.5 0 0 0-.693.693l.064.079 2 2 .079.064a.5.5 0 0 0 .628-.064l2-2a.5.5 0 0 0-.707-.707L8 16.293V6.5a.5.5 0 0 0-.5-.5M18 16.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 1 0 0 1h5a.5.5 0 0 0 .5-.5m0-3a.5.5 0 0 0-.5-.5h-5a.5.5 0 1 0 0 1h5a.5.5 0 0 0 .5-.5m0-3a.5.5 0 0 0-.5-.5h-5a.5.5 0 1 0 0 1h5a.5.5 0 0 0 .5-.5m0-3a.5.5 0 0 0-.5-.5h-5a.5.5 0 1 0 0 1h5a.5.5 0 0 0 .5-.5",
+    fill: "currentColor",
+    fillRule: "evenodd"
   })
 });
 export const SortUpIcon = ({
   className
 }) => /*#__PURE__*/_jsx("svg", {
-  className: "icon icon--sort",
+  className: ['icon', 'icon--sort', className].filter(Boolean).join(' '),
   fill: "none",
-  height: "20",
-  viewBox: "0 0 20 20",
-  width: "20",
+  height: 24,
+  viewBox: "0 0 24 24",
+  width: 24,
   xmlns: "http://www.w3.org/2000/svg",
   children: /*#__PURE__*/_jsx("path", {
-    className: "fill",
-    d: "M2.5 6.66668L5.83333 3.33334M5.83333 3.33334L9.16667 6.66668M5.83333 3.33334V16.6667M11.6667 7.08354H17.5M9.16667 10.4169H15M9.16667 13.7502H12.5",
-    stroke: "#2F2F2F",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    clipRule: "evenodd",
+    d: "M7.5 18a.5.5 0 0 1-.5-.5V7.707l-1.147 1.146-.078.065a.5.5 0 0 1-.693-.693l.064-.079 2-2 .079-.064a.5.5 0 0 1 .628.064l2 2a.5.5 0 0 1-.707.707L8 7.707V17.5a.5.5 0 0 1-.5.5M18 7.5a.5.5 0 0 1-.5.5h-5a.5.5 0 1 1 0-1h5a.5.5 0 0 1 .5.5m0 3a.5.5 0 0 1-.5.5h-5a.5.5 0 1 1 0-1h5a.5.5 0 0 1 .5.5m0 3a.5.5 0 0 1-.5.5h-5a.5.5 0 1 1 0-1h5a.5.5 0 0 1 .5.5m0 3a.5.5 0 0 1-.5.5h-5a.5.5 0 1 1 0-1h5a.5.5 0 0 1 .5.5",
+    fill: "currentColor",
+    fillRule: "evenodd"
   })
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","SortDownIcon","className","_jsx","fill","height","viewBox","width","xmlns","d","stroke","strokeLinecap","strokeLinejoin","SortUpIcon"],"sources":["../../../src/icons/Sort/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const SortDownIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className=\"icon icon--sort\"\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      className=\"fill\"\n      d=\"M2.5 13.3333L5.83333 16.6667M5.83333 16.6667L9.16667 13.3333M5.83333 16.6667V3.33333M9.16667 7.08333H17.5M9.16667 10.4167H15M11.6667 13.75H12.5\"\n      stroke=\"#2F2F2F\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nexport const SortUpIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className=\"icon icon--sort\"\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      className=\"fill\"\n      d=\"M2.5 6.66668L5.83333 3.33334M5.83333 3.33334L9.16667 6.66668M5.83333 3.33334V16.6667M11.6667 7.08354H17.5M9.16667 10.4169H15M9.16667 13.7502H12.5\"\n      stroke=\"#2F2F2F\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,YAAA,GAAiDA,CAAC;EAAEC;AAAS,CAAE,kBAC1EC,IAAA,CAAC;EACCD,SAAA,EAAU;EACVE,IAAA,EAAK;EACLC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAL,IAAA,CAAC;IACCD,SAAA,EAAU;IACVO,CAAA,EAAE;IACFC,MAAA,EAAO;IACPC,aAAA,EAAc;IACdC,cAAA,EAAe;;;AAKrB,OAAO,MAAMC,UAAA,GAA+CA,CAAC;EAAEX;AAAS,CAAE,kBACxEC,IAAA,CAAC;EACCD,SAAA,EAAU;EACVE,IAAA,EAAK;EACLC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAL,IAAA,CAAC;IACCD,SAAA,EAAU;IACVO,CAAA,EAAE;IACFC,MAAA,EAAO;IACPC,aAAA,EAAc;IACdC,cAAA,EAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","SortDownIcon","className","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule","SortUpIcon"],"sources":["../../../src/icons/Sort/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nexport const SortDownIcon: React.FC<{\n  readonly className?: string\n}> = ({ className }) => (\n  <svg\n    className={['icon', 'icon--sort', 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=\"M7.5 6a.5.5 0 0 0-.5.5v9.793l-1.147-1.146-.078-.065a.5.5 0 0 0-.693.693l.064.079 2 2 .079.064a.5.5 0 0 0 .628-.064l2-2a.5.5 0 0 0-.707-.707L8 16.293V6.5a.5.5 0 0 0-.5-.5M18 16.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 1 0 0 1h5a.5.5 0 0 0 .5-.5m0-3a.5.5 0 0 0-.5-.5h-5a.5.5 0 1 0 0 1h5a.5.5 0 0 0 .5-.5m0-3a.5.5 0 0 0-.5-.5h-5a.5.5 0 1 0 0 1h5a.5.5 0 0 0 .5-.5m0-3a.5.5 0 0 0-.5-.5h-5a.5.5 0 1 0 0 1h5a.5.5 0 0 0 .5-.5\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n    />\n  </svg>\n)\n\nexport const SortUpIcon: React.FC<{\n  readonly className?: string\n}> = ({ className }) => (\n  <svg\n    className={['icon', 'icon--sort', 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=\"M7.5 18a.5.5 0 0 1-.5-.5V7.707l-1.147 1.146-.078.065a.5.5 0 0 1-.693-.693l.064-.079 2-2 .079-.064a.5.5 0 0 1 .628.064l2 2a.5.5 0 0 1-.707.707L8 7.707V17.5a.5.5 0 0 1-.5.5M18 7.5a.5.5 0 0 1-.5.5h-5a.5.5 0 1 1 0-1h5a.5.5 0 0 1 .5.5m0 3a.5.5 0 0 1-.5.5h-5a.5.5 0 1 1 0-1h5a.5.5 0 0 1 .5.5m0 3a.5.5 0 0 1-.5.5h-5a.5.5 0 1 1 0-1h5a.5.5 0 0 1 .5.5m0 3a.5.5 0 0 1-.5.5h-5a.5.5 0 1 1 0-1h5a.5.5 0 0 1 .5.5\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,YAAA,GAERA,CAAC;EAAEC;AAAS,CAAE,kBACjBC,IAAA,CAAC;EACCD,SAAA,EAAW,CAAC,QAAQ,cAAcA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAClEC,IAAA,EAAK;EACLC,MAAA,EAAQ;EACRC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IACCS,QAAA,EAAS;IACTC,CAAA,EAAE;IACFN,IAAA,EAAK;IACLO,QAAA,EAAS;;;AAKf,OAAO,MAAMC,UAAA,GAERA,CAAC;EAAEb;AAAS,CAAE,kBACjBC,IAAA,CAAC;EACCD,SAAA,EAAW,CAAC,QAAQ,cAAcA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAClEC,IAAA,EAAK;EACLC,MAAA,EAAQ;EACRC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IACCS,QAAA,EAAS;IACTC,CAAA,EAAE;IACFN,IAAA,EAAK;IACLO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Spinner/index.css

@@ -0,0 +1,12 @@
+@layer payload-default {
+  .icon--spinner {
+    color: var(--color-icon-secondary);
+    animation: spinner-spin 0.6s linear infinite;
+  }
+
+  @keyframes spinner-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.css';
+export type SpinnerIconProps = {
+    readonly className?: string;
+    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

@@ -0,0 +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;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

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  // 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 = 'sm'
+}) => {
+  const dimension = sizes[size];
+  return /*#__PURE__*/_jsx("svg", {
+    className: ['icon icon--spinner', className].filter(Boolean).join(' '),
+    fill: "none",
+    height: dimension,
+    viewBox: `0 0 ${dimension} ${dimension}`,
+    width: dimension,
+    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/Spinner/index.js.map

@@ -0,0 +1 @@
+{"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);
+    }
+  }
+}