@join-x5/react-icons 1.0.0-rc → 1.0.1

package/dist/components/Account.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../types';
+export declare const AccountIcon: IconComponent;

package/dist/components/Account.es.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { forwardRef as V, SizeTokenValue as r } from "@join-x5/react-theme";
+import { SVG as c } from "./SVG.es.js";
+const e = /* @__PURE__ */ o("path", { d: "M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16 18.9297V17.5352C16 17.2008 15.8329 16.8886 15.5547 16.7031L13.4453 15.2969C13.1671 15.1114 13 14.7992 13 14.4648V13.8293C14.1652 13.4175 15 12.3062 15 11C15 9.34315 13.6569 8 12 8C10.3431 8 9 9.34315 9 11C9 12.3062 9.83481 13.4175 11 13.8293V14.4648C11 14.7992 10.8329 15.1114 10.5547 15.2969L8.4453 16.7031C8.1671 16.8886 8 17.2008 8 17.5352V18.9297C9.17669 19.6104 10.5429 20 12 20C13.4571 20 14.8233 19.6104 16 18.9297ZM17.9909 17.3019C19.2411 15.8904 20 14.0338 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 14.0338 4.75894 15.8904 6.00907 17.3019C6.08021 16.3884 6.56638 15.552 7.3359 15.039L8.3191 14.3836C7.5006 13.494 7 12.3064 7 11C7 8.23858 9.23858 6 12 6C14.7614 6 17 8.23858 17 11C17 12.3064 16.4994 13.494 15.6809 14.3836L16.6641 15.039C17.4336 15.552 17.9198 16.3884 17.9909 17.3019Z" }), L = /* @__PURE__ */ o("path", { d: "M4 13.7453C2.18652 12.4804 1 10.3787 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C6.9264 15 5.90926 14.7583 5 14.3264C4.64967 14.1599 4.31536 13.9653 4 13.7453ZM11 13.1973V11.618C11 11.2393 10.786 10.893 10.4472 10.7236L9.55279 10.2764C9.214 10.107 9 9.76074 9 9.38197V8.73244C9.5978 8.38663 10 7.74028 10 7C10 5.89543 9.10457 5 8 5C6.89543 5 6 5.89543 6 7C6 7.74028 6.4022 8.38663 7 8.73244V9.38197C7 9.76074 6.786 10.107 6.44721 10.2764L5.55279 10.7236C5.214 10.893 5 11.2393 5 11.618V13.1973C5.88252 13.7078 6.90714 14 8 14C9.09286 14 10.1175 13.7078 11 13.1973ZM12 12.4722C13.2275 11.3736 14 9.777 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 9.777 2.7725 11.3736 4 12.4722V11.618C4 10.8605 4.428 10.168 5.10557 9.82918L6 9.38197L6 9.23594C5.38731 8.68746 5 7.88934 5 7C5 5.34315 6.34315 4 8 4C9.65685 4 11 5.34315 11 7C11 7.88934 10.6127 8.68746 10 9.23594V9.38197L10.8944 9.82918C11.572 10.168 12 10.8605 12 11.618V12.4722Z" }), M = V((n, t) => {
+  const {
+    size: C
+  } = n;
+  return /* @__PURE__ */ o(c, { ref: t, name: "Account", ...n, children: !C || C === r.Large || C === r.Medium ? e : L });
+});
+export {
+  M as AccountIcon
+};
+//# sourceMappingURL=Account.es.js.map

package/dist/components/Account.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Account.es.js","sources":["../../src/components/Account.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n  <path d=\"M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16 18.9297V17.5352C16 17.2008 15.8329 16.8886 15.5547 16.7031L13.4453 15.2969C13.1671 15.1114 13 14.7992 13 14.4648V13.8293C14.1652 13.4175 15 12.3062 15 11C15 9.34315 13.6569 8 12 8C10.3431 8 9 9.34315 9 11C9 12.3062 9.83481 13.4175 11 13.8293V14.4648C11 14.7992 10.8329 15.1114 10.5547 15.2969L8.4453 16.7031C8.1671 16.8886 8 17.2008 8 17.5352V18.9297C9.17669 19.6104 10.5429 20 12 20C13.4571 20 14.8233 19.6104 16 18.9297ZM17.9909 17.3019C19.2411 15.8904 20 14.0338 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 14.0338 4.75894 15.8904 6.00907 17.3019C6.08021 16.3884 6.56638 15.552 7.3359 15.039L8.3191 14.3836C7.5006 13.494 7 12.3064 7 11C7 8.23858 9.23858 6 12 6C14.7614 6 17 8.23858 17 11C17 12.3064 16.4994 13.494 15.6809 14.3836L16.6641 15.039C17.4336 15.552 17.9198 16.3884 17.9909 17.3019Z\" />\n);\n\nconst smallIcon = (\n  <path d=\"M4 13.7453C2.18652 12.4804 1 10.3787 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C6.9264 15 5.90926 14.7583 5 14.3264C4.64967 14.1599 4.31536 13.9653 4 13.7453ZM11 13.1973V11.618C11 11.2393 10.786 10.893 10.4472 10.7236L9.55279 10.2764C9.214 10.107 9 9.76074 9 9.38197V8.73244C9.5978 8.38663 10 7.74028 10 7C10 5.89543 9.10457 5 8 5C6.89543 5 6 5.89543 6 7C6 7.74028 6.4022 8.38663 7 8.73244V9.38197C7 9.76074 6.786 10.107 6.44721 10.2764L5.55279 10.7236C5.214 10.893 5 11.2393 5 11.618V13.1973C5.88252 13.7078 6.90714 14 8 14C9.09286 14 10.1175 13.7078 11 13.1973ZM12 12.4722C13.2275 11.3736 14 9.777 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 9.777 2.7725 11.3736 4 12.4722V11.618C4 10.8605 4.428 10.168 5.10557 9.82918L6 9.38197L6 9.23594C5.38731 8.68746 5 7.88934 5 7C5 5.34315 6.34315 4 8 4C9.65685 4 11 5.34315 11 7C11 7.88934 10.6127 8.68746 10 9.23594V9.38197L10.8944 9.82918C11.572 10.168 12 10.8605 12 11.618V12.4722Z\" />\n);\n\nexport const AccountIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"Account\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","AccountIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,k6BACT,CAAA,GAEKC,IACJ,gBAAAD,EAAC,QAAK,EAAA,GAAE,g9BACT,CAAA,GAEYE,IAA6BC,EAAW,CAACC,GAAOC,MAAQ;AAC7D,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,WAAU,GAAID,GAC/B,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/Add.es.js

@@ -1,14 +1,13 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { SizeTokenValue as r } from "@join-x5/react-theme";
-import { SVG as t } from "./SVG.es.js";
-const m = /* @__PURE__ */ e("path", { d: "M18 13H13V18C13 18.55 12.55 19 12 19C11.45 19 11 18.55 11 18V13H6C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11H11V6C11 5.45 11.45 5 12 5C12.55 5 13 5.45 13 6V11H18C18.55 11 19 11.45 19 12C19 12.55 18.55 13 18 13Z" }), i = /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.5 2.43506C8.81204 2.43506 9.065 2.68802 9.065 3.00006V6.93506H13C13.312 6.93506 13.565 7.18802 13.565 7.50006C13.565 7.8121 13.312 8.06506 13 8.06506H9.065V12.0001C9.065 12.3121 8.81204 12.5651 8.5 12.5651C8.18796 12.5651 7.935 12.3121 7.935 12.0001V8.06506H4C3.68796 8.06506 3.435 7.8121 3.435 7.50006C3.435 7.18802 3.68796 6.93506 4 6.93506H7.935V3.00006C7.935 2.68802 8.18796 2.43506 8.5 2.43506Z" }), H = n((C, d) => {
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { forwardRef as t, SizeTokenValue as e } from "@join-x5/react-theme";
+import { SVG as V } from "./SVG.es.js";
+const d = /* @__PURE__ */ o("path", { d: "M13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5V11H5C4.44771 11 4 11.4477 4 12C4 12.5523 4.44771 13 5 13H11V19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19V13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11H13V5Z" }), m = /* @__PURE__ */ o("path", { d: "M9 2C9 1.72386 8.77614 1.5 8.5 1.5C8.22386 1.5 8 1.72386 8 2V7L3 7C2.72386 7 2.5 7.22386 2.5 7.5C2.5 7.77614 2.72386 8 3 8L8 8V13C8 13.2761 8.22386 13.5 8.5 13.5C8.77614 13.5 9 13.2761 9 13V8H14C14.2761 8 14.5 7.77614 14.5 7.5C14.5 7.22386 14.2761 7 14 7H9V2Z" }), s = t((r, n) => {
   const {
-    size: o
-  } = C;
-  return /* @__PURE__ */ e(t, { ref: d, name: "Add", ...C, children: !o || o === r.Large || o === r.Medium ? m : i });
+    size: C
+  } = r;
+  return /* @__PURE__ */ o(V, { ref: n, name: "Add", ...r, children: !C || C === e.Large || C === e.Medium ? d : m });
 });
 export {
-  H as AddIcon
+  s as AddIcon
 };
 //# sourceMappingURL=Add.es.js.map

