@ubie/vitals-icon 0.0.1

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@ubie/vitals-icon",
+  "version": "0.0.1",
+  "description": "",
+  "author": "Ubie Inc.",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.cts",
+  "exports": {
+    ".": {
+      "development": "./src/index.ts",
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.mjs"
+    }
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "@ubie/vitals-token": "0.0.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.1.3",
+    "@storybook/addon-a11y": "^10.1.8",
+    "@storybook/addon-docs": "^10.1.8",
+    "@storybook/addon-onboarding": "^10.1.8",
+    "@storybook/addon-vitest": "^10.1.8",
+    "@storybook/react-vite": "^10.1.8",
+    "@types/react": "^19.2.7",
+    "@vitest/coverage-v8": "^4.1.2",
+    "playwright": "^1.57.0",
+    "react": "19.2.1",
+    "storybook": "^10.1.8",
+    "vite-plus": "latest",
+    "vitest": "npm:@voidzero-dev/vite-plus-test@latest"
+  },
+  "scripts": {
+    "build": "vp pack",
+    "dev": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  }
+}

package/src/AccountIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgAccountIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M16.5 7.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0m-2 0a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0M21 19c0 .537 0 .93-.174 1.217C20.352 21 18.584 21 12 21s-8.352 0-8.826-.783C3 19.93 3 19.537 3 19c0-2 2-5 9-5s9 3 9 5m-3.846-.03a22 22 0 0 0 1.838-.102c-.042-.348-.26-.93-1.043-1.5C17.027 16.697 15.24 16 12 16s-5.027.697-5.949 1.367c-.783.57-1.001 1.152-1.043 1.5.396.046.978.081 1.838.102C8.081 19 9.74 19 12 19s3.919 0 5.154-.03m-12.142.529-.001-.007z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgAccountIcon;

package/src/AccountSettingIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgAccountSettingIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M15.5 7.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0m-2 0a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0M16.33 11.5a.5.5 0 0 0-.485.379l-.336 1.344a4 4 0 0 0-1.288.745l-1.334-.382a.5.5 0 0 0-.57.231l-.5.866a.5.5 0 0 0 .085.61l.997.963a4 4 0 0 0 0 1.488l-.996.964a.5.5 0 0 0-.086.61l.5.865a.5.5 0 0 0 .57.231l1.335-.382c.375.323.81.578 1.287.745l.336 1.344a.5.5 0 0 0 .485.379h1a.5.5 0 0 0 .485-.379l.336-1.344a4 4 0 0 0 1.288-.745l1.334.381a.5.5 0 0 0 .57-.23l.5-.866a.5.5 0 0 0-.085-.61l-.997-.964a4 4 0 0 0 0-1.487l.997-.964a.5.5 0 0 0 .085-.61l-.5-.865a.5.5 0 0 0-.57-.231l-1.334.382a4 4 0 0 0-1.288-.745l-.336-1.344a.5.5 0 0 0-.485-.379zm2.5 5.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0M10.29 19c-1.903 0-3.342-.003-4.444-.03a22 22 0 0 1-1.838-.102c.042-.348.26-.93 1.043-1.5.83-.603 2.359-1.228 5.017-1.348a7 7 0 0 1 .605-2.018C3.937 14.094 2 17.032 2 19c0 .537 0 .93.174 1.217C2.648 21 4.416 21 11 21h.255a7 7 0 0 1-.965-2m-6.28.492.002.007z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgAccountSettingIcon;

package/src/AddressIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+const SvgAddressIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M10.674 2.503a2 2 0 0 1 2.652 0l7.997 7.08c1.379 1.22.516 3.417-1.325 3.417H19v1a5 5 0 0 0-2-.9V11h2.998L12 4l-7.998 7H7v9h4.416a5 5 0 0 0 1.583 2H7a2 2 0 0 1-2-2v-7h-.998c-1.84 0-2.704-2.196-1.326-3.417z"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M18.5 16.702V16.7C18.5 15.209 17.38 14 16 14s-2.5 1.21-2.5 2.7q0 .048.002.094c-.027.544.292 2.044 1.668 4.686a.964.964 0 0 0 1.696.023c.76-1.363 1.634-3.207 1.634-4.801m-1.25-.34c0 .652-.56 1.181-1.25 1.181s-1.25-.529-1.25-1.18c0-.653.56-1.182 1.25-1.182s1.25.529 1.25 1.181"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgAddressIcon;

package/src/AlertAIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+const SvgAlertAIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M13 13a1 1 0 1 1-2 0v-3a1 1 0 1 1 2 0zM12 18a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 2a1 1 0 0 1 .862.493l10 17A1 1 0 0 1 22 21H2a1 1 0 0 1-.862-1.507l10-17A1 1 0 0 1 12 2m8.252 17L12 4.972 3.748 19z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgAlertAIcon;

