Initial commit

nova/resources/js/components/Icons/Add.vue

@@ -0,0 +1,5 @@
+<template functional>
+  <path
+    d="M17 11a1 1 0 0 1 0 2h-4v4a1 1 0 0 1-2 0v-4H7a1 1 0 0 1 0-2h4V7a1 1 0 0 1 2 0v4h4z"
+  />
+</template>

nova/resources/js/components/Icons/BooleanIcon.vue

@@ -0,0 +1,41 @@
+<template>
+  <icon
+    v-if="value"
+    :viewBox="viewBox"
+    :width="width"
+    :height="height"
+    type="check-circle"
+    class="text-success"
+  />
+  <icon
+    v-else
+    :viewBox="viewBox"
+    :width="width"
+    :height="height"
+    type="x-circle"
+    class="text-danger"
+  />
+</template>
+
+<script>
+export default {
+  props: {
+    value: {
+      type: Boolean,
+      default: false,
+    },
+
+    viewBox: {
+      default: '0 0 24 24',
+    },
+
+    height: {
+      default: 24,
+    },
+
+    width: {
+      default: 24,
+    },
+  },
+}
+</script>

nova/resources/js/components/Icons/CheckCircle.vue

@@ -0,0 +1,5 @@
+<template functional>
+  <path
+    d="M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-2.3-8.7l1.3 1.29 3.3-3.3a1 1 0 0 1 1.4 1.42l-4 4a1 1 0 0 1-1.4 0l-2-2a1 1 0 0 1 1.4-1.42z"
+  />
+</template>

nova/resources/js/components/Icons/Delete.vue

@@ -0,0 +1,6 @@
+<template functional>
+  <path
+    fill-rule="nonzero"
+    d="M6 4V2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2h5a1 1 0 0 1 0 2h-1v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6H1a1 1 0 1 1 0-2h5zM4 6v12h12V6H4zm8-2V2H8v2h4zM8 8a1 1 0 0 1 1 1v6a1 1 0 0 1-2 0V9a1 1 0 0 1 1-1zm4 0a1 1 0 0 1 1 1v6a1 1 0 0 1-2 0V9a1 1 0 0 1 1-1z"
+  />
+</template>

nova/resources/js/components/Icons/Download.vue

@@ -0,0 +1,5 @@
+<template>
+  <path
+    d="M11 14.59V3a1 1 0 0 1 2 0v11.59l3.3-3.3a1 1 0 0 1 1.4 1.42l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 0 1 1.4-1.42l3.3 3.3zM3 17a1 1 0 0 1 2 0v3h14v-3a1 1 0 0 1 2 0v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3z"
+  />
+</template>

nova/resources/js/components/Icons/Edit.vue

@@ -0,0 +1,5 @@
+<template functional>
+  <path
+    d="M4.3 10.3l10-10a1 1 0 0 1 1.4 0l4 4a1 1 0 0 1 0 1.4l-10 10a1 1 0 0 1-.7.3H5a1 1 0 0 1-1-1v-4a1 1 0 0 1 .3-.7zM6 14h2.59l9-9L15 2.41l-9 9V14zm10-2a1 1 0 0 1 2 0v6a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4c0-1.1.9-2 2-2h6a1 1 0 1 1 0 2H2v14h14v-6z"
+  />
+</template>

nova/resources/js/components/Icons/Editor/Bold.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+    <path
+      d="M3 19V1h8a5 5 0 0 1 3.88 8.16A5.5 5.5 0 0 1 11.5 19H3zm7.5-8H7v5h3.5a2.5 2.5 0 1 0 0-5zM7 4v4h3a2 2 0 1 0 0-4H7z"
+    />
+  </svg>
+</template>

nova/resources/js/components/Icons/Editor/FullScreen.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+    <path
+      d="M2.8 15.8L0 13v7h7l-2.8-2.8 4.34-4.32-1.42-1.42L2.8 15.8zM17.2 4.2L20 7V0h-7l2.8 2.8-4.34 4.32 1.42 1.42L17.2 4.2zm-1.4 13L13 20h7v-7l-2.8 2.8-4.32-4.34-1.42 1.42 4.33 4.33zM4.2 2.8L7 0H0v7l2.8-2.8 4.32 4.34 1.42-1.42L4.2 2.8z"
+    />
+  </svg>
+</template>

nova/resources/js/components/Icons/Editor/Image.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+    <path
+      d="M0 4c0-1.1.9-2 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm11 9l-3-3-6 6h16l-5-5-2 2zm4-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+    />
+  </svg>
+</template>

nova/resources/js/components/Icons/Editor/Italic.vue

@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+    <path d="M8 1h9v2H8V1zm3 2h3L8 17H5l6-14zM2 17h9v2H2v-2z" />
+  </svg>
+</template>

