diff --git a/README.md b/README.md
index d425d98f2..581afdcdb 100644
--- a/README.md
+++ b/README.md
@@ -220,7 +220,7 @@ Update Progress Checklist:
   - [x] Floating Action Buttons
   - [x] Icon Buttons
 - [x] Cards
-- [ ] Chips
+- [x] Chips
 - [ ] Data Tables
 - [x] Dialogs
 - [x] Drawers
diff --git a/packages/button/Button.svelte b/packages/button/Button.svelte
index e574e3099..65302f4e6 100644
--- a/packages/button/Button.svelte
+++ b/packages/button/Button.svelte
@@ -56,9 +56,9 @@
     classMap,
     exclude,
   } from '@smui/common/internal.js';
+  import Ripple from '@smui/ripple/bare.js';
   import A from '@smui/common/A.svelte';
   import Button from '@smui/common/Button.svelte';
-  import Ripple from '@smui/ripple/bare.js';
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
diff --git a/packages/chips/Chip.svelte b/packages/chips/Chip.svelte
index 5c433c0c5..10c8aed48 100644
--- a/packages/chips/Chip.svelte
+++ b/packages/chips/Chip.svelte
@@ -1,29 +1,70 @@
 <svelte:component
   this={component}
   bind:this={element}
-  use={[forwardEvents, ...use]}
-  forwardEvents={forwardedEvents}
+  use={[
+    [
+      Ripple,
+      {
+        ripple,
+        unbounded: false,
+        addClass,
+        removeClass,
+        addStyle,
+      },
+    ],
+    forwardEvents,
+    ...use,
+  ]}
+  forwardEvents={[
+    'MDCChipTrailingAction:interaction',
+    'MDCChipTrailingAction:navigation',
+    'SMUI:chip:primary-action:mount',
+    'SMUI:chip:primary-action:unmount',
+    'SMUI:chip:trailing-action:mount',
+    ...forwardedEvents,
+  ]}
   class={classMap({
     [className]: true,
     'mdc-chip': true,
     'mdc-chip--selected': selected,
     'mdc-chip--touch': touch,
+    ...internalClasses,
   })}
+  style={Object.entries(internalStyles)
+    .map(([name, value]) => `${name}: ${value};`)
+    .concat([style])
+    .join(' ')}
   role="row"
-  on:MDCChip:selection={handleSelection}
+  on:transitionend={(event) => instance && instance.handleTransitionEnd(event)}
+  on:click={() => instance && instance.handleClick()}
+  on:keydown={(event) => instance && instance.handleKeydown(event)}
+  on:focusin={(event) => instance && instance.handleFocusIn(event)}
+  on:focusout={(event) => instance && instance.handleFocusOut(event)}
+  on:MDCChipTrailingAction:interaction={() =>
+    instance && instance.handleTrailingActionInteraction()}
+  on:MDCChipTrailingAction:navigation={(event) =>
+    instance && instance.handleTrailingActionNavigation(event)}
+  on:SMUI:chip:primary-action:mount={(event) =>
+    (primaryActionAccessor = event.detail)}
+  on:SMUI:chip:primary-action:unmount={() =>
+    (primaryActionAccessor = undefined)}
+  on:SMUI:chip:trailing-action:mount={(event) =>
+    (trailingActionAccessor = event.detail)}
+  on:SMUI:chip:trailing-action:unmount={() =>
+    (trailingActionAccessor = undefined)}
   {...exclude($$props, [
     'use',
     'class',
-    'component',
+    'style',
+    'chip',
     'ripple',
     'touch',
-    'selected',
     'shouldRemoveOnTrailingIconClick',
+    'shouldFocusPrimaryActionOnClick',
+    'component',
   ])}
 >
-  {#if ripple}
-    <div class="mdc-chip__ripple" />
-  {/if}
+  <div class="mdc-chip__ripple" />
   <slot />
   {#if touch}
     <div class="mdc-chip__touch" />
@@ -31,15 +72,17 @@
 </svelte:component>
 
 <script>
-  import { MDCChip } from '@material/chips';
-  import { onMount, setContext, getContext } from 'svelte';
+  import { MDCChipFoundation } from '@material/chips';
+  import { onMount, setContext, getContext, tick } from 'svelte';
   import { writable } from 'svelte/store';
   import { get_current_component } from 'svelte/internal';
   import {
     forwardEventsBuilder,
     classMap,
     exclude,
+    dispatch,
   } from '@smui/common/internal.js';
+  import Ripple from '@smui/ripple/bare.js';
   import Div from '@smui/common/Div.svelte';
 
   const forwardedEvents = [
@@ -48,6 +91,8 @@
     'MDCChip:removal',
     'MDCChip:trailingIconInteraction',
     'MDCChip:navigation',
+    'SMUI:chip:mount',
+    'SMUI:chip:unmount',
   ];
   const forwardEvents = forwardEventsBuilder(
     get_current_component(),
@@ -57,13 +102,33 @@
   export let use = [];
   let className = '';
   export { className as class };
+  export let style = '';
+  let chipId;
+  export { chipId as chip };
   export let ripple = true;
   export let touch = false;
-  export let selected = false;
   export let shouldRemoveOnTrailingIconClick = true;
+  export let shouldFocusPrimaryActionOnClick = true;
 
   let element;
-  let chip;
+  let instance;
+  let internalClasses = {};
+  let leadingIconClasses = {};
+  let internalStyles = {};
+  const initialSelectedStore = getContext('SMUI:chip:initialSelected');
+  let selected = $initialSelectedStore;
+  let primaryActionAccessor;
+  let trailingActionAccessor;
+  let accessor = {
+    chipId,
+    get selected() {
+      return selected;
+    },
+    focusPrimaryAction,
+    focusTrailingAction,
+    removeFocus,
+    setSelectedFromChipSet,
+  };
 
   export let component = Div;
 
@@ -78,43 +143,178 @@
   const isSelectedStore = writable(selected);
   $: $isSelectedStore = selected;
   setContext('SMUI:chip:isSelected', isSelectedStore);
+  const leadingIconClassesStore = writable(leadingIconClasses);
+  $: $leadingIconClassesStore = leadingIconClasses;
+  setContext('SMUI:chip:leadingIconClasses', leadingIconClassesStore);
 
-  const selectedStore = getContext('SMUI:chip:selected');
-  let previousSelected = selected;
-  $: if (chip && ($selectedStore || previousSelected !== selected)) {
-    if (selected !== chip.selected) {
-      if (previousSelected !== selected) {
-        // Update MDC on Svelte selected change.
-        chip.selected = selected;
-      } else {
-        // Update selected on MDC selection change.
-        selected = chip.selected;
-      }
-    }
-    previousSelected = selected;
+  if (!chipId) {
+    throw new Error(
+      'The chip property is required! It should be passed down from the Set to the Chip.'
+    );
   }
 
   $: if (
-    chip &&
-    chip.shouldRemoveOnTrailingIconClick !== shouldRemoveOnTrailingIconClick
+    instance &&
+    instance.getShouldRemoveOnTrailingIconClick() !==
+      shouldRemoveOnTrailingIconClick
   ) {
-    chip.shouldRemoveOnTrailingIconClick = shouldRemoveOnTrailingIconClick;
+    instance.setShouldRemoveOnTrailingIconClick(
+      shouldRemoveOnTrailingIconClick
+    );
+  }
+
+  $: if (instance) {
+    instance.setShouldFocusPrimaryActionOnClick(
+      shouldFocusPrimaryActionOnClick
+    );
   }
 
   onMount(() => {
-    element.setChip = setChip;
+    instance = new MDCChipFoundation({
+      addClass,
+      addClassToLeadingIcon: addLeadingIconClass,
+      eventTargetHasClass: (target, className) =>
+        target ? target.classList.contains(className) : false,
+      focusPrimaryAction: () => {
+        if (primaryActionAccessor) {
+          primaryActionAccessor.focus();
+        }
+      },
+      focusTrailingAction: () => {
+        if (trailingActionAccessor) {
+          trailingActionAccessor.focus();
+        }
+      },
+      getAttribute: (attr) => getElement().getAttribute(attr),
+      getCheckmarkBoundingClientRect: () => {
+        const target = getElement().querySelector('.mdc-chip__checkmark');
+        if (target) {
+          return target.getBoundingClientRect();
+        }
+        return null;
+      },
+      getComputedStyleValue: getStyle,
+      getRootBoundingClientRect: () => getElement().getBoundingClientRect(),
+      hasClass,
+      hasLeadingIcon: () => {
+        const target = getElement().querySelector('.mdc-chip__icon--leading');
+        return !!target;
+      },
+      isRTL: () =>
+        getComputedStyle(getElement()).getPropertyValue('direction') === 'rtl',
+      isTrailingActionNavigable: () => {
+        if (trailingActionAccessor) {
+          return trailingActionAccessor.isNavigable();
+        }
+        return false;
+      },
+      notifyInteraction: () =>
+        dispatch(getElement(), 'MDCChip:interaction', { chipId }),
+      notifyNavigation: (key, source) =>
+        dispatch(getElement(), 'MDCChip:navigation', { chipId, key, source }),
+      notifyRemoval: (removedAnnouncement) => {
+        dispatch(getElement(), 'MDCChip:removal', {
+          chipId,
+          removedAnnouncement,
+        });
+      },
+      notifySelection: (selected, shouldIgnore) =>
+        dispatch(getElement(), 'MDCChip:selection', {
+          chipId,
+          selected,
+          shouldIgnore,
+        }),
+      notifyTrailingIconInteraction: () =>
+        dispatch(getElement(), 'MDCChip:trailingIconInteraction', { chipId }),
+      notifyEditStart: () => {
+        /* Not Implemented. */
+      },
+      notifyEditFinish: () => {
+        /* Not Implemented. */
+      },
+      removeClass,
+      removeClassFromLeadingIcon: removeLeadingIconClass,
+      removeTrailingActionFocus: () => {
+        if (trailingActionAccessor) {
+          trailingActionAccessor.removeFocus();
+        }
+      },
+      setPrimaryActionAttr: (attr, value) => {
+        if (primaryActionAccessor) {
+          primaryActionAccessor.addAttr(attr, value);
+        }
+      },
+      setStyleProperty: addStyle,
+    });
+
+    dispatch(getElement(), 'SMUI:chip:mount', accessor);
+
+    instance.init();
+
+    return () => {
+      dispatch(getElement(), 'SMUI:chip:unmount', accessor);
+
+      instance.destroy();
+    };
   });
 
-  function setChip(component) {
-    chip = component;
-    if (!ripple) {
-      chip.ripple && chip.ripple.destroy();
+  function hasClass(className) {
+    return className in internalClasses
+      ? internalClasses[className]
+      : getElement().classList.contains(className);
+  }
+
+  function addClass(className) {
+    if (!internalClasses[className]) {
+      internalClasses[className] = true;
+    }
+  }
+
+  function removeClass(className) {
+    if (!(className in internalClasses) || internalClasses[className]) {
+      internalClasses[className] = false;
+    }
+  }
+
+  function addLeadingIconClass(className) {
+    if (!leadingIconClasses[className]) {
+      leadingIconClasses[className] = true;
+    }
+  }
+
+  function removeLeadingIconClass(className) {
+    if (!(className in leadingIconClasses) || leadingIconClasses[className]) {
+      leadingIconClasses[className] = false;
+    }
+  }
+
+  function addStyle(name, value) {
+    if (internalStyles[name] !== value) {
+      internalStyles[name] = value;
     }
-    selected = chip.selected;
   }
 
-  function handleSelection(e) {
-    selected = e.detail.selected;
+  function getStyle(name) {
+    return name in internalStyles
+      ? internalStyles[name]
+      : getComputedStyle(getElement()).getPropertyValue(name);
+  }
+
+  function setSelectedFromChipSet(value, shouldNotifyClients) {
+    selected = value;
+    instance.setSelectedFromChipSet(selected, shouldNotifyClients);
+  }
+
+  function focusPrimaryAction() {
+    instance.focusPrimaryAction();
+  }
+
+  function focusTrailingAction() {
+    instance.focusTrailingAction();
+  }
+
+  function removeFocus() {
+    instance.removeFocus();
   }
 
   export function getElement() {
diff --git a/packages/chips/Icon.svelte b/packages/chips/Icon.svelte
deleted file mode 100644
index 696ac2114..000000000
--- a/packages/chips/Icon.svelte
+++ /dev/null
@@ -1,70 +0,0 @@
-{#if leading}
-  <i
-    bind:this={element}
-    use:useActions={use}
-    use:forwardEvents
-    class={classMap({
-      [className]: true,
-      'mdc-chip__icon': true,
-      'mdc-chip__icon--leading': true,
-      'mdc-chip__icon--leading-hidden': $filter && $isSelected,
-    })}
-    {...exclude($$props, ['use', 'class', 'leading'])}><slot /></i
-  >
-{:else}
-  <span
-    bind:this={element}
-    use:useActions={use}
-    use:forwardEvents
-    role="gridcell"
-  >
-    <i
-      bind:this={icon}
-      class={classMap({
-        [className]: true,
-        'mdc-chip__icon': true,
-        'mdc-chip__icon--trailing': true,
-        'mdc-chip__trailing-action': $shouldRemoveOnTrailingIconClick,
-      })}
-      {...$shouldRemoveOnTrailingIconClick ? { role: 'button' } : {}}
-      {...exclude($$props, ['use', 'class', 'leading'])}><slot /></i
-    >
-  </span>
-{/if}
-
-<script>
-  import { onMount, getContext } from 'svelte';
-  import { get_current_component } from 'svelte/internal';
-  import {
-    forwardEventsBuilder,
-    classMap,
-    exclude,
-    useActions,
-  } from '@smui/common/internal.js';
-
-  const forwardEvents = forwardEventsBuilder(get_current_component());
-
-  export let use = [];
-  let className = '';
-  export { className as class };
-  export let leading = false;
-
-  const shouldRemoveOnTrailingIconClick = getContext(
-    'SMUI:chip:shouldRemoveOnTrailingIconClick'
-  );
-  const filter = getContext('SMUI:chip:filter');
-  const isSelected = getContext('SMUI:chip:isSelected');
-
-  let element;
-  let icon;
-
-  onMount(() => {
-    if (!leading && $shouldRemoveOnTrailingIconClick) {
-      (icon || element).setAttribute('tabindex', '-1');
-    }
-  });
-
-  export function getElement() {
-    return element;
-  }
-</script>
diff --git a/packages/chips/LeadingIcon.svelte b/packages/chips/LeadingIcon.svelte
new file mode 100644
index 000000000..378ac2afd
--- /dev/null
+++ b/packages/chips/LeadingIcon.svelte
@@ -0,0 +1,40 @@
+<i
+  bind:this={element}
+  use:useActions={use}
+  use:forwardEvents
+  class={classMap({
+    [className]: true,
+    'mdc-chip__icon': true,
+    'mdc-chip__icon--leading': true,
+    'mdc-chip__icon--leading-hidden': $filter && $isSelected,
+    ...$leadingIconClasses,
+  })}
+  {...exclude($$props, ['use', 'class'])}><slot /></i
+>
+
+<script>
+  import { getContext } from 'svelte';
+  import { get_current_component } from 'svelte/internal';
+  import {
+    forwardEventsBuilder,
+    classMap,
+    exclude,
+    useActions,
+  } from '@smui/common/internal.js';
+
+  const forwardEvents = forwardEventsBuilder(get_current_component());
+
+  export let use = [];
+  let className = '';
+  export { className as class };
+
+  const filter = getContext('SMUI:chip:filter');
+  const isSelected = getContext('SMUI:chip:isSelected');
+  const leadingIconClasses = getContext('SMUI:chip:leadingIconClasses');
+
+  let element;
+
+  export function getElement() {
+    return element;
+  }
+</script>
diff --git a/packages/chips/Set.svelte b/packages/chips/Set.svelte
index 695c98e64..1ed20e473 100644
--- a/packages/chips/Set.svelte
+++ b/packages/chips/Set.svelte
@@ -10,8 +10,16 @@
     'mdc-chip-set--input': input,
   })}
   role="grid"
-  on:MDCChip:removal={handleRemoval}
-  on:MDCChip:selection={handleSelection}
+  on:SMUI:chip:mount={(event) => handleChipMount(event)}
+  on:SMUI:chip:unmount={(event) => handleChipUnmount(event)}
+  on:MDCChip:interaction={(event) =>
+    instance && instance.handleChipInteraction(event.detail)}
+  on:MDCChip:selection={(event) =>
+    instance && instance.handleChipSelection(event.detail)}
+  on:MDCChip:removal={(event) =>
+    instance && instance.handleChipRemoval(event.detail)}
+  on:MDCChip:navigation={(event) =>
+    instance && instance.handleChipNavigation(event.detail)}
   {...exclude($$props, [
     'use',
     'class',
@@ -24,15 +32,16 @@
   ])}
 >
   {#each chips as chip, i (key(chip))}
-    <ContextFragment key="SMUI:chip:initialTabindex" value={i === 0 ? 0 : -1}>
+    <ContextFragment key="SMUI:chip:initialSelected" value={initialSelected[i]}>
       <slot {chip} />
     </ContextFragment>
   {/each}
 </div>
 
 <script>
-  import { MDCChipSet } from '@material/chips';
-  import { onMount, onDestroy, afterUpdate, setContext } from 'svelte';
+  import { MDCChipSetFoundation } from '@material/chips';
+  import { announce } from '@material/dom/announce';
+  import { onMount, setContext } from 'svelte';
   import { writable } from 'svelte/store';
   import { get_current_component } from 'svelte/internal';
   import {
@@ -56,7 +65,17 @@
   export let input = false;
 
   let element;
-  let chipSet;
+  let instance;
+  let chipAccessorMap = {};
+  let chipAccessorWeakMap = new WeakMap();
+  let initialSelected = chips.map((chipId) => {
+    if (choice && selected === chipId) {
+      return true;
+    } else if (filter && selected.indexOf(chipId) !== -1) {
+      return true;
+    }
+    return false;
+  });
 
   const choiceStore = writable(choice);
   $: $choiceStore = choice;
@@ -68,118 +87,139 @@
   $: $selectedStore = selected;
   setContext('SMUI:chip:selected', selectedStore);
 
-  // Update the MDCChip when the selection changes.
-  $: if (chipSet) {
-    if (choice) {
-      if (selected !== null) {
-        // Find the selected item.
-        let i;
-        for (i = 0; i < chips.length; i++) {
-          if (selected === chips[i]) {
-            break;
-          }
-        }
-        for (let j = 0; j < chipSet.chips.length; j++) {
-          if (chipSet.chips[j].selected !== (j === i)) {
-            chipSet.chips[j].selected = j === i;
-          }
-        }
-      } else {
-        for (let i = 0; i < chipSet.chips.length; i++) {
-          if (chipSet.chips[i].selected) {
-            chipSet.chips[i].selected = false;
-          }
+  let previousSelected = filter ? new Set(selected) : selected;
+  $: if (instance && choice && previousSelected !== selected) {
+    previousSelected = selected;
+    instance.select(selected);
+  }
+  $: if (instance && filter) {
+    const setSelected = new Set(selected);
+    const unSelected = setDifference(previousSelected, setSelected);
+    const newSelected = setDifference(setSelected, previousSelected);
+
+    if (unSelected.size || newSelected.size) {
+      previousSelected = setSelected;
+
+      for (let chipId of unSelected) {
+        if (chips.indexOf(chipId) !== -1) {
+          instance.handleChipSelection({ chipId, selected: false });
         }
       }
-    } else if (Array.isArray(selected)) {
-      for (let i = 0; i < chipSet.chips.length; i++) {
-        const sel = selected.indexOf(chips[i]) !== -1;
-        if (chipSet.chips[i].selected !== sel) {
-          chipSet.chips[i].selected = sel;
-        }
+      for (let chipId of newSelected) {
+        instance.handleChipSelection({ chipId, selected: true });
       }
     }
   }
 
-  onMount(() => {
-    chipSet = new MDCChipSet(element);
-    // Super shady workaround for MDC removing the element before Svelte can.
-    // https://github.com/material-components/material-components-web/blob/v4.0.0/packages/mdc-chips/chip-set/component.ts#L125
-    chipSet.foundation_.adapter_.removeChipAtIndex = (index) => {
-      if (index >= 0 && index < chipSet.chips_.length) {
-        chipSet.chips_[index].destroy();
-        // This is the part that's causing problems.
-        // chipSet.chips_[index].remove();
-        chipSet.chips_.splice(index, 1);
-      }
-    };
-    for (let i = 0; i < element.children.length; i++) {
-      element.children[i].setChip(chipSet.chips[i]);
+  function setDifference(setA, setB) {
+    let _difference = new Set(setA);
+    for (let elem of setB) {
+      _difference.delete(elem);
     }
-  });
+    return _difference;
+  }
 
-  onDestroy(() => {
-    chipSet && chipSet.destroy();
-  });
+  onMount(() => {
+    instance = new MDCChipSetFoundation({
+      announceMessage: (message) => {
+        announce(message);
+      },
+      focusChipPrimaryActionAtIndex: (index) => {
+        getAccessor(chips[index]).focusPrimaryAction();
+      },
+      focusChipTrailingActionAtIndex: (index) => {
+        getAccessor(chips[index]).focusTrailingAction();
+      },
+      getChipListCount: () => chips.length,
+      getIndexOfChipById: (chipId) => chips.indexOf(chipId),
+      hasClass: (className) => getElement().classList.contains(className),
+      isRTL: () =>
+        getComputedStyle(getElement()).getPropertyValue('direction') === 'rtl',
+      removeChipAtIndex: (index) => {
+        if (index >= 0 && index < chips.length) {
+          if (choice && selected === chips[i]) {
+            selected = null;
+          } else if (filter && selected.indexOf(chips[i]) !== -1) {
+            selected.splice(selected.indexOf(chips[i]), 1);
+            selected = selected;
+          }
+          chips.splice(index, 1);
+          chips = chips;
+        }
+      },
+      removeFocusFromChipAtIndex: (index) => {
+        getAccessor(chips[index]).removeFocus();
+      },
+      selectChipAtIndex: (index, selectedValue, shouldNotifyClients) => {
+        if (index >= 0 && index < chips.length) {
+          if (filter) {
+            const selIndex = selected.indexOf(chips[index]);
+            if (selectedValue && selIndex === -1) {
+              selected.push(chips[index]);
+              selected = selected;
+            } else if (!selectedValue && selIndex !== -1) {
+              selected.splice(selIndex, 1);
+              selected = selected;
+            }
+          } else if (choice && (selectedValue || selected === chips[index])) {
+            selected = selectedValue ? chips[index] : null;
+          }
 
-  let previousChipsLength = chips.length;
-  afterUpdate(() => {
-    if (previousChipsLength !== chips.length) {
-      while (previousChipsLength < chips.length) {
-        chipSet.addChip(element.children[previousChipsLength]);
-        element.children[previousChipsLength].setChip(
-          chipSet.chips[previousChipsLength]
-        );
-        previousChipsLength++;
+          getAccessor(chips[index]).setSelectedFromChipSet(
+            selectedValue,
+            shouldNotifyClients
+          );
+        }
+      },
+    });
+
+    instance.init();
+
+    if (choice && selected != null) {
+      instance.select(selected);
+    } else if (filter && selected.length) {
+      for (const chipId of selected) {
+        instance.select(chipId);
       }
-      previousChipsLength = chips.length;
     }
+
+    return () => {
+      instance.destroy();
+    };
   });
 
-  let selectedRaf;
-  function handleSelection(e) {
-    if (selectedRaf) {
-      window.cancelAnimationFrame(selectedRaf);
-    }
-    selectedRaf = window.requestAnimationFrame(updateSelected);
+  function handleChipMount(event) {
+    const accessor = event.detail;
+
+    addAccessor(accessor.chipId, accessor);
   }
 
-  function updateSelected() {
-    if (!chipSet) {
-      return;
-    }
-    if (choice) {
-      if (!chipSet.selectedChipIds.length) {
-        selected = null;
-        return;
-      }
-      for (let i = 0; i < chipSet.chips.length; i++) {
-        if (chipSet.chips[i].id === chipSet.selectedChipIds[0]) {
-          selected = chips[i];
-          return;
-        }
-      }
-      selected = null;
+  function handleChipUnmount(event) {
+    const accessor = event.detail;
+
+    removeAccessor(accessor.chipId);
+  }
+
+  function getAccessor(chipId) {
+    return chipId instanceof Object
+      ? chipAccessorWeakMap.get(chipId)
+      : chipAccessorMap[chipId];
+  }
+
+  function addAccessor(chipId, accessor) {
+    if (chipId instanceof Object) {
+      chipAccessorWeakMap.set(chipId, accessor);
     } else {
-      if (!Array.isArray(selected)) {
-        selected = [];
-      }
-      selected.splice(0, selected.length);
-      for (let i = 0; i < chipSet.chips.length; i++) {
-        if (chipSet.selectedChipIds.indexOf(chipSet.chips[i].id) !== -1) {
-          selected.push(chips[i]);
-        }
-      }
-      selected = selected;
+      chipAccessorMap[chipId] = accessor;
     }
   }
 
-  function handleRemoval(e) {
-    const index = chipSet.foundation_.adapter_.getIndexOfChipById(
-      e.detail.chipId
-    );
-    chips.splice(index, 1);
-    chips = chips;
+  function removeAccessor(chipId, accessor) {
+    if (chipId instanceof Object) {
+      chipAccessorWeakMap.delete(chipId);
+    } else {
+      delete chipAccessorMap[chipId];
+    }
   }
 
   export function getElement() {
diff --git a/packages/chips/Text.svelte b/packages/chips/Text.svelte
index 4aa802f0f..4f1c691cf 100644
--- a/packages/chips/Text.svelte
+++ b/packages/chips/Text.svelte
@@ -10,15 +10,15 @@
   <span
     class={classMap({
       [className]: true,
-      'mdc-chip__text': true,
       'mdc-chip__primary-action': true,
     })}
-    bind:this={text}
     role={$filter ? 'checkbox' : $choice ? 'radio' : 'button'}
     {...$filter || $choice
       ? { 'aria-selected': $isSelected ? 'true' : 'false' }
       : {}}
-    {...exclude($$props, ['use', 'class', 'tabindex'])}><slot /></span
+    {...internalAttrs}
+    {...exclude($$props, ['use', 'class'])}
+    ><span class="mdc-chip__text"><slot /></span></span
   >
 </span>
 
@@ -30,32 +30,49 @@
     classMap,
     exclude,
     useActions,
+    dispatch,
   } from '@smui/common/internal.js';
   import Checkmark from './Checkmark.svelte';
 
-  const forwardEvents = forwardEventsBuilder(get_current_component());
+  const forwardEvents = forwardEventsBuilder(get_current_component(), [
+    'SMUI:chip:primary-action:mount',
+    'SMUI:chip:primary-action:unmount',
+  ]);
 
   export let use = [];
   let className = '';
   export { className as class };
-  export let tabindex = null;
 
   let element;
   let input;
-  let text;
+  let internalAttrs = {};
+  let accessor = {
+    focus,
+    addAttr,
+  };
 
-  const initialTabindex = getContext('SMUI:chip:initialTabindex');
   const choice = getContext('SMUI:chip:choice');
   const filter = getContext('SMUI:chip:filter');
   const isSelected = getContext('SMUI:chip:isSelected');
 
   onMount(() => {
-    text.setAttribute(
-      'tabindex',
-      tabindex == null ? $initialTabindex : tabindex
-    );
+    dispatch(getElement(), 'SMUI:chip:primary-action:mount', accessor);
+
+    return () => {
+      dispatch(getElement(), 'SMUI:chip:primary-action:unmount');
+    };
   });
 
+  function addAttr(name, value) {
+    if (internalAttrs[name] !== value) {
+      internalAttrs[name] = value;
+    }
+  }
+
+  export function focus() {
+    getElement().focus();
+  }
+
   export function getInput() {
     return input && input.getElement();
   }
diff --git a/packages/chips/TrailingAction.svelte b/packages/chips/TrailingAction.svelte
new file mode 100644
index 000000000..5d5b6474b
--- /dev/null
+++ b/packages/chips/TrailingAction.svelte
@@ -0,0 +1,150 @@
+<button
+  bind:this={element}
+  use:Ripple={{
+    ripple,
+    unbounded: false,
+    addClass,
+    removeClass,
+  }}
+  use:useActions={use}
+  use:forwardEvents
+  class={classMap({
+    [className]: true,
+    'mdc-chip-trailing-action': true,
+    ...internalClasses,
+  })}
+  aria-hidden={nonNavigable ? 'true' : null}
+  tabindex="-1"
+  on:click={(event) => instance && instance.handleClick(event)}
+  on:keydown={(event) => instance && instance.handleKeydown(event)}
+  {...internalAttrs}
+  {...exclude($$props, [
+    'use',
+    'class',
+    'ripple',
+    'touch',
+    'nonNavigable',
+    'icon$',
+  ])}
+>
+  <span class="mdc-chip-trailing-action__ripple" />
+  {#if touch}
+    <span class="mdc-chip-trailing-action__touch" />
+  {/if}
+  <span
+    use:useActions={icon$use}
+    class={classMap({
+      [icon$class]: true,
+      'mdc-chip-trailing-action__icon': true,
+    })}
+    {...exclude(prefixFilter($$props, 'icon$'), ['use', 'class'])}
+    ><slot /></span
+  >
+</button>
+
+<script>
+  import { MDCChipTrailingActionFoundation } from '@material/chips';
+  import { onMount } from 'svelte';
+  import { get_current_component } from 'svelte/internal';
+  import {
+    forwardEventsBuilder,
+    classMap,
+    exclude,
+    prefixFilter,
+    useActions,
+    dispatch,
+  } from '@smui/common/internal.js';
+  import Ripple from '@smui/ripple/bare.js';
+
+  const forwardEvents = forwardEventsBuilder(get_current_component(), [
+    'MDCChipTrailingAction:interaction',
+    'MDCChipTrailingAction:navigation',
+    'SMUI:chip:trailing-action:mount',
+    'SMUI:chip:trailing-action:unmount',
+  ]);
+
+  export let use = [];
+  let className = '';
+  export { className as class };
+  export let ripple = true;
+  export let touch = false;
+  export let nonNavigable = false;
+  export let icon$use = [];
+  export let icon$class = '';
+
+  let element;
+  let instance;
+  let internalClasses = {};
+  let internalAttrs = {};
+
+  onMount(() => {
+    instance = new MDCChipTrailingActionFoundation({
+      focus: () => {
+        getElement().focus();
+      },
+      getAttribute: getAttr,
+      notifyInteraction: (trigger) =>
+        dispatch(getElement(), 'MDCChipTrailingAction:interaction', {
+          trigger,
+        }),
+      notifyNavigation: (key) => {
+        dispatch(getElement(), 'MDCChipTrailingAction:navigation', { key });
+      },
+      setAttribute: addAttr,
+    });
+
+    dispatch(getElement(), 'SMUI:chip:trailing-action:mount', {
+      isNavigable,
+      focus,
+      removeFocus,
+    });
+
+    instance.init();
+
+    return () => {
+      dispatch(getElement(), 'SMUI:chip:trailing-action:unmount');
+
+      instance.destroy();
+    };
+  });
+
+  function addClass(className) {
+    if (!internalClasses[className]) {
+      internalClasses[className] = true;
+    }
+  }
+
+  function removeClass(className) {
+    if (!(className in internalClasses) || internalClasses[className]) {
+      internalClasses[className] = false;
+    }
+  }
+
+  function addAttr(name, value) {
+    if (internalAttrs[name] !== value) {
+      internalAttrs[name] = value;
+    }
+  }
+
+  function getAttr(name) {
+    return name in internalAttrs
+      ? internalAttrs[name]
+      : getElement().getAttribute(name);
+  }
+
+  export function isNavigable() {
+    return instance.isNavigable();
+  }
+
+  export function focus() {
+    instance.focus();
+  }
+
+  export function removeFocus() {
+    instance.removeFocus();
+  }
+
+  export function getElement() {
+    return element;
+  }
+</script>
diff --git a/packages/chips/TrailingIcon.svelte b/packages/chips/TrailingIcon.svelte
new file mode 100644
index 000000000..889310ab2
--- /dev/null
+++ b/packages/chips/TrailingIcon.svelte
@@ -0,0 +1,37 @@
+<span
+  bind:this={element}
+  use:useActions={use}
+  use:forwardEvents
+  role="gridcell"
+>
+  <i
+    class={classMap({
+      [className]: true,
+      'mdc-chip__icon': true,
+      'mdc-chip__icon--trailing': true,
+    })}
+    {...exclude($$props, ['use', 'class'])}><slot /></i
+  >
+</span>
+
+<script>
+  import { get_current_component } from 'svelte/internal';
+  import {
+    forwardEventsBuilder,
+    classMap,
+    exclude,
+    useActions,
+  } from '@smui/common/internal.js';
+
+  const forwardEvents = forwardEventsBuilder(get_current_component());
+
+  export let use = [];
+  let className = '';
+  export { className as class };
+
+  let element;
+
+  export function getElement() {
+    return element;
+  }
+</script>
diff --git a/packages/chips/_index.scss b/packages/chips/_index.scss
index fafba65a4..e0ab45819 100644
--- a/packages/chips/_index.scss
+++ b/packages/chips/_index.scss
@@ -1,2 +1,2 @@
-@import "smui-theme";
-@import "./style";
\ No newline at end of file
+@use 'smui-theme';
+@use './style';
diff --git a/packages/chips/_style.scss b/packages/chips/_style.scss
index 9c63a7e98..de0e49329 100644
--- a/packages/chips/_style.scss
+++ b/packages/chips/_style.scss
@@ -1 +1 @@
-@import "@material/chips/mdc-chips";
+@use '@material/chips/mdc-chips';
diff --git a/packages/chips/bare.js b/packages/chips/bare.js
index 1fcfbae89..3713fca40 100644
--- a/packages/chips/bare.js
+++ b/packages/chips/bare.js
@@ -2,8 +2,10 @@ import Chip from './Chip.svelte';
 
 import Set from './Set.svelte';
 import Text from './Text.svelte';
-import Icon from './Icon.svelte';
+import LeadingIcon from './LeadingIcon.svelte';
+import TrailingIcon from './TrailingIcon.svelte';
+import TrailingAction from './TrailingAction.svelte';
 
 export default Chip;
 
-export { Set, Icon, Text };
+export { Set, Text, LeadingIcon, TrailingIcon, TrailingAction };
diff --git a/packages/chips/package-lock.json b/packages/chips/package-lock.json
index ff49cf019..7a3df31e0 100644
--- a/packages/chips/package-lock.json
+++ b/packages/chips/package-lock.json
@@ -1,866 +1,792 @@
 {
-	"name": "@smui/chips",
-	"version": "2.0.0-beta.1",
-	"lockfileVersion": 2,
-	"requires": true,
-	"packages": {
-		"": {
-			"name": "@smui/chips",
-			"version": "2.0.0-beta.1",
-			"license": "Apache-2.0",
-			"dependencies": {
-				"@material/chips": "^10.0.0",
-				"@material/rtl": "^10.0.0"
-			},
-			"devDependencies": {
-				"glob-cmd": "0.0.7",
-				"sass": "^1.32.8"
-			}
-		},
-		"node_modules/@material/animation": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/animation/-/animation-10.0.0.tgz",
-			"integrity": "sha512-5e8e+W+n105rfSTRI5Mfmh9VMqzNG8+OhxjfDr7k0lYCfjbkT8LsAInonC5EotJzcaxD0vtDUqRqdW8xKIXNWg==",
-			"dependencies": {
-				"tslib": "^1.9.3"
-			}
-		},
-		"node_modules/@material/base": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/base/-/base-10.0.0.tgz",
-			"integrity": "sha512-PQWNSsNYVvMcWKsRFHgs5JjsHuv6cTogdlp9uhx5ChdLNCkflpXlMKJ7aYfcl56fdLntWQbxXowLh1JAfrTrmg==",
-			"dependencies": {
-				"tslib": "^1.9.3"
-			}
-		},
-		"node_modules/@material/checkbox": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/checkbox/-/checkbox-10.0.0.tgz",
-			"integrity": "sha512-aZc8KLo+yT15tnEpJWBvqJhUFEVqAKs56DGC8PaKfwfJJMVS0D4Hek61cpl4Jthv6j5eduvpiZ/2DRE8D530Hg==",
-			"dependencies": {
-				"@material/animation": "^10.0.0",
-				"@material/base": "^10.0.0",
-				"@material/density": "^10.0.0",
-				"@material/dom": "^10.0.0",
-				"@material/feature-targeting": "^10.0.0",
-				"@material/ripple": "^10.0.0",
-				"@material/theme": "^10.0.0",
-				"@material/touch-target": "^10.0.0",
-				"tslib": "^1.9.3"
-			}
-		},
-		"node_modules/@material/chips": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/chips/-/chips-10.0.0.tgz",
-			"integrity": "sha512-K3FQaN/Y7nlgVtTyZjWOD88Q+5VkNJBUwx0Jv9gONuRjDnelGNbTnzVe1/ESAFVK7fRSoQsEdSM8DVKsjrjyVw==",
-			"dependencies": {
-				"@material/animation": "^10.0.0",
-				"@material/base": "^10.0.0",
-				"@material/checkbox": "^10.0.0",
-				"@material/density": "^10.0.0",
-				"@material/dom": "^10.0.0",
-				"@material/elevation": "^10.0.0",
-				"@material/feature-targeting": "^10.0.0",
-				"@material/ripple": "^10.0.0",
-				"@material/rtl": "^10.0.0",
-				"@material/shape": "^10.0.0",
-				"@material/theme": "^10.0.0",
-				"@material/touch-target": "^10.0.0",
-				"@material/typography": "^10.0.0",
-				"tslib": "^1.9.3"
-			}
-		},
-		"node_modules/@material/density": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/density/-/density-10.0.0.tgz",
-			"integrity": "sha512-nLf8N5e6tEYo+W762z3coTDl2b1FFKJv/uU+E5UsBYOL0ftXrOMtiYSwg9MJjfWtdG+uUBfb3VLcBvIl2x3C0w=="
-		},
-		"node_modules/@material/dom": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/dom/-/dom-10.0.0.tgz",
-			"integrity": "sha512-rimaFIRsbacSjnk/1IqQZLOjoIWYhmuR6AZR35nkeAYg0H3DmLuNTGyAgsMaC8O/1vBcAp+c4N9WASkITCOE5A==",
-			"dependencies": {
-				"@material/feature-targeting": "^10.0.0",
-				"tslib": "^1.9.3"
-			}
-		},
-		"node_modules/@material/elevation": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-10.0.0.tgz",
-			"integrity": "sha512-D/CeTIkRmV9iLJDzUnKSt2FTM7SLv3ixQjindNaAEAaCdsaoUfx6Q2dRAlqQOL0y6yeTvvpxK9IFwu411J3xXw==",
-			"dependencies": {
-				"@material/animation": "^10.0.0",
-				"@material/base": "^10.0.0",
-				"@material/feature-targeting": "^10.0.0",
-				"@material/theme": "^10.0.0"
-			}
-		},
-		"node_modules/@material/feature-targeting": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0.tgz",
-			"integrity": "sha512-Pn48jeeD2ScMq0NoR0k9SeC3UFOOTarKNIYxL+TkFRLGks/TgFoSIDRwXCzva/9umw9/Q2xOWrY/Gqs1zBIgOA=="
-		},
-		"node_modules/@material/ripple": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-10.0.0.tgz",
-			"integrity": "sha512-KZPJ6YvLFJKkulUemKFq/Y3h9/Pbta+zOjBN1ZoeiP5++5thfsMJuL+L2bWa4GqUjSj66xW75LQrxX/ammCYzw==",
-			"dependencies": {
-				"@material/animation": "^10.0.0",
-				"@material/base": "^10.0.0",
-				"@material/dom": "^10.0.0",
-				"@material/feature-targeting": "^10.0.0",
-				"@material/theme": "^10.0.0",
-				"tslib": "^1.9.3"
-			}
-		},
-		"node_modules/@material/rtl": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-10.0.0.tgz",
-			"integrity": "sha512-887Dq0JrlRx5uwQ2Ku4Gig0e7iMIdKAAvvk/Wnglo9jFUvJE94rgSyyDLbwsN4vo1s33PwxHK1uWteALkzMQWw==",
-			"dependencies": {
-				"@material/theme": "^10.0.0"
-			}
-		},
-		"node_modules/@material/shape": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/shape/-/shape-10.0.0.tgz",
-			"integrity": "sha512-2zUib2htoZz21ULa9lNd4llGOWlZcGLBKKJdNV6wsyPlqdh6SjEXf3Fz1BrWV6pQVW3fhnhn+oTFLMveV1mMZw==",
-			"dependencies": {
-				"@material/feature-targeting": "^10.0.0",
-				"@material/rtl": "^10.0.0",
-				"@material/theme": "^10.0.0"
-			}
-		},
-		"node_modules/@material/theme": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/theme/-/theme-10.0.0.tgz",
-			"integrity": "sha512-ll5UFjPR6np4jgTzDQO85VQg6FgLM0Vy1MlyJVRr/kn+2adX5hDxiBOnuC9fTeVhIBBPjbAMOFPa6VhNmAmkvg==",
-			"dependencies": {
-				"@material/feature-targeting": "^10.0.0"
-			}
-		},
-		"node_modules/@material/touch-target": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-10.0.0.tgz",
-			"integrity": "sha512-uDWxktK/CODyNNyvXwzTFXcxqujQrVX3LoIsOXu87Z0fq4n2u74WlemJoniMbVKdsKsiJWcZ1uvrvhSeOdNQ2Q==",
-			"dependencies": {
-				"@material/base": "^10.0.0",
-				"@material/feature-targeting": "^10.0.0"
-			}
-		},
-		"node_modules/@material/typography": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/typography/-/typography-10.0.0.tgz",
-			"integrity": "sha512-RtFfL/mfOOkliL/iXY1YPrx8Rw1LZWQC4Jpn2zs04xM+AhhDOcD4Hek5xcvWFjhzEmPUz7yhCTWsMOmVtsXzig==",
-			"dependencies": {
-				"@material/feature-targeting": "^10.0.0",
-				"@material/theme": "^10.0.0"
-			}
-		},
-		"node_modules/anymatch": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz",
-			"integrity": "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==",
-			"dev": true,
-			"dependencies": {
-				"normalize-path": "^3.0.0",
-				"picomatch": "^2.0.4"
-			},
-			"engines": {
-				"node": ">= 8"
-			}
-		},
-		"node_modules/balanced-match": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
-			"integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
-			"dev": true
-		},
-		"node_modules/binary-extensions": {
-			"version": "2.2.0",
-			"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-			"integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-			"dev": true,
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/brace-expansion": {
-			"version": "1.1.11",
-			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-			"dev": true,
-			"dependencies": {
-				"balanced-match": "^1.0.0",
-				"concat-map": "0.0.1"
-			}
-		},
-		"node_modules/braces": {
-			"version": "3.0.2",
-			"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-			"integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-			"dev": true,
-			"dependencies": {
-				"fill-range": "^7.0.1"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/chokidar": {
-			"version": "3.5.1",
-			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.1.tgz",
-			"integrity": "sha512-9+s+Od+W0VJJzawDma/gvBNQqkTiqYTWLuZoyAsivsI4AaWTCzHG06/TMjsf1cYe9Cb97UCEhjz7HvnPk2p/tw==",
-			"dev": true,
-			"dependencies": {
-				"anymatch": "~3.1.1",
-				"braces": "~3.0.2",
-				"glob-parent": "~5.1.0",
-				"is-binary-path": "~2.1.0",
-				"is-glob": "~4.0.1",
-				"normalize-path": "~3.0.0",
-				"readdirp": "~3.5.0"
-			},
-			"engines": {
-				"node": ">= 8.10.0"
-			},
-			"optionalDependencies": {
-				"fsevents": "~2.3.1"
-			}
-		},
-		"node_modules/commander": {
-			"version": "2.20.3",
-			"resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-			"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-			"dev": true
-		},
-		"node_modules/concat-map": {
-			"version": "0.0.1",
-			"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-			"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
-			"dev": true
-		},
-		"node_modules/fill-range": {
-			"version": "7.0.1",
-			"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-			"integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-			"dev": true,
-			"dependencies": {
-				"to-regex-range": "^5.0.1"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/fs.realpath": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-			"integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
-			"dev": true
-		},
-		"node_modules/fsevents": {
-			"version": "2.3.2",
-			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-			"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-			"dev": true,
-			"hasInstallScript": true,
-			"optional": true,
-			"os": [
-				"darwin"
-			],
-			"engines": {
-				"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-			}
-		},
-		"node_modules/glob": {
-			"version": "7.1.6",
-			"resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
-			"integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
-			"dev": true,
-			"dependencies": {
-				"fs.realpath": "^1.0.0",
-				"inflight": "^1.0.4",
-				"inherits": "2",
-				"minimatch": "^3.0.4",
-				"once": "^1.3.0",
-				"path-is-absolute": "^1.0.0"
-			},
-			"engines": {
-				"node": "*"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/isaacs"
-			}
-		},
-		"node_modules/glob-cmd": {
-			"version": "0.0.7",
-			"resolved": "https://registry.npmjs.org/glob-cmd/-/glob-cmd-0.0.7.tgz",
-			"integrity": "sha512-mJ0Y8KuflmBIBWqo06Lg6uCdHquJLw8hbstGZ6FKc9DHQtkhux33GtfSYexqGDRWYy0DSt8jfmV0SLiVmxpiuQ==",
-			"dev": true,
-			"dependencies": {
-				"commander": "^2.15.1",
-				"glob": "^7.1.2"
-			},
-			"bin": {
-				"glob": "glob.js"
-			}
-		},
-		"node_modules/glob-parent": {
-			"version": "5.1.2",
-			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-			"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-			"dev": true,
-			"dependencies": {
-				"is-glob": "^4.0.1"
-			},
-			"engines": {
-				"node": ">= 6"
-			}
-		},
-		"node_modules/inflight": {
-			"version": "1.0.6",
-			"resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-			"integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
-			"dev": true,
-			"dependencies": {
-				"once": "^1.3.0",
-				"wrappy": "1"
-			}
-		},
-		"node_modules/inherits": {
-			"version": "2.0.4",
-			"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-			"dev": true
-		},
-		"node_modules/is-binary-path": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-			"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-			"dev": true,
-			"dependencies": {
-				"binary-extensions": "^2.0.0"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/is-extglob": {
-			"version": "2.1.1",
-			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-			"integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
-			"dev": true,
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/is-glob": {
-			"version": "4.0.1",
-			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
-			"integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
-			"dev": true,
-			"dependencies": {
-				"is-extglob": "^2.1.1"
-			},
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/is-number": {
-			"version": "7.0.0",
-			"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-			"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.12.0"
-			}
-		},
-		"node_modules/minimatch": {
-			"version": "3.0.4",
-			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
-			"integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
-			"dev": true,
-			"dependencies": {
-				"brace-expansion": "^1.1.7"
-			},
-			"engines": {
-				"node": "*"
-			}
-		},
-		"node_modules/normalize-path": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-			"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-			"dev": true,
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/once": {
-			"version": "1.4.0",
-			"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-			"integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
-			"dev": true,
-			"dependencies": {
-				"wrappy": "1"
-			}
-		},
-		"node_modules/path-is-absolute": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-			"integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
-			"dev": true,
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/picomatch": {
-			"version": "2.2.2",
-			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
-			"integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==",
-			"dev": true,
-			"engines": {
-				"node": ">=8.6"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/jonschlinkert"
-			}
-		},
-		"node_modules/readdirp": {
-			"version": "3.5.0",
-			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.5.0.tgz",
-			"integrity": "sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==",
-			"dev": true,
-			"dependencies": {
-				"picomatch": "^2.2.1"
-			},
-			"engines": {
-				"node": ">=8.10.0"
-			}
-		},
-		"node_modules/sass": {
-			"version": "1.32.8",
-			"resolved": "https://registry.npmjs.org/sass/-/sass-1.32.8.tgz",
-			"integrity": "sha512-Sl6mIeGpzjIUZqvKnKETfMf0iDAswD9TNlv13A7aAF3XZlRPMq4VvJWBC2N2DXbp94MQVdNSFG6LfF/iOXrPHQ==",
-			"dev": true,
-			"dependencies": {
-				"chokidar": ">=2.0.0 <4.0.0"
-			},
-			"bin": {
-				"sass": "sass.js"
-			},
-			"engines": {
-				"node": ">=8.9.0"
-			}
-		},
-		"node_modules/to-regex-range": {
-			"version": "5.0.1",
-			"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-			"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-			"dev": true,
-			"dependencies": {
-				"is-number": "^7.0.0"
-			},
-			"engines": {
-				"node": ">=8.0"
-			}
-		},
-		"node_modules/tslib": {
-			"version": "1.14.1",
-			"resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-			"integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
-		},
-		"node_modules/wrappy": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-			"integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
-			"dev": true
-		}
-	},
-	"dependencies": {
-		"@material/animation": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/animation/-/animation-10.0.0.tgz",
-			"integrity": "sha512-5e8e+W+n105rfSTRI5Mfmh9VMqzNG8+OhxjfDr7k0lYCfjbkT8LsAInonC5EotJzcaxD0vtDUqRqdW8xKIXNWg==",
-			"requires": {
-				"tslib": "^1.9.3"
-			}
-		},
-		"@material/base": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/base/-/base-10.0.0.tgz",
-			"integrity": "sha512-PQWNSsNYVvMcWKsRFHgs5JjsHuv6cTogdlp9uhx5ChdLNCkflpXlMKJ7aYfcl56fdLntWQbxXowLh1JAfrTrmg==",
-			"requires": {
-				"tslib": "^1.9.3"
-			}
-		},
-		"@material/checkbox": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/checkbox/-/checkbox-10.0.0.tgz",
-			"integrity": "sha512-aZc8KLo+yT15tnEpJWBvqJhUFEVqAKs56DGC8PaKfwfJJMVS0D4Hek61cpl4Jthv6j5eduvpiZ/2DRE8D530Hg==",
-			"requires": {
-				"@material/animation": "^10.0.0",
-				"@material/base": "^10.0.0",
-				"@material/density": "^10.0.0",
-				"@material/dom": "^10.0.0",
-				"@material/feature-targeting": "^10.0.0",
-				"@material/ripple": "^10.0.0",
-				"@material/theme": "^10.0.0",
-				"@material/touch-target": "^10.0.0",
-				"tslib": "^1.9.3"
-			}
-		},
-		"@material/chips": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/chips/-/chips-10.0.0.tgz",
-			"integrity": "sha512-K3FQaN/Y7nlgVtTyZjWOD88Q+5VkNJBUwx0Jv9gONuRjDnelGNbTnzVe1/ESAFVK7fRSoQsEdSM8DVKsjrjyVw==",
-			"requires": {
-				"@material/animation": "^10.0.0",
-				"@material/base": "^10.0.0",
-				"@material/checkbox": "^10.0.0",
-				"@material/density": "^10.0.0",
-				"@material/dom": "^10.0.0",
-				"@material/elevation": "^10.0.0",
-				"@material/feature-targeting": "^10.0.0",
-				"@material/ripple": "^10.0.0",
-				"@material/rtl": "^10.0.0",
-				"@material/shape": "^10.0.0",
-				"@material/theme": "^10.0.0",
-				"@material/touch-target": "^10.0.0",
-				"@material/typography": "^10.0.0",
-				"tslib": "^1.9.3"
-			}
-		},
-		"@material/density": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/density/-/density-10.0.0.tgz",
-			"integrity": "sha512-nLf8N5e6tEYo+W762z3coTDl2b1FFKJv/uU+E5UsBYOL0ftXrOMtiYSwg9MJjfWtdG+uUBfb3VLcBvIl2x3C0w=="
-		},
-		"@material/dom": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/dom/-/dom-10.0.0.tgz",
-			"integrity": "sha512-rimaFIRsbacSjnk/1IqQZLOjoIWYhmuR6AZR35nkeAYg0H3DmLuNTGyAgsMaC8O/1vBcAp+c4N9WASkITCOE5A==",
-			"requires": {
-				"@material/feature-targeting": "^10.0.0",
-				"tslib": "^1.9.3"
-			}
-		},
-		"@material/elevation": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-10.0.0.tgz",
-			"integrity": "sha512-D/CeTIkRmV9iLJDzUnKSt2FTM7SLv3ixQjindNaAEAaCdsaoUfx6Q2dRAlqQOL0y6yeTvvpxK9IFwu411J3xXw==",
-			"requires": {
-				"@material/animation": "^10.0.0",
-				"@material/base": "^10.0.0",
-				"@material/feature-targeting": "^10.0.0",
-				"@material/theme": "^10.0.0"
-			}
-		},
-		"@material/feature-targeting": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0.tgz",
-			"integrity": "sha512-Pn48jeeD2ScMq0NoR0k9SeC3UFOOTarKNIYxL+TkFRLGks/TgFoSIDRwXCzva/9umw9/Q2xOWrY/Gqs1zBIgOA=="
-		},
-		"@material/ripple": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-10.0.0.tgz",
-			"integrity": "sha512-KZPJ6YvLFJKkulUemKFq/Y3h9/Pbta+zOjBN1ZoeiP5++5thfsMJuL+L2bWa4GqUjSj66xW75LQrxX/ammCYzw==",
-			"requires": {
-				"@material/animation": "^10.0.0",
-				"@material/base": "^10.0.0",
-				"@material/dom": "^10.0.0",
-				"@material/feature-targeting": "^10.0.0",
-				"@material/theme": "^10.0.0",
-				"tslib": "^1.9.3"
-			}
-		},
-		"@material/rtl": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-10.0.0.tgz",
-			"integrity": "sha512-887Dq0JrlRx5uwQ2Ku4Gig0e7iMIdKAAvvk/Wnglo9jFUvJE94rgSyyDLbwsN4vo1s33PwxHK1uWteALkzMQWw==",
-			"requires": {
-				"@material/theme": "^10.0.0"
-			}
-		},
-		"@material/shape": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/shape/-/shape-10.0.0.tgz",
-			"integrity": "sha512-2zUib2htoZz21ULa9lNd4llGOWlZcGLBKKJdNV6wsyPlqdh6SjEXf3Fz1BrWV6pQVW3fhnhn+oTFLMveV1mMZw==",
-			"requires": {
-				"@material/feature-targeting": "^10.0.0",
-				"@material/rtl": "^10.0.0",
-				"@material/theme": "^10.0.0"
-			}
-		},
-		"@material/theme": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/theme/-/theme-10.0.0.tgz",
-			"integrity": "sha512-ll5UFjPR6np4jgTzDQO85VQg6FgLM0Vy1MlyJVRr/kn+2adX5hDxiBOnuC9fTeVhIBBPjbAMOFPa6VhNmAmkvg==",
-			"requires": {
-				"@material/feature-targeting": "^10.0.0"
-			}
-		},
-		"@material/touch-target": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-10.0.0.tgz",
-			"integrity": "sha512-uDWxktK/CODyNNyvXwzTFXcxqujQrVX3LoIsOXu87Z0fq4n2u74WlemJoniMbVKdsKsiJWcZ1uvrvhSeOdNQ2Q==",
-			"requires": {
-				"@material/base": "^10.0.0",
-				"@material/feature-targeting": "^10.0.0"
-			}
-		},
-		"@material/typography": {
-			"version": "10.0.0",
-			"resolved": "https://registry.npmjs.org/@material/typography/-/typography-10.0.0.tgz",
-			"integrity": "sha512-RtFfL/mfOOkliL/iXY1YPrx8Rw1LZWQC4Jpn2zs04xM+AhhDOcD4Hek5xcvWFjhzEmPUz7yhCTWsMOmVtsXzig==",
-			"requires": {
-				"@material/feature-targeting": "^10.0.0",
-				"@material/theme": "^10.0.0"
-			}
-		},
-		"anymatch": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz",
-			"integrity": "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==",
-			"dev": true,
-			"requires": {
-				"normalize-path": "^3.0.0",
-				"picomatch": "^2.0.4"
-			}
-		},
-		"balanced-match": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
-			"integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
-			"dev": true
-		},
-		"binary-extensions": {
-			"version": "2.2.0",
-			"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-			"integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-			"dev": true
-		},
-		"brace-expansion": {
-			"version": "1.1.11",
-			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-			"dev": true,
-			"requires": {
-				"balanced-match": "^1.0.0",
-				"concat-map": "0.0.1"
-			}
-		},
-		"braces": {
-			"version": "3.0.2",
-			"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-			"integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-			"dev": true,
-			"requires": {
-				"fill-range": "^7.0.1"
-			}
-		},
-		"chokidar": {
-			"version": "3.5.1",
-			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.1.tgz",
-			"integrity": "sha512-9+s+Od+W0VJJzawDma/gvBNQqkTiqYTWLuZoyAsivsI4AaWTCzHG06/TMjsf1cYe9Cb97UCEhjz7HvnPk2p/tw==",
-			"dev": true,
-			"requires": {
-				"anymatch": "~3.1.1",
-				"braces": "~3.0.2",
-				"fsevents": "~2.3.1",
-				"glob-parent": "~5.1.0",
-				"is-binary-path": "~2.1.0",
-				"is-glob": "~4.0.1",
-				"normalize-path": "~3.0.0",
-				"readdirp": "~3.5.0"
-			}
-		},
-		"commander": {
-			"version": "2.20.3",
-			"resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-			"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-			"dev": true
-		},
-		"concat-map": {
-			"version": "0.0.1",
-			"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-			"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
-			"dev": true
-		},
-		"fill-range": {
-			"version": "7.0.1",
-			"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-			"integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-			"dev": true,
-			"requires": {
-				"to-regex-range": "^5.0.1"
-			}
-		},
-		"fs.realpath": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-			"integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
-			"dev": true
-		},
-		"fsevents": {
-			"version": "2.3.2",
-			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-			"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-			"dev": true,
-			"optional": true
-		},
-		"glob": {
-			"version": "7.1.6",
-			"resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
-			"integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
-			"dev": true,
-			"requires": {
-				"fs.realpath": "^1.0.0",
-				"inflight": "^1.0.4",
-				"inherits": "2",
-				"minimatch": "^3.0.4",
-				"once": "^1.3.0",
-				"path-is-absolute": "^1.0.0"
-			}
-		},
-		"glob-cmd": {
-			"version": "0.0.7",
-			"resolved": "https://registry.npmjs.org/glob-cmd/-/glob-cmd-0.0.7.tgz",
-			"integrity": "sha512-mJ0Y8KuflmBIBWqo06Lg6uCdHquJLw8hbstGZ6FKc9DHQtkhux33GtfSYexqGDRWYy0DSt8jfmV0SLiVmxpiuQ==",
-			"dev": true,
-			"requires": {
-				"commander": "^2.15.1",
-				"glob": "^7.1.2"
-			}
-		},
-		"glob-parent": {
-			"version": "5.1.2",
-			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-			"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-			"dev": true,
-			"requires": {
-				"is-glob": "^4.0.1"
-			}
-		},
-		"inflight": {
-			"version": "1.0.6",
-			"resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-			"integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
-			"dev": true,
-			"requires": {
-				"once": "^1.3.0",
-				"wrappy": "1"
-			}
-		},
-		"inherits": {
-			"version": "2.0.4",
-			"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-			"dev": true
-		},
-		"is-binary-path": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-			"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-			"dev": true,
-			"requires": {
-				"binary-extensions": "^2.0.0"
-			}
-		},
-		"is-extglob": {
-			"version": "2.1.1",
-			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-			"integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
-			"dev": true
-		},
-		"is-glob": {
-			"version": "4.0.1",
-			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
-			"integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
-			"dev": true,
-			"requires": {
-				"is-extglob": "^2.1.1"
-			}
-		},
-		"is-number": {
-			"version": "7.0.0",
-			"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-			"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-			"dev": true
-		},
-		"minimatch": {
-			"version": "3.0.4",
-			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
-			"integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
-			"dev": true,
-			"requires": {
-				"brace-expansion": "^1.1.7"
-			}
-		},
-		"normalize-path": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-			"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-			"dev": true
-		},
-		"once": {
-			"version": "1.4.0",
-			"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-			"integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
-			"dev": true,
-			"requires": {
-				"wrappy": "1"
-			}
-		},
-		"path-is-absolute": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-			"integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
-			"dev": true
-		},
-		"picomatch": {
-			"version": "2.2.2",
-			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
-			"integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==",
-			"dev": true
-		},
-		"readdirp": {
-			"version": "3.5.0",
-			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.5.0.tgz",
-			"integrity": "sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==",
-			"dev": true,
-			"requires": {
-				"picomatch": "^2.2.1"
-			}
-		},
-		"sass": {
-			"version": "1.32.8",
-			"resolved": "https://registry.npmjs.org/sass/-/sass-1.32.8.tgz",
-			"integrity": "sha512-Sl6mIeGpzjIUZqvKnKETfMf0iDAswD9TNlv13A7aAF3XZlRPMq4VvJWBC2N2DXbp94MQVdNSFG6LfF/iOXrPHQ==",
-			"dev": true,
-			"requires": {
-				"chokidar": ">=2.0.0 <4.0.0"
-			}
-		},
-		"to-regex-range": {
-			"version": "5.0.1",
-			"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-			"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-			"dev": true,
-			"requires": {
-				"is-number": "^7.0.0"
-			}
-		},
-		"tslib": {
-			"version": "1.14.1",
-			"resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-			"integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
-		},
-		"wrappy": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-			"integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
-			"dev": true
-		}
-	}
+  "name": "@smui/chips",
+  "version": "2.0.0-beta.1",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "@smui/chips",
+      "version": "2.0.0-beta.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@material/chips": "^10.0.0",
+        "@material/dom": "^10.0.0",
+        "@material/rtl": "^10.0.0",
+        "@smui/common": "^2.0.0-beta.1",
+        "@smui/ripple": "^2.0.0-beta.1"
+      },
+      "devDependencies": {
+        "sass": "^1.32.8"
+      }
+    },
+    "node_modules/@material/animation": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-10.0.0.tgz",
+      "integrity": "sha512-5e8e+W+n105rfSTRI5Mfmh9VMqzNG8+OhxjfDr7k0lYCfjbkT8LsAInonC5EotJzcaxD0vtDUqRqdW8xKIXNWg==",
+      "dependencies": {
+        "tslib": "^1.9.3"
+      }
+    },
+    "node_modules/@material/base": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/base/-/base-10.0.0.tgz",
+      "integrity": "sha512-PQWNSsNYVvMcWKsRFHgs5JjsHuv6cTogdlp9uhx5ChdLNCkflpXlMKJ7aYfcl56fdLntWQbxXowLh1JAfrTrmg==",
+      "dependencies": {
+        "tslib": "^1.9.3"
+      }
+    },
+    "node_modules/@material/checkbox": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/checkbox/-/checkbox-10.0.0.tgz",
+      "integrity": "sha512-aZc8KLo+yT15tnEpJWBvqJhUFEVqAKs56DGC8PaKfwfJJMVS0D4Hek61cpl4Jthv6j5eduvpiZ/2DRE8D530Hg==",
+      "dependencies": {
+        "@material/animation": "^10.0.0",
+        "@material/base": "^10.0.0",
+        "@material/density": "^10.0.0",
+        "@material/dom": "^10.0.0",
+        "@material/feature-targeting": "^10.0.0",
+        "@material/ripple": "^10.0.0",
+        "@material/theme": "^10.0.0",
+        "@material/touch-target": "^10.0.0",
+        "tslib": "^1.9.3"
+      }
+    },
+    "node_modules/@material/chips": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/chips/-/chips-10.0.0.tgz",
+      "integrity": "sha512-K3FQaN/Y7nlgVtTyZjWOD88Q+5VkNJBUwx0Jv9gONuRjDnelGNbTnzVe1/ESAFVK7fRSoQsEdSM8DVKsjrjyVw==",
+      "dependencies": {
+        "@material/animation": "^10.0.0",
+        "@material/base": "^10.0.0",
+        "@material/checkbox": "^10.0.0",
+        "@material/density": "^10.0.0",
+        "@material/dom": "^10.0.0",
+        "@material/elevation": "^10.0.0",
+        "@material/feature-targeting": "^10.0.0",
+        "@material/ripple": "^10.0.0",
+        "@material/rtl": "^10.0.0",
+        "@material/shape": "^10.0.0",
+        "@material/theme": "^10.0.0",
+        "@material/touch-target": "^10.0.0",
+        "@material/typography": "^10.0.0",
+        "tslib": "^1.9.3"
+      }
+    },
+    "node_modules/@material/density": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/density/-/density-10.0.0.tgz",
+      "integrity": "sha512-nLf8N5e6tEYo+W762z3coTDl2b1FFKJv/uU+E5UsBYOL0ftXrOMtiYSwg9MJjfWtdG+uUBfb3VLcBvIl2x3C0w=="
+    },
+    "node_modules/@material/dom": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-10.0.0.tgz",
+      "integrity": "sha512-rimaFIRsbacSjnk/1IqQZLOjoIWYhmuR6AZR35nkeAYg0H3DmLuNTGyAgsMaC8O/1vBcAp+c4N9WASkITCOE5A==",
+      "dependencies": {
+        "@material/feature-targeting": "^10.0.0",
+        "tslib": "^1.9.3"
+      }
+    },
+    "node_modules/@material/elevation": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-10.0.0.tgz",
+      "integrity": "sha512-D/CeTIkRmV9iLJDzUnKSt2FTM7SLv3ixQjindNaAEAaCdsaoUfx6Q2dRAlqQOL0y6yeTvvpxK9IFwu411J3xXw==",
+      "dependencies": {
+        "@material/animation": "^10.0.0",
+        "@material/base": "^10.0.0",
+        "@material/feature-targeting": "^10.0.0",
+        "@material/theme": "^10.0.0"
+      }
+    },
+    "node_modules/@material/feature-targeting": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0.tgz",
+      "integrity": "sha512-Pn48jeeD2ScMq0NoR0k9SeC3UFOOTarKNIYxL+TkFRLGks/TgFoSIDRwXCzva/9umw9/Q2xOWrY/Gqs1zBIgOA=="
+    },
+    "node_modules/@material/ripple": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-10.0.0.tgz",
+      "integrity": "sha512-KZPJ6YvLFJKkulUemKFq/Y3h9/Pbta+zOjBN1ZoeiP5++5thfsMJuL+L2bWa4GqUjSj66xW75LQrxX/ammCYzw==",
+      "dependencies": {
+        "@material/animation": "^10.0.0",
+        "@material/base": "^10.0.0",
+        "@material/dom": "^10.0.0",
+        "@material/feature-targeting": "^10.0.0",
+        "@material/theme": "^10.0.0",
+        "tslib": "^1.9.3"
+      }
+    },
+    "node_modules/@material/rtl": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-10.0.0.tgz",
+      "integrity": "sha512-887Dq0JrlRx5uwQ2Ku4Gig0e7iMIdKAAvvk/Wnglo9jFUvJE94rgSyyDLbwsN4vo1s33PwxHK1uWteALkzMQWw==",
+      "dependencies": {
+        "@material/theme": "^10.0.0"
+      }
+    },
+    "node_modules/@material/shape": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-10.0.0.tgz",
+      "integrity": "sha512-2zUib2htoZz21ULa9lNd4llGOWlZcGLBKKJdNV6wsyPlqdh6SjEXf3Fz1BrWV6pQVW3fhnhn+oTFLMveV1mMZw==",
+      "dependencies": {
+        "@material/feature-targeting": "^10.0.0",
+        "@material/rtl": "^10.0.0",
+        "@material/theme": "^10.0.0"
+      }
+    },
+    "node_modules/@material/theme": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-10.0.0.tgz",
+      "integrity": "sha512-ll5UFjPR6np4jgTzDQO85VQg6FgLM0Vy1MlyJVRr/kn+2adX5hDxiBOnuC9fTeVhIBBPjbAMOFPa6VhNmAmkvg==",
+      "dependencies": {
+        "@material/feature-targeting": "^10.0.0"
+      }
+    },
+    "node_modules/@material/touch-target": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-10.0.0.tgz",
+      "integrity": "sha512-uDWxktK/CODyNNyvXwzTFXcxqujQrVX3LoIsOXu87Z0fq4n2u74WlemJoniMbVKdsKsiJWcZ1uvrvhSeOdNQ2Q==",
+      "dependencies": {
+        "@material/base": "^10.0.0",
+        "@material/feature-targeting": "^10.0.0"
+      }
+    },
+    "node_modules/@material/typography": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-10.0.0.tgz",
+      "integrity": "sha512-RtFfL/mfOOkliL/iXY1YPrx8Rw1LZWQC4Jpn2zs04xM+AhhDOcD4Hek5xcvWFjhzEmPUz7yhCTWsMOmVtsXzig==",
+      "dependencies": {
+        "@material/feature-targeting": "^10.0.0",
+        "@material/theme": "^10.0.0"
+      }
+    },
+    "node_modules/@smui/common": {
+      "version": "2.0.0-beta.1",
+      "resolved": "https://registry.npmjs.org/@smui/common/-/common-2.0.0-beta.1.tgz",
+      "integrity": "sha512-m1ueVU0vI2jJI7qnHXWVisMXwPG8s1d5F3NK519bYewDFhjd+lCsfllC5e9A4CsfXNzJYlVaBPs5Wy11pn93UQ==",
+      "dependencies": {
+        "svelte": "^3.0"
+      }
+    },
+    "node_modules/@smui/ripple": {
+      "version": "2.0.0-beta.1",
+      "resolved": "https://registry.npmjs.org/@smui/ripple/-/ripple-2.0.0-beta.1.tgz",
+      "integrity": "sha512-TQ7xmmkEGEEX4X/HPAW3/qr5O0p2LuP/UquLTkxiPAmvAhapwv9hpp4sWUenlvkiOTl4IIxhYrbm3hzhbzOl9A==",
+      "dependencies": {
+        "@material/ripple": "^4.0.0"
+      }
+    },
+    "node_modules/@smui/ripple/node_modules/@material/animation": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz",
+      "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==",
+      "dependencies": {
+        "tslib": "^1.9.3"
+      }
+    },
+    "node_modules/@smui/ripple/node_modules/@material/base": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz",
+      "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==",
+      "dependencies": {
+        "tslib": "^1.9.3"
+      }
+    },
+    "node_modules/@smui/ripple/node_modules/@material/dom": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-4.0.0.tgz",
+      "integrity": "sha512-GRCJT9+PGWqygZwGf1XLTrbmzP35YWG7+T0hpfhoIJO8VDiMTeyfvhJXFuA2wh9pD0noEjte0lmbdBlykrbWZw==",
+      "dependencies": {
+        "tslib": "^1.9.3"
+      }
+    },
+    "node_modules/@smui/ripple/node_modules/@material/feature-targeting": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0.tgz",
+      "integrity": "sha512-0gk+f151vqmEdWkrQ9ocPlQRU9aUtSGsVBhletqIbsthLUsZIz9qk25FHjV1wHd/bGHknd9NH+T8ENprv3KLFg=="
+    },
+    "node_modules/@smui/ripple/node_modules/@material/ripple": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-4.0.0.tgz",
+      "integrity": "sha512-9BLIOvyCP5sM+fQpLlcJZWyrHguusJq8E5A1pxg0wQwputOyaPBM7recHhYkJmVjzRpTcPgf1PkvkpN6DKGcNg==",
+      "dependencies": {
+        "@material/animation": "^4.0.0",
+        "@material/base": "^4.0.0",
+        "@material/dom": "^4.0.0",
+        "@material/feature-targeting": "^4.0.0",
+        "@material/theme": "^4.0.0",
+        "tslib": "^1.9.3"
+      }
+    },
+    "node_modules/@smui/ripple/node_modules/@material/theme": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-4.0.0.tgz",
+      "integrity": "sha512-vS4G4rusJTatTH50kSYO1U3UGN8EY9kGRvPaFsEFKikJBOqcR6KWK9H9/wCLqqd6nDNifEj9H2sdWw1AV4NA6Q==",
+      "dependencies": {
+        "@material/feature-targeting": "^4.0.0"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz",
+      "integrity": "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==",
+      "dev": true,
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.1.tgz",
+      "integrity": "sha512-9+s+Od+W0VJJzawDma/gvBNQqkTiqYTWLuZoyAsivsI4AaWTCzHG06/TMjsf1cYe9Cb97UCEhjz7HvnPk2p/tw==",
+      "dev": true,
+      "dependencies": {
+        "anymatch": "~3.1.1",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.0",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.5.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.1"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
+      "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
+      "dev": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/picomatch": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
+      "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.5.0.tgz",
+      "integrity": "sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==",
+      "dev": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/sass": {
+      "version": "1.32.8",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.32.8.tgz",
+      "integrity": "sha512-Sl6mIeGpzjIUZqvKnKETfMf0iDAswD9TNlv13A7aAF3XZlRPMq4VvJWBC2N2DXbp94MQVdNSFG6LfF/iOXrPHQ==",
+      "dev": true,
+      "dependencies": {
+        "chokidar": ">=2.0.0 <4.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=8.9.0"
+      }
+    },
+    "node_modules/svelte": {
+      "version": "3.37.0",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.37.0.tgz",
+      "integrity": "sha512-TRF30F4W4+d+Jr2KzUUL1j8Mrpns/WM/WacxYlo5MMb2E5Qy2Pk1Guj6GylxsW9OnKQl1tnF8q3hG/hQ3h6VUA==",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+    }
+  },
+  "dependencies": {
+    "@material/animation": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-10.0.0.tgz",
+      "integrity": "sha512-5e8e+W+n105rfSTRI5Mfmh9VMqzNG8+OhxjfDr7k0lYCfjbkT8LsAInonC5EotJzcaxD0vtDUqRqdW8xKIXNWg==",
+      "requires": {
+        "tslib": "^1.9.3"
+      }
+    },
+    "@material/base": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/base/-/base-10.0.0.tgz",
+      "integrity": "sha512-PQWNSsNYVvMcWKsRFHgs5JjsHuv6cTogdlp9uhx5ChdLNCkflpXlMKJ7aYfcl56fdLntWQbxXowLh1JAfrTrmg==",
+      "requires": {
+        "tslib": "^1.9.3"
+      }
+    },
+    "@material/checkbox": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/checkbox/-/checkbox-10.0.0.tgz",
+      "integrity": "sha512-aZc8KLo+yT15tnEpJWBvqJhUFEVqAKs56DGC8PaKfwfJJMVS0D4Hek61cpl4Jthv6j5eduvpiZ/2DRE8D530Hg==",
+      "requires": {
+        "@material/animation": "^10.0.0",
+        "@material/base": "^10.0.0",
+        "@material/density": "^10.0.0",
+        "@material/dom": "^10.0.0",
+        "@material/feature-targeting": "^10.0.0",
+        "@material/ripple": "^10.0.0",
+        "@material/theme": "^10.0.0",
+        "@material/touch-target": "^10.0.0",
+        "tslib": "^1.9.3"
+      }
+    },
+    "@material/chips": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/chips/-/chips-10.0.0.tgz",
+      "integrity": "sha512-K3FQaN/Y7nlgVtTyZjWOD88Q+5VkNJBUwx0Jv9gONuRjDnelGNbTnzVe1/ESAFVK7fRSoQsEdSM8DVKsjrjyVw==",
+      "requires": {
+        "@material/animation": "^10.0.0",
+        "@material/base": "^10.0.0",
+        "@material/checkbox": "^10.0.0",
+        "@material/density": "^10.0.0",
+        "@material/dom": "^10.0.0",
+        "@material/elevation": "^10.0.0",
+        "@material/feature-targeting": "^10.0.0",
+        "@material/ripple": "^10.0.0",
+        "@material/rtl": "^10.0.0",
+        "@material/shape": "^10.0.0",
+        "@material/theme": "^10.0.0",
+        "@material/touch-target": "^10.0.0",
+        "@material/typography": "^10.0.0",
+        "tslib": "^1.9.3"
+      }
+    },
+    "@material/density": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/density/-/density-10.0.0.tgz",
+      "integrity": "sha512-nLf8N5e6tEYo+W762z3coTDl2b1FFKJv/uU+E5UsBYOL0ftXrOMtiYSwg9MJjfWtdG+uUBfb3VLcBvIl2x3C0w=="
+    },
+    "@material/dom": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-10.0.0.tgz",
+      "integrity": "sha512-rimaFIRsbacSjnk/1IqQZLOjoIWYhmuR6AZR35nkeAYg0H3DmLuNTGyAgsMaC8O/1vBcAp+c4N9WASkITCOE5A==",
+      "requires": {
+        "@material/feature-targeting": "^10.0.0",
+        "tslib": "^1.9.3"
+      }
+    },
+    "@material/elevation": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-10.0.0.tgz",
+      "integrity": "sha512-D/CeTIkRmV9iLJDzUnKSt2FTM7SLv3ixQjindNaAEAaCdsaoUfx6Q2dRAlqQOL0y6yeTvvpxK9IFwu411J3xXw==",
+      "requires": {
+        "@material/animation": "^10.0.0",
+        "@material/base": "^10.0.0",
+        "@material/feature-targeting": "^10.0.0",
+        "@material/theme": "^10.0.0"
+      }
+    },
+    "@material/feature-targeting": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-10.0.0.tgz",
+      "integrity": "sha512-Pn48jeeD2ScMq0NoR0k9SeC3UFOOTarKNIYxL+TkFRLGks/TgFoSIDRwXCzva/9umw9/Q2xOWrY/Gqs1zBIgOA=="
+    },
+    "@material/ripple": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-10.0.0.tgz",
+      "integrity": "sha512-KZPJ6YvLFJKkulUemKFq/Y3h9/Pbta+zOjBN1ZoeiP5++5thfsMJuL+L2bWa4GqUjSj66xW75LQrxX/ammCYzw==",
+      "requires": {
+        "@material/animation": "^10.0.0",
+        "@material/base": "^10.0.0",
+        "@material/dom": "^10.0.0",
+        "@material/feature-targeting": "^10.0.0",
+        "@material/theme": "^10.0.0",
+        "tslib": "^1.9.3"
+      }
+    },
+    "@material/rtl": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-10.0.0.tgz",
+      "integrity": "sha512-887Dq0JrlRx5uwQ2Ku4Gig0e7iMIdKAAvvk/Wnglo9jFUvJE94rgSyyDLbwsN4vo1s33PwxHK1uWteALkzMQWw==",
+      "requires": {
+        "@material/theme": "^10.0.0"
+      }
+    },
+    "@material/shape": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-10.0.0.tgz",
+      "integrity": "sha512-2zUib2htoZz21ULa9lNd4llGOWlZcGLBKKJdNV6wsyPlqdh6SjEXf3Fz1BrWV6pQVW3fhnhn+oTFLMveV1mMZw==",
+      "requires": {
+        "@material/feature-targeting": "^10.0.0",
+        "@material/rtl": "^10.0.0",
+        "@material/theme": "^10.0.0"
+      }
+    },
+    "@material/theme": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-10.0.0.tgz",
+      "integrity": "sha512-ll5UFjPR6np4jgTzDQO85VQg6FgLM0Vy1MlyJVRr/kn+2adX5hDxiBOnuC9fTeVhIBBPjbAMOFPa6VhNmAmkvg==",
+      "requires": {
+        "@material/feature-targeting": "^10.0.0"
+      }
+    },
+    "@material/touch-target": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-10.0.0.tgz",
+      "integrity": "sha512-uDWxktK/CODyNNyvXwzTFXcxqujQrVX3LoIsOXu87Z0fq4n2u74WlemJoniMbVKdsKsiJWcZ1uvrvhSeOdNQ2Q==",
+      "requires": {
+        "@material/base": "^10.0.0",
+        "@material/feature-targeting": "^10.0.0"
+      }
+    },
+    "@material/typography": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-10.0.0.tgz",
+      "integrity": "sha512-RtFfL/mfOOkliL/iXY1YPrx8Rw1LZWQC4Jpn2zs04xM+AhhDOcD4Hek5xcvWFjhzEmPUz7yhCTWsMOmVtsXzig==",
+      "requires": {
+        "@material/feature-targeting": "^10.0.0",
+        "@material/theme": "^10.0.0"
+      }
+    },
+    "@smui/common": {
+      "version": "2.0.0-beta.1",
+      "resolved": "https://registry.npmjs.org/@smui/common/-/common-2.0.0-beta.1.tgz",
+      "integrity": "sha512-m1ueVU0vI2jJI7qnHXWVisMXwPG8s1d5F3NK519bYewDFhjd+lCsfllC5e9A4CsfXNzJYlVaBPs5Wy11pn93UQ==",
+      "requires": {
+        "svelte": "^3.0"
+      }
+    },
+    "@smui/ripple": {
+      "version": "2.0.0-beta.1",
+      "resolved": "https://registry.npmjs.org/@smui/ripple/-/ripple-2.0.0-beta.1.tgz",
+      "integrity": "sha512-TQ7xmmkEGEEX4X/HPAW3/qr5O0p2LuP/UquLTkxiPAmvAhapwv9hpp4sWUenlvkiOTl4IIxhYrbm3hzhbzOl9A==",
+      "requires": {
+        "@material/ripple": "^4.0.0"
+      },
+      "dependencies": {
+        "@material/animation": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/@material/animation/-/animation-4.0.0.tgz",
+          "integrity": "sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==",
+          "requires": {
+            "tslib": "^1.9.3"
+          }
+        },
+        "@material/base": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz",
+          "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==",
+          "requires": {
+            "tslib": "^1.9.3"
+          }
+        },
+        "@material/dom": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/@material/dom/-/dom-4.0.0.tgz",
+          "integrity": "sha512-GRCJT9+PGWqygZwGf1XLTrbmzP35YWG7+T0hpfhoIJO8VDiMTeyfvhJXFuA2wh9pD0noEjte0lmbdBlykrbWZw==",
+          "requires": {
+            "tslib": "^1.9.3"
+          }
+        },
+        "@material/feature-targeting": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-4.0.0.tgz",
+          "integrity": "sha512-0gk+f151vqmEdWkrQ9ocPlQRU9aUtSGsVBhletqIbsthLUsZIz9qk25FHjV1wHd/bGHknd9NH+T8ENprv3KLFg=="
+        },
+        "@material/ripple": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-4.0.0.tgz",
+          "integrity": "sha512-9BLIOvyCP5sM+fQpLlcJZWyrHguusJq8E5A1pxg0wQwputOyaPBM7recHhYkJmVjzRpTcPgf1PkvkpN6DKGcNg==",
+          "requires": {
+            "@material/animation": "^4.0.0",
+            "@material/base": "^4.0.0",
+            "@material/dom": "^4.0.0",
+            "@material/feature-targeting": "^4.0.0",
+            "@material/theme": "^4.0.0",
+            "tslib": "^1.9.3"
+          }
+        },
+        "@material/theme": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/@material/theme/-/theme-4.0.0.tgz",
+          "integrity": "sha512-vS4G4rusJTatTH50kSYO1U3UGN8EY9kGRvPaFsEFKikJBOqcR6KWK9H9/wCLqqd6nDNifEj9H2sdWw1AV4NA6Q==",
+          "requires": {
+            "@material/feature-targeting": "^4.0.0"
+          }
+        }
+      }
+    },
+    "anymatch": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz",
+      "integrity": "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==",
+      "dev": true,
+      "requires": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      }
+    },
+    "binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "dev": true
+    },
+    "braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
+      "requires": {
+        "fill-range": "^7.0.1"
+      }
+    },
+    "chokidar": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.1.tgz",
+      "integrity": "sha512-9+s+Od+W0VJJzawDma/gvBNQqkTiqYTWLuZoyAsivsI4AaWTCzHG06/TMjsf1cYe9Cb97UCEhjz7HvnPk2p/tw==",
+      "dev": true,
+      "requires": {
+        "anymatch": "~3.1.1",
+        "braces": "~3.0.2",
+        "fsevents": "~2.3.1",
+        "glob-parent": "~5.1.0",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.5.0"
+      }
+    },
+    "fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
+      "requires": {
+        "to-regex-range": "^5.0.1"
+      }
+    },
+    "fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "optional": true
+    },
+    "glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "requires": {
+        "is-glob": "^4.0.1"
+      }
+    },
+    "is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "requires": {
+        "binary-extensions": "^2.0.0"
+      }
+    },
+    "is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "dev": true
+    },
+    "is-glob": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
+      "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
+      "dev": true,
+      "requires": {
+        "is-extglob": "^2.1.1"
+      }
+    },
+    "is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true
+    },
+    "normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true
+    },
+    "picomatch": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
+      "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==",
+      "dev": true
+    },
+    "readdirp": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.5.0.tgz",
+      "integrity": "sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==",
+      "dev": true,
+      "requires": {
+        "picomatch": "^2.2.1"
+      }
+    },
+    "sass": {
+      "version": "1.32.8",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.32.8.tgz",
+      "integrity": "sha512-Sl6mIeGpzjIUZqvKnKETfMf0iDAswD9TNlv13A7aAF3XZlRPMq4VvJWBC2N2DXbp94MQVdNSFG6LfF/iOXrPHQ==",
+      "dev": true,
+      "requires": {
+        "chokidar": ">=2.0.0 <4.0.0"
+      }
+    },
+    "svelte": {
+      "version": "3.37.0",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.37.0.tgz",
+      "integrity": "sha512-TRF30F4W4+d+Jr2KzUUL1j8Mrpns/WM/WacxYlo5MMb2E5Qy2Pk1Guj6GylxsW9OnKQl1tnF8q3hG/hQ3h6VUA=="
+    },
+    "to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "requires": {
+        "is-number": "^7.0.0"
+      }
+    },
+    "tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+    }
+  }
 }
diff --git a/packages/chips/package.json b/packages/chips/package.json
index a7e0a778b..7eb07ac5e 100644
--- a/packages/chips/package.json
+++ b/packages/chips/package.json
@@ -12,7 +12,7 @@
     "sveltejs"
   ],
   "scripts": {
-    "#prepare": "echo \"$(npx glob '**/*' | sed 's/^/-I /' | paste -s -d ' ' -) --no-source-map _style.scss bare.css\" | xargs sass",
+    "prepare": "sass --no-source-map -I node_modules _style.scss bare.css",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "publishConfig": {
@@ -29,11 +29,12 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@material/chips": "^10.0.0",
+    "@material/dom": "^10.0.0",
     "@material/rtl": "^10.0.0",
-    "@smui/common": "^2.0.0-beta.1"
+    "@smui/common": "^2.0.0-beta.1",
+    "@smui/ripple": "^2.0.0-beta.1"
   },
   "devDependencies": {
-    "glob-cmd": "0.0.7",
     "sass": "^1.32.8"
   }
 }
diff --git a/packages/common/forwardEventsBuilder.js b/packages/common/forwardEventsBuilder.js
index 76347689f..9a7d4d71c 100644
--- a/packages/common/forwardEventsBuilder.js
+++ b/packages/common/forwardEventsBuilder.js
@@ -2,6 +2,7 @@ import { bubble, listen } from 'svelte/internal';
 
 export function forwardEventsBuilder(component, additionalEvents = []) {
   const events = [
+    // Interaction Events
     'focus',
     'blur',
     'fullscreenchange',
@@ -49,6 +50,15 @@ export function forwardEventsBuilder(component, additionalEvents = []) {
     'pointerleave',
     'gotpointercapture',
     'lostpointercapture',
+    // Transition Events
+    'transitioncancel',
+    'transitionend',
+    'transitionrun',
+    'transitionstart',
+    // Animation Events
+    'animationstart',
+    'animationiteration',
+    'animationend',
     ...additionalEvents,
   ];
 
diff --git a/packages/fab/Fab.svelte b/packages/fab/Fab.svelte
index 493b99ea6..cdc011b27 100644
--- a/packages/fab/Fab.svelte
+++ b/packages/fab/Fab.svelte
@@ -49,9 +49,9 @@
     classMap,
     exclude,
   } from '@smui/common/internal.js';
+  import Ripple from '@smui/ripple/bare.js';
   import A from '@smui/common/A.svelte';
   import Button from '@smui/common/Button.svelte';
-  import Ripple from '@smui/ripple/bare.js';
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
diff --git a/packages/icon-button/IconButton.svelte b/packages/icon-button/IconButton.svelte
index 49ac79b79..ad21d369f 100644
--- a/packages/icon-button/IconButton.svelte
+++ b/packages/icon-button/IconButton.svelte
@@ -60,9 +60,9 @@
     exclude,
     dispatch,
   } from '@smui/common/internal.js';
+  import Ripple from '@smui/ripple/bare.js';
   import A from '@smui/common/A.svelte';
   import Button from '@smui/common/Button.svelte';
-  import Ripple from '@smui/ripple/bare.js';
 
   const forwardedEvents = ['MDCIconButtonToggle:change'];
   const forwardEvents = forwardEventsBuilder(
diff --git a/packages/linear-progress/LinearProgress.svelte b/packages/linear-progress/LinearProgress.svelte
index 6959bd611..f3cd8af7d 100644
--- a/packages/linear-progress/LinearProgress.svelte
+++ b/packages/linear-progress/LinearProgress.svelte
@@ -11,6 +11,7 @@
   })}
   style={Object.entries(internalStyles)
     .map(([name, value]) => `${name}: ${value};`)
+    .concat([style])
     .join(' ')}
   role="progressbar"
   aria-valuemin="0"
@@ -21,6 +22,7 @@
   {...exclude($$props, [
     'use',
     'class',
+    'style',
     'indeterminate',
     'closed',
     'progress',
@@ -65,6 +67,7 @@
   export let use = [];
   let className = '';
   export { className as class };
+  export let style = '';
   export let indeterminate = false;
   export let closed = false;
   export let progress = 0;
diff --git a/packages/list/Item.svelte b/packages/list/Item.svelte
index 653d7a2a4..6a9412321 100644
--- a/packages/list/Item.svelte
+++ b/packages/list/Item.svelte
@@ -75,10 +75,10 @@
     exclude,
     dispatch,
   } from '@smui/common/internal.js';
+  import Ripple from '@smui/ripple/bare.js';
   import A from '@smui/common/A.svelte';
   import Span from '@smui/common/Span.svelte';
   import Li from '@smui/common/Li.svelte';
-  import Ripple from '@smui/ripple/bare.js';
 
   const forwardedEvents = [
     'SMUI:generic:input:mount',
diff --git a/packages/tab-bar/TabBar.svelte b/packages/tab-bar/TabBar.svelte
index 2c4f11852..edfab9970 100644
--- a/packages/tab-bar/TabBar.svelte
+++ b/packages/tab-bar/TabBar.svelte
@@ -156,9 +156,9 @@
     }
   }
 
-  function removeAccessor(tabId, accessor) {
+  function removeAccessor(tabId) {
     if (tabId instanceof Object) {
-      tabAccessorWeakMap.remove(tabId);
+      tabAccessorWeakMap.delete(tabId);
     } else {
       delete tabAccessorMap[tabId];
     }
diff --git a/packages/tab/Tab.svelte b/packages/tab/Tab.svelte
index cf937ebc5..6163b99c0 100644
--- a/packages/tab/Tab.svelte
+++ b/packages/tab/Tab.svelte
@@ -82,12 +82,16 @@
     useActions,
     dispatch,
   } from '@smui/common/internal.js';
+  import Ripple from '@smui/ripple/bare.js';
   import A from '@smui/common/A.svelte';
   import Button from '@smui/common/Button.svelte';
   import TabIndicator from '@smui/tab-indicator/TabIndicator.svelte';
-  import Ripple from '@smui/ripple/bare.js';
 
-  const forwardedEvents = ['MDCTab:interacted', 'SMUI:tab:mount'];
+  const forwardedEvents = [
+    'MDCTab:interacted',
+    'SMUI:tab:mount',
+    'SMUI:tab:unmount',
+  ];
   const forwardEvents = forwardEventsBuilder(
     get_current_component(),
     forwardedEvents
diff --git a/packages/top-app-bar/TopAppBar.svelte b/packages/top-app-bar/TopAppBar.svelte
index 14448e9f0..9226e3324 100644
--- a/packages/top-app-bar/TopAppBar.svelte
+++ b/packages/top-app-bar/TopAppBar.svelte
@@ -23,14 +23,16 @@
     'mdc-top-app-bar--dense': dense,
     ...internalClasses,
   })}