package/src/AlertBIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+const SvgAlertBIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M13 12a1 1 0 1 1-2 0V8a1 1 0 1 1 2 0zM12 17a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgAlertBIcon;

package/src/AlertIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+const SvgAlertIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M13 13a1 1 0 1 1-2 0v-3a1 1 0 1 1 2 0zM12 18a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 2a1 1 0 0 1 .862.493l10 17A1 1 0 0 1 22 21H2a1 1 0 0 1-.862-1.507l10-17A1 1 0 0 1 12 2m8.252 17L12 4.972 3.748 19z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgAlertIcon;

package/src/AmbulanceIcon.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from "react";
+const SvgAmbulanceIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path fill="currentColor" d="M8.2 12.7H6.8v-1.5H5.2V9.7h1.6V8.2h1.4v1.5h1.6v1.5H8.2z" />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="m17.8 4.6 4.1 7a.5.5 0 0 1 .118.209c.02.053.044.115.082.191v6c0 .5-.4.8-.8.8H20c-.2 1.3-1.2 2.3-2.5 2.3s-2.4-1-2.5-2.3H9c-.2 1.3-1.2 2.3-2.5 2.3s-2.4-1-2.5-2.3H2.8c-.5 0-.8-.4-.8-.8V7c0-1.6 1.2-2.8 2.8-2.8h12.3c.3 0 .6.1.7.4m-4.1 6.6h6.2l-1.2-2h-5zM6 7H3.5v7.1h17v-1.2H13c-.5 0-.8-.4-.8-.8V8.6c0-.5.4-.8.8-.8h4.8l-.4-.8H12c-.6 0-1-.4-1-1v-.2H6.9c.1 0 .1.1.1.2 0 .6-.4 1-1 1m-.5 11.5c0 .6.4 1 1 1s1-.4 1-1-.4-1-1-1-1 .4-1 1m11 0c0 .6.4 1 1 1s1-.4 1-1-.4-1-1-1-1 .4-1 1m1-2.5c1 0 1.8.5 2.2 1.2h.8v-1.8h-17v1.8h.8c.5-.7 1.2-1.2 2.2-1.2s1.8.5 2.2 1.2h6.6c.5-.7 1.2-1.2 2.2-1.2"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgAmbulanceIcon;

package/src/ArrowADownIcon.tsx

@@ -0,0 +1,17 @@
+import type { SVGProps } from "react";
+const SvgArrowADownIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M11.203 21.585a.993.993 0 0 0 1.616-.002l4.995-7.015A.992.992 0 0 0 17.006 13H15V3a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v10H6.994a.992.992 0 0 0-.807 1.57z"
+    />
+  </svg>
+);
+export default SvgArrowADownIcon;

package/src/ArrowALeftIcon.tsx

@@ -0,0 +1,17 @@
+import type { SVGProps } from "react";
+const SvgArrowALeftIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M2.415 12.797a.993.993 0 0 1 .002-1.616l7.015-4.995A.992.992 0 0 1 11 6.994V9h10a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H11v2.006a.992.992 0 0 1-1.57.807z"
+    />
+  </svg>
+);
+export default SvgArrowALeftIcon;

package/src/ArrowARightIcon.tsx

@@ -0,0 +1,17 @@
+import type { SVGProps } from "react";
+const SvgArrowARightIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M21.585 11.203a.993.993 0 0 1-.002 1.616l-7.015 4.995A.992.992 0 0 1 13 17.006V15H3a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h10V6.994a.992.992 0 0 1 1.57-.807z"
+    />
+  </svg>
+);
+export default SvgArrowARightIcon;

package/src/ArrowAUpIcon.tsx

@@ -0,0 +1,17 @@
+import type { SVGProps } from "react";
+const SvgArrowAUpIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M12.797 2.415a.993.993 0 0 0-1.616.002L6.186 9.432A.992.992 0 0 0 6.994 11H9v10a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V11h2.006a.992.992 0 0 0 .807-1.57z"
+    />
+  </svg>
+);
+export default SvgArrowAUpIcon;

package/src/ArrowBDownIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgArrowBDownIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M11.116 16.884a1.25 1.25 0 0 0 1.768 0l8-8a1.25 1.25 0 0 0-1.768-1.768L12 14.232 4.884 7.116a1.25 1.25 0 1 0-1.768 1.768z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowBDownIcon;

package/src/ArrowBLeftIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgArrowBLeftIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M7.116 12.884a1.25 1.25 0 0 1 0-1.768l8-8a1.25 1.25 0 0 1 1.768 1.768L9.768 12l7.116 7.116a1.25 1.25 0 0 1-1.768 1.768z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowBLeftIcon;

package/src/ArrowBRightIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgArrowBRightIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M16.884 12.884a1.25 1.25 0 0 0 0-1.768l-8-8a1.25 1.25 0 1 0-1.768 1.768L14.232 12l-7.116 7.116a1.25 1.25 0 0 0 1.768 1.768z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowBRightIcon;

