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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","DocumentIcon","_jsx","className","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Document/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const DocumentIcon = () => {\n  return (\n    <svg\n      className=\"icon icon--document\"\n      fill=\"none\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        clipRule=\"evenodd\"\n        d=\"M3.5 1C2.94772 1 2.5 1.44772 2.5 2V14C2.5 14.5523 2.94771 15 3.5 15H12.5C13.0523 15 13.5 14.5523 13.5 14V4.41421C13.5 4.149 13.3946 3.89464 13.2071 3.70711L10.7929 1.29289C10.6054 1.10536 10.351 1 10.0858 1H3.5ZM5 5.5C5 5.22386 5.22386 5 5.5 5H10.5C10.7761 5 11 5.22386 11 5.5C11 5.77614 10.7761 6 10.5 6H5.5C5.22386 6 5 5.77614 5 5.5ZM5 8.5C5 8.22386 5.22386 8 5.5 8H10.5C10.7761 8 11 8.22386 11 8.5C11 8.77614 10.7761 9 10.5 9H5.5C5.22386 9 5 8.77614 5 8.5ZM5 11.5C5 11.2239 5.22386 11 5.5 11H10.5C10.7761 11 11 11.2239 11 11.5C11 11.7761 10.7761 12 10.5 12H5.5C5.22386 12 5 11.7761 5 11.5Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,YAAA,GAAeA,CAAA;EAC1B,oBACEC,IAAA,CAAC;IACCC,SAAA,EAAU;IACVC,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;cAEN,aAAAN,IAAA,CAAC;MACCO,QAAA,EAAS;MACTC,CAAA,EAAE;MACFN,IAAA,EAAK;MACLO,QAAA,EAAS;;;AAIjB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","DocumentIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Document/index.tsx"],"sourcesContent":["import React from 'react'\n\nconst paths = {\n  // Page icon from Figma\n  16: 'M8.098 2.51a.5.5 0 0 1 .256.136l4 4A.5.5 0 0 1 12 7.5H8a.5.5 0 0 1-.5-.5V3.5H5a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V9a.5.5 0 0 1 1 0v3a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h3zM8.5 6.5h2.293L8.5 4.207z',\n  24: 'M12.598 5.01a.5.5 0 0 1 .255.136l4 4A.5.5 0 0 1 16.5 10h-4a.5.5 0 0 1-.5-.5V6H8.5a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 1 1 0v6a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 7 17.5v-11A1.5 1.5 0 0 1 8.5 5h4zM13 9h2.293L13 6.707z',\n}\n\nexport const DocumentIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--document', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,MAAMC,KAAA,GAAQ;EACZ;EACA,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,YAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,kBAAkBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACtEC,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/Dots/index.css

@@ -0,0 +1,39 @@
+@layer payload-default {
+  .dots {
+    margin: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    gap: 2px;
+    background-color: var(--theme-elevation-150);
+    border-radius: var(--radius-medium);
+    height: calc(var(--base) * 1.2);
+    width: calc(var(--base) * 1.2);
+
+    &:hover {
+      background-color: var(--theme-elevation-250);
+    }
+
+    &.dots--no-background {
+      background-color: transparent;
+      width: auto;
+      height: auto;
+
+      &:hover {
+        background-color: transparent;
+      }
+    }
+
+    &.dots--horizontal {
+      flex-direction: row;
+    }
+
+    > div {
+      width: 2px;
+      height: 2px;
+      border-radius: 100%;
+      background-color: currentColor;
+    }
+  }
+}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare const Dots: React.FC<{
     ariaLabel?: string;
     className?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Dots/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC,CAgBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Dots/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC,CAgBA,CAAA"}

package/dist/icons/Dots/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';
 const baseClass = 'dots';
 export const Dots = ({
   ariaLabel,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","Dots","ariaLabel","className","noBackground","orientation","_jsxs","filter","Boolean","join","_jsx"],"sources":["../../../src/icons/Dots/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'dots'\n\nexport const Dots: React.FC<{\n  ariaLabel?: string\n  className?: string\n  noBackground?: boolean\n  orientation?: 'horizontal' | 'vertical'\n}> = ({ ariaLabel, className, noBackground, orientation = 'vertical' }) => (\n  <div\n    aria-label={ariaLabel}\n    className={[\n      className,\n      baseClass,\n      noBackground && `${baseClass}--no-background`,\n      orientation && `${baseClass}--${orientation}`,\n    ]\n      .filter(Boolean)\n      .join(' ')}\n  >\n    <div />\n    <div />\n    <div />\n  </div>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,IAAA,GAKRA,CAAC;EAAEC,SAAS;EAAEC,SAAS;EAAEC,YAAY;EAAEC,WAAA,GAAc;AAAU,CAAE,kBACpEC,KAAA,CAAC;EACC,cAAYJ,SAAA;EACZC,SAAA,EAAW,CACTA,SAAA,EACAH,SAAA,EACAI,YAAA,IAAgB,GAAGJ,SAAA,iBAA0B,EAC7CK,WAAA,IAAe,GAAGL,SAAA,KAAcK,WAAA,EAAa,CAC9C,CACEE,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;0BAERC,IAAA,CAAC,Y,aACDA,IAAA,CAAC,Y,aACDA,IAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","baseClass","Dots","ariaLabel","className","noBackground","orientation","_jsxs","filter","Boolean","join","_jsx"],"sources":["../../../src/icons/Dots/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'dots'\n\nexport const Dots: React.FC<{\n  ariaLabel?: string\n  className?: string\n  noBackground?: boolean\n  orientation?: 'horizontal' | 'vertical'\n}> = ({ ariaLabel, className, noBackground, orientation = 'vertical' }) => (\n  <div\n    aria-label={ariaLabel}\n    className={[\n      className,\n      baseClass,\n      noBackground && `${baseClass}--no-background`,\n      orientation && `${baseClass}--${orientation}`,\n    ]\n      .filter(Boolean)\n      .join(' ')}\n  >\n    <div />\n    <div />\n    <div />\n  </div>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,IAAA,GAKRA,CAAC;EAAEC,SAAS;EAAEC,SAAS;EAAEC,YAAY;EAAEC,WAAA,GAAc;AAAU,CAAE,kBACpEC,KAAA,CAAC;EACC,cAAYJ,SAAA;EACZC,SAAA,EAAW,CACTA,SAAA,EACAH,SAAA,EACAI,YAAA,IAAgB,GAAGJ,SAAA,iBAA0B,EAC7CK,WAAA,IAAe,GAAGL,SAAA,KAAcK,WAAA,EAAa,CAC9C,CACEE,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;0BAERC,IAAA,CAAC,Y,aACDA,IAAA,CAAC,Y,aACDA,IAAA,CAAC","ignoreList":[]}

package/dist/icons/Duplicate/index.css

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

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

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

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

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

package/dist/icons/Duplicate/index.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  // icon-16-duplicate
+  16: 'M4 4h5v2H7a1 1 0 0 0-1 1v2H4zm8 2h-2V4a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h2v2a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1m0 1H7v5h5zm-2 1.5a.5.5 0 0 0-1 0V9h-.5a.5.5 0 0 0 0 1H9v.5a.5.5 0 0 0 1 0V10h.5a.5.5 0 0 0 0-1H10z',
+  // icon-24-duplicate-small
+  24: 'M7.5 7h6a.5.5 0 0 1 .5.5V9h-3.5A1.5 1.5 0 0 0 9 10.5V14H7.5a.5.5 0 0 1-.5-.5v-6a.5.5 0 0 1 .5-.5m9 2H15V7.5A1.5 1.5 0 0 0 13.5 6h-6A1.5 1.5 0 0 0 6 7.5v6A1.5 1.5 0 0 0 7.5 15H9v1.5a1.5 1.5 0 0 0 1.5 1.5h6a1.5 1.5 0 0 0 1.5-1.5v-6A1.5 1.5 0 0 0 16.5 9m-6 1a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5zm3.5 2a.5.5 0 0 0-1 0v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 0 0 1 0v-1h1a.5.5 0 0 0 0-1h-1z'
+};
+export const DuplicateIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--duplicate', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","DuplicateIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Duplicate/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  // icon-16-duplicate\n  16: 'M4 4h5v2H7a1 1 0 0 0-1 1v2H4zm8 2h-2V4a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h2v2a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1m0 1H7v5h5zm-2 1.5a.5.5 0 0 0-1 0V9h-.5a.5.5 0 0 0 0 1H9v.5a.5.5 0 0 0 1 0V10h.5a.5.5 0 0 0 0-1H10z',\n  // icon-24-duplicate-small\n  24: 'M7.5 7h6a.5.5 0 0 1 .5.5V9h-3.5A1.5 1.5 0 0 0 9 10.5V14H7.5a.5.5 0 0 1-.5-.5v-6a.5.5 0 0 1 .5-.5m9 2H15V7.5A1.5 1.5 0 0 0 13.5 6h-6A1.5 1.5 0 0 0 6 7.5v6A1.5 1.5 0 0 0 7.5 15H9v1.5a1.5 1.5 0 0 0 1.5 1.5h6a1.5 1.5 0 0 0 1.5-1.5v-6A1.5 1.5 0 0 0 16.5 9m-6 1a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5zm3.5 2a.5.5 0 0 0-1 0v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 0 0 1 0v-1h1a.5.5 0 0 0 0-1h-1z',\n}\n\nexport const DuplicateIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--duplicate', 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,aAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,mBAAmBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACvEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGd,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Edit/index.css

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

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

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

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

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

@@ -1,16 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
+import './index.css';
+const paths = {
+  16: 'M9.86914 2.72438C10.2619 2.40402 10.8409 2.42662 11.207 2.79273L13.207 4.79273C13.5974 5.18327 13.5975 5.81631 13.207 6.2068L6.70703 12.7068C6.51951 12.8943 6.26516 12.9998 6 12.9998H4C3.44779 12.9998 3.00013 12.5519 3 11.9998V9.99977C3 9.7346 3.10551 9.48026 3.29297 9.29273L9.79297 2.79273L9.86914 2.72438ZM4 9.99977V11.9998H6L10.6465 7.35328L8.64648 5.35328L4 9.99977ZM9.35352 4.64625L11.3535 6.64625L12.5 5.49977L10.5 3.49977L9.35352 4.64625Z',
+  24: 'M5.514 6.664a1 1 0 0 1 1.15-1.15l2.684.447a2 2 0 0 1 1.086.559l7.42 7.42a1.5 1.5 0 0 1 0 2.12l-1.793 1.794a1.5 1.5 0 0 1-2.122 0l-7.42-7.42a2 2 0 0 1-.558-1.086zm9.883 6.233-5.67-5.67a1 1 0 0 0-.543-.28l-1.641-.273L6.5 6.5l.174 1.043.273 1.64a1 1 0 0 0 .28.544l5.67 5.67zm.707.707-2.5 2.5 1.043 1.043a.5.5 0 0 0 .707 0l1.793-1.793a.5.5 0 0 0 0-.707z'
+};
 export const EditIcon = ({
-  className
+  className,
+  size = 16
 }) => /*#__PURE__*/_jsx("svg", {
-  className: [className, 'icon icon--edit'].filter(Boolean).join(' '),
-  viewBox: "0 0 20 20",
+  className: ['icon', 'icon--edit', 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: "M9.68531 4.62938H5.2634C4.92833 4.62938 4.60698 4.76248 4.37004 4.99942C4.13311 5.23635 4 5.5577 4 5.89278V14.7366C4 15.0717 4.13311 15.393 4.37004 15.63C4.60698 15.8669 4.92833 16 5.2634 16H14.1072C14.4423 16 14.7636 15.8669 15.0006 15.63C15.2375 15.393 15.3706 15.0717 15.3706 14.7366V10.3147M13.7124 4.39249C13.9637 4.14118 14.3046 4 14.66 4C15.0154 4 15.3562 4.14118 15.6075 4.39249C15.8588 4.6438 16 4.98464 16 5.34004C16 5.69544 15.8588 6.03629 15.6075 6.28759L9.91399 11.9817C9.76399 12.1316 9.57868 12.2413 9.37515 12.3008L7.56027 12.8314C7.50591 12.8472 7.44829 12.8482 7.39344 12.8341C7.33859 12.8201 7.28853 12.7915 7.24849 12.7515C7.20845 12.7115 7.17991 12.6614 7.16586 12.6066C7.15181 12.5517 7.15276 12.4941 7.16861 12.4397L7.69924 10.6249C7.75896 10.4215 7.86888 10.2364 8.01888 10.0866L13.7124 4.39249Z",
-    strokeLinecap: "square"
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
   })
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","EditIcon","className","_jsx","filter","Boolean","join","viewBox","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Edit/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const EditIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={[className, 'icon icon--edit'].filter(Boolean).join(' ')}\n    viewBox=\"0 0 20 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M9.68531 4.62938H5.2634C4.92833 4.62938 4.60698 4.76248 4.37004 4.99942C4.13311 5.23635 4 5.5577 4 5.89278V14.7366C4 15.0717 4.13311 15.393 4.37004 15.63C4.60698 15.8669 4.92833 16 5.2634 16H14.1072C14.4423 16 14.7636 15.8669 15.0006 15.63C15.2375 15.393 15.3706 15.0717 15.3706 14.7366V10.3147M13.7124 4.39249C13.9637 4.14118 14.3046 4 14.66 4C15.0154 4 15.3562 4.14118 15.6075 4.39249C15.8588 4.6438 16 4.98464 16 5.34004C16 5.69544 15.8588 6.03629 15.6075 6.28759L9.91399 11.9817C9.76399 12.1316 9.57868 12.2413 9.37515 12.3008L7.56027 12.8314C7.50591 12.8472 7.44829 12.8482 7.39344 12.8341C7.33859 12.8201 7.28853 12.7915 7.24849 12.7515C7.20845 12.7115 7.17991 12.6614 7.16586 12.6066C7.15181 12.5517 7.15276 12.4941 7.16861 12.4397L7.69924 10.6249C7.75896 10.4215 7.86888 10.2364 8.01888 10.0866L13.7124 4.39249Z\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAA6CA,CAAC;EAAEC;AAAS,CAAE,kBACtEC,IAAA,CAAC;EACCD,SAAA,EAAW,CAACA,SAAA,EAAW,kBAAkB,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAC/DC,OAAA,EAAQ;EACRC,KAAA,EAAM;YAEN,aAAAL,IAAA,CAAC;IACCD,SAAA,EAAU;IACVO,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","EditIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Edit/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M9.86914 2.72438C10.2619 2.40402 10.8409 2.42662 11.207 2.79273L13.207 4.79273C13.5974 5.18327 13.5975 5.81631 13.207 6.2068L6.70703 12.7068C6.51951 12.8943 6.26516 12.9998 6 12.9998H4C3.44779 12.9998 3.00013 12.5519 3 11.9998V9.99977C3 9.7346 3.10551 9.48026 3.29297 9.29273L9.79297 2.79273L9.86914 2.72438ZM4 9.99977V11.9998H6L10.6465 7.35328L8.64648 5.35328L4 9.99977ZM9.35352 4.64625L11.3535 6.64625L12.5 5.49977L10.5 3.49977L9.35352 4.64625Z',\n  24: 'M5.514 6.664a1 1 0 0 1 1.15-1.15l2.684.447a2 2 0 0 1 1.086.559l7.42 7.42a1.5 1.5 0 0 1 0 2.12l-1.793 1.794a1.5 1.5 0 0 1-2.122 0l-7.42-7.42a2 2 0 0 1-.558-1.086zm9.883 6.233-5.67-5.67a1 1 0 0 0-.543-.28l-1.641-.273L6.5 6.5l.174 1.043.273 1.64a1 1 0 0 0 .28.544l5.67 5.67zm.707.707-2.5 2.5 1.043 1.043a.5.5 0 0 0 .707 0l1.793-1.793a.5.5 0 0 0 0-.707z',\n}\n\nexport const EditIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 16 }) => (\n  <svg\n    className={['icon', 'icon--edit', 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/Error/index.css

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

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

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

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

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

package/dist/icons/Error/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: 'M15.4001 10.5996L10.6001 15.3996M10.6001 10.5996L15.4001 15.3996'
+  }
+};
+export const ErrorIcon = ({
+  className,
+  size = 26
+}) => /*#__PURE__*/_jsxs("svg", {
+  className: ['icon', 'icon--error', 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/Error/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","circle","symbol","ErrorIcon","className","size","_jsxs","filter","Boolean","join","fill","height","viewBox","width","xmlns","_jsx","d","strokeLinecap","strokeLinejoin"],"sources":["../../../src/icons/Error/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: 'M15.4001 10.5996L10.6001 15.3996M10.6001 10.5996L15.4001 15.3996',\n  },\n}\n\nexport const ErrorIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 26\n}> = ({ className, size = 26 }) => (\n  <svg\n    className={['icon', 'icon--error', 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,SAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,KAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,eAAeA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACnEC,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/Expand/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Expand/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,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/Expand/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+const paths = {
+  16: 'M6.146 9.146a.5.5 0 1 1 .708.708L4.707 12H6.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v1.793zM12.5 3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V4.707L9.854 6.854a.5.5 0 1 1-.708-.708L11.293 4H9.5a.5.5 0 0 1 0-1z',
+  24: 'm17 7.707-3.146 3.147a.5.5 0 0 1-.708-.708L16.293 7H13.5a.5.5 0 0 1 0-1h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0zm-6.854 5.44a.5.5 0 0 1 .708.707L7.707 17H10.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 1 0v2.793z'
+};
+export const ExpandIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--expand', 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: "fill",
+    d: paths[size]
+  })
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","ExpandIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/Expand/index.tsx"],"sourcesContent":["import React from 'react'\n\nconst paths: Record<16 | 24, string> = {\n  16: 'M6.146 9.146a.5.5 0 1 1 .708.708L4.707 12H6.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v1.793zM12.5 3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V4.707L9.854 6.854a.5.5 0 1 1-.708-.708L11.293 4H9.5a.5.5 0 0 1 0-1z',\n  24: 'm17 7.707-3.146 3.147a.5.5 0 0 1-.708-.708L16.293 7H13.5a.5.5 0 0 1 0-1h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0zm-6.854 5.44a.5.5 0 0 1 .708.707L7.707 17H10.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 1 0v2.793z',\n}\n\nexport const ExpandIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--expand', 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=\"fill\" d={paths[size]} />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,MAAMC,KAAA,GAAiC;EACrC,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,UAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,gBAAgBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACpEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKF,SAAA,EAAU;IAAOW,CAAA,EAAGb,KAAK,CAACG,IAAA","ignoreList":[]}

package/dist/icons/ExternalLink/index.css

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

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

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

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

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

package/dist/icons/ExternalLink/index.js

@@ -1,19 +1,26 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
-export const ExternalLinkIcon = props => {
-  const {
-    className
-  } = props;
-  return /*#__PURE__*/_jsx("svg", {
-    className: [className, 'icon icon--externalLink'].filter(Boolean).join(' '),
-    viewBox: "0 0 20 20",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/_jsx("path", {
-      className: "stroke",
-      d: "M16 10.6667V14.6667C16 15.0203 15.8595 15.3594 15.6095 15.6095C15.3594 15.8595 15.0203 16 14.6667 16H5.33333C4.97971 16 4.64057 15.8595 4.39052 15.6095C4.14048 15.3594 4 15.0203 4 14.6667V5.33333C4 4.97971 4.14048 4.64057 4.39052 4.39052C4.64057 4.14048 4.97971 4 5.33333 4H9.33333M16 4L10 10M16 4H12M16 4V8",
-      strokeLinecap: "square"
-    })
-  });
+import './index.css';
+const paths = {
+  // External link icon - box with arrow pointing out
+  16: 'M4 3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V9a.5.5 0 0 0-1 0v3H4V4h3a.5.5 0 0 0 0-1H4zm5-.5a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V3.707l-4.646 4.647a.5.5 0 1 1-.708-.708L11.793 3H9.5a.5.5 0 0 1-.5-.5',
+  24: 'M6 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-4a.5.5 0 0 0-1 0v4H6V6h4a.5.5 0 0 0 0-1H6zm7-.5a.5.5 0 0 1 .5-.5H19a.5.5 0 0 1 .5.5V10a.5.5 0 0 1-1 0V5.707l-6.646 6.647a.5.5 0 0 1-.708-.708L17.793 5H13.5a.5.5 0 0 1-.5-.5'
 };
+export const ExternalLinkIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--external-link', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ExternalLinkIcon","props","className","_jsx","filter","Boolean","join","viewBox","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/ExternalLink/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const ExternalLinkIcon: React.FC<{\n  className?: string\n}> = (props) => {\n  const { className } = props\n  return (\n    <svg\n      className={[className, 'icon icon--externalLink'].filter(Boolean).join(' ')}\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        className=\"stroke\"\n        d=\"M16 10.6667V14.6667C16 15.0203 15.8595 15.3594 15.6095 15.6095C15.3594 15.8595 15.0203 16 14.6667 16H5.33333C4.97971 16 4.64057 15.8595 4.39052 15.6095C4.14048 15.3594 4 15.0203 4 14.6667V5.33333C4 4.97971 4.14048 4.64057 4.39052 4.39052C4.64057 4.14048 4.97971 4 5.33333 4H9.33333M16 4L10 10M16 4H12M16 4V8\"\n        strokeLinecap=\"square\"\n      />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,gBAAA,GAEPC,KAAA;EACJ,MAAM;IAAEC;EAAS,CAAE,GAAGD,KAAA;EACtB,oBACEE,IAAA,CAAC;IACCD,SAAA,EAAW,CAACA,SAAA,EAAW,0BAA0B,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACvEC,OAAA,EAAQ;IACRC,KAAA,EAAM;cAEN,aAAAL,IAAA,CAAC;MACCD,SAAA,EAAU;MACVO,CAAA,EAAE;MACFC,aAAA,EAAc;;;AAItB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","ExternalLinkIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/ExternalLink/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  // External link icon - box with arrow pointing out\n  16: 'M4 3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V9a.5.5 0 0 0-1 0v3H4V4h3a.5.5 0 0 0 0-1H4zm5-.5a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V3.707l-4.646 4.647a.5.5 0 1 1-.708-.708L11.793 3H9.5a.5.5 0 0 1-.5-.5',\n  24: 'M6 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-4a.5.5 0 0 0-1 0v4H6V6h4a.5.5 0 0 0 0-1H6zm7-.5a.5.5 0 0 1 .5-.5H19a.5.5 0 0 1 .5.5V10a.5.5 0 0 1-1 0V5.707l-6.646 6.647a.5.5 0 0 1-.708-.708L17.793 5H13.5a.5.5 0 0 1-.5-.5',\n}\n\nexport const ExternalLinkIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--external-link', 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,IAAI;AACN;AAEA,OAAO,MAAMC,gBAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,uBAAuBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAC3EC,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/Eye/index.css

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Eye/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CA0BtE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Eye/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAmBpB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7B,mHAAmH;IACnH,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/Eye/index.js

@@ -1,28 +1,41 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { Fragment } from 'react';
-import './index.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  // Visible (open eye) paths
+  visible: {
+    // icon-16-visible
+    16: 'M3.035 8.07 3.01 8l.026-.07q.064-.155.235-.412a5.6 5.6 0 0 1 1.053-1.121C5.257 5.627 6.54 5 8 5s2.743.628 3.677 1.397c.465.383.821.783 1.053 1.121.116.17.191.31.235.413L12.99 8l-.026.07q-.064.155-.235.412a5.6 5.6 0 0 1-1.053 1.121C10.743 10.373 9.46 11 8 11s-2.743-.628-3.677-1.397A5.6 5.6 0 0 1 3.27 8.482a2.5 2.5 0 0 1-.235-.413M2 8c0-1 2.5-4 6-4s6 3 6 4-2.5 4-6 4-6-3-6-4m6 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2',
+    // icon-24-eye-small (centered in 24x24 viewBox)
+    24: 'M6 12c0-.066.054-.358.313-.825a5.9 5.9 0 0 1 1.12-1.414C8.443 8.816 9.956 8 12 8s3.558.816 4.566 1.76c.508.477.88.98 1.121 1.415.258.467.313.76.313.825 0 .066-.055.358-.313.825-.24.435-.613.938-1.12 1.414C15.557 15.184 14.044 16 12 16s-3.558-.816-4.566-1.76a5.9 5.9 0 0 1-1.121-1.415C6.055 12.358 6 12.065 6 12m-1 0c0-1.25 2.333-5 7-5s7 3.75 7 5-2.333 5-7 5-7-3.75-7-5m8 0a1 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'
+  },
+  // Hidden (closed eye) paths
+  hidden: {
+    // icon-16-hidden
+    16: 'M2.159 6.058c-.14-.292.103-.558.427-.558.38 0 .43.08.571.307q.047.076.113.175c.232.338.588.738 1.053 1.121C5.257 7.873 6.54 8.5 8 8.5s2.743-.628 3.677-1.397a5.6 5.6 0 0 0 1.053-1.121l.109-.168c.148-.235.198-.314.575-.314.324 0 .566.266.427.558-.234.491-.718 1.12-1.397 1.706l.972 1.459a.5.5 0 1 1-.832.554l-.94-1.41a7.2 7.2 0 0 1-1.59.784l.43 1.728a.5.5 0 0 1-.97.242l-.429-1.718a6.2 6.2 0 0 1-2.17 0l-.43 1.718a.5.5 0 0 1-.97-.242l.432-1.728a7.2 7.2 0 0 1-1.59-.784l-.941 1.41a.5.5 0 0 1-.832-.554l.972-1.459c-.68-.586-1.163-1.215-1.397-1.706',
+    // icon-24-hidden-small (centered in 24x24 viewBox)
+    24: 'M5.5 9c.276 0 .533.223.641.477q.065.153.172.348c.24.435.613.938 1.121 1.414C8.442 12.184 9.954 13 12 13s3.558-.816 4.566-1.76c.508-.477.88-.98 1.121-1.415q.107-.195.171-.348c.11-.254.366-.477.642-.477s.495.225.417.49c-.202.682-.77 1.65-1.705 2.515l1.142 1.141a.5.5 0 0 1-.708.708l-1.217-1.218a7.4 7.4 0 0 1-1.89.958l.446 1.785a.5.5 0 0 1-.97.242l-.443-1.77A8 8 0 0 1 12 14a8 8 0 0 1-1.572-.15l-.443 1.771a.5.5 0 0 1-.97-.242l.446-1.785a7.4 7.4 0 0 1-1.89-.958l-1.217 1.218a.5.5 0 0 1-.708-.708l1.142-1.142c-.935-.864-1.503-1.832-1.705-2.514-.078-.265.14-.49.417-.49'
+  }
+};
 export const EyeIcon = ({
   active = true,
-  className
-}) => /*#__PURE__*/_jsx("svg", {
-  className: [className, 'icon icon--eye'].filter(Boolean).join(' '),
-  viewBox: "0 0 16 12",
-  xmlns: "http://www.w3.org/2000/svg",
-  children: !active ? /*#__PURE__*/_jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx("circle", {
-      className: "stroke",
-      cx: "8.5",
-      cy: "6",
-      r: "2.5"
-    }), /*#__PURE__*/_jsx("path", {
-      className: "stroke",
-      d: "M8.5 1C3.83333 1 1.5 6 1.5 6C1.5 6 3.83333 11 8.5 11C13.1667 11 15.5 6 15.5 6C15.5 6 13.1667 1 8.5 1Z"
-    })]
-  }) : /*#__PURE__*/_jsx(Fragment, {
+  className,
+  size = 16
+}) => {
+  const pathData = active ? paths.hidden[size] : paths.visible[size];
+  return /*#__PURE__*/_jsx("svg", {
+    className: ['icon', 'icon--eye', 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: "M2 11.5L4.35141 9.51035M15 0.5L12.6486 2.48965M10.915 6.64887C10.6493 7.64011 9.78959 8.38832 8.7408 8.48855M10.4085 4.38511C9.94992 3.84369 9.2651 3.5 8.5 3.5C7.11929 3.5 6 4.61929 6 6C6 6.61561 6.22251 7.17926 6.59149 7.61489M10.4085 4.38511L6.59149 7.61489M10.4085 4.38511L12.6486 2.48965M6.59149 7.61489L4.35141 9.51035M14.1292 3.92915C15.0431 5.02085 15.5 6 15.5 6C15.5 6 13.1667 11 8.5 11C7.67995 11 6.93195 10.8456 6.256 10.5911M4.35141 9.51035C2.45047 8.03672 1.5 6 1.5 6C1.5 6 3.83333 1 8.5 1C10.1882 1 11.5711 1.65437 12.6486 2.48965"
+      clipRule: "evenodd",
+      d: pathData,
+      fill: "currentColor",
+      fillRule: "evenodd"
     })
-  })
-});
+  });
+};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Fragment","EyeIcon","active","className","_jsx","filter","Boolean","join","viewBox","xmlns","_jsxs","cx","cy","r","d"],"sources":["../../../src/icons/Eye/index.tsx"],"sourcesContent":["import React, { Fragment } from 'react'\n\nimport './index.scss'\n\nexport const EyeIcon: React.FC<{ active?: boolean; className?: string }> = ({\n  active = true,\n  className,\n}) => (\n  <svg\n    className={[className, 'icon icon--eye'].filter(Boolean).join(' ')}\n    viewBox=\"0 0 16 12\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    {!active ? (\n      <Fragment>\n        <circle className=\"stroke\" cx=\"8.5\" cy=\"6\" r=\"2.5\" />\n        <path\n          className=\"stroke\"\n          d=\"M8.5 1C3.83333 1 1.5 6 1.5 6C1.5 6 3.83333 11 8.5 11C13.1667 11 15.5 6 15.5 6C15.5 6 13.1667 1 8.5 1Z\"\n        />\n      </Fragment>\n    ) : (\n      <Fragment>\n        <path\n          className=\"stroke\"\n          d=\"M2 11.5L4.35141 9.51035M15 0.5L12.6486 2.48965M10.915 6.64887C10.6493 7.64011 9.78959 8.38832 8.7408 8.48855M10.4085 4.38511C9.94992 3.84369 9.2651 3.5 8.5 3.5C7.11929 3.5 6 4.61929 6 6C6 6.61561 6.22251 7.17926 6.59149 7.61489M10.4085 4.38511L6.59149 7.61489M10.4085 4.38511L12.6486 2.48965M6.59149 7.61489L4.35141 9.51035M14.1292 3.92915C15.0431 5.02085 15.5 6 15.5 6C15.5 6 13.1667 11 8.5 11C7.67995 11 6.93195 10.8456 6.256 10.5911M4.35141 9.51035C2.45047 8.03672 1.5 6 1.5 6C1.5 6 3.83333 1 8.5 1C10.1882 1 11.5711 1.65437 12.6486 2.48965\"\n        />\n      </Fragment>\n    )}\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,IAASC,QAAQ,QAAQ;AAEhC,OAAO;AAEP,OAAO,MAAMC,OAAA,GAA8DA,CAAC;EAC1EC,MAAA,GAAS,IAAI;EACbC;AAAS,CACV,kBACCC,IAAA,CAAC;EACCD,SAAA,EAAW,CAACA,SAAA,EAAW,iBAAiB,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAC9DC,OAAA,EAAQ;EACRC,KAAA,EAAM;YAEL,CAACP,MAAA,gBACAQ,KAAA,CAACV,QAAA;4BACCI,IAAA,CAAC;MAAOD,SAAA,EAAU;MAASQ,EAAA,EAAG;MAAMC,EAAA,EAAG;MAAIC,CAAA,EAAE;qBAC7CT,IAAA,CAAC;MACCD,SAAA,EAAU;MACVW,CAAA,EAAE;;oBAINV,IAAA,CAACJ,QAAA;cACC,aAAAI,IAAA,CAAC;MACCD,SAAA,EAAU;MACVW,CAAA,EAAE","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","visible","hidden","EyeIcon","active","className","size","pathData","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Eye/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  // Visible (open eye) paths\n  visible: {\n    // icon-16-visible\n    16: 'M3.035 8.07 3.01 8l.026-.07q.064-.155.235-.412a5.6 5.6 0 0 1 1.053-1.121C5.257 5.627 6.54 5 8 5s2.743.628 3.677 1.397c.465.383.821.783 1.053 1.121.116.17.191.31.235.413L12.99 8l-.026.07q-.064.155-.235.412a5.6 5.6 0 0 1-1.053 1.121C10.743 10.373 9.46 11 8 11s-2.743-.628-3.677-1.397A5.6 5.6 0 0 1 3.27 8.482a2.5 2.5 0 0 1-.235-.413M2 8c0-1 2.5-4 6-4s6 3 6 4-2.5 4-6 4-6-3-6-4m6 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2',\n    // icon-24-eye-small (centered in 24x24 viewBox)\n    24: 'M6 12c0-.066.054-.358.313-.825a5.9 5.9 0 0 1 1.12-1.414C8.443 8.816 9.956 8 12 8s3.558.816 4.566 1.76c.508.477.88.98 1.121 1.415.258.467.313.76.313.825 0 .066-.055.358-.313.825-.24.435-.613.938-1.12 1.414C15.557 15.184 14.044 16 12 16s-3.558-.816-4.566-1.76a5.9 5.9 0 0 1-1.121-1.415C6.055 12.358 6 12.065 6 12m-1 0c0-1.25 2.333-5 7-5s7 3.75 7 5-2.333 5-7 5-7-3.75-7-5m8 0a1 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  },\n  // Hidden (closed eye) paths\n  hidden: {\n    // icon-16-hidden\n    16: 'M2.159 6.058c-.14-.292.103-.558.427-.558.38 0 .43.08.571.307q.047.076.113.175c.232.338.588.738 1.053 1.121C5.257 7.873 6.54 8.5 8 8.5s2.743-.628 3.677-1.397a5.6 5.6 0 0 0 1.053-1.121l.109-.168c.148-.235.198-.314.575-.314.324 0 .566.266.427.558-.234.491-.718 1.12-1.397 1.706l.972 1.459a.5.5 0 1 1-.832.554l-.94-1.41a7.2 7.2 0 0 1-1.59.784l.43 1.728a.5.5 0 0 1-.97.242l-.429-1.718a6.2 6.2 0 0 1-2.17 0l-.43 1.718a.5.5 0 0 1-.97-.242l.432-1.728a7.2 7.2 0 0 1-1.59-.784l-.941 1.41a.5.5 0 0 1-.832-.554l.972-1.459c-.68-.586-1.163-1.215-1.397-1.706',\n    // icon-24-hidden-small (centered in 24x24 viewBox)\n    24: 'M5.5 9c.276 0 .533.223.641.477q.065.153.172.348c.24.435.613.938 1.121 1.414C8.442 12.184 9.954 13 12 13s3.558-.816 4.566-1.76c.508-.477.88-.98 1.121-1.415q.107-.195.171-.348c.11-.254.366-.477.642-.477s.495.225.417.49c-.202.682-.77 1.65-1.705 2.515l1.142 1.141a.5.5 0 0 1-.708.708l-1.217-1.218a7.4 7.4 0 0 1-1.89.958l.446 1.785a.5.5 0 0 1-.97.242l-.443-1.77A8 8 0 0 1 12 14a8 8 0 0 1-1.572-.15l-.443 1.771a.5.5 0 0 1-.97-.242l.446-1.785a7.4 7.4 0 0 1-1.89-.958l-1.217 1.218a.5.5 0 0 1-.708-.708l1.142-1.142c-.935-.864-1.503-1.832-1.705-2.514-.078-.265.14-.49.417-.49',\n  },\n}\n\nexport const EyeIcon: React.FC<{\n  /** When true, shows the hidden/closed eye (indicating \"click to hide\"). When false, shows the visible/open eye. */\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--eye', 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,OAAO;AAEP,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,OAAA,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,aAAaA,SAAA,CAAU,CAACI,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACjEC,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/Filter/index.css

@@ -0,0 +1,9 @@
+@layer payload-default {
+  .icon--filter {
+    flex-shrink: 0;
+  }
+
+  .icon--filter__badge {
+    fill: var(--color-icon-danger);
+  }
+}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.css';
+type Props = {
+    readonly className?: string;
+    /**
+     * When true, adds a circular cutout in the top-right corner and renders a red indicator badge.
+     * The cutout creates space for the badge to sit cleanly without overlapping the icon.
+     */
+    readonly hasBadgeCutout?: boolean;
+    readonly size?: 16 | 24;
+};
+export declare const FilterIcon: React.FC<Props>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Filter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAEpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B;;;OAGG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAAA;AAcD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgCtC,CAAA"}