package/dist/components/Add.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Add.es.js","sources":["../../src/components/Add.tsx"],"sourcesContent":["import {forwardRef} from 'react';\n\nimport {SizeTokenValue} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n  <path d=\"M18 13H13V18C13 18.55 12.55 19 12 19C11.45 19 11 18.55 11 18V13H6C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11H11V6C11 5.45 11.45 5 12 5C12.55 5 13 5.45 13 6V11H18C18.55 11 19 11.45 19 12C19 12.55 18.55 13 18 13Z\" />\n);\n\nconst smallIcon = (\n  <path\n    fillRule=\"evenodd\"\n    clipRule=\"evenodd\"\n    d=\"M8.5 2.43506C8.81204 2.43506 9.065 2.68802 9.065 3.00006V6.93506H13C13.312 6.93506 13.565 7.18802 13.565 7.50006C13.565 7.8121 13.312 8.06506 13 8.06506H9.065V12.0001C9.065 12.3121 8.81204 12.5651 8.5 12.5651C8.18796 12.5651 7.935 12.3121 7.935 12.0001V8.06506H4C3.68796 8.06506 3.435 7.8121 3.435 7.50006C3.435 7.18802 3.68796 6.93506 4 6.93506H7.935V3.00006C7.935 2.68802 8.18796 2.43506 8.5 2.43506Z\"\n  />\n);\n\nexport const AddIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"Add\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","AddIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;;AAQA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,oNACT,CAAA,GAEKC,sBACH,QACC,EAAA,UAAS,WACT,UAAS,WACT,GAAE,sZAEL,GAEYC,IAAyBC,EAAW,CAACC,GAAOC,MAAQ;AACzD,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,OAAM,GAAID,GAC3B,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}
+{"version":3,"file":"Add.es.js","sources":["../../src/components/Add.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n  <path d=\"M13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5V11H5C4.44771 11 4 11.4477 4 12C4 12.5523 4.44771 13 5 13H11V19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19V13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11H13V5Z\" />\n);\n\nconst smallIcon = (\n  <path d=\"M9 2C9 1.72386 8.77614 1.5 8.5 1.5C8.22386 1.5 8 1.72386 8 2V7L3 7C2.72386 7 2.5 7.22386 2.5 7.5C2.5 7.77614 2.72386 8 3 8L8 8V13C8 13.2761 8.22386 13.5 8.5 13.5C8.77614 13.5 9 13.2761 9 13V8H14C14.2761 8 14.5 7.77614 14.5 7.5C14.5 7.22386 14.2761 7 14 7H9V2Z\" />\n);\n\nexport const AddIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"Add\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","AddIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,uPACT,CAAA,GAEKC,IACJ,gBAAAD,EAAC,QAAK,EAAA,GAAE,sQACT,CAAA,GAEYE,IAAyBC,EAAW,CAACC,GAAOC,MAAQ;AACzD,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,OAAM,GAAID,GAC3B,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/Ai.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../types';
+export declare const AiIcon: IconComponent;

package/dist/components/Ai.es.js

@@ -0,0 +1,13 @@
+import { jsx as L } from "@emotion/react/jsx-runtime";
+import { forwardRef as e, SizeTokenValue as r } from "@join-x5/react-theme";
+import { SVG as n } from "./SVG.es.js";
+const a = [/* @__PURE__ */ L("path", { d: "M17.9499 1.40764C18.1154 0.864121 18.8846 0.864122 19.0501 1.40764L19.2078 1.92527C19.4802 2.81999 20.1804 3.52012 21.075 3.7923L21.5923 3.94966C22.1359 4.11506 22.1359 4.88494 21.5923 5.05034L21.075 5.2077C20.1804 5.47988 19.4802 6.18001 19.2078 7.07473L19.0501 7.59236C18.8846 8.13588 18.1154 8.13588 17.9499 7.59236L17.7922 7.07473C17.5198 6.18001 16.8196 5.47988 15.925 5.2077L15.4077 5.05034C14.8641 4.88494 14.8641 4.11506 15.4077 3.94966L15.925 3.7923C16.8196 3.52012 17.5198 2.81999 17.7922 1.92527L17.9499 1.40764Z" }, "0"), /* @__PURE__ */ L("path", { d: "M15.7269 11.8648C13.5267 11.1951 11.8049 9.47326 11.1353 7.27313L10.3251 4.61132C10.077 3.79623 8.92301 3.79623 8.67492 4.61132L7.86475 7.27313C7.1951 9.47326 5.47326 11.1951 3.27313 11.8648L0.611325 12.6749C-0.203775 12.923 -0.203775 14.077 0.611325 14.3251L3.27313 15.1352C5.47326 15.8049 7.1951 17.5267 7.86475 19.7269L8.67492 22.3887C8.92301 23.2038 10.077 23.2038 10.3251 22.3887L11.1353 19.7269C11.8049 17.5267 13.5267 15.8049 15.7269 15.1352L18.3887 14.3251C19.2038 14.077 19.2038 12.923 18.3887 12.6749L15.7269 11.8648ZM14.3633 13.5C12.1567 14.4033 10.4033 16.1567 9.5 18.3633C8.59672 16.1567 6.84326 14.4033 4.63671 13.5C6.84326 12.5967 8.59672 10.8433 9.5 8.63671C10.4033 10.8433 12.1567 12.5967 14.3633 13.5Z" }, "1")], i = [/* @__PURE__ */ L("path", { d: "M11.5285 1.3494C11.6703 0.883533 12.3297 0.883533 12.4716 1.3494L12.6067 1.79309C12.8402 2.55999 13.4404 3.16011 14.2072 3.3934L14.6505 3.52828C15.1165 3.67005 15.1165 4.32995 14.6505 4.47172L14.2072 4.6066C13.4404 4.83989 12.8402 5.44001 12.6067 6.20691L12.4716 6.6506C12.3297 7.11647 11.6703 7.11647 11.5285 6.6506L11.3933 6.20691C11.1598 5.44001 10.5596 4.83989 9.79283 4.6066L9.34949 4.47172C8.8835 4.32995 8.8835 3.67005 9.34949 3.52828L9.79283 3.3934C10.5596 3.16011 11.1598 2.55999 11.3933 1.79309L11.5285 1.3494Z" }, "0"), /* @__PURE__ */ L("path", { d: "M5.93547 3.41827C6.10522 2.86058 6.89478 2.86057 7.06453 3.41827L7.61886 5.23951C8.07704 6.74486 9.25514 7.92296 10.7605 8.38115L12.5817 8.93547C13.1394 9.10522 13.1394 9.89478 12.5817 10.0645L10.7605 10.6189C9.25514 11.077 8.07704 12.2551 7.61886 13.7605L7.06453 15.5817C6.89478 16.1394 6.10522 16.1394 5.93547 15.5817L5.38115 13.7605C4.92297 12.2551 3.74486 11.077 2.23951 10.6189L0.418275 10.0645C-0.139425 9.89478 -0.139425 9.10522 0.418275 8.93547L2.23951 8.38115C3.74486 7.92296 4.92297 6.74486 5.38115 5.23951L5.93547 3.41827ZM6.66219 5.53069L6.5 4.99783L6.33781 5.53069C5.78258 7.35492 4.35492 8.78258 2.53069 9.33781L1.99783 9.5L2.53069 9.66219C4.35492 10.2174 5.78258 11.6451 6.33781 13.4693L6.5 14.0022L6.66219 13.4693C7.21742 11.6451 8.64508 10.2174 10.4693 9.66219L11.0022 9.5L10.4693 9.33781C8.64508 8.78258 7.21742 7.35492 6.66219 5.53069Z" }, "1")], M = e((o, t) => {
+  const {
+    size: C
+  } = o;
+  return /* @__PURE__ */ L(n, { ref: t, name: "Ai", ...o, children: !C || C === r.Large || C === r.Medium ? a : i });
+});
+export {
+  M as AiIcon
+};
+//# sourceMappingURL=Ai.es.js.map

package/dist/components/Ai.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ai.es.js","sources":["../../src/components/Ai.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = [\n  <path\n    key=\"0\"\n    d=\"M17.9499 1.40764C18.1154 0.864121 18.8846 0.864122 19.0501 1.40764L19.2078 1.92527C19.4802 2.81999 20.1804 3.52012 21.075 3.7923L21.5923 3.94966C22.1359 4.11506 22.1359 4.88494 21.5923 5.05034L21.075 5.2077C20.1804 5.47988 19.4802 6.18001 19.2078 7.07473L19.0501 7.59236C18.8846 8.13588 18.1154 8.13588 17.9499 7.59236L17.7922 7.07473C17.5198 6.18001 16.8196 5.47988 15.925 5.2077L15.4077 5.05034C14.8641 4.88494 14.8641 4.11506 15.4077 3.94966L15.925 3.7923C16.8196 3.52012 17.5198 2.81999 17.7922 1.92527L17.9499 1.40764Z\"\n  />,\n  <path\n    key=\"1\"\n    d=\"M15.7269 11.8648C13.5267 11.1951 11.8049 9.47326 11.1353 7.27313L10.3251 4.61132C10.077 3.79623 8.92301 3.79623 8.67492 4.61132L7.86475 7.27313C7.1951 9.47326 5.47326 11.1951 3.27313 11.8648L0.611325 12.6749C-0.203775 12.923 -0.203775 14.077 0.611325 14.3251L3.27313 15.1352C5.47326 15.8049 7.1951 17.5267 7.86475 19.7269L8.67492 22.3887C8.92301 23.2038 10.077 23.2038 10.3251 22.3887L11.1353 19.7269C11.8049 17.5267 13.5267 15.8049 15.7269 15.1352L18.3887 14.3251C19.2038 14.077 19.2038 12.923 18.3887 12.6749L15.7269 11.8648ZM14.3633 13.5C12.1567 14.4033 10.4033 16.1567 9.5 18.3633C8.59672 16.1567 6.84326 14.4033 4.63671 13.5C6.84326 12.5967 8.59672 10.8433 9.5 8.63671C10.4033 10.8433 12.1567 12.5967 14.3633 13.5Z\"\n  />,\n];\n\nconst smallIcon = [\n  <path\n    key=\"0\"\n    d=\"M11.5285 1.3494C11.6703 0.883533 12.3297 0.883533 12.4716 1.3494L12.6067 1.79309C12.8402 2.55999 13.4404 3.16011 14.2072 3.3934L14.6505 3.52828C15.1165 3.67005 15.1165 4.32995 14.6505 4.47172L14.2072 4.6066C13.4404 4.83989 12.8402 5.44001 12.6067 6.20691L12.4716 6.6506C12.3297 7.11647 11.6703 7.11647 11.5285 6.6506L11.3933 6.20691C11.1598 5.44001 10.5596 4.83989 9.79283 4.6066L9.34949 4.47172C8.8835 4.32995 8.8835 3.67005 9.34949 3.52828L9.79283 3.3934C10.5596 3.16011 11.1598 2.55999 11.3933 1.79309L11.5285 1.3494Z\"\n  />,\n  <path\n    key=\"1\"\n    d=\"M5.93547 3.41827C6.10522 2.86058 6.89478 2.86057 7.06453 3.41827L7.61886 5.23951C8.07704 6.74486 9.25514 7.92296 10.7605 8.38115L12.5817 8.93547C13.1394 9.10522 13.1394 9.89478 12.5817 10.0645L10.7605 10.6189C9.25514 11.077 8.07704 12.2551 7.61886 13.7605L7.06453 15.5817C6.89478 16.1394 6.10522 16.1394 5.93547 15.5817L5.38115 13.7605C4.92297 12.2551 3.74486 11.077 2.23951 10.6189L0.418275 10.0645C-0.139425 9.89478 -0.139425 9.10522 0.418275 8.93547L2.23951 8.38115C3.74486 7.92296 4.92297 6.74486 5.38115 5.23951L5.93547 3.41827ZM6.66219 5.53069L6.5 4.99783L6.33781 5.53069C5.78258 7.35492 4.35492 8.78258 2.53069 9.33781L1.99783 9.5L2.53069 9.66219C4.35492 10.2174 5.78258 11.6451 6.33781 13.4693L6.5 14.0022L6.66219 13.4693C7.21742 11.6451 8.64508 10.2174 10.4693 9.66219L11.0022 9.5L10.4693 9.33781C8.64508 8.78258 7.21742 7.35492 6.66219 5.53069Z\"\n  />,\n];\n\nexport const AiIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"Ai\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","AiIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IAAY,CACf,gBAAAC,EAAA,QAAA,EAEC,GAAE,8gBAAA,GADE,MAGL,gBAAAA,EAAA,QAAA,EAEC,GAAE,ktBAAA,GADE,GAC+sB,CACntB,GAGEC,IAAY,CACf,gBAAAD,EAAA,QAAA,EAEC,GAAE,2gBAAA,GADE,MAGL,gBAAAA,EAAA,QAAA,EAEC,GAAE,y1BAAA,GADE,GACs1B,CAC11B,GAGSE,IAAwBC,EAAW,CAACC,GAAOC,MAAQ;AACxD,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,MAAK,GAAID,GAC1B,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/Apps.es.js

@@ -1,14 +1,13 @@
 import { jsx as C } from "@emotion/react/jsx-runtime";
-import { forwardRef as M } from "react";
-import { SizeTokenValue as e } from "@join-x5/react-theme";
-import { SVG as Z } from "./SVG.es.js";
-const l = /* @__PURE__ */ C("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 9V6H9V9H6ZM4 5C4 4.44772 4.44772 4 5 4H10C10.5523 4 11 4.44772 11 5V10C11 10.5523 10.5523 11 10 11H5C4.44772 11 4 10.5523 4 10V5ZM15 9V6H18V9H15ZM13 5C13 4.44772 13.4477 4 14 4H19C19.5523 4 20 4.44772 20 5V10C20 10.5523 19.5523 11 19 11H14C13.4477 11 13 10.5523 13 10V5ZM6 15V18H9V15H6ZM5 13C4.44772 13 4 13.4477 4 14V19C4 19.5523 4.44772 20 5 20H10C10.5523 20 11 19.5523 11 19V14C11 13.4477 10.5523 13 10 13H5ZM15 18V15H18V18H15ZM13 14C13 13.4477 13.4477 13 14 13H19C19.5523 13 20 13.4477 20 14V19C20 19.5523 19.5523 20 19 20H14C13.4477 20 13 19.5523 13 19V14Z" }), n = /* @__PURE__ */ C("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 4H6V6H4V4ZM3 4C3 3.44772 3.44772 3 4 3H6C6.55228 3 7 3.44772 7 4V6C7 6.55228 6.55228 7 6 7H4C3.44772 7 3 6.55228 3 6V4ZM4 10H6V12H4V10ZM3 10C3 9.44772 3.44772 9 4 9H6C6.55228 9 7 9.44772 7 10V12C7 12.5523 6.55228 13 6 13H4C3.44772 13 3 12.5523 3 12V10ZM12 4H10V6H12V4ZM10 3C9.44772 3 9 3.44772 9 4V6C9 6.55228 9.44772 7 10 7H12C12.5523 7 13 6.55228 13 6V4C13 3.44772 12.5523 3 12 3H10ZM10 10H12V12H10V10ZM9 10C9 9.44772 9.44772 9 10 9H12C12.5523 9 13 9.44772 13 10V12C13 12.5523 12.5523 13 12 13H10C9.44772 13 9 12.5523 9 12V10Z" }), m = M((H, o) => {
+import { forwardRef as Z, SizeTokenValue as t } from "@join-x5/react-theme";
+import { SVG as o } from "./SVG.es.js";
+const a = [/* @__PURE__ */ C("path", { d: "M3 5C3 3.89543 3.89543 3 5 3H9C10.1046 3 11 3.89543 11 5V9C11 10.1046 10.1046 11 9 11H5C3.89543 11 3 10.1046 3 9V5ZM5 5V9H9V5H5Z" }, "0"), /* @__PURE__ */ C("path", { d: "M3 15V19C3 20.1046 3.89543 21 5 21H9C10.1046 21 11 20.1046 11 19V15C11 13.8954 10.1046 13 9 13H5C3.89543 13 3 13.8954 3 15ZM5 15H9V19H5V15Z" }, "1"), /* @__PURE__ */ C("path", { d: "M15 13H19C20.1046 13 21 13.8954 21 15V19C21 20.1046 20.1046 21 19 21H15C13.8954 21 13 20.1046 13 19V15C13 13.8954 13.8954 13 15 13ZM19 15H15V19H19V15Z" }, "2"), /* @__PURE__ */ C("path", { d: "M13 5V9C13 10.1046 13.8954 11 15 11H19C20.1046 11 21 10.1046 21 9V5C21 3.89543 20.1046 3 19 3H15C13.8954 3 13 3.89543 13 5ZM15 5H19V9H15V5Z" }, "3")], p = [/* @__PURE__ */ C("path", { d: "M2 3V6C2 6.55228 2.44772 7 3 7H6C6.55228 7 7 6.55228 7 6V3C7 2.44772 6.55228 2 6 2H3C2.44772 2 2 2.44772 2 3ZM3 3H6V6H3L3 3Z" }, "0"), /* @__PURE__ */ C("path", { d: "M2 10V13C2 13.5523 2.44772 14 3 14H6C6.55228 14 7 13.5523 7 13V10C7 9.44772 6.55228 9 6 9H3C2.44772 9 2 9.44772 2 10ZM3 10H6V13H3L3 10Z" }, "1"), /* @__PURE__ */ C("path", { d: "M10 9H13C13.5523 9 14 9.44772 14 10V13C14 13.5523 13.5523 14 13 14H10C9.44772 14 9 13.5523 9 13V10C9 9.44772 9.44772 9 10 9ZM13 10H10V13H13V10Z" }, "2"), /* @__PURE__ */ C("path", { d: "M9 3V6C9 6.55228 9.44772 7 10 7H13C13.5523 7 14 6.55228 14 6V3C14 2.44772 13.5523 2 13 2H10C9.44772 2 9 2.44772 9 3ZM10 3H13V6H10V3Z" }, "3")], n = Z((V, M) => {
   const {
-    size: V
-  } = H;
-  return /* @__PURE__ */ C(Z, { ref: o, name: "Apps", ...H, children: !V || V === e.Large || V === e.Medium ? l : n });
+    size: H
+  } = V;
+  return /* @__PURE__ */ C(o, { ref: M, name: "Apps", ...V, children: !H || H === t.Large || H === t.Medium ? a : p });
 });
 export {
-  m as AppsIcon
+  n as AppsIcon
 };
 //# sourceMappingURL=Apps.es.js.map

package/dist/components/Apps.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Apps.es.js","sources":["../../src/components/Apps.tsx"],"sourcesContent":["import {forwardRef} from 'react';\n\nimport {SizeTokenValue} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n  <path\n    fillRule=\"evenodd\"\n    clipRule=\"evenodd\"\n    d=\"M6 9V6H9V9H6ZM4 5C4 4.44772 4.44772 4 5 4H10C10.5523 4 11 4.44772 11 5V10C11 10.5523 10.5523 11 10 11H5C4.44772 11 4 10.5523 4 10V5ZM15 9V6H18V9H15ZM13 5C13 4.44772 13.4477 4 14 4H19C19.5523 4 20 4.44772 20 5V10C20 10.5523 19.5523 11 19 11H14C13.4477 11 13 10.5523 13 10V5ZM6 15V18H9V15H6ZM5 13C4.44772 13 4 13.4477 4 14V19C4 19.5523 4.44772 20 5 20H10C10.5523 20 11 19.5523 11 19V14C11 13.4477 10.5523 13 10 13H5ZM15 18V15H18V18H15ZM13 14C13 13.4477 13.4477 13 14 13H19C19.5523 13 20 13.4477 20 14V19C20 19.5523 19.5523 20 19 20H14C13.4477 20 13 19.5523 13 19V14Z\"\n  />\n);\n\nconst smallIcon = (\n  <path\n    fillRule=\"evenodd\"\n    clipRule=\"evenodd\"\n    d=\"M4 4H6V6H4V4ZM3 4C3 3.44772 3.44772 3 4 3H6C6.55228 3 7 3.44772 7 4V6C7 6.55228 6.55228 7 6 7H4C3.44772 7 3 6.55228 3 6V4ZM4 10H6V12H4V10ZM3 10C3 9.44772 3.44772 9 4 9H6C6.55228 9 7 9.44772 7 10V12C7 12.5523 6.55228 13 6 13H4C3.44772 13 3 12.5523 3 12V10ZM12 4H10V6H12V4ZM10 3C9.44772 3 9 3.44772 9 4V6C9 6.55228 9.44772 7 10 7H12C12.5523 7 13 6.55228 13 6V4C13 3.44772 12.5523 3 12 3H10ZM10 10H12V12H10V10ZM9 10C9 9.44772 9.44772 9 10 9H12C12.5523 9 13 9.44772 13 10V12C13 12.5523 12.5523 13 12 13H10C9.44772 13 9 12.5523 9 12V10Z\"\n  />\n);\n\nexport const AppsIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"Apps\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","smallIcon","AppsIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;;AAQA,MAAMA,sBACH,QACC,EAAA,UAAS,WACT,UAAS,WACT,GAAE,wjBAEL,GAEKC,sBACH,QACC,EAAA,UAAS,WACT,UAAS,WACT,GAAE,uhBAEL,GAEYC,IAA0BC,EAAW,CAACC,GAAOC,MAAQ;AAC1D,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,QAAO,GAAID,GAC5B,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASV,IAAYC,GAC1F;AAEJ,CAAC;"}
+{"version":3,"file":"Apps.es.js","sources":["../../src/components/Apps.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = [\n  <path\n    key=\"0\"\n    d=\"M3 5C3 3.89543 3.89543 3 5 3H9C10.1046 3 11 3.89543 11 5V9C11 10.1046 10.1046 11 9 11H5C3.89543 11 3 10.1046 3 9V5ZM5 5V9H9V5H5Z\"\n  />,\n  <path\n    key=\"1\"\n    d=\"M3 15V19C3 20.1046 3.89543 21 5 21H9C10.1046 21 11 20.1046 11 19V15C11 13.8954 10.1046 13 9 13H5C3.89543 13 3 13.8954 3 15ZM5 15H9V19H5V15Z\"\n  />,\n  <path\n    key=\"2\"\n    d=\"M15 13H19C20.1046 13 21 13.8954 21 15V19C21 20.1046 20.1046 21 19 21H15C13.8954 21 13 20.1046 13 19V15C13 13.8954 13.8954 13 15 13ZM19 15H15V19H19V15Z\"\n  />,\n  <path\n    key=\"3\"\n    d=\"M13 5V9C13 10.1046 13.8954 11 15 11H19C20.1046 11 21 10.1046 21 9V5C21 3.89543 20.1046 3 19 3H15C13.8954 3 13 3.89543 13 5ZM15 5H19V9H15V5Z\"\n  />,\n];\n\nconst smallIcon = [\n  <path\n    key=\"0\"\n    d=\"M2 3V6C2 6.55228 2.44772 7 3 7H6C6.55228 7 7 6.55228 7 6V3C7 2.44772 6.55228 2 6 2H3C2.44772 2 2 2.44772 2 3ZM3 3H6V6H3L3 3Z\"\n  />,\n  <path\n    key=\"1\"\n    d=\"M2 10V13C2 13.5523 2.44772 14 3 14H6C6.55228 14 7 13.5523 7 13V10C7 9.44772 6.55228 9 6 9H3C2.44772 9 2 9.44772 2 10ZM3 10H6V13H3L3 10Z\"\n  />,\n  <path\n    key=\"2\"\n    d=\"M10 9H13C13.5523 9 14 9.44772 14 10V13C14 13.5523 13.5523 14 13 14H10C9.44772 14 9 13.5523 9 13V10C9 9.44772 9.44772 9 10 9ZM13 10H10V13H13V10Z\"\n  />,\n  <path\n    key=\"3\"\n    d=\"M9 3V6C9 6.55228 9.44772 7 10 7H13C13.5523 7 14 6.55228 14 6V3C14 2.44772 13.5523 2 13 2H10C9.44772 2 9 2.44772 9 3ZM10 3H13V6H10V3Z\"\n  />,\n];\n\nexport const AppsIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"Apps\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","AppsIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IAAY,CAChB,gBAAAC,EAAC,QAEC,EAAA,GAAE,sIADE,GACgI,GAErI,gBAAAA,EAAA,QAAA,EAEC,GAAE,8IAAA,GADE,MAGN,gBAAAA,EAAC,QAEC,EAAA,GAAE,yJADE,GAAA,GACsJ,GAE5J,gBAAAA,EAAC,QAEC,EAAA,GAAE,8IADE,GAAA,GAC2I,CAC/I,GAGEC,IAAY,CAChB,gBAAAD,EAAC,QAEC,EAAA,GAAE,kIADE,GAC4H,GAEjI,gBAAAA,EAAA,QAAA,EAEC,GAAE,0IAAA,GADE,MAGN,gBAAAA,EAAC,QAEC,EAAA,GAAE,kJADE,GAAA,GAC+I,GAErJ,gBAAAA,EAAC,QAEC,EAAA,GAAE,uIADE,GAAA,GACoI,CACxI,GAGSE,IAA0BC,EAAW,CAACC,GAAOC,MAAQ;AAC1D,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,QAAO,GAAID,GAC5B,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/ArrowCircleDown.es.js

@@ -1,14 +1,13 @@
 import { jsx as C } from "@emotion/react/jsx-runtime";
-import { forwardRef as t } from "react";
-import { SizeTokenValue as e } from "@join-x5/react-theme";
-import { SVG as i } from "./SVG.es.js";
-const l = [/* @__PURE__ */ C("path", { d: "M12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2Z" }, "0"), /* @__PURE__ */ C("path", { d: "M9.24773 12.4894L11.4119 14.7452C11.7378 15.0849 12.2642 15.0849 12.5901 14.7452L14.7543 12.4894C15.2808 11.9407 14.9047 11 14.161 11H9.83265C9.08897 11 8.72131 11.9407 9.24773 12.4894Z" }, "1")], c = /* @__PURE__ */ C("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.87 8C13.87 11.2419 11.2419 13.87 8 13.87C4.75809 13.87 2.13 11.2419 2.13 8C2.13 4.75809 4.75809 2.13 8 2.13C11.2419 2.13 13.87 4.75809 13.87 8ZM15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM6.08715 7H9.91293C10.3401 7 10.5706 7.50106 10.2926 7.8254L8.37967 10.0571C8.18012 10.2899 7.81996 10.2899 7.62041 10.0571L5.70752 7.8254C5.42952 7.50106 5.65997 7 6.08715 7Z" }), p = t((r, n) => {
+import { forwardRef as t, SizeTokenValue as e } from "@join-x5/react-theme";
+import { SVG as a } from "./SVG.es.js";
+const c = [/* @__PURE__ */ C("path", { d: "M8.67834 10C8.11169 10 7.80466 10.6634 8.17136 11.0953L11.5944 15.1279C11.8069 15.3782 12.1931 15.3782 12.4056 15.1279L15.8286 11.0953C16.1953 10.6634 15.8883 10 15.3217 10H8.67834Z" }, "0"), /* @__PURE__ */ C("path", { d: "M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z" }, "1")], i = [/* @__PURE__ */ C("path", { d: "M5.45127 6H10.5487C10.9377 6 11.1437 6.48919 10.8849 6.79806L8.33618 9.83969C8.15708 10.0534 7.84292 10.0534 7.66381 9.83969L5.11508 6.79806C4.85627 6.48919 5.06234 6 5.45127 6Z" }, "0"), /* @__PURE__ */ C("path", { d: "M1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" }, "1")], M = t((r, n) => {
   const {
     size: o
   } = r;
-  return /* @__PURE__ */ C(i, { ref: n, name: "ArrowCircleDown", ...r, children: !o || o === e.Large || o === e.Medium ? l : c });
+  return /* @__PURE__ */ C(a, { ref: n, name: "ArrowCircleDown", ...r, children: !o || o === e.Large || o === e.Medium ? c : i });
 });
 export {
-  p as ArrowCircleDownIcon
+  M as ArrowCircleDownIcon
 };
 //# sourceMappingURL=ArrowCircleDown.es.js.map

package/dist/components/ArrowCircleDown.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowCircleDown.es.js","sources":["../../src/components/ArrowCircleDown.tsx"],"sourcesContent":["import {forwardRef} from 'react';\n\nimport {SizeTokenValue} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = [\n  <path\n    key=\"0\"\n    d=\"M12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2Z\"\n  />,\n  <path\n    key=\"1\"\n    d=\"M9.24773 12.4894L11.4119 14.7452C11.7378 15.0849 12.2642 15.0849 12.5901 14.7452L14.7543 12.4894C15.2808 11.9407 14.9047 11 14.161 11H9.83265C9.08897 11 8.72131 11.9407 9.24773 12.4894Z\"\n  />,\n];\n\nconst smallIcon = (\n  <path\n    fillRule=\"evenodd\"\n    clipRule=\"evenodd\"\n    d=\"M13.87 8C13.87 11.2419 11.2419 13.87 8 13.87C4.75809 13.87 2.13 11.2419 2.13 8C2.13 4.75809 4.75809 2.13 8 2.13C11.2419 2.13 13.87 4.75809 13.87 8ZM15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM6.08715 7H9.91293C10.3401 7 10.5706 7.50106 10.2926 7.8254L8.37967 10.0571C8.18012 10.2899 7.81996 10.2899 7.62041 10.0571L5.70752 7.8254C5.42952 7.50106 5.65997 7 6.08715 7Z\"\n  />\n);\n\nexport const ArrowCircleDownIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"ArrowCircleDown\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","ArrowCircleDownIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;;AAQA,MAAMA,IAAY,CACf,gBAAAC,EAAA,QAAA,EAEC,GAAE,2LAAA,GADE,MAGL,gBAAAA,EAAA,QAAA,EAEC,GAAE,4LAAA,GADE,GACyL,CAC7L,GAGEC,sBACH,QACC,EAAA,UAAS,WACT,UAAS,WACT,GAAE,8aAEL,GAEYC,IAAqCC,EAAW,CAACC,GAAOC,MAAQ;AACrE,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,mBAAkB,GAAID,GACvC,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}
+{"version":3,"file":"ArrowCircleDown.es.js","sources":["../../src/components/ArrowCircleDown.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = [\n  <path\n    key=\"0\"\n    d=\"M8.67834 10C8.11169 10 7.80466 10.6634 8.17136 11.0953L11.5944 15.1279C11.8069 15.3782 12.1931 15.3782 12.4056 15.1279L15.8286 11.0953C16.1953 10.6634 15.8883 10 15.3217 10H8.67834Z\"\n  />,\n  <path\n    key=\"1\"\n    d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n  />,\n];\n\nconst smallIcon = [\n  <path\n    key=\"0\"\n    d=\"M5.45127 6H10.5487C10.9377 6 11.1437 6.48919 10.8849 6.79806L8.33618 9.83969C8.15708 10.0534 7.84292 10.0534 7.66381 9.83969L5.11508 6.79806C4.85627 6.48919 5.06234 6 5.45127 6Z\"\n  />,\n  <path\n    key=\"1\"\n    d=\"M1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z\"\n  />,\n];\n\nexport const ArrowCircleDownIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"ArrowCircleDown\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","ArrowCircleDownIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IAAY,CACf,gBAAAC,EAAA,QAAA,EAEC,GAAE,wLAAA,GADE,MAGL,gBAAAA,EAAA,QAAA,EAEC,GAAE,oOAAA,GADE,GACiO,CACrO,GAGEC,IAAY,CACf,gBAAAD,EAAA,QAAA,EAEC,GAAE,oLAAA,GADE,MAGL,gBAAAA,EAAA,QAAA,EAEC,GAAE,sNAAA,GADE,GACmN,CACvN,GAGSE,IAAqCC,EAAW,CAACC,GAAOC,MAAQ;AACrE,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,mBAAkB,GAAID,GACvC,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/ArrowCircleUp.es.js

@@ -1,14 +1,13 @@
 import { jsx as C } from "@emotion/react/jsx-runtime";
-import { forwardRef as t } from "react";
-import { SizeTokenValue as e } from "@join-x5/react-theme";
-import { SVG as i } from "./SVG.es.js";
-const l = [/* @__PURE__ */ C("path", { d: "M12.0005 20.0005C16.4105 20.0005 20.0005 16.4105 20.0005 12.0005C20.0005 7.59049 16.4105 4.00049 12.0005 4.00049C7.59049 4.00049 4.00049 7.59049 4.00049 12.0005C4.00049 16.4105 7.59049 20.0005 12.0005 20.0005ZM12.0005 22.0005C6.48049 22.0005 2.00049 17.5205 2.00049 12.0005C2.00049 6.48049 6.48049 2.00049 12.0005 2.00049C17.5205 2.00049 22.0005 6.48049 22.0005 12.0005C22.0005 17.5205 17.5205 22.0005 12.0005 22.0005Z" }, "0"), /* @__PURE__ */ C("path", { d: "M14.7523 11.5106L12.5881 9.25476C12.2622 8.91507 11.7358 8.91507 11.4099 9.25476L9.24567 11.5106C8.71924 12.0593 9.09526 13 9.83894 13H14.1673C14.911 13 15.2787 12.0593 14.7523 11.5106Z" }, "1")], c = /* @__PURE__ */ C("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.87 8C13.87 11.2419 11.2419 13.87 8 13.87C4.75809 13.87 2.13 11.2419 2.13 8C2.13 4.75809 4.75809 2.13 8 2.13C11.2419 2.13 13.87 4.75809 13.87 8ZM15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM6.08715 9H9.91293C10.3401 9 10.5706 8.49894 10.2926 8.1746L8.37967 5.9429C8.18012 5.71009 7.81996 5.71009 7.62041 5.9429L5.70752 8.1746C5.42952 8.49894 5.65997 9 6.08715 9Z" }), f = t((r, n) => {
+import { forwardRef as n, SizeTokenValue as e } from "@join-x5/react-theme";
+import { SVG as a } from "./SVG.es.js";
+const c = [/* @__PURE__ */ C("path", { d: "M8.67823 14C8.11158 14 7.80455 13.3367 8.17125 12.9047L11.5943 8.87208C11.8068 8.62178 12.193 8.62178 12.4055 8.87208L15.8285 12.9047C16.1952 13.3367 15.8882 14 15.3215 14H8.67823Z" }, "0"), /* @__PURE__ */ C("path", { d: "M2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12ZM12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4Z" }, "1")], i = [/* @__PURE__ */ C("path", { d: "M5.11509 9.20194C4.85627 9.51081 5.06234 10 5.45127 10H10.5487C10.9377 10 11.1437 9.51081 10.8849 9.20194L8.33619 6.16031C8.15708 5.94656 7.84292 5.94656 7.66381 6.16031L5.11509 9.20194Z" }, "0"), /* @__PURE__ */ C("path", { d: "M1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8ZM8 2C11.3137 2 14 4.68629 14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2Z" }, "1")], l = n((o, t) => {
   const {
-    size: o
-  } = r;
-  return /* @__PURE__ */ C(i, { ref: n, name: "ArrowCircleUp", ...r, children: !o || o === e.Large || o === e.Medium ? l : c });
+    size: r
+  } = o;
+  return /* @__PURE__ */ C(a, { ref: t, name: "ArrowCircleUp", ...o, children: !r || r === e.Large || r === e.Medium ? c : i });
 });
 export {
-  f as ArrowCircleUpIcon
+  l as ArrowCircleUpIcon
 };
 //# sourceMappingURL=ArrowCircleUp.es.js.map

package/dist/components/ArrowCircleUp.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowCircleUp.es.js","sources":["../../src/components/ArrowCircleUp.tsx"],"sourcesContent":["import {forwardRef} from 'react';\n\nimport {SizeTokenValue} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = [\n  <path\n    key=\"0\"\n    d=\"M12.0005 20.0005C16.4105 20.0005 20.0005 16.4105 20.0005 12.0005C20.0005 7.59049 16.4105 4.00049 12.0005 4.00049C7.59049 4.00049 4.00049 7.59049 4.00049 12.0005C4.00049 16.4105 7.59049 20.0005 12.0005 20.0005ZM12.0005 22.0005C6.48049 22.0005 2.00049 17.5205 2.00049 12.0005C2.00049 6.48049 6.48049 2.00049 12.0005 2.00049C17.5205 2.00049 22.0005 6.48049 22.0005 12.0005C22.0005 17.5205 17.5205 22.0005 12.0005 22.0005Z\"\n  />,\n  <path\n    key=\"1\"\n    d=\"M14.7523 11.5106L12.5881 9.25476C12.2622 8.91507 11.7358 8.91507 11.4099 9.25476L9.24567 11.5106C8.71924 12.0593 9.09526 13 9.83894 13H14.1673C14.911 13 15.2787 12.0593 14.7523 11.5106Z\"\n  />,\n];\n\nconst smallIcon = (\n  <path\n    fillRule=\"evenodd\"\n    clipRule=\"evenodd\"\n    d=\"M13.87 8C13.87 11.2419 11.2419 13.87 8 13.87C4.75809 13.87 2.13 11.2419 2.13 8C2.13 4.75809 4.75809 2.13 8 2.13C11.2419 2.13 13.87 4.75809 13.87 8ZM15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM6.08715 9H9.91293C10.3401 9 10.5706 8.49894 10.2926 8.1746L8.37967 5.9429C8.18012 5.71009 7.81996 5.71009 7.62041 5.9429L5.70752 8.1746C5.42952 8.49894 5.65997 9 6.08715 9Z\"\n  />\n);\n\nexport const ArrowCircleUpIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"ArrowCircleUp\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","ArrowCircleUpIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;;AAQA,MAAMA,IAAY,CACf,gBAAAC,EAAA,QAAA,EAEC,GAAE,qaAAA,GADE,MAGL,gBAAAA,EAAA,QAAA,EAEC,GAAE,4LAAA,GADE,GACyL,CAC7L,GAGEC,sBACH,QACC,EAAA,UAAS,WACT,UAAS,WACT,GAAE,4aAEL,GAEYC,IAAmCC,EAAW,CAACC,GAAOC,MAAQ;AACnE,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,iBAAgB,GAAID,GACrC,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}
+{"version":3,"file":"ArrowCircleUp.es.js","sources":["../../src/components/ArrowCircleUp.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = [\n  <path\n    key=\"0\"\n    d=\"M8.67823 14C8.11158 14 7.80455 13.3367 8.17125 12.9047L11.5943 8.87208C11.8068 8.62178 12.193 8.62178 12.4055 8.87208L15.8285 12.9047C16.1952 13.3367 15.8882 14 15.3215 14H8.67823Z\"\n  />,\n  <path\n    key=\"1\"\n    d=\"M2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12ZM12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4Z\"\n  />,\n];\n\nconst smallIcon = [\n  <path\n    key=\"0\"\n    d=\"M5.11509 9.20194C4.85627 9.51081 5.06234 10 5.45127 10H10.5487C10.9377 10 11.1437 9.51081 10.8849 9.20194L8.33619 6.16031C8.15708 5.94656 7.84292 5.94656 7.66381 6.16031L5.11509 9.20194Z\"\n  />,\n  <path\n    key=\"1\"\n    d=\"M1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8ZM8 2C11.3137 2 14 4.68629 14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2Z\"\n  />,\n];\n\nexport const ArrowCircleUpIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"ArrowCircleUp\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","ArrowCircleUpIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IAAY,CACf,gBAAAC,EAAA,QAAA,EAEC,GAAE,uLAAA,GADE,MAGL,gBAAAA,EAAA,QAAA,EAEC,GAAE,mOAAA,GADE,GACgO,CACpO,GAGEC,IAAY,CACf,gBAAAD,EAAA,QAAA,EAEC,GAAE,6LAAA,GADE,MAGL,gBAAAA,EAAA,QAAA,EAEC,GAAE,qNAAA,GADE,GACkN,CACtN,GAGSE,IAAmCC,EAAW,CAACC,GAAOC,MAAQ;AACnE,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,iBAAgB,GAAID,GACrC,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/ArrowDropDown.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../types';
+export declare const ArrowDropDownIcon: IconComponent;

package/dist/components/ArrowDropDown.es.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as m, SizeTokenValue as e } from "@join-x5/react-theme";
+import { SVG as a } from "./SVG.es.js";
+const c = /* @__PURE__ */ r("path", { d: "M16.2479 9H7.75212C7.1039 9 6.76045 9.73378 7.19181 10.1971L11.4397 14.7595C11.7382 15.0802 12.2618 15.0802 12.5603 14.7595L16.8082 10.1971C17.2396 9.73378 16.8961 9 16.2479 9Z" }), i = /* @__PURE__ */ r("path", { d: "M11.4017 5H4.60511C4.08654 5 3.81177 5.61149 4.15686 5.99758L7.55517 9.79962C7.79398 10.0668 8.21286 10.0668 8.45167 9.79962L11.85 5.99757C12.1951 5.61149 11.9203 5 11.4017 5Z" }), d = m((n, t) => {
+  const {
+    size: o
+  } = n;
+  return /* @__PURE__ */ r(a, { ref: t, name: "ArrowDropDown", ...n, children: !o || o === e.Large || o === e.Medium ? c : i });
+});
+export {
+  d as ArrowDropDownIcon
+};
+//# sourceMappingURL=ArrowDropDown.es.js.map

package/dist/components/ArrowDropDown.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDropDown.es.js","sources":["../../src/components/ArrowDropDown.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n  <path d=\"M16.2479 9H7.75212C7.1039 9 6.76045 9.73378 7.19181 10.1971L11.4397 14.7595C11.7382 15.0802 12.2618 15.0802 12.5603 14.7595L16.8082 10.1971C17.2396 9.73378 16.8961 9 16.2479 9Z\" />\n);\n\nconst smallIcon = (\n  <path d=\"M11.4017 5H4.60511C4.08654 5 3.81177 5.61149 4.15686 5.99758L7.55517 9.79962C7.79398 10.0668 8.21286 10.0668 8.45167 9.79962L11.85 5.99757C12.1951 5.61149 11.9203 5 11.4017 5Z\" />\n);\n\nexport const ArrowDropDownIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"ArrowDropDown\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","ArrowDropDownIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,mLACT,CAAA,GAEKC,IACJ,gBAAAD,EAAC,QAAK,EAAA,GAAE,kLACT,CAAA,GAEYE,IAAmCC,EAAW,CAACC,GAAOC,MAAQ;AACnE,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,iBAAgB,GAAID,GACrC,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/ArrowDropLeft.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../types';
+export declare const ArrowDropLeftIcon: IconComponent;

package/dist/components/ArrowDropLeft.es.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as m, SizeTokenValue as t } from "@join-x5/react-theme";
+import { SVG as L } from "./SVG.es.js";
+const a = /* @__PURE__ */ r("path", { d: "M15 7.75212L15 16.2479C15 16.8961 14.2662 17.2396 13.8029 16.8082L9.24046 12.5603C8.91985 12.2618 8.91985 11.7382 9.24046 11.4397L13.8029 7.19181C14.2662 6.76045 15 7.1039 15 7.75212Z" }), c = /* @__PURE__ */ r("path", { d: "M11 11.3983L11 4.60169C11 4.08312 10.3885 3.80836 10.0024 4.15345L6.20038 7.55175C5.93321 7.79056 5.93321 8.20944 6.20038 8.44825L10.0024 11.8466C10.3885 12.1916 11 11.9169 11 11.3983Z" }), s = m((e, n) => {
+  const {
+    size: o
+  } = e;
+  return /* @__PURE__ */ r(L, { ref: n, name: "ArrowDropLeft", ...e, children: !o || o === t.Large || o === t.Medium ? a : c });
+});
+export {
+  s as ArrowDropLeftIcon
+};
+//# sourceMappingURL=ArrowDropLeft.es.js.map

package/dist/components/ArrowDropLeft.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDropLeft.es.js","sources":["../../src/components/ArrowDropLeft.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n  <path d=\"M15 7.75212L15 16.2479C15 16.8961 14.2662 17.2396 13.8029 16.8082L9.24046 12.5603C8.91985 12.2618 8.91985 11.7382 9.24046 11.4397L13.8029 7.19181C14.2662 6.76045 15 7.1039 15 7.75212Z\" />\n);\n\nconst smallIcon = (\n  <path d=\"M11 11.3983L11 4.60169C11 4.08312 10.3885 3.80836 10.0024 4.15345L6.20038 7.55175C5.93321 7.79056 5.93321 8.20944 6.20038 8.44825L10.0024 11.8466C10.3885 12.1916 11 11.9169 11 11.3983Z\" />\n);\n\nexport const ArrowDropLeftIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"ArrowDropLeft\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","ArrowDropLeftIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,0LACT,CAAA,GAEKC,IACJ,gBAAAD,EAAC,QAAK,EAAA,GAAE,2LACT,CAAA,GAEYE,IAAmCC,EAAW,CAACC,GAAOC,MAAQ;AACnE,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,iBAAgB,GAAID,GACrC,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/ArrowDropRight.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../types';
+export declare const ArrowDropRightIcon: IconComponent;

package/dist/components/ArrowDropRight.es.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as i, SizeTokenValue as e } from "@join-x5/react-theme";
+import { SVG as m } from "./SVG.es.js";
+const a = /* @__PURE__ */ r("path", { d: "M9 7.75212L9 16.2479C9 16.8961 9.73378 17.2396 10.1971 16.8082L14.7595 12.5603C15.0802 12.2618 15.0802 11.7382 14.7595 11.4397L10.1971 7.19181C9.73378 6.76045 9 7.1039 9 7.75212Z" }), c = /* @__PURE__ */ r("path", { d: "M6 11.3983L6 4.60169C6 4.08312 6.61149 3.80836 6.99758 4.15345L10.7996 7.55175C11.0668 7.79056 11.0668 8.20944 10.7996 8.44825L6.99757 11.8466C6.61149 12.1916 6 11.9169 6 11.3983Z" }), C = i((t, n) => {
+  const {
+    size: o
+  } = t;
+  return /* @__PURE__ */ r(m, { ref: n, name: "ArrowDropRight", ...t, children: !o || o === e.Large || o === e.Medium ? a : c });
+});
+export {
+  C as ArrowDropRightIcon
+};
+//# sourceMappingURL=ArrowDropRight.es.js.map

package/dist/components/ArrowDropRight.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDropRight.es.js","sources":["../../src/components/ArrowDropRight.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n  <path d=\"M9 7.75212L9 16.2479C9 16.8961 9.73378 17.2396 10.1971 16.8082L14.7595 12.5603C15.0802 12.2618 15.0802 11.7382 14.7595 11.4397L10.1971 7.19181C9.73378 6.76045 9 7.1039 9 7.75212Z\" />\n);\n\nconst smallIcon = (\n  <path d=\"M6 11.3983L6 4.60169C6 4.08312 6.61149 3.80836 6.99758 4.15345L10.7996 7.55175C11.0668 7.79056 11.0668 8.20944 10.7996 8.44825L6.99757 11.8466C6.61149 12.1916 6 11.9169 6 11.3983Z\" />\n);\n\nexport const ArrowDropRightIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"ArrowDropRight\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","ArrowDropRightIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,qLACT,CAAA,GAEKC,IACJ,gBAAAD,EAAC,QAAK,EAAA,GAAE,sLACT,CAAA,GAEYE,IAAoCC,EAAW,CAACC,GAAOC,MAAQ;AACpE,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,kBAAiB,GAAID,GACtC,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/ArrowDropUp.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../types';
+export declare const ArrowDropUpIcon: IconComponent;

package/dist/components/ArrowDropUp.es.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as m, SizeTokenValue as n } from "@join-x5/react-theme";
+import { SVG as a } from "./SVG.es.js";
+const c = /* @__PURE__ */ r("path", { d: "M16.2479 15H7.75212C7.1039 15 6.76045 14.2662 7.19181 13.8029L11.4397 9.24046C11.7382 8.91985 12.2618 8.91985 12.5603 9.24046L16.8082 13.8029C17.2396 14.2662 16.8961 15 16.2479 15Z" }), p = /* @__PURE__ */ r("path", { d: "M11.4017 10H4.60511C4.08654 10 3.81177 9.38851 4.15686 9.00242L7.55517 5.20038C7.79398 4.93321 8.21286 4.93321 8.45167 5.20038L11.85 9.00243C12.1951 9.38851 11.9203 10 11.4017 10Z" }), d = m((e, t) => {
+  const {
+    size: o
+  } = e;
+  return /* @__PURE__ */ r(a, { ref: t, name: "ArrowDropUp", ...e, children: !o || o === n.Large || o === n.Medium ? c : p });
+});
+export {
+  d as ArrowDropUpIcon
+};
+//# sourceMappingURL=ArrowDropUp.es.js.map

package/dist/components/ArrowDropUp.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDropUp.es.js","sources":["../../src/components/ArrowDropUp.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n  <path d=\"M16.2479 15H7.75212C7.1039 15 6.76045 14.2662 7.19181 13.8029L11.4397 9.24046C11.7382 8.91985 12.2618 8.91985 12.5603 9.24046L16.8082 13.8029C17.2396 14.2662 16.8961 15 16.2479 15Z\" />\n);\n\nconst smallIcon = (\n  <path d=\"M11.4017 10H4.60511C4.08654 10 3.81177 9.38851 4.15686 9.00242L7.55517 5.20038C7.79398 4.93321 8.21286 4.93321 8.45167 5.20038L11.85 9.00243C12.1951 9.38851 11.9203 10 11.4017 10Z\" />\n);\n\nexport const ArrowDropUpIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"ArrowDropUp\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","ArrowDropUpIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,uLACT,CAAA,GAEKC,IACJ,gBAAAD,EAAC,QAAK,EAAA,GAAE,sLACT,CAAA,GAEYE,IAAiCC,EAAW,CAACC,GAAOC,MAAQ;AACjE,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,eAAc,GAAID,GACnC,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/ArrowNavigationDown.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../types';
+export declare const ArrowNavigationDownIcon: IconComponent;

package/dist/components/ArrowNavigationDown.es.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as a, SizeTokenValue as C } from "@join-x5/react-theme";
+import { SVG as e } from "./SVG.es.js";
+const i = /* @__PURE__ */ r("path", { d: "M12 5C12.5523 5 13 5.44772 13 6V16.5858L17.2929 12.2929C17.6834 11.9024 18.3166 11.9024 18.7071 12.2929C19.0976 12.6834 19.0976 13.3166 18.7071 13.7071L12.7071 19.7071C12.3166 20.0976 11.6834 20.0976 11.2929 19.7071L5.29289 13.7071C4.90237 13.3166 4.90237 12.6834 5.29289 12.2929C5.68342 11.9024 6.31658 11.9024 6.70711 12.2929L11 16.5858V6C11 5.44772 11.4477 5 12 5Z" }), m = /* @__PURE__ */ r("path", { d: "M8.5 3C8.77614 3 9 3.22386 9 3.5V11.2929L12.1464 8.14645C12.3417 7.95118 12.6583 7.95118 12.8536 8.14645C13.0488 8.34171 13.0488 8.65829 12.8536 8.85355L8.85355 12.8536C8.65829 13.0488 8.34171 13.0488 8.14645 12.8536L4.14645 8.85355C3.95118 8.65829 3.95118 8.34171 4.14645 8.14645C4.34171 7.95118 4.65829 7.95118 4.85355 8.14645L8 11.2929V3.5C8 3.22386 8.22386 3 8.5 3Z" }), V = a((n, t) => {
+  const {
+    size: o
+  } = n;
+  return /* @__PURE__ */ r(e, { ref: t, name: "ArrowNavigationDown", ...n, children: !o || o === C.Large || o === C.Medium ? i : m });
+});
+export {
+  V as ArrowNavigationDownIcon
+};
+//# sourceMappingURL=ArrowNavigationDown.es.js.map

package/dist/components/ArrowNavigationDown.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowNavigationDown.es.js","sources":["../../src/components/ArrowNavigationDown.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n  <path d=\"M12 5C12.5523 5 13 5.44772 13 6V16.5858L17.2929 12.2929C17.6834 11.9024 18.3166 11.9024 18.7071 12.2929C19.0976 12.6834 19.0976 13.3166 18.7071 13.7071L12.7071 19.7071C12.3166 20.0976 11.6834 20.0976 11.2929 19.7071L5.29289 13.7071C4.90237 13.3166 4.90237 12.6834 5.29289 12.2929C5.68342 11.9024 6.31658 11.9024 6.70711 12.2929L11 16.5858V6C11 5.44772 11.4477 5 12 5Z\" />\n);\n\nconst smallIcon = (\n  <path d=\"M8.5 3C8.77614 3 9 3.22386 9 3.5V11.2929L12.1464 8.14645C12.3417 7.95118 12.6583 7.95118 12.8536 8.14645C13.0488 8.34171 13.0488 8.65829 12.8536 8.85355L8.85355 12.8536C8.65829 13.0488 8.34171 13.0488 8.14645 12.8536L4.14645 8.85355C3.95118 8.65829 3.95118 8.34171 4.14645 8.14645C4.34171 7.95118 4.65829 7.95118 4.85355 8.14645L8 11.2929V3.5C8 3.22386 8.22386 3 8.5 3Z\" />\n);\n\nexport const ArrowNavigationDownIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"ArrowNavigationDown\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","ArrowNavigationDownIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,kXACT,CAAA,GAEKC,IACJ,gBAAAD,EAAC,QAAK,EAAA,GAAE,oXACT,CAAA,GAEYE,IAAyCC,EAAW,CAACC,GAAOC,MAAQ;AACzE,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,uBAAsB,GAAID,GAC3C,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/ArrowNavigationDownLeft.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../types';
+export declare const ArrowNavigationDownLeftIcon: IconComponent;

package/dist/components/ArrowNavigationDownLeft.es.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as C, SizeTokenValue as t } from "@join-x5/react-theme";
+import { SVG as a } from "./SVG.es.js";
+const i = /* @__PURE__ */ r("path", { d: "M17 17C17 17.5523 16.5523 18 16 18H7C6.44771 18 6 17.5523 6 17V8C6 7.44772 6.44771 7 7 7C7.55229 7 8 7.44772 8 8V14.5858L16.2929 6.29289C16.6834 5.90237 17.3166 5.90237 17.7071 6.29289C18.0976 6.68342 18.0976 7.31658 17.7071 7.70711L9.41421 16H16C16.5523 16 17 16.4477 17 17Z" }), m = /* @__PURE__ */ r("path", { d: "M11 11.5C11 11.7761 10.7761 12 10.5 12H4.5C4.22386 12 4 11.7761 4 11.5V5.5C4 5.22386 4.22386 5 4.5 5C4.77614 5 5 5.22386 5 5.5V10.2929L11.1464 4.14645C11.3417 3.95118 11.6583 3.95118 11.8536 4.14645C12.0488 4.34171 12.0488 4.65829 11.8536 4.85355L5.70711 11H10.5C10.7761 11 11 11.2239 11 11.5Z" }), s = C((n, e) => {
+  const {
+    size: o
+  } = n;
+  return /* @__PURE__ */ r(a, { ref: e, name: "ArrowNavigationDownLeft", ...n, children: !o || o === t.Large || o === t.Medium ? i : m });
+});
+export {
+  s as ArrowNavigationDownLeftIcon
+};
+//# sourceMappingURL=ArrowNavigationDownLeft.es.js.map

package/dist/components/ArrowNavigationDownLeft.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowNavigationDownLeft.es.js","sources":["../../src/components/ArrowNavigationDownLeft.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n  <path d=\"M17 17C17 17.5523 16.5523 18 16 18H7C6.44771 18 6 17.5523 6 17V8C6 7.44772 6.44771 7 7 7C7.55229 7 8 7.44772 8 8V14.5858L16.2929 6.29289C16.6834 5.90237 17.3166 5.90237 17.7071 6.29289C18.0976 6.68342 18.0976 7.31658 17.7071 7.70711L9.41421 16H16C16.5523 16 17 16.4477 17 17Z\" />\n);\n\nconst smallIcon = (\n  <path d=\"M11 11.5C11 11.7761 10.7761 12 10.5 12H4.5C4.22386 12 4 11.7761 4 11.5V5.5C4 5.22386 4.22386 5 4.5 5C4.77614 5 5 5.22386 5 5.5V10.2929L11.1464 4.14645C11.3417 3.95118 11.6583 3.95118 11.8536 4.14645C12.0488 4.34171 12.0488 4.65829 11.8536 4.85355L5.70711 11H10.5C10.7761 11 11 11.2239 11 11.5Z\" />\n);\n\nexport const ArrowNavigationDownLeftIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"ArrowNavigationDownLeft\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","ArrowNavigationDownLeftIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,sRACT,CAAA,GAEKC,IACJ,gBAAAD,EAAC,QAAK,EAAA,GAAE,wSACT,CAAA,GAEYE,IAA6CC,EAAW,CAACC,GAAOC,MAAQ;AAC7E,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,2BAA0B,GAAID,GAC/C,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/ArrowNavigationDownRight.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../types';
+export declare const ArrowNavigationDownRightIcon: IconComponent;

package/dist/components/ArrowNavigationDownRight.es.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as i, SizeTokenValue as t } from "@join-x5/react-theme";
+import { SVG as a } from "./SVG.es.js";
+const e = /* @__PURE__ */ r("path", { d: "M7 17C7 17.5523 7.44772 18 8 18H17C17.5523 18 18 17.5523 18 17V8C18 7.44772 17.5523 7 17 7C16.4477 7 16 7.44772 16 8V14.5858L7.70711 6.29289C7.31658 5.90237 6.68342 5.90237 6.29289 6.29289C5.90237 6.68342 5.90237 7.31658 6.29289 7.70711L14.5858 16H8C7.44772 16 7 16.4477 7 17Z" }), m = /* @__PURE__ */ r("path", { d: "M5 11.5C5 11.7761 5.22386 12 5.5 12H11.5C11.7761 12 12 11.7761 12 11.5V5.5C12 5.22386 11.7761 5 11.5 5C11.2239 5 11 5.22386 11 5.5V10.2929L4.85355 4.14645C4.65829 3.95118 4.34171 3.95118 4.14645 4.14645C3.95118 4.34171 3.95118 4.65829 4.14645 4.85355L10.2929 11H5.5C5.22386 11 5 11.2239 5 11.5Z" }), V = i((n, C) => {
+  const {
+    size: o
+  } = n;
+  return /* @__PURE__ */ r(a, { ref: C, name: "ArrowNavigationDownRight", ...n, children: !o || o === t.Large || o === t.Medium ? e : m });
+});
+export {
+  V as ArrowNavigationDownRightIcon
+};
+//# sourceMappingURL=ArrowNavigationDownRight.es.js.map

package/dist/components/ArrowNavigationDownRight.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowNavigationDownRight.es.js","sources":["../../src/components/ArrowNavigationDownRight.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n  <path d=\"M7 17C7 17.5523 7.44772 18 8 18H17C17.5523 18 18 17.5523 18 17V8C18 7.44772 17.5523 7 17 7C16.4477 7 16 7.44772 16 8V14.5858L7.70711 6.29289C7.31658 5.90237 6.68342 5.90237 6.29289 6.29289C5.90237 6.68342 5.90237 7.31658 6.29289 7.70711L14.5858 16H8C7.44772 16 7 16.4477 7 17Z\" />\n);\n\nconst smallIcon = (\n  <path d=\"M5 11.5C5 11.7761 5.22386 12 5.5 12H11.5C11.7761 12 12 11.7761 12 11.5V5.5C12 5.22386 11.7761 5 11.5 5C11.2239 5 11 5.22386 11 5.5V10.2929L4.85355 4.14645C4.65829 3.95118 4.34171 3.95118 4.14645 4.14645C3.95118 4.34171 3.95118 4.65829 4.14645 4.85355L10.2929 11H5.5C5.22386 11 5 11.2239 5 11.5Z\" />\n);\n\nexport const ArrowNavigationDownRightIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"ArrowNavigationDownRight\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","ArrowNavigationDownRightIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,uRACT,CAAA,GAEKC,IACJ,gBAAAD,EAAC,QAAK,EAAA,GAAE,ySACT,CAAA,GAEYE,IAA8CC,EAAW,CAACC,GAAOC,MAAQ;AAC9E,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,4BAA2B,GAAID,GAChD,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/ArrowNavigationLeft.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../types';
+export declare const ArrowNavigationLeftIcon: IconComponent;

package/dist/components/ArrowNavigationLeft.es.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as L, SizeTokenValue as e } from "@join-x5/react-theme";
+import { SVG as n } from "./SVG.es.js";
+const a = /* @__PURE__ */ r("path", { d: "M11.7071 5.29289C11.3166 4.90237 10.6834 4.90237 10.2929 5.29289L4.29289 11.2929C3.90237 11.6834 3.90237 12.3166 4.29289 12.7071L10.2929 18.7071C10.6834 19.0976 11.3166 19.0976 11.7071 18.7071C12.0976 18.3166 12.0976 17.6834 11.7071 17.2929L7.41421 13L18 13C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11L7.41421 11L11.7071 6.70711C12.0976 6.31658 12.0976 5.68342 11.7071 5.29289Z" }), i = /* @__PURE__ */ r("path", { d: "M7.85355 3.14645C7.65829 2.95118 7.34171 2.95118 7.14645 3.14645L3.14645 7.14645C2.95118 7.34171 2.95118 7.65829 3.14645 7.85355L7.14645 11.8536C7.34171 12.0488 7.65829 12.0488 7.85355 11.8536C8.04882 11.6583 8.04882 11.3417 7.85355 11.1464L4.70711 8H12.5C12.7761 8 13 7.77614 13 7.5C13 7.22386 12.7761 7 12.5 7L4.70711 7L7.85355 3.85355C8.04882 3.65829 8.04882 3.34171 7.85355 3.14645Z" }), s = L((t, C) => {
+  const {
+    size: o
+  } = t;
+  return /* @__PURE__ */ r(n, { ref: C, name: "ArrowNavigationLeft", ...t, children: !o || o === e.Large || o === e.Medium ? a : i });
+});
+export {
+  s as ArrowNavigationLeftIcon
+};
+//# sourceMappingURL=ArrowNavigationLeft.es.js.map

package/dist/components/ArrowNavigationLeft.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowNavigationLeft.es.js","sources":["../../src/components/ArrowNavigationLeft.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n  <path d=\"M11.7071 5.29289C11.3166 4.90237 10.6834 4.90237 10.2929 5.29289L4.29289 11.2929C3.90237 11.6834 3.90237 12.3166 4.29289 12.7071L10.2929 18.7071C10.6834 19.0976 11.3166 19.0976 11.7071 18.7071C12.0976 18.3166 12.0976 17.6834 11.7071 17.2929L7.41421 13L18 13C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11L7.41421 11L11.7071 6.70711C12.0976 6.31658 12.0976 5.68342 11.7071 5.29289Z\" />\n);\n\nconst smallIcon = (\n  <path d=\"M7.85355 3.14645C7.65829 2.95118 7.34171 2.95118 7.14645 3.14645L3.14645 7.14645C2.95118 7.34171 2.95118 7.65829 3.14645 7.85355L7.14645 11.8536C7.34171 12.0488 7.65829 12.0488 7.85355 11.8536C8.04882 11.6583 8.04882 11.3417 7.85355 11.1464L4.70711 8H12.5C12.7761 8 13 7.77614 13 7.5C13 7.22386 12.7761 7 12.5 7L4.70711 7L7.85355 3.85355C8.04882 3.65829 8.04882 3.34171 7.85355 3.14645Z\" />\n);\n\nexport const ArrowNavigationLeftIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"ArrowNavigationLeft\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","ArrowNavigationLeftIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,wYACT,CAAA,GAEKC,IACJ,gBAAAD,EAAC,QAAK,EAAA,GAAE,qYACT,CAAA,GAEYE,IAAyCC,EAAW,CAACC,GAAOC,MAAQ;AACzE,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,uBAAsB,GAAID,GAC3C,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/ArrowNavigationRight.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../types';
+export declare const ArrowNavigationRightIcon: IconComponent;

package/dist/components/ArrowNavigationRight.es.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as n, SizeTokenValue as C } from "@join-x5/react-theme";
+import { SVG as a } from "./SVG.es.js";
+const e = /* @__PURE__ */ r("path", { d: "M11.2929 5.29289C11.6834 4.90237 12.3166 4.90237 12.7071 5.29289L18.7071 11.2929C19.0976 11.6834 19.0976 12.3166 18.7071 12.7071L12.7071 18.7071C12.3166 19.0976 11.6834 19.0976 11.2929 18.7071C10.9024 18.3166 10.9024 17.6834 11.2929 17.2929L15.5858 13L5 13C4.44772 13 4 12.5523 4 12C4 11.4477 4.44772 11 5 11L15.5858 11L11.2929 6.70711C10.9024 6.31658 10.9024 5.68342 11.2929 5.29289Z" }), L = /* @__PURE__ */ r("path", { d: "M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H3.5C3.22386 8 3 7.77614 3 7.5C3 7.22386 3.22386 7 3.5 7L11.2929 7L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z" }), s = n((t, i) => {
+  const {
+    size: o
+  } = t;
+  return /* @__PURE__ */ r(a, { ref: i, name: "ArrowNavigationRight", ...t, children: !o || o === C.Large || o === C.Medium ? e : L });
+});
+export {
+  s as ArrowNavigationRightIcon
+};
+//# sourceMappingURL=ArrowNavigationRight.es.js.map