package/src/ArrowBUpIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgArrowBUpIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M11.116 7.116a1.25 1.25 0 0 1 1.768 0l8 8a1.25 1.25 0 0 1-1.768 1.768L12 9.768l-7.116 7.116a1.25 1.25 0 0 1-1.768-1.768z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowBUpIcon;

package/src/ArrowCDownFillIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgArrowCDownFillIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m6.293-1.707a1 1 0 0 1 1.414 0L12 13.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowCDownFillIcon;

package/src/ArrowCDownIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgArrowCDownIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m6.293-1.707a1 1 0 0 1 1.414 0L12 13.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowCDownIcon;

package/src/ArrowCLeftFillIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgArrowCLeftFillIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m12.707-4.707a1 1 0 0 1 0 1.414L10.414 12l3.293 3.293a1 1 0 0 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowCLeftFillIcon;

package/src/ArrowCLeftIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgArrowCLeftIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m12.707-4.707a1 1 0 0 1 0 1.414L10.414 12l3.293 3.293a1 1 0 0 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowCLeftIcon;

package/src/ArrowCRightFillIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgArrowCRightFillIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m9.293-4.707a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L13.586 12l-3.293-3.293a1 1 0 0 1 0-1.414"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowCRightFillIcon;

package/src/ArrowCRightIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgArrowCRightIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m9.293-4.707a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L13.586 12l-3.293-3.293a1 1 0 0 1 0-1.414"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowCRightIcon;

package/src/ArrowCUpFillIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgArrowCUpFillIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m11-1.586-3.293 3.293a1 1 0 0 1-1.414-1.414l4-4a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowCUpFillIcon;

package/src/ArrowCUpIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgArrowCUpIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m11-1.586-3.293 3.293a1 1 0 0 1-1.414-1.414l4-4a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowCUpIcon;

package/src/ArrowDDownIcon.tsx

@@ -0,0 +1,17 @@
+import type { SVGProps } from "react";
+const SvgArrowDDownIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M11.254 17.634a.946.946 0 0 0 1.495 0l7.996-9.817C21.32 7.113 20.862 6 19.999 6H4.002c-.863 0-1.32 1.113-.747 1.817z"
+    />
+  </svg>
+);
+export default SvgArrowDDownIcon;

package/src/ArrowDLeftIcon.tsx

@@ -0,0 +1,17 @@
+import type { SVGProps } from "react";
+const SvgArrowDLeftIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M6.366 11.254a.946.946 0 0 0 0 1.496l9.818 7.996c.703.573 1.816.115 1.816-.748V4.003c0-.863-1.113-1.322-1.817-.748z"
+    />
+  </svg>
+);
+export default SvgArrowDLeftIcon;

package/src/ArrowDRightIcon.tsx

@@ -0,0 +1,17 @@
+import type { SVGProps } from "react";
+const SvgArrowDRightIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M17.634 12.747a.946.946 0 0 0 0-1.496L7.816 3.255C7.112 2.68 6 3.139 6 4.003v15.995c0 .863 1.113 1.321 1.817.747z"
+    />
+  </svg>
+);
+export default SvgArrowDRightIcon;

package/src/ArrowDUpIcon.tsx

@@ -0,0 +1,17 @@
+import type { SVGProps } from "react";
+const SvgArrowDUpIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M11.254 6.366a.946.946 0 0 1 1.495 0l7.996 9.818c.574.703.116 1.816-.747 1.816H4.002c-.863 0-1.32-1.113-.747-1.817z"
+    />
+  </svg>
+);
+export default SvgArrowDUpIcon;

package/src/ArrowEDownIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgArrowEDownIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M4.116 11.616a1.25 1.25 0 0 1 1.768 0l4.866 4.866V4.5a1.25 1.25 0 1 1 2.5 0v11.982l4.866-4.866a1.25 1.25 0 0 1 1.768 1.768l-7 7a1.25 1.25 0 0 1-1.768 0l-7-7a1.25 1.25 0 0 1 0-1.768"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowEDownIcon;

package/src/ArrowELeftIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgArrowELeftIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12.384 4.116a1.25 1.25 0 0 1 0 1.768L7.518 10.75H19.5a1.25 1.25 0 1 1 0 2.5H7.518l4.866 4.866a1.25 1.25 0 0 1-1.768 1.768l-7-7a1.25 1.25 0 0 1 0-1.768l7-7a1.25 1.25 0 0 1 1.768 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowELeftIcon;

package/src/ArrowERightIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgArrowERightIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M11.616 19.884a1.25 1.25 0 0 1 0-1.768l4.866-4.866H4.5a1.25 1.25 0 0 1 0-2.5h11.982l-4.866-4.866a1.25 1.25 0 0 1 1.768-1.768l7 7a1.25 1.25 0 0 1 0 1.768l-7 7a1.25 1.25 0 0 1-1.768 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgArrowERightIcon;