@seamapi/react 0.6.0 → 0.7.0

package/README.md

@@ -27,7 +27,7 @@ $ npm install @seamapi/react
 
 ## Usage
 
-> Check out the [full example app](./examples/basic)!
+> Check out the [full example apps](./examples)!
 
 1. Obtain a publishable key from the [Seam Console].
 2. Wrap your app with the `SeamProvider`.
@@ -36,6 +36,8 @@ $ npm install @seamapi/react
 ```ts
 import { SeamProvider, DeviceManager } from '@seamapi/react'
 
+import '@seamapi/react/index.css'
+
 export const App = () => {
   return (
     <SeamProvider publishableKey='your_publishable_key'>
@@ -50,6 +52,20 @@ export const App = () => {
 
 [Seam Console]: https://console.seam.co/
 
+### Fonts
+
+The components are optimized for use with [Source Sans Pro], but will fallback to other system sans-serif fonts.
+Load the font from Google Fonts by placing the following in the `<head>` tag:
+
+```html
+<link
+  rel="stylesheet"
+  href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap"
+/>
+```
+
+[Source Sans Pro]: https://fonts.google.com/specimen/Source+Sans+Pro
+
 ## Development and Testing
 
 ### Quickstart
@@ -151,10 +167,23 @@ Write tests with [Jest].
 Find fully working examples apps under `examples/`.
 Each example app is built and deployed along with the Storybook documentation.
 
-Run and develop an example with, e.g.,
+Run and develop the examples with,
 
 ```
-$ npm run example:basic
+$ npm run examples
+```
+
+### SVG Icon Components
+
+The React components under `src/lib/icons` are generated from `src/icons`.
+To add a new icon:
+
+1. Place or update the SVG icon in `src/icons`.
+2. Run `npm run generate`.
+3. Import with
+
+```ts
+import { SeamIcon } from 'lib/icons/index.js'
 ```
 
 ### Publishing

package/index.css

@@ -0,0 +1,111 @@
+@charset "UTF-8";
+/***
+    The new CSS reset - version 1.8.4 (last updated 14.2.2023)
+    GitHub page: https://github.com/elad2412/the-new-css-reset
+***/
+/*
+    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
+    - The "symbol *" part is to solve Firefox SVG sprite bug
+ */
+*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
+  all: unset;
+  display: revert;
+}
+
+/* Preferred box-sizing value */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+/* Reapply the pointer cursor for anchor tags */
+a, button {
+  cursor: revert;
+}
+
+/* Remove list styles (bullets/numbers) */
+ol, ul, menu {
+  list-style: none;
+}
+
+/* For images to not be able to exceed their container */
+img {
+  max-inline-size: 100%;
+  max-block-size: 100%;
+}
+
+/* removes spacing between cells in tables */
+table {
+  border-collapse: collapse;
+}
+
+/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
+input, textarea {
+  -webkit-user-select: auto;
+}
+
+/* revert the 'white-space' property for textarea elements on Safari */
+textarea {
+  white-space: revert;
+}
+
+/* minimum style to allow to style meter element */
+meter {
+  -webkit-appearance: revert;
+  appearance: revert;
+}
+
+/* preformatted text - use only for this feature */
+:where(pre) {
+  all: revert;
+}
+
+/* reset default text opacity of input placeholder */
+::placeholder {
+  color: unset;
+}
+
+/* remove default dot (•) sign */
+::marker {
+  content: initial;
+}
+
+/* fix the feature of 'hidden' attribute.
+   display:revert; revert to element instead of attribute */
+:where([hidden]) {
+  display: none;
+}
+
+/* revert for bug in Chromium browsers
+   - fix for the content editable attribute will work properly.
+   - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
+:where([contenteditable]:not([contenteditable=false])) {
+  -moz-user-modify: read-write;
+  -webkit-user-modify: read-write;
+  overflow-wrap: break-word;
+  -webkit-line-break: after-white-space;
+  -webkit-user-select: auto;
+}
+
+/* apply back the draggable feature - exist only in Chromium and Safari */
+:where([draggable=true]) {
+  -webkit-user-drag: element;
+}
+
+/* Revert Modal native behavior */
+:where(dialog:modal) {
+  all: revert;
+}
+
+.seam-components {
+  --font-family: "Source Sans Pro", system-ui, -apple-system, blinkmacsystemfont,
+    "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue",
+    sans-serif;
+  --primary: #007afc;
+  --text-gray: #9da1a9;
+  --input-border: #d5d8dc;
+  font-family: var(--font-family);
+}
+
+/*# sourceMappingURL=index.css.map */

package/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["node_modules/the-new-css-reset/css/reset.css","src/styles/_main.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAIA;EACI;EACA;;;AAGJ;AACA;AAAA;AAAA;EAGI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;EACA;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;EACA;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AAAA;AAEA;EACI;;;AAGJ;AAAA;AAAA;AAGA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;ACjGJ;EACE;AAAA;AAAA;EAGA;EACA;EACA;EAEA","file":"index.css"}

package/index.min.css

@@ -0,0 +1 @@
+*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}.seam-components{--font-family: "Source Sans Pro", system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--primary: #007afc;--text-gray: #9da1a9;--input-border: #d5d8dc;font-family:var(--font-family)}/*# sourceMappingURL=index.min.css.map */

package/index.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["node_modules/the-new-css-reset/css/reset.css","src/styles/_main.scss"],"names":[],"mappings":"AASA,0EACI,UACA,eAIJ,qBAGI,sBAIJ,SACI,cAIJ,WACI,gBAIJ,IACI,qBACA,oBAIJ,MACI,yBAIJ,eACI,yBAIJ,SACI,mBAIJ,MACI,0BACA,kBAIJ,YACI,WAIJ,cACI,YAIJ,SACI,gBAKJ,iBACI,aAMJ,uDACI,4BACA,+BACA,yBACA,qCACA,yBAIJ,yBACI,0BAIJ,qBACI,WCjGJ,iBACE,yKAGA,mBACA,qBACA,wBAEA","file":"index.min.css"}

package/lib/components/DeviceManager/DeviceManager.js

@@ -9,7 +9,9 @@ export const DeviceManager = (props) => {
         return _jsx("p", { role: 'loading', children: t.loading });
     if (isError)
         return _jsx("p", { children: error?.message });
-    return (_jsx("ul", { children: devices?.map((device) => (_jsx(DeviceManagerItem, { ...device }, device.device_id))) }));
+    return (_jsx("ul", { children: devices
+            ?.sort((a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime())
+            ?.map((device) => (_jsx(DeviceManagerItem, { ...device }, device.device_id))) }));
 };
 const DeviceManagerItem = (props) => {
     return (_jsxs("li", { children: [_jsxs("p", { children: [t.device_id, ": ", props.device_id] }), _jsxs("p", { children: [t.name, ": ", props.properties.name] })] }));

package/lib/components/DeviceManager/DeviceManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeviceManager.js","sourceRoot":"","sources":["../../../src/lib/components/DeviceManager/DeviceManager.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAyB,MAAM,0BAA0B,CAAA;AAI5E;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAgB,EAAE;IACvE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAEhE,IAAI,SAAS;QAAE,OAAO,YAAG,IAAI,EAAC,SAAS,YAAE,CAAC,CAAC,OAAO,GAAK,CAAA;IACvD,IAAI,OAAO;QAAE,OAAO,sBAAI,KAAK,EAAE,OAAO,GAAK,CAAA;IAE3C,OAAO,CACL,uBACG,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACxB,KAAC,iBAAiB,OAA4B,MAAM,IAA5B,MAAM,CAAC,SAAS,CAAgB,CACzD,CAAC,GACC,CACN,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CACxB,KAAqC,EACvB,EAAE;IAChB,OAAO,CACL,yBACE,wBACG,CAAC,CAAC,SAAS,QAAI,KAAK,CAAC,SAAS,IAC7B,EACJ,wBACG,CAAC,CAAC,IAAI,QAAI,KAAK,CAAC,UAAU,CAAC,IAAI,IAC9B,IACD,CACN,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,GAAG;IACR,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,aAAa;CACpB,CAAA"}
+{"version":3,"file":"DeviceManager.js","sourceRoot":"","sources":["../../../src/lib/components/DeviceManager/DeviceManager.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAyB,MAAM,0BAA0B,CAAA;AAI5E;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAgB,EAAE;IACvE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAEhE,IAAI,SAAS;QAAE,OAAO,YAAG,IAAI,EAAC,SAAS,YAAE,CAAC,CAAC,OAAO,GAAK,CAAA;IACvD,IAAI,OAAO;QAAE,OAAO,sBAAI,KAAK,EAAE,OAAO,GAAK,CAAA;IAE3C,OAAO,CACL,uBACG,OAAO;YACN,EAAE,IAAI,CACJ,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACP,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,CACtE;YACD,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAChB,KAAC,iBAAiB,OAA4B,MAAM,IAA5B,MAAM,CAAC,SAAS,CAAgB,CACzD,CAAC,GACD,CACN,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CACxB,KAAqC,EACvB,EAAE;IAChB,OAAO,CACL,yBACE,wBACG,CAAC,CAAC,SAAS,QAAI,KAAK,CAAC,SAAS,IAC7B,EACJ,wBACG,CAAC,CAAC,IAAI,QAAI,KAAK,CAAC,UAAU,CAAC,IAAI,IAC9B,IACD,CACN,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,GAAG;IACR,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,aAAa;CACpB,CAAA"}

package/lib/icons/Seam.d.ts

@@ -0,0 +1,2 @@
+import type { ReactNode, SVGProps } from 'react';
+export declare const SeamIcon: (props: SVGProps<SVGSVGElement>) => ReactNode;

package/lib/icons/Seam.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const SeamIcon = (props) => (_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', width: 167, height: 200, fill: 'none', ...props, children: [_jsx("style", { children: '@media (prefers-color-scheme:dark){path{fill:#fff}}' }), _jsx("path", { fill: '#23292F', d: 'M166.546 58.917a9.058 9.058 0 0 0-.024-.433l-.012-.115c-.01-.105-.02-.21-.034-.315l-.02-.14c-.014-.095-.028-.191-.045-.287-.011-.059-.024-.117-.036-.176-.016-.083-.032-.165-.051-.248-.017-.075-.038-.15-.057-.225-.016-.065-.032-.13-.05-.195-.027-.095-.057-.19-.087-.284-.014-.044-.027-.089-.042-.133a8.749 8.749 0 0 0-.123-.343l-.027-.072a9.553 9.553 0 0 0-.163-.39l-.01-.023a9.312 9.312 0 0 0-.196-.409l-.002-.003a8.454 8.454 0 0 0-.204-.376l-.017-.032-.002-.004a10.31 10.31 0 0 0-.164-.267l-.086-.14-.083-.122a11.258 11.258 0 0 0-.188-.272l-.002-.002c-.633-.87-15.581-21.363-21.614-28.047-.35-.387-.709-.79-1.082-1.207-6.111-6.845-16.339-18.302-36.453-23.185-9.171-2.227-18.717-1.93-29.184.907-8.632 2.34-18.121 6.458-29.86 12.958l-1.285.711c-7.88 4.362-14.679 8.126-20.442 11.799a9.136 9.136 0 0 0-.558.357C13.75 35.026 6.74 41.59 3.043 51.152c-9.343 24.162 5.616 44.014 7.74 46.655l16.961 22.733L4.69 133.229l-.014.009a8.077 8.077 0 0 0-.303.176l-.113.068c-.07.044-.14.09-.209.136l-.197.133a7.725 7.725 0 0 0-.116.085 7.514 7.514 0 0 0-.272.203l-.015.012c-.014.01-.027.022-.04.033a8.81 8.81 0 0 0-.306.254l-.04.036c-.1.088-.198.178-.294.27l-.052.052a9.132 9.132 0 0 0-.547.585l-.105.127a7.69 7.69 0 0 0-.165.206c-.044.056-.086.114-.128.171-.042.057-.084.113-.124.171a9.355 9.355 0 0 0-.605.996l-.053.102a8.27 8.27 0 0 0-.312.688 5.784 5.784 0 0 0-.15.397l-.044.125c-.03.091-.059.182-.086.274l-.045.152a9.516 9.516 0 0 0-.284 1.474 9.09 9.09 0 0 0-.027.287l-.009.13a9.219 9.219 0 0 0-.014.31l-.002.115a8.952 8.952 0 0 0 0 .323l.004.108c.004.108.009.216.016.325l.01.114a8.786 8.786 0 0 0 .09.735l.03.165a8.58 8.58 0 0 0 .221.92c.015.052.03.105.047.156a9.2 9.2 0 0 0 .103.304l.038.106c.042.116.088.231.136.345l.027.065c.053.123.109.245.168.367l.02.044c.06.121.121.239.186.358l.022.043.007.012c.096.173.198.344.306.512l.061.09a8.905 8.905 0 0 0 .384.538l.064.086 22.408 28.363.034.043c5.595 6.995 11.768 12.622 18.347 16.726 5.879 3.667 12.089 6.132 18.457 7.328 2.927.549 5.895.818 8.819.818 7.15 0 14.04-1.608 19.443-4.657.753-.425 1.49-.878 2.213-1.352 7.657-4.217 25.026-13.847 32.28-18.372a428.33 428.33 0 0 1 3.471-2.137c10.408-6.368 22.205-13.585 28.1-25.774 2.687-5.557 5.766-13.224 5.717-23.269-.054-11.323-4.165-23.472-12.219-36.113l-6.361-10.14 19.363-11.147.004-.003c.09-.051.178-.107.266-.162.047-.03.096-.057.142-.087l.119-.082c.093-.062.185-.124.275-.19h.002l.015-.012c.245-.18.48-.37.703-.569l.004-.004c.11-.099.218-.2.322-.303l.041-.042c.09-.09.179-.182.265-.276.028-.03.054-.061.081-.092.07-.078.14-.157.206-.238.04-.047.077-.095.115-.143.052-.066.104-.13.154-.197.048-.063.093-.128.138-.192.038-.053.077-.106.114-.16.051-.076.1-.154.15-.232.028-.044.057-.087.084-.131.052-.086.102-.174.151-.261l.065-.114c.05-.092.098-.185.145-.28l.054-.106c.045-.094.088-.19.131-.286l.049-.11c.04-.093.077-.188.113-.282l.049-.124c.033-.09.063-.18.093-.27.016-.048.034-.096.049-.145.026-.082.05-.166.074-.249l.049-.173c.019-.074.036-.149.054-.223.016-.069.033-.137.048-.206l.037-.194c.015-.08.031-.159.044-.239l.023-.165c.013-.09.026-.18.037-.27l.013-.14c.01-.099.019-.198.025-.298l.006-.118c.005-.106.01-.212.011-.319v-.105c0-.11 0-.22-.004-.33Zm-141.4 27.955-.019-.024c-.048-.064-.1-.128-.15-.191-.049-.061-.096-.123-.146-.182l-.02-.025c-.027-.032-2.712-3.344-4.69-8.548-2.653-6.98-2.733-13.792-.237-20.248 1.971-5.097 6.5-9.28 13.855-14.052 11.662-5 18.412-1.978 20.654-.973 4.072 1.823 7.612 4.853 10.697 8.1L42.308 63.68l-.065.037-.038.021-.064.039a9.01 9.01 0 0 0-.3.18c-.06.038-.118.078-.177.117-.062.042-.125.083-.187.126a9.197 9.197 0 0 0-.272.2l-.068.05-.015.013c-.111.086-.22.175-.326.265l-.023.02a9.165 9.165 0 0 0-.33.298l-.008.008a8.67 8.67 0 0 0-.302.302l-.022.022a8.88 8.88 0 0 0-.255.282c-.017.02-.035.038-.051.058a8.66 8.66 0 0 0-.195.239c-.031.038-.063.076-.093.115-.044.057-.086.116-.128.174l-.14.19-.06.092a8.999 8.999 0 0 0-1.329 3.078c-.014.062-.024.124-.037.186-.015.078-.032.154-.046.231a9.008 9.008 0 0 0-.018 3.014v.006c.018.106.04.212.06.318.009.04.016.082.024.123.016.072.034.143.052.214.018.076.035.15.055.226l.037.127c.03.104.06.207.093.31l.02.06c.042.124.086.248.133.371l.006.015c.106.277.227.552.363.821l.008.015c.065.129.133.257.205.383l.008.014.02.032a9.127 9.127 0 0 0 .587.893l.103.14.003.003 42.298 54.501-16.077 9.695-17.421-23.351-.01-.014-23.18-31.068Zm66.42 78.652c-2.057 6.998-6.44 11.052-9.317 13.059-1.79.985-2.887 1.586-2.94 1.615a8.73 8.73 0 0 0-.355.206c-3.258 1.299-8.439 2.167-14.417 1.045-4.15-.779-8.265-2.428-12.23-4.901-4.837-3.017-9.476-7.279-13.789-12.666l-15.787-19.984 15.907-8.755 17.537 23.505c.031.041.065.08.097.122a8.76 8.76 0 0 0 .356.432c.07.079.138.158.21.234.058.062.118.121.178.181.071.072.142.145.216.214.069.065.14.126.21.189.068.059.135.12.204.178.103.086.21.167.316.247.039.03.076.062.116.091.151.11.305.215.461.316l.072.043c.134.084.269.165.406.241l.126.067c.121.064.242.127.366.186.05.025.102.047.154.07.115.053.231.104.349.152l.175.068a10.096 10.096 0 0 0 .53.184 9.174 9.174 0 0 0 .851.22c.076.016.152.032.229.046.1.018.2.033.3.048.082.012.163.025.245.035.095.011.191.019.287.027.087.008.172.017.26.022.09.006.182.006.273.009.087.003.172.008.259.008.23 0 .46-.01.691-.027l.03-.003c.102-.008.205-.018.307-.03l.05-.006c.097-.012.196-.025.294-.04l.048-.007c.106-.017.212-.036.317-.057l.02-.003c.113-.023.226-.048.339-.075l.046-.011c.09-.022.18-.046.269-.07l.136-.04.174-.053a9.482 9.482 0 0 0 .49-.171l.108-.043.207-.084.057-.025c.25-.109.496-.229.738-.362l.072-.039.18-.104.083-.049 22.758-13.724c2.08 6.586 2.343 12.784.731 18.269Zm51.626-40.998c.031 6.289-1.865 11.085-3.919 15.331-3.587 7.418-12.577 12.918-21.271 18.237-1.188.727-2.417 1.479-3.605 2.22a194.55 194.55 0 0 1-3.969 2.393c.881-8.667-.466-20.155-7.942-33.738a8.2 8.2 0 0 0-.257-.441c-.039-.062-.081-.124-.122-.186a9.021 9.021 0 0 0-.436-.613L60.186 74.275l16.253-9.24L98.643 94.41l.026.032c.066.087.135.17.204.254.052.063.103.127.156.188.071.082.145.162.22.241a8.8 8.8 0 0 0 .798.76c.08.067.161.132.243.196.062.048.124.097.187.144.101.074.203.145.306.215.049.033.096.067.145.098.145.094.292.184.442.269l.029.017c.332.188.675.353 1.025.496l.103.04c.136.054.274.105.413.152.053.018.106.034.16.051a9.294 9.294 0 0 0 1.112.28c.105.019.211.035.316.05.079.013.159.025.238.035.1.012.202.02.303.029.083.007.166.016.25.021.104.006.208.008.312.01.075.002.149.008.224.008.028 0 .055-.003.082-.003a9.14 9.14 0 0 0 .395-.013l.168-.01c.152-.01.303-.025.455-.043l.139-.02c.137-.019.274-.04.411-.066l.096-.017a8.821 8.821 0 0 0 .592-.14c.173-.046.345-.097.516-.154h.001c.184-.061.366-.13.547-.204l.014-.005c.18-.074.358-.154.534-.24l.024-.012c.188-.093.373-.191.556-.298l16.626-9.571 6.735 10.735.035.056c6.207 9.735 9.373 18.663 9.411 26.536Zm-34.946-47.347-25.17-33.298-.01-.011a9.363 9.363 0 0 0-.277-.348l-.006-.008c-1.991-2.394-5.047-5.934-8.694-9.19-3.503-3.129-7.028-5.565-10.727-7.41 16.343-8.121 27.724-10.415 38.048-7.91 14.647 3.557 21.927 11.71 27.243 17.664.394.443.776.87 1.146 1.28 3.026 3.352 9.371 11.681 14.458 18.5l-36.011 20.731Z', style: {
+                fill: '#23292f',
+            } })] }));
+//# sourceMappingURL=Seam.js.map

package/lib/icons/Seam.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Seam.js","sourceRoot":"","sources":["../../src/lib/icons/Seam.tsx"],"names":[],"mappings":";AACA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAA8B,EAAa,EAAE,CAAC,CACrE,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,IAAI,EAAC,MAAM,KACP,KAAK,aAET,0BAAQ,qDAAqD,GAAS,EACtE,eACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,g0NAAg0N,EACl0N,KAAK,EAAE;gBACL,IAAI,EAAE,SAAS;aAChB,GACD,IACE,CACP,CAAA"}

package/lib/icons/index.d.ts

@@ -0,0 +1 @@
+export { SeamIcon } from './Seam.js';

package/lib/icons/index.js

@@ -0,0 +1,2 @@
+export { SeamIcon } from './Seam.js';
+//# sourceMappingURL=index.js.map

package/lib/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA"}

package/lib/provider.js

@@ -13,7 +13,7 @@ export function SeamProvider({ children, ...props }) {
         contextRef.current.publishableKey == null) {
         throw new Error('Must provide either a Seam client or a publishableKey.');
     }
-    return (_jsx(QueryClientProvider, { client: queryClientRef.current, children: _jsx(Provider, { value: { ...contextRef.current }, children: children }) }));
+    return (_jsx("div", { className: 'seam-components', children: _jsx(QueryClientProvider, { client: queryClientRef.current, children: _jsx(Provider, { value: { ...contextRef.current }, children: children }) }) }));
 }
 const createDefaultSeamContextValue = () => {
     if (globalThis.seam?.client == null &&

package/lib/provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/lib/provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACxE,OAAO,EAAE,aAAa,EAAqC,MAAM,EAAE,MAAM,OAAO,CAAA;AAuBhF,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,GAAG,KAAK,EACU;IAClB,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAA;IAEhC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,WAAW,EAAE,CAAC,CAAA;IAEhD,MAAM,UAAU,GAAG,MAAM,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAAA;IACxD,IACE,UAAU,CAAC,OAAO,CAAC,MAAM,IAAI,IAAI;QACjC,UAAU,CAAC,OAAO,CAAC,cAAc,IAAI,IAAI,EACzC;QACA,UAAU,CAAC,OAAO,GAAG,uBAAuB,CAAA;KAC7C;IAED,IACE,UAAU,CAAC,OAAO,CAAC,MAAM,IAAI,IAAI;QACjC,UAAU,CAAC,OAAO,CAAC,cAAc,IAAI,IAAI,EACzC;QACA,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAA;KAC1E;IAED,OAAO,CACL,KAAC,mBAAmB,IAAC,MAAM,EAAE,cAAc,CAAC,OAAO,YACjD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,GAAG,UAAU,CAAC,OAAO,EAAE,YAAG,QAAQ,GAAY,GAC7C,CACvB,CAAA;AACH,CAAC;AAED,MAAM,6BAA6B,GAAG,GAAgB,EAAE;IACtD,IACE,UAAU,CAAC,IAAI,EAAE,MAAM,IAAI,IAAI;QAC/B,UAAU,CAAC,IAAI,EAAE,cAAc,IAAI,IAAI,EACvC;QACA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;KACxB;IAED,IAAI;QACF,OAAO,sBAAsB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;KAC/C;IAAC,OAAO,GAAG,EAAE;QACZ,sCAAsC;QACtC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QACjB,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;KACxB;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAG,CAAC,EAC9B,MAAM,EACN,GAAG,OAAO,EAC0B,EAAe,EAAE;IACrD,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QACvD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;KACxB;IAED,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,EAAE;QACnE,MAAM,IAAI,KAAK,CACb,6DAA6D,CAC9D,CAAA;KACF;IAED,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,aAAa,EAAE,GAAG,OAAO,CAAA;IAEvE,IAAI,MAAM,IAAI,IAAI,EAAE;QAClB,OAAO,EAAE,MAAM,EAAE,CAAA;KAClB;IAED,OAAO;QACL,MAAM,EAAE,IAAI;QACZ,cAAc;QACd,iBAAiB;QACjB,aAAa;KACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,uBAAuB,GAAG,6BAA6B,EAAE,CAAA;AAE/D,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAc,uBAAuB,CAAC,CAAA"}
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/lib/provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACxE,OAAO,EAAE,aAAa,EAAqC,MAAM,EAAE,MAAM,OAAO,CAAA;AAuBhF,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,GAAG,KAAK,EACU;IAClB,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAA;IAEhC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,WAAW,EAAE,CAAC,CAAA;IAEhD,MAAM,UAAU,GAAG,MAAM,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAAA;IACxD,IACE,UAAU,CAAC,OAAO,CAAC,MAAM,IAAI,IAAI;QACjC,UAAU,CAAC,OAAO,CAAC,cAAc,IAAI,IAAI,EACzC;QACA,UAAU,CAAC,OAAO,GAAG,uBAAuB,CAAA;KAC7C;IAED,IACE,UAAU,CAAC,OAAO,CAAC,MAAM,IAAI,IAAI;QACjC,UAAU,CAAC,OAAO,CAAC,cAAc,IAAI,IAAI,EACzC;QACA,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAA;KAC1E;IAED,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,mBAAmB,IAAC,MAAM,EAAE,cAAc,CAAC,OAAO,YACjD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,GAAG,UAAU,CAAC,OAAO,EAAE,YAAG,QAAQ,GAAY,GAC7C,GAClB,CACP,CAAA;AACH,CAAC;AAED,MAAM,6BAA6B,GAAG,GAAgB,EAAE;IACtD,IACE,UAAU,CAAC,IAAI,EAAE,MAAM,IAAI,IAAI;QAC/B,UAAU,CAAC,IAAI,EAAE,cAAc,IAAI,IAAI,EACvC;QACA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;KACxB;IAED,IAAI;QACF,OAAO,sBAAsB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;KAC/C;IAAC,OAAO,GAAG,EAAE;QACZ,sCAAsC;QACtC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QACjB,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;KACxB;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAG,CAAC,EAC9B,MAAM,EACN,GAAG,OAAO,EAC0B,EAAe,EAAE;IACrD,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QACvD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;KACxB;IAED,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,EAAE;QACnE,MAAM,IAAI,KAAK,CACb,6DAA6D,CAC9D,CAAA;KACF;IAED,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,aAAa,EAAE,GAAG,OAAO,CAAA;IAEvE,IAAI,MAAM,IAAI,IAAI,EAAE;QAClB,OAAO,EAAE,MAAM,EAAE,CAAA;KAClB;IAED,OAAO;QACL,MAAM,EAAE,IAAI;QACZ,cAAc;QACd,iBAAiB;QACjB,aAAa;KACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,uBAAuB,GAAG,6BAA6B,EAAE,CAAA;AAE/D,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAc,uBAAuB,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamapi/react",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Seam React component library.",
   "type": "module",
   "main": "index.js",
@@ -25,6 +25,10 @@
     "index.js",
     "index.js.map",
     "index.d.ts",
+    "index.css",
+    "index.css.map",
+    "index.min.css",
+    "index.min.css.map",
     "lib",
     "src",
     "!test",
@@ -35,16 +39,18 @@
     "!src/stories"
   ],
   "scripts": {
-    "start": "storybook dev --port 6006",
-    "build": "npm run build:ts",
+    "start": "concurrently --raw --kill-others npm:examples npm:storybook",
+    "build": "npm run build:js",
+    "prebuild": "del 'index.*' lib",
     "postbuild": "node ./index.js",
-    "build:ts": "tsc --project tsconfig.build.json",
-    "prebuild:ts": "del 'index.*' lib",
-    "postbuild:ts": "tsc-alias --project tsconfig.build.json",
+    "build:js": "tsc --project tsconfig.build.json",
+    "prebuild:js": "npm run build:css",
+    "postbuild:js": "tsc-alias --project tsconfig.build.json",
+    "build:css": "sass --load-path=node_modules src/index.scss:index.css",
+    "postbuild:css": "sass --style=compressed --load-path=node_modules src/index.scss:index.min.css",
+    "docs:start": "concurrently --raw --kill-others npm:examples npm:storybook:docs",
     "docs:build": "storybook build --docs --output-dir docs",
-    "predocs:build": "vite build --base /examples/basic --config examples/vite.config.ts examples/basic",
-    "postdocs:build": "cpy . ../../../docs/examples/basic --cwd=examples/basic/dist",
-    "docs:start": "storybook dev --docs --port 6007",
+    "predocs:build": "npm run examples:build",
     "typecheck": "tsc",
     "dependencies": "dpdm --exit-code circular:1 src/index.ts",
     "test": "jest --collect-coverage",
@@ -53,13 +59,22 @@
     "test:inspect": "node --inspect-brk ./node_modules/jest/bin/jest.js --runInBand",
     "lint": "eslint --ignore-path .gitignore --ext .js,.cjs,.mjs,.ts,.tsx .",
     "prelint": "prettier --check --ignore-path .gitignore .",
+    "postlint": "stylelint '**/*.scss'",
     "postversion": "git push --follow-tags",
+    "storybook": "storybook dev --port 6006",
+    "storybook:docs": "storybook dev --docs --port 6007",
     "storybook:build": "storybook build",
-    "example:basic": "vite --config examples/vite.config.ts examples/basic",
-    "example:basic:build": "vite build --config examples/vite.config.ts examples/basic",
-    "example:basic:preview": "vite preview --config examples/vite.config.ts examples/basic",
+    "prestorybook:build": "vite build examples",
+    "examples": "vite examples --host --clearScreen false",
+    "examples:build": "vite build examples",
+    "examples:preview": "vite preview examples",
+    "preexamples:preview": "npm run examples:build",
+    "generate": "svgr --out-dir src/lib/icons -- src/icons",
+    "pregenerate": "del src/lib/icons",
+    "postgenerate": "eslint --fix src/lib/icons",
     "format": "eslint --ignore-path .gitignore --fix --ext .js,.cjs,.mjs,.ts,.tsx .",
-    "preformat": "prettier --write --ignore-path .gitignore ."
+    "preformat": "prettier --write --ignore-path .gitignore .",
+    "postformat": "stylelint --fix '**/*.scss'"
   },
   "engines": {
     "node": ">=16.13.0",
@@ -81,10 +96,12 @@
     "@storybook/addon-essentials": "^7.0.2",
     "@storybook/addon-interactions": "^7.0.2",
     "@storybook/addon-links": "^7.0.2",
+    "@storybook/addon-styling": "^1.0.5",
     "@storybook/blocks": "^7.0.2",
     "@storybook/react": "^7.0.2",
     "@storybook/react-webpack5": "^7.0.2",
     "@storybook/testing-library": "^0.1.0",
+    "@svgr/cli": "^7.0.0",
     "@testing-library/react": "^14.0.0",
     "@types/jest": "^29.5.0",
     "@types/node": "^18.11.18",
@@ -92,7 +109,8 @@
     "@types/react-dom": "^18.0.11",
     "@types/uuid": "^9.0.1",
     "@vitejs/plugin-react": "^3.1.0",
-    "cpy-cli": "^4.2.0",
+    "concurrently": "^8.0.1",
+    "copy-webpack-plugin": "^11.0.0",
     "del-cli": "^5.0.0",
     "dpdm": "^3.13.0",
     "eslint": "^8.9.0",
@@ -103,6 +121,7 @@
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "eslint-plugin-storybook": "^0.6.11",
     "eslint-plugin-unused-imports": "^2.0.0",
+    "fast-glob": "^3.2.12",
     "http-proxy-middleware": "^2.0.6",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
@@ -110,8 +129,12 @@
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "sass": "^1.62.1",
     "storybook": "^7.0.2",
     "storybook-addon-designs": "^7.0.0-beta.2",
+    "stylelint": "^15.6.0",
+    "stylelint-config-standard-scss": "^9.0.0",
+    "the-new-css-reset": "^1.8.4",
     "ts-jest": "^29.1.0",
     "tsc-alias": "^1.8.5",
     "tsconfig-paths-webpack-plugin": "^4.0.1",

package/src/icons/seam.svg

@@ -0,0 +1,13 @@
+<svg width="167" height="200" viewBox="0 0 167 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    path {
+      fill: #23292F;
+    }
+    @media (prefers-color-scheme: dark) {
+      path {
+        fill: white;
+      }
+    }
+  </style>
+  <path d="M166.546 58.9169C166.545 58.8823 166.543 58.8477 166.541 58.8131C166.536 58.7033 166.531 58.5937 166.522 58.484C166.518 58.4456 166.514 58.4074 166.51 58.369C166.5 58.2639 166.49 58.1588 166.476 58.0539C166.47 58.0076 166.463 57.9613 166.456 57.9149C166.442 57.8189 166.428 57.7228 166.411 57.6269C166.4 57.5681 166.387 57.5098 166.375 57.451C166.359 57.3685 166.343 57.2858 166.324 57.2034C166.307 57.1279 166.286 57.0529 166.267 56.9778C166.251 56.9129 166.235 56.8477 166.217 56.7831C166.19 56.6881 166.16 56.5939 166.13 56.4995C166.116 56.455 166.103 56.4102 166.088 56.3658C166.05 56.2511 166.008 56.1371 165.965 56.0234C165.956 55.9993 165.947 55.9749 165.938 55.9509C165.887 55.82 165.832 55.6902 165.775 55.5611C165.771 55.5533 165.768 55.5455 165.765 55.5378C165.703 55.4005 165.638 55.2642 165.569 55.1293C165.568 55.1282 165.568 55.127 165.567 55.1258C165.503 54.9995 165.434 54.8744 165.363 54.7503C165.357 54.7396 165.352 54.7288 165.346 54.7181C165.345 54.7168 165.344 54.7156 165.344 54.7142C165.291 54.6242 165.236 54.5354 165.18 54.4466C165.151 54.4002 165.123 54.3526 165.094 54.3069C165.067 54.2659 165.038 54.2259 165.011 54.1852C164.949 54.0936 164.887 54.002 164.823 53.9132C164.822 53.9125 164.822 53.9117 164.821 53.9109C164.188 53.0418 149.24 32.5477 143.207 25.8638C142.857 25.4769 142.498 25.0738 142.125 24.6571C136.014 17.8118 125.786 6.35483 105.672 1.472C96.5007 -0.754547 86.9546 -0.457655 76.4882 2.37947C67.8555 4.71967 58.3669 8.83705 46.6272 15.3374L45.3433 16.0481C37.4634 20.4099 30.6641 24.174 24.9014 27.8467C24.7098 27.9599 24.5239 28.0792 24.3433 28.2044C13.7497 35.0259 6.73997 41.5886 3.04233 51.1516C-6.30034 75.314 8.65911 95.1658 10.7835 97.8074L27.7441 120.54L4.68881 133.229C4.68408 133.232 4.67956 133.235 4.67475 133.238C4.57289 133.294 4.47217 133.353 4.37179 133.414C4.33414 133.437 4.29593 133.459 4.2587 133.482C4.18863 133.526 4.11962 133.572 4.05032 133.618C3.98406 133.662 3.91753 133.706 3.85289 133.751C3.81411 133.779 3.7759 133.807 3.73726 133.836C3.64529 133.902 3.55417 133.969 3.46538 134.039C3.46043 134.043 3.45506 134.047 3.45005 134.051C3.43613 134.061 3.42314 134.073 3.40943 134.084C3.30559 134.167 3.20353 134.251 3.10421 134.338C3.09058 134.35 3.07744 134.362 3.06387 134.374C2.96378 134.462 2.86567 134.552 2.77024 134.644C2.75244 134.661 2.73534 134.679 2.71761 134.696C2.62995 134.782 2.54377 134.869 2.46007 134.958C2.43358 134.987 2.40815 135.015 2.38216 135.044C2.31046 135.122 2.23968 135.201 2.17109 135.281C2.13521 135.323 2.1006 135.366 2.06563 135.408C2.0099 135.476 1.95452 135.544 1.90105 135.614C1.85718 135.67 1.81487 135.728 1.77263 135.785C1.73081 135.842 1.68907 135.898 1.64873 135.956C1.59929 136.027 1.5516 136.098 1.50435 136.17C1.47369 136.216 1.44304 136.263 1.41337 136.31C1.36117 136.392 1.31094 136.476 1.26157 136.56C1.23897 136.598 1.21622 136.637 1.19418 136.676C1.14226 136.767 1.09246 136.859 1.04394 136.952C1.02628 136.986 1.00855 137.019 0.991312 137.054C0.94229 137.15 0.895458 137.248 0.850179 137.346C0.834851 137.379 0.819664 137.412 0.80483 137.445C0.760965 137.543 0.719217 137.642 0.678954 137.742C0.664474 137.777 0.649922 137.813 0.635866 137.849C0.598428 137.945 0.562898 138.042 0.52885 138.139C0.514158 138.181 0.499466 138.223 0.485479 138.264C0.455176 138.355 0.426498 138.446 0.399091 138.538C0.383833 138.589 0.368858 138.639 0.354448 138.69C0.331279 138.773 0.309593 138.856 0.288826 138.939C0.273286 139 0.25817 139.062 0.243972 139.125C0.227443 139.197 0.211973 139.27 0.19721 139.343C0.182305 139.417 0.168177 139.49 0.154968 139.564C0.14402 139.626 0.133919 139.689 0.124312 139.751C0.110962 139.836 0.0987413 139.922 0.0880044 140.007C0.0813646 140.059 0.0755726 140.111 0.0699216 140.164C0.0595379 140.259 0.050496 140.355 0.0430791 140.451C0.0396886 140.494 0.0370048 140.538 0.0343206 140.581C0.0278927 140.685 0.0230184 140.788 0.0201223 140.891C0.0191334 140.93 0.018639 140.968 0.0180033 141.006C0.0164493 141.114 0.0165194 141.221 0.0188504 141.329C0.0195568 141.365 0.0208287 141.401 0.0221001 141.437C0.0255613 141.545 0.0308594 141.653 0.0382763 141.762C0.0409605 141.8 0.0442803 141.838 0.0473883 141.876C0.0559354 141.981 0.0660363 142.085 0.0782565 142.189C0.0834836 142.233 0.0894175 142.278 0.095351 142.322C0.108136 142.418 0.121911 142.515 0.138016 142.611C0.147058 142.666 0.157299 142.721 0.167471 142.776C0.183082 142.86 0.199187 142.944 0.217412 143.028C0.232175 143.097 0.248634 143.166 0.265163 143.235C0.281622 143.304 0.298221 143.373 0.316445 143.441C0.339049 143.527 0.363842 143.612 0.388989 143.696C0.404388 143.748 0.419434 143.801 0.435964 143.852C0.468245 143.954 0.503139 144.055 0.539023 144.156C0.551596 144.191 0.563605 144.227 0.576602 144.262C0.619479 144.378 0.665463 144.493 0.713426 144.607C0.722397 144.629 0.730873 144.65 0.740056 144.672C0.792751 144.795 0.848908 144.917 0.907536 145.039C0.914671 145.054 0.92131 145.069 0.928515 145.083C0.987215 145.204 1.0493 145.322 1.1138 145.441C1.12157 145.455 1.12828 145.469 1.13612 145.484C1.13838 145.488 1.14099 145.492 1.14325 145.496C1.23925 145.669 1.34068 145.84 1.44911 146.008C1.46889 146.039 1.49015 146.068 1.51014 146.098C1.58855 146.217 1.66957 146.334 1.75426 146.45C1.80004 146.512 1.84659 146.574 1.89377 146.636C1.91567 146.664 1.9358 146.693 1.95812 146.722L24.3656 175.085L24.3997 175.128C29.9948 182.123 36.1677 187.75 42.7466 191.854C48.626 195.521 54.8359 197.986 61.2039 199.182C64.1311 199.731 67.0985 200 70.0228 200C77.1725 200 84.0634 198.392 89.4663 195.343C90.2193 194.918 90.9562 194.465 91.6793 193.991C99.3358 189.774 116.705 180.144 123.959 175.619C125.08 174.919 126.221 174.221 127.43 173.482C137.838 167.114 149.635 159.897 155.53 147.708C158.217 142.151 161.296 134.484 161.247 124.439C161.193 113.116 157.082 100.967 149.028 88.3257L142.667 78.186L162.03 67.0388C162.031 67.038 162.033 67.0371 162.034 67.0363C162.124 66.9846 162.212 66.9292 162.3 66.8741C162.347 66.8447 162.396 66.8165 162.442 66.7865C162.482 66.7604 162.521 66.7321 162.561 66.7053C162.654 66.643 162.746 66.5808 162.836 66.5156C162.837 66.5152 162.837 66.5147 162.838 66.5144C162.843 66.5106 162.848 66.5067 162.853 66.5031C163.098 66.3237 163.333 66.1338 163.556 65.9341C163.557 65.9328 163.559 65.9316 163.56 65.9304C163.67 65.8315 163.778 65.7303 163.882 65.6269C163.896 65.6132 163.909 65.5991 163.923 65.5854C164.013 65.4946 164.102 65.4028 164.188 65.3088C164.216 65.2787 164.242 65.2476 164.269 65.2172C164.339 65.1388 164.409 65.06 164.475 64.9794C164.515 64.9323 164.552 64.8837 164.59 64.8357C164.642 64.7704 164.694 64.7055 164.744 64.6389C164.792 64.5757 164.837 64.5114 164.882 64.4473C164.92 64.3941 164.959 64.3412 164.996 64.287C165.047 64.2107 165.096 64.1331 165.146 64.0554C165.174 64.0115 165.203 63.9681 165.23 63.9238C165.282 63.8376 165.332 63.7502 165.381 63.6626C165.403 63.6246 165.425 63.5872 165.446 63.5492C165.496 63.4569 165.544 63.3635 165.591 63.2697C165.608 63.2343 165.627 63.1991 165.645 63.1634C165.69 63.0687 165.733 62.973 165.776 62.8771C165.792 62.8403 165.809 62.804 165.825 62.7672C165.865 62.6738 165.902 62.5795 165.938 62.485C165.954 62.4436 165.971 62.4024 165.987 62.3607C166.02 62.2717 166.05 62.1818 166.08 62.0918C166.096 62.0433 166.114 61.9949 166.129 61.9461C166.155 61.8635 166.179 61.7803 166.203 61.6971C166.219 61.6392 166.236 61.5818 166.252 61.5236C166.271 61.4497 166.288 61.3752 166.306 61.3009C166.322 61.2324 166.339 61.164 166.354 61.0949C166.367 61.0306 166.379 60.966 166.391 60.9014C166.406 60.8218 166.422 60.7421 166.435 60.662C166.443 60.6072 166.45 60.5522 166.458 60.4974C166.471 60.4071 166.484 60.3168 166.495 60.2262C166.5 60.1801 166.503 60.1337 166.508 60.0876C166.518 59.9883 166.527 59.8889 166.533 59.7893C166.535 59.7499 166.537 59.7104 166.539 59.671C166.544 59.5649 166.549 59.4589 166.55 59.3525C166.551 59.3173 166.55 59.2822 166.55 59.247C166.55 59.1368 166.55 59.0269 166.546 58.9169ZM25.1462 86.8722C25.1399 86.8639 25.1332 86.8561 25.127 86.8479C25.0786 86.7835 25.0274 86.7204 24.9769 86.6569C24.9285 86.596 24.8808 86.5344 24.8312 86.4751C24.8241 86.4666 24.8178 86.4579 24.8108 86.4495C24.7844 86.4185 22.0987 83.1064 20.1205 77.902C17.4676 70.9222 17.3882 64.1099 19.8843 57.6545C21.8552 52.5569 26.3844 48.3741 33.739 43.602C45.4012 38.6011 52.1514 41.6243 54.3932 42.6286C58.4645 44.452 62.0047 47.4817 65.0902 50.7286L42.3079 63.6807C42.2863 63.6926 42.2649 63.7053 42.2432 63.7175L42.2053 63.739C42.1835 63.7514 42.1629 63.7651 42.141 63.7777C42.0404 63.8363 41.94 63.8956 41.8409 63.9586C41.7808 63.9965 41.7227 64.0362 41.6639 64.0754C41.6016 64.117 41.5391 64.1576 41.4775 64.2009C41.3849 64.2657 41.2951 64.3332 41.2054 64.401C41.1828 64.4183 41.1595 64.4339 41.1368 64.4514C41.1318 64.4555 41.127 64.4597 41.1219 64.4636C41.0109 64.5498 40.9026 64.6386 40.7964 64.7294C40.7887 64.736 40.7806 64.7423 40.7729 64.7489C40.6603 64.8458 40.5506 64.9452 40.4435 65.0468C40.4406 65.0496 40.4375 65.0523 40.4346 65.0551C40.3312 65.1535 40.2308 65.2542 40.133 65.3569C40.1257 65.3643 40.1181 65.3717 40.1109 65.3792C40.0235 65.4715 39.9392 65.5657 39.8563 65.6611C39.8393 65.6806 39.8214 65.6995 39.8046 65.7192C39.7377 65.7974 39.6737 65.8775 39.6098 65.9578C39.579 65.9962 39.547 66.0339 39.5171 66.0728C39.4729 66.1302 39.4312 66.189 39.3886 66.2472C39.342 66.3106 39.2946 66.3734 39.2499 66.4378C39.229 66.4679 39.2098 66.4988 39.1893 66.5293C38.5505 67.4737 38.1037 68.5193 37.8604 69.6072C37.8465 69.669 37.8357 69.7314 37.8231 69.7934C37.8076 69.8705 37.7906 69.947 37.7771 70.0243C37.6035 71.0116 37.594 72.0304 37.7588 73.0381C37.7592 73.04 37.7594 73.0421 37.7598 73.0442C37.7772 73.1502 37.7983 73.256 37.8197 73.3618C37.8279 73.4028 37.8347 73.444 37.8435 73.4849C37.8591 73.5565 37.8775 73.6278 37.895 73.6994C37.9131 73.7746 37.9301 73.8499 37.9502 73.9247C37.9618 73.9673 37.9753 74.0095 37.9874 74.0521C38.017 74.1556 38.0468 74.259 38.0801 74.3617C38.0866 74.3816 38.0941 74.4013 38.1007 74.4213C38.1421 74.546 38.1856 74.6701 38.2327 74.7934C38.2344 74.7981 38.2366 74.8029 38.2385 74.8076C38.3451 75.0855 38.4663 75.3596 38.6021 75.6291C38.6047 75.6342 38.6075 75.6392 38.61 75.6442C38.6751 75.773 38.7435 75.9006 38.8152 76.027C38.8179 76.0318 38.8202 76.0364 38.8229 76.0412C38.8291 76.052 38.8361 76.062 38.8423 76.0728C38.9258 76.2176 39.0141 76.3606 39.1064 76.502C39.1358 76.5472 39.1652 76.592 39.1954 76.6364C39.2706 76.7475 39.3493 76.857 39.4303 76.9657C39.4648 77.0122 39.4979 77.0599 39.5333 77.1056C39.5342 77.1068 39.535 77.1079 39.5359 77.1091L81.8342 131.61L65.7571 141.305L48.3359 117.954C48.3322 117.95 48.3287 117.945 48.3252 117.94L25.1462 86.8722ZM91.566 165.524C89.5094 172.522 85.1263 176.576 82.2488 178.583C80.4593 179.568 79.3615 180.169 79.3088 180.198C79.1881 180.264 79.0703 180.333 78.9538 180.404C75.6957 181.703 70.515 182.571 64.5368 181.449C60.3869 180.67 56.2721 179.021 52.3072 176.548C47.4705 173.531 42.8312 169.269 38.5184 163.882L22.731 143.898L38.6385 135.143L56.175 158.648C56.2062 158.689 56.2401 158.728 56.272 158.77C56.3337 158.85 56.3962 158.929 56.4602 159.007C56.515 159.073 56.5715 159.138 56.6279 159.202C56.6971 159.281 56.766 159.36 56.8374 159.436C56.8957 159.498 56.9559 159.557 57.0155 159.617C57.0873 159.689 57.1583 159.762 57.2322 159.831C57.3009 159.896 57.372 159.957 57.4424 160.02C57.51 160.079 57.5765 160.14 57.6458 160.198C57.749 160.284 57.8552 160.365 57.9616 160.445C58.0008 160.475 58.0384 160.507 58.0781 160.536C58.229 160.646 58.3828 160.751 58.5391 160.852C58.5627 160.867 58.5875 160.88 58.6112 160.895C58.7449 160.979 58.88 161.06 59.0172 161.136C59.0588 161.159 59.1015 161.18 59.1433 161.203C59.2641 161.267 59.3855 161.33 59.5087 161.389C59.5597 161.414 59.6114 161.436 59.6628 161.459C59.7783 161.512 59.8943 161.563 60.0117 161.611C60.0697 161.634 60.1283 161.656 60.1868 161.679C60.2986 161.721 60.4108 161.762 60.524 161.8C60.5884 161.822 60.653 161.843 60.7177 161.863C60.8257 161.896 60.9342 161.928 61.0434 161.957C61.1138 161.977 61.1842 161.995 61.2552 162.013C61.3591 162.038 61.4635 162.061 61.5681 162.083C61.6443 162.099 61.7204 162.115 61.797 162.129C61.8967 162.147 61.997 162.162 62.0974 162.177C62.1789 162.189 62.26 162.202 62.3418 162.212C62.4374 162.223 62.5333 162.231 62.6292 162.239C62.7155 162.247 62.8015 162.256 62.8882 162.261C62.9795 162.267 63.0709 162.267 63.1623 162.27C63.2485 162.273 63.3345 162.278 63.4209 162.278C63.651 162.278 63.8816 162.268 64.1121 162.251C64.122 162.25 64.132 162.249 64.1419 162.248C64.2444 162.24 64.3467 162.23 64.4491 162.218C64.4654 162.216 64.4818 162.214 64.4981 162.212C64.5964 162.2 64.6945 162.187 64.7925 162.172C64.8087 162.17 64.8251 162.167 64.8412 162.165C64.9471 162.148 65.0528 162.129 65.1583 162.108C65.1648 162.107 65.1715 162.106 65.178 162.105C65.2911 162.082 65.4041 162.057 65.5168 162.03C65.532 162.027 65.5473 162.022 65.5625 162.019C65.6524 161.997 65.7421 161.973 65.8316 161.949C65.8773 161.936 65.9226 161.922 65.9681 161.909C66.0261 161.891 66.0842 161.874 66.142 161.856C66.1975 161.838 66.2529 161.82 66.308 161.801C66.3543 161.785 66.4004 161.769 66.4465 161.753C66.5084 161.731 66.5701 161.708 66.6317 161.685C66.6679 161.671 66.7041 161.656 66.7403 161.642C66.8094 161.614 66.8784 161.587 66.947 161.558C66.966 161.549 66.9848 161.541 67.0037 161.533C67.2536 161.424 67.4997 161.304 67.7421 161.171C67.7661 161.158 67.7904 161.145 67.8142 161.132C67.8745 161.098 67.9342 161.063 67.9939 161.028C68.0215 161.011 68.0493 160.996 68.0767 160.979L90.8353 147.255C92.9141 153.841 93.1781 160.039 91.566 165.524ZM143.192 124.526C143.223 130.815 141.327 135.611 139.273 139.857C135.686 147.275 126.696 152.775 118.002 158.094C116.814 158.821 115.585 159.573 114.397 160.314C113.31 160.992 111.959 161.804 110.428 162.707C111.309 154.04 109.962 142.552 102.486 128.969C102.408 128.826 102.326 128.684 102.239 128.545C102.236 128.539 102.233 128.534 102.229 128.528C102.19 128.466 102.148 128.404 102.107 128.342C101.969 128.13 101.824 127.926 101.671 127.729L60.1856 74.2751L76.4385 65.0351L98.6434 94.4093C98.6518 94.4203 98.6609 94.4305 98.6693 94.4415C98.7353 94.5281 98.8043 94.6112 98.873 94.6949C98.9248 94.7578 98.976 94.8216 99.029 94.8829C99.1004 94.9654 99.1741 95.0451 99.2482 95.1244C99.3046 95.185 99.361 95.2452 99.4187 95.3038C99.4905 95.3768 99.5637 95.448 99.6376 95.5181C99.7038 95.5807 99.7705 95.6423 99.8383 95.7027C99.9071 95.7641 99.9765 95.8248 100.047 95.8839C100.127 95.951 100.208 96.0158 100.29 96.0797C100.352 96.1282 100.414 96.1771 100.477 96.2238C100.578 96.2983 100.68 96.3689 100.783 96.4388C100.832 96.4715 100.879 96.5057 100.928 96.5374C101.073 96.6315 101.22 96.721 101.37 96.806C101.379 96.8116 101.389 96.8179 101.399 96.8235C101.731 97.0112 102.074 97.1762 102.424 97.3192C102.458 97.3331 102.493 97.345 102.527 97.3586C102.663 97.4126 102.801 97.4639 102.94 97.5111C102.993 97.529 103.046 97.5453 103.1 97.5622C103.221 97.6006 103.342 97.6372 103.464 97.6705C103.528 97.6881 103.593 97.7045 103.658 97.7207C103.769 97.7486 103.881 97.7742 103.993 97.7978C104.066 97.8129 104.139 97.8278 104.212 97.8415C104.317 97.8606 104.423 97.8772 104.528 97.8928C104.607 97.9046 104.687 97.9168 104.766 97.9265C104.866 97.9387 104.968 97.9473 105.069 97.956C105.152 97.9633 105.235 97.9722 105.319 97.9772C105.423 97.9833 105.527 97.9847 105.631 97.9871C105.706 97.9891 105.78 97.9945 105.855 97.9945C105.883 97.9945 105.91 97.9922 105.937 97.992C106.069 97.9907 106.2 97.9862 106.332 97.9792C106.388 97.9763 106.444 97.9734 106.5 97.9694C106.652 97.9585 106.803 97.9442 106.955 97.9256C107.001 97.9199 107.047 97.9128 107.094 97.9063C107.231 97.8874 107.368 97.8653 107.505 97.84C107.537 97.8339 107.569 97.8289 107.601 97.8225C107.767 97.7899 107.931 97.7515 108.095 97.7094C108.128 97.701 108.161 97.6924 108.193 97.6836C108.366 97.6372 108.538 97.5865 108.709 97.5294L108.71 97.529C108.894 97.4676 109.076 97.3991 109.257 97.3254C109.262 97.3234 109.267 97.3216 109.271 97.3196C109.451 97.246 109.629 97.1656 109.805 97.0797C109.813 97.0759 109.821 97.0718 109.829 97.0678C110.017 96.9753 110.202 96.8768 110.385 96.77L127.011 87.1987L133.746 97.9341L133.781 97.9899C139.988 107.725 143.154 116.653 143.192 124.526ZM108.246 77.179L83.0754 43.8813C83.0723 43.8774 83.0692 43.8738 83.0663 43.8698C82.9858 43.764 82.9032 43.659 82.8173 43.5556C82.8083 43.5449 82.7984 43.5331 82.7894 43.5223C82.7872 43.5197 82.7851 43.5171 82.783 43.5145C80.7919 41.1199 77.7364 37.5796 74.0891 34.3231C70.5856 31.195 67.0614 28.7593 63.3617 26.9136C79.705 18.7929 91.0865 16.4986 101.41 19.0046C116.057 22.5606 123.337 30.7146 128.653 36.6683C129.047 37.1106 129.429 37.5382 129.799 37.9486C132.825 41.3005 139.17 49.6292 144.257 56.4476L108.246 77.179Z" fill="#23292F"/>
+</svg>

package/src/index.scss

@@ -0,0 +1,2 @@
+@use 'the-new-css-reset/css/reset.css';
+@use './styles/_main.scss';

package/src/lib/components/DeviceManager/DeviceManager.tsx

@@ -16,9 +16,14 @@ export const DeviceManager = (props: DeviceManagerProps): ReactElement => {
 
   return (
     <ul>
-      {devices?.map((device) => (
-        <DeviceManagerItem key={device.device_id} {...device} />
-      ))}
+      {devices
+        ?.sort(
+          (a, b) =>
+            new Date(a.created_at).getTime() - new Date(b.created_at).getTime()
+        )
+        ?.map((device) => (
+          <DeviceManagerItem key={device.device_id} {...device} />
+        ))}
     </ul>
   )
 }

package/src/lib/icons/Seam.tsx

@@ -0,0 +1,19 @@
+import type { ReactNode, SVGProps } from 'react'
+export const SeamIcon = (props: SVGProps<SVGSVGElement>): ReactNode => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    width={167}
+    height={200}
+    fill='none'
+    {...props}
+  >
+    <style>{'@media (prefers-color-scheme:dark){path{fill:#fff}}'}</style>
+    <path
+      fill='#23292F'
+      d='M166.546 58.917a9.058 9.058 0 0 0-.024-.433l-.012-.115c-.01-.105-.02-.21-.034-.315l-.02-.14c-.014-.095-.028-.191-.045-.287-.011-.059-.024-.117-.036-.176-.016-.083-.032-.165-.051-.248-.017-.075-.038-.15-.057-.225-.016-.065-.032-.13-.05-.195-.027-.095-.057-.19-.087-.284-.014-.044-.027-.089-.042-.133a8.749 8.749 0 0 0-.123-.343l-.027-.072a9.553 9.553 0 0 0-.163-.39l-.01-.023a9.312 9.312 0 0 0-.196-.409l-.002-.003a8.454 8.454 0 0 0-.204-.376l-.017-.032-.002-.004a10.31 10.31 0 0 0-.164-.267l-.086-.14-.083-.122a11.258 11.258 0 0 0-.188-.272l-.002-.002c-.633-.87-15.581-21.363-21.614-28.047-.35-.387-.709-.79-1.082-1.207-6.111-6.845-16.339-18.302-36.453-23.185-9.171-2.227-18.717-1.93-29.184.907-8.632 2.34-18.121 6.458-29.86 12.958l-1.285.711c-7.88 4.362-14.679 8.126-20.442 11.799a9.136 9.136 0 0 0-.558.357C13.75 35.026 6.74 41.59 3.043 51.152c-9.343 24.162 5.616 44.014 7.74 46.655l16.961 22.733L4.69 133.229l-.014.009a8.077 8.077 0 0 0-.303.176l-.113.068c-.07.044-.14.09-.209.136l-.197.133a7.725 7.725 0 0 0-.116.085 7.514 7.514 0 0 0-.272.203l-.015.012c-.014.01-.027.022-.04.033a8.81 8.81 0 0 0-.306.254l-.04.036c-.1.088-.198.178-.294.27l-.052.052a9.132 9.132 0 0 0-.547.585l-.105.127a7.69 7.69 0 0 0-.165.206c-.044.056-.086.114-.128.171-.042.057-.084.113-.124.171a9.355 9.355 0 0 0-.605.996l-.053.102a8.27 8.27 0 0 0-.312.688 5.784 5.784 0 0 0-.15.397l-.044.125c-.03.091-.059.182-.086.274l-.045.152a9.516 9.516 0 0 0-.284 1.474 9.09 9.09 0 0 0-.027.287l-.009.13a9.219 9.219 0 0 0-.014.31l-.002.115a8.952 8.952 0 0 0 0 .323l.004.108c.004.108.009.216.016.325l.01.114a8.786 8.786 0 0 0 .09.735l.03.165a8.58 8.58 0 0 0 .221.92c.015.052.03.105.047.156a9.2 9.2 0 0 0 .103.304l.038.106c.042.116.088.231.136.345l.027.065c.053.123.109.245.168.367l.02.044c.06.121.121.239.186.358l.022.043.007.012c.096.173.198.344.306.512l.061.09a8.905 8.905 0 0 0 .384.538l.064.086 22.408 28.363.034.043c5.595 6.995 11.768 12.622 18.347 16.726 5.879 3.667 12.089 6.132 18.457 7.328 2.927.549 5.895.818 8.819.818 7.15 0 14.04-1.608 19.443-4.657.753-.425 1.49-.878 2.213-1.352 7.657-4.217 25.026-13.847 32.28-18.372a428.33 428.33 0 0 1 3.471-2.137c10.408-6.368 22.205-13.585 28.1-25.774 2.687-5.557 5.766-13.224 5.717-23.269-.054-11.323-4.165-23.472-12.219-36.113l-6.361-10.14 19.363-11.147.004-.003c.09-.051.178-.107.266-.162.047-.03.096-.057.142-.087l.119-.082c.093-.062.185-.124.275-.19h.002l.015-.012c.245-.18.48-.37.703-.569l.004-.004c.11-.099.218-.2.322-.303l.041-.042c.09-.09.179-.182.265-.276.028-.03.054-.061.081-.092.07-.078.14-.157.206-.238.04-.047.077-.095.115-.143.052-.066.104-.13.154-.197.048-.063.093-.128.138-.192.038-.053.077-.106.114-.16.051-.076.1-.154.15-.232.028-.044.057-.087.084-.131.052-.086.102-.174.151-.261l.065-.114c.05-.092.098-.185.145-.28l.054-.106c.045-.094.088-.19.131-.286l.049-.11c.04-.093.077-.188.113-.282l.049-.124c.033-.09.063-.18.093-.27.016-.048.034-.096.049-.145.026-.082.05-.166.074-.249l.049-.173c.019-.074.036-.149.054-.223.016-.069.033-.137.048-.206l.037-.194c.015-.08.031-.159.044-.239l.023-.165c.013-.09.026-.18.037-.27l.013-.14c.01-.099.019-.198.025-.298l.006-.118c.005-.106.01-.212.011-.319v-.105c0-.11 0-.22-.004-.33Zm-141.4 27.955-.019-.024c-.048-.064-.1-.128-.15-.191-.049-.061-.096-.123-.146-.182l-.02-.025c-.027-.032-2.712-3.344-4.69-8.548-2.653-6.98-2.733-13.792-.237-20.248 1.971-5.097 6.5-9.28 13.855-14.052 11.662-5 18.412-1.978 20.654-.973 4.072 1.823 7.612 4.853 10.697 8.1L42.308 63.68l-.065.037-.038.021-.064.039a9.01 9.01 0 0 0-.3.18c-.06.038-.118.078-.177.117-.062.042-.125.083-.187.126a9.197 9.197 0 0 0-.272.2l-.068.05-.015.013c-.111.086-.22.175-.326.265l-.023.02a9.165 9.165 0 0 0-.33.298l-.008.008a8.67 8.67 0 0 0-.302.302l-.022.022a8.88 8.88 0 0 0-.255.282c-.017.02-.035.038-.051.058a8.66 8.66 0 0 0-.195.239c-.031.038-.063.076-.093.115-.044.057-.086.116-.128.174l-.14.19-.06.092a8.999 8.999 0 0 0-1.329 3.078c-.014.062-.024.124-.037.186-.015.078-.032.154-.046.231a9.008 9.008 0 0 0-.018 3.014v.006c.018.106.04.212.06.318.009.04.016.082.024.123.016.072.034.143.052.214.018.076.035.15.055.226l.037.127c.03.104.06.207.093.31l.02.06c.042.124.086.248.133.371l.006.015c.106.277.227.552.363.821l.008.015c.065.129.133.257.205.383l.008.014.02.032a9.127 9.127 0 0 0 .587.893l.103.14.003.003 42.298 54.501-16.077 9.695-17.421-23.351-.01-.014-23.18-31.068Zm66.42 78.652c-2.057 6.998-6.44 11.052-9.317 13.059-1.79.985-2.887 1.586-2.94 1.615a8.73 8.73 0 0 0-.355.206c-3.258 1.299-8.439 2.167-14.417 1.045-4.15-.779-8.265-2.428-12.23-4.901-4.837-3.017-9.476-7.279-13.789-12.666l-15.787-19.984 15.907-8.755 17.537 23.505c.031.041.065.08.097.122a8.76 8.76 0 0 0 .356.432c.07.079.138.158.21.234.058.062.118.121.178.181.071.072.142.145.216.214.069.065.14.126.21.189.068.059.135.12.204.178.103.086.21.167.316.247.039.03.076.062.116.091.151.11.305.215.461.316l.072.043c.134.084.269.165.406.241l.126.067c.121.064.242.127.366.186.05.025.102.047.154.07.115.053.231.104.349.152l.175.068a10.096 10.096 0 0 0 .53.184 9.174 9.174 0 0 0 .851.22c.076.016.152.032.229.046.1.018.2.033.3.048.082.012.163.025.245.035.095.011.191.019.287.027.087.008.172.017.26.022.09.006.182.006.273.009.087.003.172.008.259.008.23 0 .46-.01.691-.027l.03-.003c.102-.008.205-.018.307-.03l.05-.006c.097-.012.196-.025.294-.04l.048-.007c.106-.017.212-.036.317-.057l.02-.003c.113-.023.226-.048.339-.075l.046-.011c.09-.022.18-.046.269-.07l.136-.04.174-.053a9.482 9.482 0 0 0 .49-.171l.108-.043.207-.084.057-.025c.25-.109.496-.229.738-.362l.072-.039.18-.104.083-.049 22.758-13.724c2.08 6.586 2.343 12.784.731 18.269Zm51.626-40.998c.031 6.289-1.865 11.085-3.919 15.331-3.587 7.418-12.577 12.918-21.271 18.237-1.188.727-2.417 1.479-3.605 2.22a194.55 194.55 0 0 1-3.969 2.393c.881-8.667-.466-20.155-7.942-33.738a8.2 8.2 0 0 0-.257-.441c-.039-.062-.081-.124-.122-.186a9.021 9.021 0 0 0-.436-.613L60.186 74.275l16.253-9.24L98.643 94.41l.026.032c.066.087.135.17.204.254.052.063.103.127.156.188.071.082.145.162.22.241a8.8 8.8 0 0 0 .798.76c.08.067.161.132.243.196.062.048.124.097.187.144.101.074.203.145.306.215.049.033.096.067.145.098.145.094.292.184.442.269l.029.017c.332.188.675.353 1.025.496l.103.04c.136.054.274.105.413.152.053.018.106.034.16.051a9.294 9.294 0 0 0 1.112.28c.105.019.211.035.316.05.079.013.159.025.238.035.1.012.202.02.303.029.083.007.166.016.25.021.104.006.208.008.312.01.075.002.149.008.224.008.028 0 .055-.003.082-.003a9.14 9.14 0 0 0 .395-.013l.168-.01c.152-.01.303-.025.455-.043l.139-.02c.137-.019.274-.04.411-.066l.096-.017a8.821 8.821 0 0 0 .592-.14c.173-.046.345-.097.516-.154h.001c.184-.061.366-.13.547-.204l.014-.005c.18-.074.358-.154.534-.24l.024-.012c.188-.093.373-.191.556-.298l16.626-9.571 6.735 10.735.035.056c6.207 9.735 9.373 18.663 9.411 26.536Zm-34.946-47.347-25.17-33.298-.01-.011a9.363 9.363 0 0 0-.277-.348l-.006-.008c-1.991-2.394-5.047-5.934-8.694-9.19-3.503-3.129-7.028-5.565-10.727-7.41 16.343-8.121 27.724-10.415 38.048-7.91 14.647 3.557 21.927 11.71 27.243 17.664.394.443.776.87 1.146 1.28 3.026 3.352 9.371 11.681 14.458 18.5l-36.011 20.731Z'
+      style={{
+        fill: '#23292f',
+      }}
+    />
+  </svg>
+)

package/src/lib/icons/index.ts

@@ -0,0 +1 @@
+export { SeamIcon } from './Seam.js'

package/src/lib/provider.tsx

@@ -46,9 +46,11 @@ export function SeamProvider({
   }
 
   return (
-    <QueryClientProvider client={queryClientRef.current}>
-      <Provider value={{ ...contextRef.current }}>{children}</Provider>
-    </QueryClientProvider>
+    <div className='seam-components'>
+      <QueryClientProvider client={queryClientRef.current}>
+        <Provider value={{ ...contextRef.current }}>{children}</Provider>
+      </QueryClientProvider>
+    </div>
   )
 }
 

package/src/styles/_main.scss

@@ -0,0 +1,10 @@
+.seam-components {
+  --font-family: 'Source Sans Pro', system-ui, -apple-system, blinkmacsystemfont,
+    'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Open Sans', 'Helvetica Neue',
+    sans-serif;
+  --primary: #007afc;
+  --text-gray: #9da1a9;
+  --input-border: #d5d8dc;
+
+  font-family: var(--font-family);
+}