-  style="{style} {Object.entries(internalStyles)
+  style={Object.entries(internalStyles)
     .map(([name, value]) => `${name}: ${value};`)
-    .join(' ')}"
+    .concat([style])
+    .join(' ')}
   on:SMUI:top-app-bar:icon-button:nav={() =>
     instance && instance.handleNavigationClick()}
   {...exclude($$props, [
     'use',
     'class',
+    'style',
     'variant',
     'color',
     'collapsed',
diff --git a/site/src/routes/_layout.svelte b/site/src/routes/_layout.svelte
index e5e82c226..273a91037 100644
--- a/site/src/routes/_layout.svelte
+++ b/site/src/routes/_layout.svelte
@@ -172,14 +172,14 @@
         'https://github.com/hperrin/svelte-material-ui/tree/master/packages/card',
       ],
     },
-    // {
-    //   name: 'Chips',
-    //   route: '/demo/chips',
-    //   indent: 0,
-    //   repos: [
-    //     'https://github.com/hperrin/svelte-material-ui/tree/master/packages/chips',
-    //   ],
-    // },
+    {
+      name: 'Chips',
+      route: '/demo/chips',
+      indent: 0,
+      repos: [
+        'https://github.com/hperrin/svelte-material-ui/tree/master/packages/chips',
+      ],
+    },
     // {
     //   name: 'Data Tables',
     //   route: '/demo/data-table',
diff --git a/site/src/pendingDemos/chips.svelte b/site/src/routes/demo/chips.svelte
similarity index 77%
rename from site/src/pendingDemos/chips.svelte
rename to site/src/routes/demo/chips.svelte
index 89366d994..159a7b8ee 100644
--- a/site/src/pendingDemos/chips.svelte
+++ b/site/src/routes/demo/chips.svelte
@@ -7,13 +7,13 @@
 
   <div>
     <Set chips={['one', 'two', 'three', 'four', 'five']} let:chip>
-      <Chip shouldRemoveOnTrailingIconClick={false}>
+      <Chip {chip} shouldRemoveOnTrailingIconClick={false}>
         {#if chip === 'four'}
-          <Icon class="material-icons" leading>book</Icon>
+          <LeadingIcon class="material-icons">book</LeadingIcon>
         {/if}
         <Text tabindex="-1">{chip}</Text>
         {#if chip === 'five'}
-          <Icon class="material-icons">commute</Icon>
+          <TrailingIcon class="material-icons">commute</TrailingIcon>
         {/if}
       </Chip>
     </Set>
@@ -27,7 +27,7 @@
       choice
       bind:selected={choice}
     >
-      <Chip><Text>{chip}</Text></Chip>
+      <Chip {chip}><Text>{chip}</Text></Chip>
     </Set>
   </div>
 
@@ -53,35 +53,37 @@
       filter
       bind:selected={filter}
     >
-      <Chip touch>
+      <Chip {chip} touch>
         <Text>{chip}</Text>
       </Chip>
     </Set>
   </div>
 
+  <pre class="status">Selected: {filter.join(', ')}</pre>
+
   <div>
     <h6 class="demo-title">The same, but with leading icons</h6>
     <Set
       chips={['Shoes', 'Pants', 'Shirts', 'Hats', 'Coats']}
       let:chip
       filter
-      bind:selected={filter}
+      bind:selected={filterIcons}
     >
-      <Chip touch>
-        <Icon class="material-icons" leading>checkroom</Icon>
+      <Chip {chip} touch>
+        <LeadingIcon class="material-icons">checkroom</LeadingIcon>
         <Text>{chip}</Text>
       </Chip>
     </Set>
   </div>
 
-  <pre class="status">Selected: {filter.join(', ')}</pre>
+  <pre class="status">Selected: {filterIcons.join(', ')}</pre>
 
   <div>
     <h6 class="demo-title">Input chips</h6>
     <Set chips={input} let:chip input>
-      <Chip>
+      <Chip {chip}>
         <Text>{chip}</Text>
-        <Icon class="material-icons">cancel</Icon>
+        <TrailingAction icon$class="material-icons">cancel</TrailingAction>
       </Chip>
     </Set>
     <Button on:click={addInputChip}><Label>Add</Label></Button>
@@ -90,9 +92,9 @@
   <div>
     <h6 class="demo-title">Keyed chips</h6>
     <Set chips={keyed} let:chip key={(chip) => chip.k} input>
-      <Chip>
+      <Chip {chip}>
         <Text>{chip.v}</Text>
-        <Icon class="material-icons">cancel</Icon>
+        <TrailingAction icon$class="material-icons">cancel</TrailingAction>
       </Chip>
     </Set>
     <Button on:click={addKeyedChip}><Label>Add</Label></Button>
@@ -100,11 +102,18 @@
 </section>
 
 <script>
-  import Chip, { Set, Icon, Text } from '@smui/chips';
+  import Chip, {
+    Set,
+    LeadingIcon,
+    TrailingIcon,
+    TrailingAction,
+    Text,
+  } from '@smui/chips';
   import Button, { Label } from '@smui/button';
 
   let choice = 'Morning';
   let filter = ['Shoes', 'Shirts', 'Coats'];
+  let filterIcons = ['Shoes', 'Shirts', 'Coats'];
   let input = [1, 2, 3, 4];
   let keyed = [
     { k: 1, v: 'Apple' },