package/dist/components/ArrowNavigationRight.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowNavigationRight.es.js","sources":["../../src/components/ArrowNavigationRight.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n  <path d=\"M11.2929 5.29289C11.6834 4.90237 12.3166 4.90237 12.7071 5.29289L18.7071 11.2929C19.0976 11.6834 19.0976 12.3166 18.7071 12.7071L12.7071 18.7071C12.3166 19.0976 11.6834 19.0976 11.2929 18.7071C10.9024 18.3166 10.9024 17.6834 11.2929 17.2929L15.5858 13L5 13C4.44772 13 4 12.5523 4 12C4 11.4477 4.44772 11 5 11L15.5858 11L11.2929 6.70711C10.9024 6.31658 10.9024 5.68342 11.2929 5.29289Z\" />\n);\n\nconst smallIcon = (\n  <path d=\"M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H3.5C3.22386 8 3 7.77614 3 7.5C3 7.22386 3.22386 7 3.5 7L11.2929 7L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z\" />\n);\n\nexport const ArrowNavigationRightIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"ArrowNavigationRight\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","ArrowNavigationRightIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,mYACT,CAAA,GAEKC,IACJ,gBAAAD,EAAC,QAAK,EAAA,GAAE,gYACT,CAAA,GAEYE,IAA0CC,EAAW,CAACC,GAAOC,MAAQ;AAC1E,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,wBAAuB,GAAID,GAC5C,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/ArrowNavigationUp.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../types';
+export declare const ArrowNavigationUpIcon: IconComponent;

package/dist/components/ArrowNavigationUp.es.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as a, SizeTokenValue as n } from "@join-x5/react-theme";
+import { SVG as e } from "./SVG.es.js";
+const i = /* @__PURE__ */ r("path", { d: "M12 20C12.5523 20 13 19.5523 13 19V8.41421L17.2929 12.7071C17.6834 13.0976 18.3166 13.0976 18.7071 12.7071C19.0976 12.3166 19.0976 11.6834 18.7071 11.2929L12.7071 5.29289C12.3166 4.90237 11.6834 4.90237 11.2929 5.29289L5.29289 11.2929C4.90237 11.6834 4.90237 12.3166 5.29289 12.7071C5.68342 13.0976 6.31658 13.0976 6.70711 12.7071L11 8.41421V19C11 19.5523 11.4477 20 12 20Z" }), m = /* @__PURE__ */ r("path", { d: "M8.5 13C8.77614 13 9 12.7761 9 12.5V4.70711L12.1464 7.85355C12.3417 8.04882 12.6583 8.04882 12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645L4.14645 7.14645C3.95118 7.34171 3.95118 7.65829 4.14645 7.85355C4.34171 8.04882 4.65829 8.04882 4.85355 7.85355L8 4.70711V12.5C8 12.7761 8.22386 13 8.5 13Z" }), s = a((C, t) => {
+  const {
+    size: o
+  } = C;
+  return /* @__PURE__ */ r(e, { ref: t, name: "ArrowNavigationUp", ...C, children: !o || o === n.Large || o === n.Medium ? i : m });
+});
+export {
+  s as ArrowNavigationUpIcon
+};
+//# sourceMappingURL=ArrowNavigationUp.es.js.map