nova/resources/js/components/Icons/Editor/Link.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+    <path
+      d="M9.26 13a2 2 0 0 1 .01-2.01A3 3 0 0 0 9 5H5a3 3 0 0 0 0 6h.08a6.06 6.06 0 0 0 0 2H5A5 5 0 0 1 5 3h4a5 5 0 0 1 .26 10zm1.48-6a2 2 0 0 1-.01 2.01A3 3 0 0 0 11 15h4a3 3 0 0 0 0-6h-.08a6.06 6.06 0 0 0 0-2H15a5 5 0 0 1 0 10h-4a5 5 0 0 1-.26-10z"
+    />
+  </svg>
+</template>

nova/resources/js/components/Icons/Filter.vue

@@ -0,0 +1,6 @@
+<template functional>
+  <path
+    fill-rule="nonzero"
+    d="M.293 5.707A1 1 0 0 1 0 4.999V1A1 1 0 0 1 1 0h18a1 1 0 0 1 1 1v4a1 1 0 0 1-.293.707L13 12.413v2.585a1 1 0 0 1-.293.708l-4 4c-.63.629-1.707.183-1.707-.708v-6.585L.293 5.707zM2 2v2.585l6.707 6.707a1 1 0 0 1 .293.707v4.585l2-2V12a1 1 0 0 1 .293-.707L18 4.585V2H2z"
+  />
+</template>

nova/resources/js/components/Icons/ForceDelete.vue

@@ -0,0 +1,6 @@
+<template functional>
+  <path
+    fill-rule="nonzero"
+    d="M6 4V2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2h5a1 1 0 0 1 0 2h-1v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6H1a1 1 0 1 1 0-2h5zM4 6v12h12V6H4zm8-2V2H8v2h4zm-2 4a1 1 0 0 1 1 1v3a1 1 0 0 1-2 0V9a1 1 0 0 1 1-1zm0 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"
+  />
+</template>

nova/resources/js/components/Icons/Help.vue

@@ -0,0 +1,9 @@
+<template functional>
+  <g fill="none" fill-rule="evenodd">
+    <circle class="fill-current" cx="8.5" cy="8.5" r="8.5" />
+    <path
+      d="M8.568 10.253c-.225 0-.4-.074-.527-.221-.125-.147-.188-.355-.188-.624 0-.407.078-.747.234-1.02.156-.274.373-.553.65-.839.2-.217.349-.403.448-.559.1-.156.15-.33.15-.52s-.07-.342-.208-.455c-.139-.113-.33-.169-.572-.169-.2 0-.396.037-.591.11-.196.074-.414.18-.657.319l-.312.156c-.295.165-.533.247-.715.247a.69.69 0 01-.553-.28 1.046 1.046 0 01-.227-.682c0-.182.032-.334.098-.455.065-.121.17-.238.318-.351.39-.286.834-.51 1.332-.67.499-.16 1-.24 1.502-.24.563 0 1.066.097 1.508.293.442.195.789.463 1.04.805.251.343.377.73.377 1.164 0 .32-.067.615-.202.884a2.623 2.623 0 01-.487.689c-.19.19-.438.42-.741.689a6.068 6.068 0 00-.656.605c-.152.169-.25.344-.293.526a.691.691 0 01-.253.442.753.753 0 01-.475.156zm.026 3.107c-.355 0-.652-.121-.89-.364a1.23 1.23 0 01-.358-.897c0-.355.12-.654.357-.897.239-.243.536-.364.891-.364a1.23 1.23 0 011.261 1.261 1.23 1.23 0 01-1.261 1.261z"
+      fill="#FFF"
+      fill-rule="nonzero"
+  /></g>
+</template>

nova/resources/js/components/Icons/Icon.vue

@@ -0,0 +1,42 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class="fill-current"
+    :width="width"
+    :height="height"
+    :viewBox="viewBox"
+    :aria-labelledby="type"
+    role="presentation"
+  >
+    <component :is="iconName" />
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    type: {
+      type: String,
+      default: 'delete',
+    },
+    viewBox: {
+      type: String,
+      default: '0 0 20 20',
+    },
+    width: {
+      type: [Number, String],
+      default: 20,
+    },
+    height: {
+      type: [Number, String],
+      default: 20,
+    },
+  },
+
+  computed: {
+    iconName() {
+      return `icon-${this.type}`
+    },
+  },
+}
+</script>

nova/resources/js/components/Icons/Loader.vue

