@payloadcms/ui 3.86.0-internal.ac46214 → 4.0.0-internal.1f9ae9a

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);
+    }
+  }
+}

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/Swap/index.css

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Swap/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAQ5B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Swap/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAgBA,CAAA"}

package/dist/icons/Swap/index.js

@@ -1,14 +1,20 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
-export const SwapIcon = () => /*#__PURE__*/_jsx("svg", {
-  className: "icon icon--swap",
-  viewBox: "0 0 20 20",
+import './index.css';
+export const SwapIcon = ({
+  className
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--swap', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: 24,
+  viewBox: "0 0 24 24",
+  width: 24,
   xmlns: "http://www.w3.org/2000/svg",
   children: /*#__PURE__*/_jsx("path", {
-    className: "stroke",
-    d: "M7.33334 4L4.66667 6.66667M4.66667 6.66667L7.33334 9.33333M4.66667 6.66667H15.3333M12.6667 16L15.3333 13.3333M15.3333 13.3333L12.6667 10.6667M15.3333 13.3333H4.66667",
-    strokeLinecap: "square"
+    clipRule: "evenodd",
+    d: "M8.354 6.354a.5.5 0 1 0-.708-.708l-2.5 2.5a.5.5 0 0 0 0 .708l2.5 2.5a.5.5 0 0 0 .708-.708L6.707 9H18.5a.5.5 0 0 0 0-1H6.707zm7.292 7a.5.5 0 0 1 .708-.708l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708L17.293 16H5.5a.5.5 0 0 1 0-1h11.793z",
+    fill: "currentColor",
+    fillRule: "evenodd"
   })
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","SwapIcon","_jsx","className","viewBox","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Swap/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const SwapIcon: React.FC = () => (\n  <svg className=\"icon icon--swap\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"stroke\"\n      d=\"M7.33334 4L4.66667 6.66667M4.66667 6.66667L7.33334 9.33333M4.66667 6.66667H15.3333M12.6667 16L15.3333 13.3333M15.3333 13.3333L12.6667 10.6667M15.3333 13.3333H4.66667\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAAqBA,CAAA,kBAChCC,IAAA,CAAC;EAAIC,SAAA,EAAU;EAAkBC,OAAA,EAAQ;EAAYC,KAAA,EAAM;YACzD,aAAAH,IAAA,CAAC;IACCC,SAAA,EAAU;IACVG,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","SwapIcon","className","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Swap/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nexport const SwapIcon: React.FC<{\n  readonly className?: string\n}> = ({ className }) => (\n  <svg\n    className={['icon', 'icon--swap', 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=\"M8.354 6.354a.5.5 0 1 0-.708-.708l-2.5 2.5a.5.5 0 0 0 0 .708l2.5 2.5a.5.5 0 0 0 .708-.708L6.707 9H18.5a.5.5 0 0 0 0-1H6.707zm7.292 7a.5.5 0 0 1 .708-.708l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708L17.293 16H5.5a.5.5 0 0 1 0-1h11.793z\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,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","ignoreList":[]}

package/dist/icons/Tag/index.css

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

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

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

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

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+// 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-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 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,
+  size = 24
+}) {
+  return /*#__PURE__*/_jsx("svg", {
+    className: [className, 'icon icon--tag'].filter(Boolean).join(' '),
+    fill: "none",
+    height: size,
+    viewBox: `0 0 ${size} ${size}`,
+    width: size,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/_jsx("path", {
+      d: paths[size],
+      fill: "currentColor"
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

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

@@ -0,0 +1,19 @@
+@layer payload-default {
+  .icon--dots {
+    margin: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    gap: 2px;
+    height: 2rem;
+    width: 2rem;
+
+    > div {
+      width: 3px;
+      height: 3px;
+      border-radius: 100%;
+      background-color: currentColor;
+    }
+  }
+}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare function ThreeDotsIcon({ className }: {
     className?: string;
 }): React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/ThreeDots/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,wBAAgB,aAAa,CAAC,EAAE,SAAc,EAAE;;CAAA,qBAQ/C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/ThreeDots/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAEpB,wBAAgB,aAAa,CAAC,EAAE,SAAc,EAAE;;CAAA,qBAQ/C"}

package/dist/icons/ThreeDots/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
+import './index.css';
 export function ThreeDotsIcon({
   className = ''
 }) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ThreeDotsIcon","className","_jsxs","trim","_jsx"],"sources":["../../../src/icons/ThreeDots/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport function ThreeDotsIcon({ className = '' }) {\n  return (\n    <div className={`icon icon--dots ${className}`.trim()}>\n      <div />\n      <div />\n      <div />\n    </div>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,SAASC,cAAc;EAAEC,SAAA,GAAY;AAAE,CAAE;EAC9C,oBACEC,KAAA,CAAC;IAAID,SAAA,EAAW,mBAAmBA,SAAA,EAAW,CAACE,IAAI;4BACjDC,IAAA,CAAC,Y,aACDA,IAAA,CAAC,Y,aACDA,IAAA,CAAC;;AAGP","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","ThreeDotsIcon","className","_jsxs","trim","_jsx"],"sources":["../../../src/icons/ThreeDots/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nexport function ThreeDotsIcon({ className = '' }) {\n  return (\n    <div className={`icon icon--dots ${className}`.trim()}>\n      <div />\n      <div />\n      <div />\n    </div>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,SAASC,cAAc;EAAEC,SAAA,GAAY;AAAE,CAAE;EAC9C,oBACEC,KAAA,CAAC;IAAID,SAAA,EAAW,mBAAmBA,SAAA,EAAW,CAACE,IAAI;4BACjDC,IAAA,CAAC,Y,aACDA,IAAA,CAAC,Y,aACDA,IAAA,CAAC;;AAGP","ignoreList":[]}

package/dist/icons/Trash/index.css

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

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

@@ -1,6 +1,11 @@
 import React from 'react';
-import './index.scss';
-export declare function TrashIcon({ className }: {
-    className?: string;
+import './index.css';
+export declare function TrashIcon({ className, size, small, }: {
+    readonly className?: string;
+    readonly size?: 16 | 24;
+    /**
+     * @deprecated Use `size={16}` instead. This renders a compact 24x24 variant for legacy compatibility.
+     */
+    readonly small?: boolean;
 }): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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,cAAc,CAAA;AAErB,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBAkB9D"}
+{"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

@@ -1,21 +1,29 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
+import './index.css';
+const paths = {
+  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
+  className,
+  size = 24,
+  small
 }) {
+  const viewBoxSize = small ? 24 : size;
+  const pathKey = small ? 'small' : size;
   return /*#__PURE__*/_jsx("svg", {
-    className: [className, 'icon icon--trash'].filter(Boolean).join(' '),
+    className: ['icon', 'icon--trash', className].filter(Boolean).join(' '),
     fill: "none",
-    height: "20",
-    viewBox: "0 0 20 20",
-    width: "20",
+    height: viewBoxSize,
+    viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`,
+    width: viewBoxSize,
     xmlns: "http://www.w3.org/2000/svg",
     children: /*#__PURE__*/_jsx("path", {
-      d: "M4.1499 6.1H15.8499M14.5499 6.1V15.2C14.5499 15.85 13.8999 16.5 13.2499 16.5H6.7499C6.0999 16.5 5.4499 15.85 5.4499 15.2V6.1M7.3999 6.1V4.8C7.3999 4.15 8.0499 3.5 8.6999 3.5H11.2999C11.9499 3.5 12.5999 4.15 12.5999 4.8V6.1M8.6999 9.35V13.25M11.2999 9.35V13.25",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
+      d: paths[pathKey],
+      fill: "currentColor"
     })
   });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","TrashIcon","className","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d","stroke","strokeLinecap","strokeLinejoin"],"sources":["../../../src/icons/Trash/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport function TrashIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={[className, 'icon icon--trash'].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        d=\"M4.1499 6.1H15.8499M14.5499 6.1V15.2C14.5499 15.85 13.8999 16.5 13.2499 16.5H6.7499C6.0999 16.5 5.4499 15.85 5.4499 15.2V6.1M7.3999 6.1V4.8C7.3999 4.15 8.0499 3.5 8.6999 3.5H11.2999C11.9499 3.5 12.5999 4.15 12.5999 4.8V6.1M8.6999 9.35V13.25M11.2999 9.35V13.25\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,SAASC,UAAU;EAAEC;AAAS,CAA0B;EAC7D,oBACEC,IAAA,CAAC;IACCD,SAAA,EAAW,CAACA,SAAA,EAAW,mBAAmB,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IAChEC,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;cAEN,aAAAR,IAAA,CAAC;MACCS,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;;;AAIvB","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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","circle","symbol","WarningIcon","className","size","_jsxs","filter","Boolean","join","fill","height","viewBox","width","xmlns","_jsx","d","strokeLinecap","strokeLinejoin"],"sources":["../../../src/icons/Warning/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: 'M13 10V13.2M13 16.4H13.008',\n  },\n}\n\nexport const WarningIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 26\n}> = ({ className, size = 26 }) => (\n  <svg\n    className={['icon', 'icon--warning', 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/Write/index.css

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