package/dist/components/ArrowNavigationUp.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowNavigationUp.es.js","sources":["../../src/components/ArrowNavigationUp.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n  <path d=\"M12 20C12.5523 20 13 19.5523 13 19V8.41421L17.2929 12.7071C17.6834 13.0976 18.3166 13.0976 18.7071 12.7071C19.0976 12.3166 19.0976 11.6834 18.7071 11.2929L12.7071 5.29289C12.3166 4.90237 11.6834 4.90237 11.2929 5.29289L5.29289 11.2929C4.90237 11.6834 4.90237 12.3166 5.29289 12.7071C5.68342 13.0976 6.31658 13.0976 6.70711 12.7071L11 8.41421V19C11 19.5523 11.4477 20 12 20Z\" />\n);\n\nconst smallIcon = (\n  <path d=\"M8.5 13C8.77614 13 9 12.7761 9 12.5V4.70711L12.1464 7.85355C12.3417 8.04882 12.6583 8.04882 12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645L4.14645 7.14645C3.95118 7.34171 3.95118 7.65829 4.14645 7.85355C4.34171 8.04882 4.65829 8.04882 4.85355 7.85355L8 4.70711V12.5C8 12.7761 8.22386 13 8.5 13Z\" />\n);\n\nexport const ArrowNavigationUpIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"ArrowNavigationUp\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","ArrowNavigationUpIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,wXACT,CAAA,GAEKC,IACJ,gBAAAD,EAAC,QAAK,EAAA,GAAE,0XACT,CAAA,GAEYE,IAAuCC,EAAW,CAACC,GAAOC,MAAQ;AACvE,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,qBAAoB,GAAID,GACzC,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/ArrowNavigationUpLeft.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../types';
+export declare const ArrowNavigationUpLeftIcon: IconComponent;

