feat: add Loading component and loading states across components

.changeset/thick-tires-yawn.md

@@ -0,0 +1,5 @@
+---
+"@atomicjolt/atomic-elements": minor
+---
+
+Add <Loading> component and support for loading states to a number of components

.storybook/utils/helpers.tsx

@@ -31,6 +31,18 @@ export const FieldStateControls: ArgTypes = {
       category: "Field State",
     },
   },
+  isLoading: {
+    control: "boolean",
+    table: {
+      category: "Field State",
+    },
+  },
+  loadingLabel: {
+    control: "text",
+    table: {
+      category: "Field State",
+    },
+  },
 };
 
 export const InputControls: ArgTypes = {

packages/atomic-elements/src/components/Chips/ChipGroup/__snapshots__/ChipGroup.spec.tsx.snap

@@ -6,10 +6,10 @@ exports[`ChipGroup > matches snapshot 1`] = `
     data-react-aria-hidden="true"
   />
   <div
-    class="sc-bjLslk gYNvEP aje-chip-group"
+    class="sc-fKwzVe fdNiPE aje-chip-group"
   >
     <label
-      class="sc-bdDsCe kKMboh"
+      class="sc-bdDsCe bLPJOA"
       id="react-aria-:r1:"
     >
       My Chip Group
@@ -19,15 +19,15 @@ exports[`ChipGroup > matches snapshot 1`] = `
       aria-labelledby="react-aria-:r1:"
       aria-live="off"
       aria-relevant="additions"
-      class="sc-ieCSdj lmMnXf"
+      class="sc-bCgoVd zQafC"
       data-collection="react-aria-:r5:"
       id="react-aria-:r0:"
       role="grid"
       tabindex="0"
     >
       <div
         aria-label="Item"
-        class="sc-hHopjF jeiOnT aje-chip"
+        class="sc-cxxQMU eMnPiM aje-chip"
         data-collection="react-aria-:r5:"
         data-key="react-aria-1"
         id="react-aria-:r0:-react-aria-1"
@@ -36,7 +36,7 @@ exports[`ChipGroup > matches snapshot 1`] = `
       >
         <div
           aria-colindex="1"
-          class="sc-dILkzW knTmYa"
+          class="sc-ivKqQM hZfdyg"
           role="gridcell"
         >
           Item