@0001-labs/design-system-1 0.3.0-alpha.13 → 0.3.0-alpha.14

package/DS1/react/stat.ts

@@ -0,0 +1,73 @@
+/** A stat in React: the label, the figure and the caption stay in the light
+ * DOM, the figure already written in the language, so they render on the
+ * server and read in tests; ds-stat draws them and the change. Browser-only
+ * registration of ds-stat stays in the product's runtime entry. */
+import { createElement as h, forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from "react";
+import type { Stat as StatElement, StatTone } from "../2-core/ds-stat";
+import { figureCells, formatFigure, type FigureFormat } from "../2-core/figures";
+
+export type { StatTone } from "../2-core/ds-stat";
+export type { FigureFormat } from "../2-core/figures";
+export type StatProps = Omit<HTMLAttributes<StatElement>, "title"> & {
+  /** What the figure is. */
+  label?: ReactNode;
+  /** The figure, written as `format` says in the current language (or `language`). */
+  value?: number;
+  /** Words or markup in place of the value ("Incomplete"). */
+  figure?: ReactNode;
+  /** How the value is written: number (the default), compact, percent (a fraction) or money. */
+  format?: FigureFormat;
+  /** The ISO 4217 code for money. */
+  currency?: string;
+  /** The money is counted in the currency's minor unit. */
+  minor?: boolean;
+  /** Money in whole units only. */
+  whole?: boolean;
+  /** Decimals, at least and at most. */
+  digits?: number;
+  /** A change, written with its sign and an up or down icon at the start of the caption. */
+  change?: number;
+  /** How the change is written; the value's format by default. */
+  changeFormat?: FigureFormat;
+  /** The change in that colour, where the page knows which way is bad. */
+  changeTone?: StatTone;
+  /** A line under the figure. */
+  caption?: ReactNode;
+  /** An icon from the library on its own square before the label. */
+  icon?: string;
+  /** The figure in that colour. */
+  tone?: StatTone;
+  /** Each digit in a cell of one width, for a face whose digits differ in width. */
+  cells?: boolean;
+  /** Write the figure in this language rather than the current one, as a server answering a request does. */
+  language?: string;
+};
+
+const hiddenWords: CSSProperties = { position: "absolute", width: "1px", height: "1px", overflow: "hidden", clipPath: "inset(50%)", whiteSpace: "nowrap" };
+const digitCell: CSSProperties = { display: "inline-block", width: "var(--ds-stat-digit, 1ch)", textAlign: "center" };
+const slot = (name: string, content: ReactNode) =>
+  content == null || content === false || content === "" ? null : h("span", { slot: name }, content);
+
+/** The figure as text, or its digits in cells of one width with the whole read once. */
+function drawn(text: string, cells: boolean | undefined): ReactNode {
+  if (!cells) return text;
+  return [
+    h("span", { key: "words", style: hiddenWords }, text),
+    h("span", { key: "cells", "aria-hidden": "true" }, figureCells(text).map((cell, index) =>
+      cell.digit ? h("span", { key: index, style: digitCell }, cell.text) : cell.text)),
+  ];
+}
+
+export const Stat = forwardRef<StatElement, StatProps>(function Stat(
+  { label, value, figure, format, currency, minor, whole, digits, change, changeFormat, changeTone, caption, icon, tone, cells, language, children, ...props }, ref,
+) {
+  const text = figure ?? (typeof value === "number" ? formatFigure(value, { format, currency, minor, whole, digits, language }) : null);
+  return h("ds-stat", {
+    ...props, format, currency, minor: minor || undefined, whole: whole || undefined, digits, change,
+    "change-format": changeFormat, "change-tone": changeTone, icon, tone, cells: cells || undefined, ref,
+  },
+  slot("label", label),
+  slot("figure", typeof text === "string" ? drawn(text, cells) : text),
+  children,
+  slot("caption", caption));
+});

package/DS1/react/toast.ts

@@ -0,0 +1,82 @@
+import { createElement, forwardRef, useEffect, type HTMLAttributes } from "react";
+import type { Toaster as ToasterElement, ToastId, ToastOptions, ToastPosition, ToastPromiseMessages } from "../2-core/ds-toast";
+
+/**
+ * Toast for React, based on Sonner (https://sonner.emilkowal.ski, MIT licence).
+ * The same names as Sonner: import `Toaster` and `toast` from this adapter,
+ * then one `<Toaster />` in the app and `toast("Saved")` anywhere.
+ *
+ * SSR-safe: the Lit element is loaded only in the browser, on the first
+ * `<Toaster />` or `toast()`. Calls made before it arrives wait for it, and
+ * every call still returns its id at once, as Sonner's do.
+ */
+type Runtime = typeof import("../2-core/ds-toast").toast;
+let runtime: Runtime | undefined;
+let loading: Promise<void> | undefined;
+const waiting: Array<(toast: Runtime) => void> = [];
+let lastId = 0;
+
+function load(): void {
+  if (runtime || loading || typeof window === "undefined") return;
+  loading = import("../2-core/ds-toast").then(module => {
+    runtime = module.toast;
+    for (const call of waiting.splice(0)) call(runtime);
+  }, () => { loading = undefined; });
+}
+
+function run(call: (toast: Runtime) => void): void {
+  if (runtime) { call(runtime); return; }
+  if (typeof window === "undefined") return;
+  waiting.push(call);
+  load();
+}
+
+type Kind = "message" | "success" | "info" | "warning" | "error" | "loading";
+function show(kind: Kind | undefined, title: string, options?: ToastOptions): ToastId {
+  const id = options?.id ?? `toast-${++lastId}`;
+  run(toast => (kind ? toast[kind] : toast)(title, { ...options, id }));
+  return id;
+}
+
+/** Show a toast, as Sonner's `toast()`. Returns its id. */
+export const toast = Object.assign(
+  (title: string, options?: ToastOptions): ToastId => show(undefined, title, options),
+  {
+    message: (title: string, options?: ToastOptions): ToastId => show("message", title, options),
+    success: (title: string, options?: ToastOptions): ToastId => show("success", title, options),
+    info: (title: string, options?: ToastOptions): ToastId => show("info", title, options),
+    warning: (title: string, options?: ToastOptions): ToastId => show("warning", title, options),
+    error: (title: string, options?: ToastOptions): ToastId => show("error", title, options),
+    loading: (title: string, options?: ToastOptions): ToastId => show("loading", title, options),
+    promise<T>(promise: Promise<T> | (() => Promise<T>), messages: ToastPromiseMessages<T>): ToastId {
+      const id = messages.id ?? `toast-${++lastId}`;
+      run(toast => toast.promise(promise, { ...messages, id }));
+      return id;
+    },
+    dismiss(id?: ToastId): ToastId | undefined {
+      run(toast => toast.dismiss(id));
+      return id;
+    },
+  },
+);
+
+export type ToasterProps = HTMLAttributes<ToasterElement> & {
+  position?: ToastPosition;
+  expand?: boolean;
+  visibleToasts?: number;
+  duration?: number;
+  closeButton?: boolean;
+  richColors?: boolean;
+  contained?: boolean;
+  label?: string;
+  closeLabel?: string;
+};
+export const Toaster = forwardRef<ToasterElement, ToasterProps>(function Toaster({ visibleToasts, closeButton, richColors, closeLabel, expand, contained, ...props }, ref) {
+  useEffect(load, []);
+  return createElement("ds-toast", {
+    ...props, ref,
+    "visible-toasts": visibleToasts, "close-label": closeLabel,
+    expand: expand || undefined, "close-button": closeButton || undefined, "rich-colors": richColors || undefined, contained: contained || undefined,
+  });
+});
+export type { ToastButton, ToastData, ToastId, ToastOptions, ToastPosition, ToastPromiseMessages, ToastType } from "../2-core/ds-toast";

package/DS1/x-icon/Tabler-LICENSE.md

@@ -0,0 +1,27 @@
+# Tabler Icons
+
+The outlines of airtable, drive, dropbox, facebook, figma, github, instagram, linkedin, loom, notion, slack, vimeo, x-brand (the X mark) and youtube are adapted from Tabler Icons (https://tabler.io/icons), redrawn into this library's 16-unit frame.
+
+```
+MIT License
+
+Copyright (c) 2020-2026 Paweł Kuna
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+```

package/DS1/x-icon/airtable.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 10v8l7 -3v-2.6l-7 -2.4"/>
+<path d="M3 6l9 3l9 -3l-9 -3l-9 3"/>
+<path d="M14 12.3v8.7l7 -3v-8l-7 2.3"/>
+</svg></svg>

package/DS1/x-icon/attach.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.5 4.5V10.5A3.5 3.5 0 0 1 4.5 10.5V4.5A2.5 2.5 0 0 1 9.5 4.5V10.5A1.5 1.5 0 0 1 6.5 10.5V5.5" stroke="currentColor"/>
+</svg>

package/DS1/x-icon/audio.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 6.5V9.5M4 5V11M6 3V13M8 5V11M10 4V12M12 5.5V10.5M14 7V9" stroke="currentColor" stroke-width="0.92"/>
+</svg>

package/DS1/x-icon/bag-alt.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M3.25 5.25H12.75L12.25 12.5C12.2 13.03 11.76 13.45 11.23 13.45H4.77C4.24 13.45 3.8 13.03 3.75 12.5Z"/><path d="M5.75 7V4.5C5.75 3.26 6.76 2.25 8 2.25C9.24 2.25 10.25 3.26 10.25 4.5V7"/></g>
+</svg>

package/DS1/x-icon/bank.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6L8 2.75L13.5 6Z"/><path d="M2.5 13.25H13.5"/><path d="M4 7.75V11.5M6.67 7.75V11.5M9.33 7.75V11.5M12 7.75V11.5"/></g>
+</svg>

package/DS1/x-icon/banknote.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><rect x="1.75" y="4.25" width="12.5" height="7.5" rx="1.5"/><circle cx="8" cy="8" r="1.75"/><path d="M4.25 8H4.26M11.74 8H11.75"/></g>
+</svg>

package/DS1/x-icon/bolt.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M9 1.75L3.5 9H8L7 14.25L12.5 7H8Z"/></g>
+</svg>

package/DS1/x-icon/book-alt.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M2.25 3.25C3.75 2.5 6.25 2.5 8 3.75C9.75 2.5 12.25 2.5 13.75 3.25V12.75C12.25 12 9.75 12 8 13.25C6.25 12 3.75 12 2.25 12.75Z"/><path d="M8 3.75V13.25"/></g>
+</svg>

package/DS1/x-icon/book.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.5 3.5H6.5L8 4.5L9.5 3.5H13.5V12.5H9.5L8 13.5L6.5 12.5H2.5Z" stroke="currentColor"/>
+<path d="M8 4.5V13.5" stroke="currentColor"/>
+</svg>

package/DS1/x-icon/box.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M2.25 5L8 2.25L13.75 5V11L8 13.75L2.25 11Z"/><path d="M2.25 5L8 7.75L13.75 5M8 7.75V13.75"/><path d="M5.1 3.6L10.9 6.4"/></g>
+</svg>

package/DS1/x-icon/briefcase.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><rect x="1.75" y="4.75" width="12.5" height="8.5" rx="1.75"/><path d="M5.75 4.75V3.5C5.75 2.95 6.2 2.5 6.75 2.5H9.25C9.8 2.5 10.25 2.95 10.25 3.5V4.75"/><path d="M1.75 8.25H14.25"/></g>
+</svg>

package/DS1/x-icon/building.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.5 13.5V2.5H9.5V13.5M9.5 6.5H12.5V13.5M2 13.5H14" stroke="currentColor"/>
+<path d="M5.5 4.5H7.5M5.5 6.5H7.5M5.5 8.5H7.5M5.5 10.5H7.5" stroke="currentColor"/>
+</svg>

package/DS1/x-icon/car.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M2.25 11.25V8.5L3.75 4.75C3.97 4.15 4.54 3.75 5.18 3.75H10.82C11.46 3.75 12.03 4.15 12.25 4.75L13.75 8.5V11.25Z"/><path d="M2.25 8.5H13.75"/><path d="M3.75 11.25V12.75M12.25 11.25V12.75"/><path d="M4.75 10H4.76M11.24 10H11.25"/></g>
+</svg>

package/DS1/x-icon/card.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><rect x="1.75" y="3.75" width="12.5" height="8.5" rx="1.75"/><path d="M1.75 6.5H14.25M4.25 9.75H6.5"/></g>
+</svg>

package/DS1/x-icon/cart.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M1.75 2.75H3.25L4.75 10.25H12.25L13.5 5H4"/><circle cx="5.5" cy="12.75" r="0.75"/><circle cx="11.25" cy="12.75" r="0.75"/></g>
+</svg>

package/DS1/x-icon/{ezo-item-button-start.svg → chevron-left.svg}

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4 2.5L13 8L4 13.5V2.5Z" fill="currentColor"/>
+<path d="M9.75 4.25L6 8L9.75 11.75" stroke="currentColor"/>
 </svg>

package/DS1/x-icon/{ezo-android-screen-stats.svg → chevron-right.svg}

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4 7V13M8 3V13M12 5V13" stroke="currentColor" stroke-width="0.92"/>
+<path d="M6.25 4.25L10 8L6.25 11.75" stroke="currentColor"/>
 </svg>

package/DS1/x-icon/cloud.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M4.75 12.25C3.09 12.25 1.75 10.91 1.75 9.25C1.75 7.75 2.85 6.5 4.29 6.29C4.86 4.36 6.65 3 8.75 3C11.35 3 13.25 5.06 13.25 7.5V7.6C13.84 8.1 14.25 8.8 14.25 9.75C14.25 11.13 13.13 12.25 11.75 12.25Z"/></g>
+</svg>

package/DS1/x-icon/coffee.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M2.75 6.25H11.25V9.75C11.25 11.68 9.68 13.25 7.75 13.25H6.25C4.32 13.25 2.75 11.68 2.75 9.75Z"/><path d="M11.25 7.25H12C12.97 7.25 13.75 8.03 13.75 9C13.75 9.97 12.97 10.75 12 10.75H11"/><path d="M5.5 2.25V3.75M8.5 2.25V3.75"/></g>
+</svg>

package/DS1/x-icon/coins.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="6.5" cy="5" rx="4" ry="1.75"/><path d="M2.5 5V8C2.5 8.97 4.29 9.75 6.5 9.75"/><path d="M2.5 8V11C2.5 11.97 4.29 12.75 6.5 12.75"/><ellipse cx="10.5" cy="9" rx="3" ry="1.5"/><path d="M7.5 9V11.5C7.5 12.33 8.84 13 10.5 13C12.16 13 13.5 12.33 13.5 11.5V9"/></g>
+</svg>

package/DS1/x-icon/cursor.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M4 2.25V12.75L6.75 10.25L8.5 14L10 13.25L8.25 9.75H12L4 2.25Z"/></g>
+</svg>

package/DS1/x-icon/curve.svg

@@ -0,0 +1,7 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 13C4 2.33 12 2.33 14 13" stroke="currentColor" stroke-width="0.92"/>
+<path d="M3.5 5H6.5M9.5 5H12.5" stroke="currentColor" stroke-width="0.92"/>
+<path d="M6.5 3.5H9.5V6.5H6.5Z" fill="currentColor"/>
+<circle cx="2.5" cy="5" r="1" stroke="currentColor" stroke-width="0.92"/>
+<circle cx="13.5" cy="5" r="1" stroke="currentColor" stroke-width="0.92"/>
+</svg>

package/DS1/x-icon/dislike.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.5 8.5H5.5V2.5H2.5Z" stroke="currentColor"/>
+<path d="M5.5 8.5L8 13.5C9 13.5 9.5 12.8 9.5 12V9.5H13.5L12.5 2.5H5.5" stroke="currentColor"/>
+</svg>

package/DS1/x-icon/dot-bank.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g fill="currentColor"><circle cx="8" cy="2" r="0.91"/><circle cx="4" cy="4" r="0.91"/><circle cx="6" cy="4" r="0.91"/><circle cx="10" cy="4" r="0.91"/><circle cx="12" cy="4" r="0.91"/><circle cx="2" cy="6" r="0.91"/><circle cx="4" cy="6" r="0.91"/><circle cx="6" cy="6" r="0.91"/><circle cx="8" cy="6" r="0.91"/><circle cx="10" cy="6" r="0.91"/><circle cx="12" cy="6" r="0.91"/><circle cx="14" cy="6" r="0.91"/><circle cx="4" cy="8" r="0.91"/><circle cx="8" cy="8" r="0.91"/><circle cx="12" cy="8" r="0.91"/><circle cx="4" cy="10" r="0.91"/><circle cx="8" cy="10" r="0.91"/><circle cx="12" cy="10" r="0.91"/><circle cx="4" cy="12" r="0.91"/><circle cx="8" cy="12" r="0.91"/><circle cx="12" cy="12" r="0.91"/><circle cx="2" cy="14" r="0.91"/><circle cx="4" cy="14" r="0.91"/><circle cx="6" cy="14" r="0.91"/><circle cx="8" cy="14" r="0.91"/><circle cx="10" cy="14" r="0.91"/><circle cx="12" cy="14" r="0.91"/><circle cx="14" cy="14" r="0.91"/></g>
+</svg>

package/DS1/x-icon/dot-banknote.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g fill="currentColor"><circle cx="2" cy="4" r="0.91"/><circle cx="4" cy="4" r="0.91"/><circle cx="6" cy="4" r="0.91"/><circle cx="8" cy="4" r="0.91"/><circle cx="10" cy="4" r="0.91"/><circle cx="12" cy="4" r="0.91"/><circle cx="14" cy="4" r="0.91"/><circle cx="2" cy="6" r="0.91"/><circle cx="8" cy="6" r="0.91"/><circle cx="14" cy="6" r="0.91"/><circle cx="2" cy="8" r="0.91"/><circle cx="6" cy="8" r="0.91"/><circle cx="10" cy="8" r="0.91"/><circle cx="14" cy="8" r="0.91"/><circle cx="2" cy="10" r="0.91"/><circle cx="8" cy="10" r="0.91"/><circle cx="14" cy="10" r="0.91"/><circle cx="2" cy="12" r="0.91"/><circle cx="4" cy="12" r="0.91"/><circle cx="6" cy="12" r="0.91"/><circle cx="8" cy="12" r="0.91"/><circle cx="10" cy="12" r="0.91"/><circle cx="12" cy="12" r="0.91"/><circle cx="14" cy="12" r="0.91"/></g>
+</svg>

package/DS1/x-icon/dot-banknotes.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g fill="currentColor"><circle cx="4" cy="2" r="0.91"/><circle cx="6" cy="2" r="0.91"/><circle cx="8" cy="2" r="0.91"/><circle cx="10" cy="2" r="0.91"/><circle cx="12" cy="2" r="0.91"/><circle cx="14" cy="2" r="0.91"/><circle cx="14" cy="4" r="0.91"/><circle cx="2" cy="6" r="0.91"/><circle cx="4" cy="6" r="0.91"/><circle cx="6" cy="6" r="0.91"/><circle cx="8" cy="6" r="0.91"/><circle cx="10" cy="6" r="0.91"/><circle cx="12" cy="6" r="0.91"/><circle cx="2" cy="8" r="0.91"/><circle cx="8" cy="8" r="0.91"/><circle cx="12" cy="8" r="0.91"/><circle cx="2" cy="10" r="0.91"/><circle cx="6" cy="10" r="0.91"/><circle cx="10" cy="10" r="0.91"/><circle cx="12" cy="10" r="0.91"/><circle cx="2" cy="12" r="0.91"/><circle cx="8" cy="12" r="0.91"/><circle cx="12" cy="12" r="0.91"/><circle cx="2" cy="14" r="0.91"/><circle cx="4" cy="14" r="0.91"/><circle cx="6" cy="14" r="0.91"/><circle cx="8" cy="14" r="0.91"/><circle cx="10" cy="14" r="0.91"/><circle cx="12" cy="14" r="0.91"/></g>
+</svg>

package/DS1/x-icon/dot-card.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g fill="currentColor"><circle cx="2" cy="4" r="0.91"/><circle cx="4" cy="4" r="0.91"/><circle cx="6" cy="4" r="0.91"/><circle cx="8" cy="4" r="0.91"/><circle cx="10" cy="4" r="0.91"/><circle cx="12" cy="4" r="0.91"/><circle cx="14" cy="4" r="0.91"/><circle cx="2" cy="6" r="0.91"/><circle cx="14" cy="6" r="0.91"/><circle cx="2" cy="8" r="0.91"/><circle cx="4" cy="8" r="0.91"/><circle cx="6" cy="8" r="0.91"/><circle cx="8" cy="8" r="0.91"/><circle cx="10" cy="8" r="0.91"/><circle cx="12" cy="8" r="0.91"/><circle cx="14" cy="8" r="0.91"/><circle cx="2" cy="10" r="0.91"/><circle cx="14" cy="10" r="0.91"/><circle cx="2" cy="12" r="0.91"/><circle cx="6" cy="12" r="0.91"/><circle cx="8" cy="12" r="0.91"/><circle cx="14" cy="12" r="0.91"/><circle cx="2" cy="14" r="0.91"/><circle cx="4" cy="14" r="0.91"/><circle cx="6" cy="14" r="0.91"/><circle cx="8" cy="14" r="0.91"/><circle cx="10" cy="14" r="0.91"/><circle cx="12" cy="14" r="0.91"/><circle cx="14" cy="14" r="0.91"/></g>
+</svg>

package/DS1/x-icon/dot-coin.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g fill="currentColor"><circle cx="6" cy="2" r="0.91"/><circle cx="8" cy="2" r="0.91"/><circle cx="10" cy="2" r="0.91"/><circle cx="4" cy="4" r="0.91"/><circle cx="12" cy="4" r="0.91"/><circle cx="2" cy="6" r="0.91"/><circle cx="6" cy="6" r="0.91"/><circle cx="8" cy="6" r="0.91"/><circle cx="14" cy="6" r="0.91"/><circle cx="2" cy="8" r="0.91"/><circle cx="8" cy="8" r="0.91"/><circle cx="14" cy="8" r="0.91"/><circle cx="2" cy="10" r="0.91"/><circle cx="8" cy="10" r="0.91"/><circle cx="14" cy="10" r="0.91"/><circle cx="4" cy="12" r="0.91"/><circle cx="12" cy="12" r="0.91"/><circle cx="6" cy="14" r="0.91"/><circle cx="8" cy="14" r="0.91"/><circle cx="10" cy="14" r="0.91"/></g>
+</svg>

package/DS1/x-icon/dot-coins.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g fill="currentColor"><circle cx="4" cy="2" r="0.91"/><circle cx="6" cy="2" r="0.91"/><circle cx="8" cy="2" r="0.91"/><circle cx="10" cy="2" r="0.91"/><circle cx="12" cy="2" r="0.91"/><circle cx="2" cy="4" r="0.91"/><circle cx="14" cy="4" r="0.91"/><circle cx="4" cy="6" r="0.91"/><circle cx="6" cy="6" r="0.91"/><circle cx="8" cy="6" r="0.91"/><circle cx="10" cy="6" r="0.91"/><circle cx="12" cy="6" r="0.91"/><circle cx="2" cy="8" r="0.91"/><circle cx="14" cy="8" r="0.91"/><circle cx="4" cy="10" r="0.91"/><circle cx="6" cy="10" r="0.91"/><circle cx="8" cy="10" r="0.91"/><circle cx="10" cy="10" r="0.91"/><circle cx="12" cy="10" r="0.91"/><circle cx="2" cy="12" r="0.91"/><circle cx="14" cy="12" r="0.91"/><circle cx="4" cy="14" r="0.91"/><circle cx="6" cy="14" r="0.91"/><circle cx="8" cy="14" r="0.91"/><circle cx="10" cy="14" r="0.91"/><circle cx="12" cy="14" r="0.91"/></g>
+</svg>

package/DS1/x-icon/dot-receipt.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g fill="currentColor"><circle cx="4" cy="2" r="0.91"/><circle cx="6" cy="2" r="0.91"/><circle cx="8" cy="2" r="0.91"/><circle cx="10" cy="2" r="0.91"/><circle cx="12" cy="2" r="0.91"/><circle cx="4" cy="4" r="0.91"/><circle cx="12" cy="4" r="0.91"/><circle cx="4" cy="6" r="0.91"/><circle cx="8" cy="6" r="0.91"/><circle cx="12" cy="6" r="0.91"/><circle cx="4" cy="8" r="0.91"/><circle cx="12" cy="8" r="0.91"/><circle cx="4" cy="10" r="0.91"/><circle cx="8" cy="10" r="0.91"/><circle cx="12" cy="10" r="0.91"/><circle cx="4" cy="12" r="0.91"/><circle cx="12" cy="12" r="0.91"/><circle cx="4" cy="14" r="0.91"/><circle cx="8" cy="14" r="0.91"/><circle cx="12" cy="14" r="0.91"/></g>
+</svg>

package/DS1/x-icon/dot-safe.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g fill="currentColor"><circle cx="2" cy="2" r="0.91"/><circle cx="4" cy="2" r="0.91"/><circle cx="6" cy="2" r="0.91"/><circle cx="8" cy="2" r="0.91"/><circle cx="10" cy="2" r="0.91"/><circle cx="12" cy="2" r="0.91"/><circle cx="14" cy="2" r="0.91"/><circle cx="2" cy="4" r="0.91"/><circle cx="14" cy="4" r="0.91"/><circle cx="2" cy="6" r="0.91"/><circle cx="6" cy="6" r="0.91"/><circle cx="8" cy="6" r="0.91"/><circle cx="10" cy="6" r="0.91"/><circle cx="14" cy="6" r="0.91"/><circle cx="2" cy="8" r="0.91"/><circle cx="6" cy="8" r="0.91"/><circle cx="10" cy="8" r="0.91"/><circle cx="12" cy="8" r="0.91"/><circle cx="14" cy="8" r="0.91"/><circle cx="2" cy="10" r="0.91"/><circle cx="6" cy="10" r="0.91"/><circle cx="8" cy="10" r="0.91"/><circle cx="10" cy="10" r="0.91"/><circle cx="14" cy="10" r="0.91"/><circle cx="2" cy="12" r="0.91"/><circle cx="14" cy="12" r="0.91"/><circle cx="2" cy="14" r="0.91"/><circle cx="4" cy="14" r="0.91"/><circle cx="6" cy="14" r="0.91"/><circle cx="8" cy="14" r="0.91"/><circle cx="10" cy="14" r="0.91"/><circle cx="12" cy="14" r="0.91"/><circle cx="14" cy="14" r="0.91"/></g>
+</svg>

package/DS1/x-icon/dot-transfer.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g fill="currentColor"><circle cx="10" cy="2" r="0.91"/><circle cx="2" cy="4" r="0.91"/><circle cx="4" cy="4" r="0.91"/><circle cx="6" cy="4" r="0.91"/><circle cx="8" cy="4" r="0.91"/><circle cx="10" cy="4" r="0.91"/><circle cx="12" cy="4" r="0.91"/><circle cx="10" cy="6" r="0.91"/><circle cx="6" cy="10" r="0.91"/><circle cx="4" cy="12" r="0.91"/><circle cx="6" cy="12" r="0.91"/><circle cx="8" cy="12" r="0.91"/><circle cx="10" cy="12" r="0.91"/><circle cx="12" cy="12" r="0.91"/><circle cx="14" cy="12" r="0.91"/><circle cx="6" cy="14" r="0.91"/></g>
+</svg>

package/DS1/x-icon/dot-wallet.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g fill="currentColor"><circle cx="6" cy="2" r="0.91"/><circle cx="8" cy="2" r="0.91"/><circle cx="10" cy="2" r="0.91"/><circle cx="12" cy="2" r="0.91"/><circle cx="4" cy="4" r="0.91"/><circle cx="14" cy="4" r="0.91"/><circle cx="2" cy="6" r="0.91"/><circle cx="4" cy="6" r="0.91"/><circle cx="6" cy="6" r="0.91"/><circle cx="8" cy="6" r="0.91"/><circle cx="10" cy="6" r="0.91"/><circle cx="12" cy="6" r="0.91"/><circle cx="14" cy="6" r="0.91"/><circle cx="2" cy="8" r="0.91"/><circle cx="12" cy="8" r="0.91"/><circle cx="14" cy="8" r="0.91"/><circle cx="2" cy="10" r="0.91"/><circle cx="10" cy="10" r="0.91"/><circle cx="14" cy="10" r="0.91"/><circle cx="2" cy="12" r="0.91"/><circle cx="12" cy="12" r="0.91"/><circle cx="14" cy="12" r="0.91"/><circle cx="2" cy="14" r="0.91"/><circle cx="4" cy="14" r="0.91"/><circle cx="6" cy="14" r="0.91"/><circle cx="8" cy="14" r="0.91"/><circle cx="10" cy="14" r="0.91"/><circle cx="12" cy="14" r="0.91"/><circle cx="14" cy="14" r="0.91"/></g>
+</svg>

package/DS1/x-icon/download.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 2.5V10M4.5 6.5L8 10L11.5 6.5" stroke="currentColor"/>
+<path d="M2.5 10.5V13.5H13.5V10.5" stroke="currentColor"/>
+</svg>

package/DS1/x-icon/drive.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 10l-6 10l-3 -5l6 -10l3 5"/>
+<path d="M9 15h12l-3 5h-12"/>
+<path d="M15 15l-6 -10h6l6 10l-6 0"/>
+</svg></svg>

package/DS1/x-icon/drop.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2C8 2 3.5 6.75 3.5 9.75C3.5 12.24 5.51 14 8 14C10.49 14 12.5 12.24 12.5 9.75C12.5 6.75 8 2 8 2Z"/></g>
+</svg>

package/DS1/x-icon/dropbox.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 10.625l-4.5 -2.813l4.5 -2.812l4.5 2.813m-4.5 2.812l4.5 -2.813m-4.5 2.813l-4.5 2.823l4.5 2.802m0 -5.625l4.5 2.823m0 -5.636l4.5 2.791l4.5 -2.812l-4.5 -2.791l-4.5 2.813m-4.5 8.438l4.5 -2.802m-4.5 2.802v1.123l4.5 2.627l4.5 -2.627v-1.123m-4.5 -2.802l4.5 -2.823l4.5 2.823l-4.5 2.802m-4.5 -2.802l4.5 2.802"/>
+</svg></svg>

package/DS1/x-icon/dumbbell.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M5.25 8H10.75"/><rect x="3" y="4.75" width="2.25" height="6.5" rx="0.75"/><rect x="10.75" y="4.75" width="2.25" height="6.5" rx="0.75"/><path d="M1.75 6.75V9.25M14.25 6.75V9.25"/></g>
+</svg>

package/DS1/x-icon/eye-off.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M1.75 8C2.52 6.61 3.45 5.55 4.5 4.83M6.64 3.95C7.08 3.82 7.53 3.75 8 3.75C10.5 3.75 12.7 5.2 14.25 8C13.6 9.17 12.85 10.1 12.02 10.8M10.28 11.78C9.56 12.09 8.8 12.25 8 12.25C5.5 12.25 3.3 10.8 1.75 8"/><path d="M6.59 6.59C5.81 7.37 5.81 8.63 6.59 9.41C7.37 10.19 8.63 10.19 9.41 9.41"/><path d="M2.25 2.25L13.75 13.75"/></g>
+</svg>

package/DS1/x-icon/eye.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M1.75 8C3.3 5.2 5.5 3.75 8 3.75C10.5 3.75 12.7 5.2 14.25 8C12.7 10.8 10.5 12.25 8 12.25C5.5 12.25 3.3 10.8 1.75 8Z"/><circle cx="8" cy="8" r="2"/></g>
+</svg>

package/DS1/x-icon/facebook.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"/>
+</svg></svg>

package/DS1/x-icon/figma.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 12a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"/>
+<path d="M6 6a3 3 0 0 1 3 -3h6a3 3 0 0 1 3 3a3 3 0 0 1 -3 3h-6a3 3 0 0 1 -3 -3"/>
+<path d="M9 9a3 3 0 0 0 0 6h3m-3 0a3 3 0 1 0 3 3v-15"/>
+</svg></svg>

package/DS1/x-icon/flame.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M8 14C10.49 14 12.5 12.15 12.5 9.75C12.5 6.5 9.5 5.25 8.75 2C7 3.25 6.25 5 6.5 6.75C5.75 6.5 5.25 5.75 5.25 5C4.25 6 3.5 7.75 3.5 9.75C3.5 12.15 5.51 14 8 14Z"/></g>
+</svg>

package/DS1/x-icon/flip.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 1.5V2.5M8 3.5V4.5M8 5.5V6.5M8 7.5V8.5M8 9.5V10.5M8 11.5V12.5M8 13.5V14.5" stroke="currentColor" stroke-width="0.92"/>
+<path d="M6 3.5V12.5H1.5Z" stroke="currentColor" stroke-width="0.92" stroke-linejoin="round"/>
+<path d="M10 3.5V12.5H14.5Z" fill="currentColor" stroke="currentColor" stroke-width="0.92" stroke-linejoin="round"/>
+</svg>

package/DS1/x-icon/food.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 2.25V13.75M3 2.25V5.25C3 6.08 3.67 6.75 4.5 6.75C5.33 6.75 6 6.08 6 5.25V2.25"/><path d="M11.25 13.75V2.25C9.86 2.25 9.25 3.92 9.25 6.25V8.75H11.25"/></g>
+</svg>

package/DS1/x-icon/fuel.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M2.75 13.75V3.25C2.75 2.7 3.2 2.25 3.75 2.25H8.25C8.8 2.25 9.25 2.7 9.25 3.25V13.75"/><path d="M1.75 13.75H10.25M2.75 6.75H9.25"/><path d="M9.25 8.25H10.25C10.8 8.25 11.25 8.7 11.25 9.25V11.5C11.25 12.05 11.7 12.5 12.25 12.5C12.8 12.5 13.25 12.05 13.25 11.5V5.75L11.25 3.75"/></g>
+</svg>

package/DS1/x-icon/game.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4.25H11C12.79 4.25 14.25 5.71 14.25 7.5V10.25C14.25 11.08 13.58 11.75 12.75 11.75C12.24 11.75 11.77 11.5 11.49 11.07L10.75 10H5.25L4.51 11.07C4.23 11.5 3.76 11.75 3.25 11.75C2.42 11.75 1.75 11.08 1.75 10.25V7.5C1.75 5.71 3.21 4.25 5 4.25Z"/><path d="M5 6.5V8.5M4 7.5H6M10.5 7H10.51M11.5 8H11.51"/></g>
+</svg>

package/DS1/x-icon/gift.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><rect x="2.25" y="5.25" width="11.5" height="3" rx="0.75"/><path d="M3.25 8.25V12.75C3.25 13.3 3.7 13.75 4.25 13.75H11.75C12.3 13.75 12.75 13.3 12.75 12.75V8.25M8 5.25V13.75"/><path d="M8 5.25C8 5.25 7.5 2.25 5.75 2.25C4.9 2.25 4.5 2.9 4.5 3.5C4.5 4.6 6 5.25 8 5.25C10 5.25 11.5 4.6 11.5 3.5C11.5 2.9 11.1 2.25 10.25 2.25C8.5 2.25 8 5.25 8 5.25Z"/></g>
+</svg>

package/DS1/x-icon/github.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"/>
+</svg></svg>

package/DS1/x-icon/heart.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M8 13.25C8 13.25 2 9.9 2 5.75C2 4.23 3.23 3 4.75 3C6.08 3 7.33 3.83 8 5C8.67 3.83 9.92 3 11.25 3C12.77 3 14 4.23 14 5.75C14 9.9 8 13.25 8 13.25Z"/></g>
+</svg>

package/DS1/x-icon/history.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.71 11.79A5 5 0 1 0 4.71 4.71L3.83 5.6M6.83 5.6H3.83V2.6M8.25 5.25V8.25L10.5 9.5" stroke="currentColor" stroke-width="0.92"/>
+</svg>

package/DS1/x-icon/home-alt.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M2.25 7L8 2.5L13.75 7"/><path d="M3.75 5.75V12.25C3.75 12.8 4.2 13.25 4.75 13.25H11.25C11.8 13.25 12.25 12.8 12.25 12.25V5.75"/><path d="M6.5 13.25V9.75C6.5 9.2 6.95 8.75 7.5 8.75H8.5C9.05 8.75 9.5 9.2 9.5 9.75V13.25"/></g>
+</svg>

package/DS1/x-icon/income.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2.25V8.75M5.25 6L8 8.75L10.75 6"/><path d="M2.25 9.25V11.75C2.25 12.58 2.92 13.25 3.75 13.25H12.25C13.08 13.25 13.75 12.58 13.75 11.75V9.25"/></g>
+</svg>

package/DS1/x-icon/info.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="8" cy="8" r="6.5" stroke="currentColor"/>
+<path d="M8 7V11.5" stroke="currentColor"/>
+<circle cx="8" cy="4.9" r="0.75" fill="currentColor"/>
+</svg>

package/DS1/x-icon/instagram.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 8a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4l0 -8"/>
+<path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0"/>
+<path d="M16.5 7.5v.01"/>
+</svg></svg>

package/DS1/x-icon/jpbank.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg x="0.5" y="0.5" width="15" height="15" viewBox="3 -16 111 111"><g transform="translate(0.749999,-0.749999)"><path transform="translate(4.62665,-22.2754)" d="M94.15 39.63 C93.45 44.48 89.6 46.68 82.85 46.68 L73.8 46.68 L76.8 32.18 L86.05 32.18 C92.9 32.18 94.7 35.63 94.15 39.63 Z M89.9 23.78 L65.45 23.78 L58.15 58.93 C55.65 71.08 47.9 74.28 38.55 74.28 C30.05 74.28 22 69.83 24.1 58.93 C24.55 56.58 24.7 55.68 25.1 53.68 L36.1 53.68 C35.9 54.73 35.5 56.48 34.95 58.93 C34.15 62.68 35.8 65.03 39.95 65.03 C44.15 65.03 46.25 62.78 47 58.93 L54.35 23.78 L28.65 23.78 C14.9 23.78 10.75 27.23 8.25 39.28 L0 78.88 L49.7 78.88 C61.9 78.88 68.55 71.83 70.35 63.38 C72 55.23 72 55.23 72 55.23 L84.15 55.23 C96.4 55.23 103.8 50.08 105.5 39.63 C107.15 29.88 100.1 23.78 89.9 23.78 Z" fill="currentColor"/><path d="M5.4 70.53 L6.8 70.53 C8.3 70.53 9.25 69.93 9.25 68.98 C9.2 67.83 8.3 67.68 6.95 67.68 L6 67.68 L5.4 70.53 Z M4.2 76.28 L5.2 76.28 C7.05 76.28 8.3 75.73 8.3 74.38 C8.3 73.18 7.4 72.98 5.75 72.98 L4.85 72.98 L4.2 76.28 Z M2.9 65.08 L9 65.08 C10.45 65.08 12.9 65.63 12.9 68.23 C12.9 70.08 11.45 71.48 9.3 71.73 L9.3 71.78 C10.9 71.98 11.95 72.93 11.95 74.43 C11.95 77.38 9.45 78.73 6.3 78.78 L0 78.88 L2.9 65.08 Z" fill="currentColor"/><path transform="translate(26.0208,1.7053E-013)" d="M10.05 67.93 L10 67.93 L7.1 73.33 L10.65 73.33 L10.05 67.93 Z M8.2 65.08 L12.85 65.08 L15.1 78.88 L11.4 78.88 L11 75.93 L5.65 75.93 L4 78.88 L0 78.88 L8.2 65.08 Z" fill="currentColor"/><path transform="translate(56.6591,1.7053E-013)" d="M2.95 65.08 L7.55 65.08 L10.4 74.63 L12.35 65.08 L15.85 65.08 L12.9 78.88 L8.35 78.88 L5.45 69.28 L5.4 69.28 L3.5 78.88 L0 78.88 L2.95 65.08 Z" fill="currentColor"/><path transform="translate(86.1482,1.7053E-013)" d="M2.9 65.08 L6.6 65.08 L5.4 70.68 L5.45 70.68 L10.45 65.08 L15.2 65.08 L8.65 71.78 L12.75 78.88 L8.5 78.88 L5.05 72.58 L3.7 78.88 L0 78.88 L2.9 65.08 Z" fill="currentColor"/></g></svg>
+</svg>

package/DS1/x-icon/key.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="5.5" cy="10.5" r="3" stroke="currentColor"/>
+<path d="M7.6 8.4L13.5 2.5M11.5 4.5L13 6M9.5 6.5L11 8" stroke="currentColor"/>
+</svg>

package/DS1/x-icon/keyboard.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g stroke="currentColor" stroke-width="0.92" stroke-linecap="round" stroke-linejoin="round"><rect x="1.75" y="3.75" width="12.5" height="8.5" rx="1.75"/><path d="M4.25 6.25V6.26M6.75 6.25V6.26M9.25 6.25V6.26M11.75 6.25V6.26M4.25 8.25V8.26M6.75 8.25V8.26M9.25 8.25V8.26M11.75 8.25V8.26M5.5 10.25H10.5"/></g>
+</svg>

package/DS1/x-icon/like.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.5 7.5H5.5V13.5H2.5Z" stroke="currentColor"/>
+<path d="M5.5 7.5L8 2.5C9 2.5 9.5 3.2 9.5 4V6.5H13.5L12.5 13.5H5.5" stroke="currentColor"/>
+</svg>

package/DS1/x-icon/linkedin.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 11v5"/>
+<path d="M8 8v.01"/>
+<path d="M12 16v-5"/>
+<path d="M16 16v-3a2 2 0 1 0 -4 0"/>
+<path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4l0 -10"/>
+</svg></svg>