package/dist/components/ArrowNavigationUpLeft.es.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as n, SizeTokenValue as e } from "@join-x5/react-theme";
+import { SVG as a } from "./SVG.es.js";
+const i = /* @__PURE__ */ r("path", { d: "M17 7C17 6.44772 16.5523 6 16 6H7C6.44771 6 6 6.44772 6 7V16C6 16.5523 6.44771 17 7 17C7.55229 17 8 16.5523 8 16V9.41421L16.2929 17.7071C16.6834 18.0976 17.3166 18.0976 17.7071 17.7071C18.0976 17.3166 18.0976 16.6834 17.7071 16.2929L9.41421 8H16C16.5523 8 17 7.55228 17 7Z" }), m = /* @__PURE__ */ r("path", { d: "M11 4.5C11 4.22386 10.7761 4 10.5 4H4.5C4.22386 4 4 4.22386 4 4.5V10.5C4 10.7761 4.22386 11 4.5 11C4.77614 11 5 10.7761 5 10.5V5.70711L11.1464 11.8536C11.3417 12.0488 11.6583 12.0488 11.8536 11.8536C12.0488 11.6583 12.0488 11.3417 11.8536 11.1464L5.70711 5H10.5C10.7761 5 11 4.77614 11 4.5Z" }), p = n((t, C) => {
+  const {
+    size: o
+  } = t;
+  return /* @__PURE__ */ r(a, { ref: C, name: "ArrowNavigationUpLeft", ...t, children: !o || o === e.Large || o === e.Medium ? i : m });
+});
+export {
+  p as ArrowNavigationUpLeftIcon
+};
+//# sourceMappingURL=ArrowNavigationUpLeft.es.js.map