@@ -0,0 +1,95 @@
+<script>
+export default {
+  name: 'Loader',
+  props: {
+    width: {
+      type: [Number, String],
+      required: false,
+      default: 50,
+    },
+    fillColor: {
+      type: String,
+      required: false,
+      default: 'currentColor',
+    },
+  },
+  render(h) {
+    return (
+      <svg
+        class="mx-auto block"
+        style={{ width: `${this.width}px` }}
+        viewBox="0 0 120 30"
+        xmlns="http://www.w3.org/2000/svg"
+        fill={this.fillColor}
+      >
+        <circle cx="15" cy="15" r="15">
+          <animate
+            attributeName="r"
+            from="15"
+            to="15"
+            begin="0s"
+            dur="0.8s"
+            values="15;9;15"
+            calcMode="linear"
+            repeatCount="indefinite"
+          />
+          <animate
+            attributeName="fill-opacity"
+            from="1"
+            to="1"
+            begin="0s"
+            dur="0.8s"
+            values="1;.5;1"
+            calcMode="linear"
+            repeatCount="indefinite"
+          />
+        </circle>
+        <circle cx="60" cy="15" r="9" fill-opacity="0.3">
+          <animate
+            attributeName="r"
+            from="9"
+            to="9"
+            begin="0s"
+            dur="0.8s"
+            values="9;15;9"
+            calcMode="linear"
+            repeatCount="indefinite"
+          />
+          <animate
+            attributeName="fill-opacity"
+            from="0.5"
+            to="0.5"
+            begin="0s"
+            dur="0.8s"
+            values=".5;1;.5"
+            calcMode="linear"
+            repeatCount="indefinite"
+          />
+        </circle>
+        <circle cx="105" cy="15" r="15">
+          <animate
+            attributeName="r"
+            from="15"
+            to="15"
+            begin="0s"
+            dur="0.8s"
+            values="15;9;15"
+            calcMode="linear"
+            repeatCount="indefinite"
+          />
+          <animate
+            attributeName="fill-opacity"
+            from="1"
+            to="1"
+            begin="0s"
+            dur="0.8s"
+            values="1;.5;1"
+            calcMode="linear"
+            repeatCount="indefinite"
+          />
+        </circle>
+      </svg>
+    )
+  },
+}
+</script>

nova/resources/js/components/Icons/Menu.vue

@@ -0,0 +1,5 @@
+<template functional>
+  <path
+    d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"
+  />
+</template>

nova/resources/js/components/Icons/More.vue

@@ -0,0 +1,5 @@
+<template functional>
+  <path
+    d="M4 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm8 2a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm8 2a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"
+  />
+</template>

nova/resources/js/components/Icons/Play.vue

@@ -0,0 +1,6 @@
+<template functional>
+  <path
+    fill-rule="nonzero"
+    d="M0 .213l15.925 9.77L0 19.79V.213zm2 3.574V16.21l10.106-6.224L2 3.786z"
+  />
+</template>

nova/resources/js/components/Icons/Refresh.vue

@@ -0,0 +1,5 @@
+<template functional>
+  <path
+    d="M6 18.7V21a1 1 0 0 1-2 0v-5a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H7.1A7 7 0 0 0 19 12a1 1 0 1 1 2 0 9 9 0 0 1-15 6.7zM18 5.3V3a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1h-5a1 1 0 0 1 0-2h2.9A7 7 0 0 0 5 12a1 1 0 1 1-2 0 9 9 0 0 1 15-6.7z"
+  />
+</template>

nova/resources/js/components/Icons/Restore.vue

@@ -0,0 +1,5 @@
+<template functional>
+  <path
+    d="M3.41 15H16a2 2 0 0 0 2-2 1 1 0 0 1 2 0 4 4 0 0 1-4 4H3.41l2.3 2.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 1 1 1.42 1.4L3.4 15h.01zM4 7a2 2 0 0 0-2 2 1 1 0 1 1-2 0 4 4 0 0 1 4-4h12.59l-2.3-2.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4L16.6 7H4z"
+  />
+</template>

nova/resources/js/components/Icons/Search.vue

@@ -0,0 +1,6 @@
+<template functional>
+  <path
+    fill-rule="nonzero"
+    d="M14.32 12.906l5.387 5.387a1 1 0 0 1-1.414 1.414l-5.387-5.387a8 8 0 1 1 1.414-1.414zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"
+  />
+</template>

nova/resources/js/components/Icons/View.vue

@@ -0,0 +1,5 @@
+<template functional>
+  <path
+    d="M16.56 13.66a8 8 0 0 1-11.32 0L.3 8.7a1 1 0 0 1 0-1.42l4.95-4.95a8 8 0 0 1 11.32 0l4.95 4.95a1 1 0 0 1 0 1.42l-4.95 4.95-.01.01zm-9.9-1.42a6 6 0 0 0 8.48 0L19.38 8l-4.24-4.24a6 6 0 0 0-8.48 0L2.4 8l4.25 4.24h.01zM10.9 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+  />
+</template>

nova/resources/js/components/Icons/XCircle.vue

@@ -0,0 +1,5 @@
+<template functional>
+  <path
+    d="M4.93 19.07A10 10 0 1 1 19.07 4.93 10 10 0 0 1 4.93 19.07zm1.41-1.41A8 8 0 1 0 17.66 6.34 8 8 0 0 0 6.34 17.66zM13.41 12l1.42 1.41a1 1 0 1 1-1.42 1.42L12 13.4l-1.41 1.42a1 1 0 1 1-1.42-1.42L10.6 12l-1.42-1.41a1 1 0 1 1 1.42-1.42L12 10.6l1.41-1.42a1 1 0 1 1 1.42 1.42L13.4 12z"
+  />
+</template>