package/dist/components/ArrowNavigationUpLeft.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowNavigationUpLeft.es.js","sources":["../../src/components/ArrowNavigationUpLeft.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n  <path d=\"M17 7C17 6.44772 16.5523 6 16 6H7C6.44771 6 6 6.44772 6 7V16C6 16.5523 6.44771 17 7 17C7.55229 17 8 16.5523 8 16V9.41421L16.2929 17.7071C16.6834 18.0976 17.3166 18.0976 17.7071 17.7071C18.0976 17.3166 18.0976 16.6834 17.7071 16.2929L9.41421 8H16C16.5523 8 17 7.55228 17 7Z\" />\n);\n\nconst smallIcon = (\n  <path d=\"M11 4.5C11 4.22386 10.7761 4 10.5 4H4.5C4.22386 4 4 4.22386 4 4.5V10.5C4 10.7761 4.22386 11 4.5 11C4.77614 11 5 10.7761 5 10.5V5.70711L11.1464 11.8536C11.3417 12.0488 11.6583 12.0488 11.8536 11.8536C12.0488 11.6583 12.0488 11.3417 11.8536 11.1464L5.70711 5H10.5C10.7761 5 11 4.77614 11 4.5Z\" />\n);\n\nexport const ArrowNavigationUpLeftIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"ArrowNavigationUpLeft\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","ArrowNavigationUpLeftIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,mRACT,CAAA,GAEKC,IACJ,gBAAAD,EAAC,QAAK,EAAA,GAAE,qSACT,CAAA,GAEYE,IAA2CC,EAAW,CAACC,GAAOC,MAAQ;AAC3E,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,yBAAwB,GAAID,GAC7C,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/ArrowNavigationUpRight.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../types';
+export declare const ArrowNavigationUpRightIcon: IconComponent;