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

package/DS1/react/file-picker.ts

@@ -0,0 +1,34 @@
+import { createElement, forwardRef, useEffect, useLayoutEffect, useRef, type InputHTMLAttributes, type ReactNode } from "react";
+
+export type FilePickerProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "defaultValue" | "children"> & {
+  label: string;
+  icon?: boolean;
+  preview?: boolean;
+  area?: boolean;
+  dragging?: boolean;
+  compact?: boolean;
+  primary?: boolean;
+  secondary?: boolean;
+  /** Native chooser cancellation is not exposed on React input props. */
+  onCancel?: (event: Event) => void;
+  children?: ReactNode;
+};
+
+const useCommitEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+
+/** The ref and events belong to the native input; classes only place the host. */
+export const FilePicker = forwardRef<HTMLInputElement, FilePickerProps>(function FilePicker(
+  { label, icon, preview, area, dragging, compact, primary, secondary, children, className, style, hidden, onCancel, ...props }, ref,
+) {
+  const input = useRef<HTMLInputElement>(null);
+  useCommitEffect(() => {
+    const element = input.current;
+    if (!element || !onCancel) return;
+    element.addEventListener("cancel", onCancel);
+    return () => element.removeEventListener("cancel", onCancel);
+  }, [onCancel]);
+  return createElement("ds-file-picker", { label, icon: Boolean(icon), preview: Boolean(preview), area: Boolean(area), dragging: Boolean(dragging), compact: Boolean(compact), primary: Boolean(primary), secondary: Boolean(secondary), className, style, hidden },
+    createElement("input", { ...props, type: "file", "aria-label": props["aria-label"] ?? label, ref: (element: HTMLInputElement | null) => { input.current = element; if (typeof ref === "function") ref(element); else if (ref) ref.current = element; }, hidden }),
+    children != null ? createElement("span", {slot: "content", "aria-hidden": true}, children) : null,
+  );
+});

package/DS1/react/input.ts

@@ -0,0 +1,184 @@
+/** React state binding only. ds-input owns the field and all of its behavior. */
+import {
+  createElement,
+  forwardRef,
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useReducer,
+  useRef,
+  type ChangeEvent,
+  type InputEvent as ReactInputEvent,
+  type InputHTMLAttributes,
+  type Ref,
+} from "react";
+import type { Input as InputElement } from "../2-core/ds-input";
+export type { InputElement };
+export type InputProps = Omit<
+  InputHTMLAttributes<InputElement>,
+  "value" | "defaultValue" | "type" | "size"
+> & {
+  value?: string | number;
+  defaultValue?: string | number;
+  type?: InputElement["type"];
+  variant?: InputElement["variant"];
+  revealable?: boolean;
+  quietFocus?: boolean;
+  error?: string;
+};
+const useCommitEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+/** Native listeners cross Lit's shadow boundary without React's input tracker.
+ * Keep the familiar React event methods while exposing the shared element.
+ */
+function reactEvent(event: Event, field: InputElement) {
+  return new Proxy(event, {
+    get(native, key) {
+      if (key === "target" || key === "currentTarget") return field;
+      if (key === "nativeEvent") return native;
+      if (key === "persist") return () => {};
+      if (key === "isDefaultPrevented") return () => native.defaultPrevented;
+      if (key === "isPropagationStopped") return () => native.cancelBubble;
+      const value = Reflect.get(native, key, native);
+      return typeof value === "function" ? value.bind(native) : value;
+    },
+  });
+}
+function setRef(ref: Ref<InputElement> | undefined, field: InputElement | null) {
+  if (typeof ref === "function") return ref(field);
+  if (ref) ref.current = field;
+}
+
+type FieldProps = InputProps & {
+  rows?: number;
+  wrap?: "soft" | "hard" | "off";
+  autoGrow?: boolean;
+  maxRows?: number;
+};
+export type TextareaProps = Omit<
+  FieldProps,
+  "type" | "revealable" | "min" | "max" | "step" | "pattern"
+> & { variant?: "field" | "plain" };
+function fieldAdapter<Props extends FieldProps>(tag: "ds-input" | "ds-textarea") {
+  return forwardRef<InputElement, Props>(function Field(
+    {
+      value,
+      defaultValue,
+      onChange,
+      onInput,
+      autoFocus,
+      autoComplete,
+      inputMode,
+      readOnly,
+      minLength,
+      maxLength,
+      min,
+      max,
+      step,
+      spellCheck,
+      form,
+      type = "text",
+      variant = "field",
+      quietFocus,
+      autoGrow,
+      maxRows,
+      ...props
+    },
+    forwardedRef,
+  ) {
+    const field = useRef<InputElement | null>(null);
+    const initial = useRef(String(defaultValue ?? ""));
+    const [, refresh] = useReducer((version: number) => version + 1, 0);
+    const controlled = value !== undefined;
+    const ref = useCallback(
+      (element: InputElement | null) => {
+        field.current = element;
+        return setRef(forwardedRef, element);
+      },
+      [forwardedRef],
+    );
+    // React does not restore controlled values on custom elements. Reconcile
+    // after every commit, including when an application rejects an edit.
+    useCommitEffect(() => {
+      if (controlled && field.current) field.current.value = String(value);
+      // form is a read-only ElementInternals getter, not a writable property.
+      if (form !== undefined) field.current?.setAttribute("form", form);
+      else field.current?.removeAttribute("form");
+    });
+    useEffect(() => {
+      const element = field.current;
+      if (!element || !controlled) return;
+      const reset = () => refresh();
+      element.addEventListener("input-reset", reset);
+      return () => element.removeEventListener("input-reset", reset);
+    }, [controlled]);
+    const attributes: Record<string, unknown> = { ...props };
+    const listeners: Array<{ name: string; capture: boolean; callback: EventListener }> = [];
+    for (const key of Object.keys(attributes)) {
+      if (key.startsWith("aria-") && typeof attributes[key] === "boolean")
+        attributes[key] = String(attributes[key]);
+      if (/^on[A-Z]/.test(key) && typeof attributes[key] === "function") {
+        const callback = attributes[key] as (event: Event) => void;
+        const capture = key.endsWith("Capture");
+        const name = key.slice(2, capture ? -7 : undefined);
+        const native =
+          (
+            { Focus: "focusin", Blur: "focusout", DoubleClick: "dblclick" } as Record<
+              string,
+              string
+            >
+          )[name] ?? name.toLowerCase();
+        listeners.push({
+          name: native,
+          capture,
+          callback: (event: Event) => {
+            if (field.current) callback(reactEvent(event, field.current));
+          },
+        });
+        delete attributes[key];
+      }
+    }
+    listeners.push({
+      name: "input",
+      capture: false,
+      callback: (native: Event) => {
+        if (!field.current) return;
+        const event = reactEvent(native, field.current);
+        onInput?.(event as unknown as ReactInputEvent<InputElement>);
+        onChange?.(event as unknown as ChangeEvent<InputElement>);
+        if (controlled) refresh();
+      },
+    });
+    useCommitEffect(() => {
+      const element = field.current;
+      if (!element) return;
+      for (const { name, callback, capture } of listeners)
+        element.addEventListener(name, callback, capture);
+      return () => {
+        for (const { name, callback, capture } of listeners)
+          element.removeEventListener(name, callback, capture);
+      };
+    });
+    return createElement(tag, {
+      ...attributes,
+      ref,
+      type,
+      variant,
+      value: controlled ? String(value) : initial.current,
+      autofocus: autoFocus,
+      autocomplete: autoComplete,
+      inputmode: inputMode,
+      readonly: readOnly,
+      minlength: minLength,
+      maxlength: maxLength,
+      min: min == null ? undefined : String(min),
+      max: max == null ? undefined : String(max),
+      step: step == null ? undefined : String(step),
+      spellcheck: spellCheck === undefined ? undefined : String(spellCheck),
+      "quiet-focus": quietFocus,
+      "auto-grow": autoGrow,
+      "max-rows": maxRows,
+    });
+  });
+}
+export const Input = fieldAdapter<InputProps>("ds-input");
+export const Textarea = fieldAdapter<TextareaProps>("ds-textarea");

package/DS1/react/menu.ts

@@ -0,0 +1,28 @@
+import { createElement, forwardRef, useEffect, useLayoutEffect, useRef, type HTMLAttributes } from "react";
+import type { Menu as MenuElement, MenuAnchor, MenuCloseReason, MenuTriggerMode, MenuToggleDetail } from "../3-unit/ds-menu";
+export type MenuProps = HTMLAttributes<MenuElement> & {
+  open?: boolean; compact?: boolean; columns?: number; hover?: boolean; disabled?: boolean;
+  contextSelector?: string;
+  anchor?: MenuAnchor | null; placement?: "top" | "bottom" | "right" | "left"; triggerMode?: MenuTriggerMode; trigger?: HTMLElement | null; controller?: HTMLElement | null; activeId?: string;
+  onActiveChange?: (id: string) => void;
+  onOpenChange?: (open: boolean, reason: MenuCloseReason | "trigger", context?: MenuToggleDetail) => void;
+  onCloseAutoFocus?: (event: Event) => void;
+};
+const useCommitEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+export const Menu = forwardRef<MenuElement, MenuProps>(function Menu(
+  {open, compact, columns, hover, disabled, anchor, placement, triggerMode, contextSelector, trigger, controller, activeId, onActiveChange, onOpenChange, onCloseAutoFocus, children, ...props}, ref,
+) {
+  const host = useRef<MenuElement>(null);
+  useCommitEffect(() => {
+    const element = host.current; if (!element) return;
+    const active = (event: Event) => { if (event.target !== element) return; if (activeId !== undefined) event.preventDefault(); onActiveChange?.((event as CustomEvent<{id:string}>).detail.id); };
+    const close = (event: Event) => { if (event.target !== element) return; if (open !== undefined) event.preventDefault(); onOpenChange?.(false, (event as CustomEvent<{reason: MenuCloseReason}>).detail.reason); };
+    const toggle = (event: Event) => { if (event.target !== element) return; if (open !== undefined) event.preventDefault(); const detail = (event as CustomEvent<MenuToggleDetail>).detail; onOpenChange?.(detail.open, "trigger", detail); };
+    const focus = (event: Event) => { if (event.target === element) onCloseAutoFocus?.(event); };
+    element.addEventListener("ds-menu-close-focus", focus);
+    element.addEventListener("ds-menu-active", active); element.addEventListener("ds-menu-close", close); element.addEventListener("ds-menu-toggle", toggle);
+    element.renderNow?.();
+    return () => { element.removeEventListener("ds-menu-close-focus", focus); element.removeEventListener("ds-menu-active", active); element.removeEventListener("ds-menu-close", close); element.removeEventListener("ds-menu-toggle", toggle); };
+  });
+  return createElement("ds-menu", {...props, ref: (element: MenuElement | null) => { host.current = element; if (typeof ref === "function") ref(element); else if (ref) ref.current = element; }, floating: open !== undefined, open, compact, columns, hover, disabled, anchor, placement, triggerMode, contextSelector, trigger, controller, activeId}, children);
+});

package/DS1/react/split.ts

@@ -0,0 +1,42 @@
+/** Product state binding. The Lit split owns the controls and their face. */
+import { createElement, useEffect, useLayoutEffect, useRef, type CSSProperties, type ReactNode } from "react";
+import type { Split as SplitElement, SplitSegment } from "../2-core/ds-split";
+export type { SplitSegment };
+
+const useCommitEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+export interface SplitProps<T extends string> {
+  segments: ReadonlyArray<SplitSegment<T>>;
+  value?: T;
+  onPress: (value: T) => void;
+  label: string;
+  className?: string;
+  style?: CSSProperties;
+  disabled?: boolean;
+}
+
+export function Split<T extends string>({ segments, value, onPress, label, className, style, disabled = false }: SplitProps<T>): ReactNode {
+  const ref = useRef<SplitElement | null>(null);
+  useCommitEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    element.segments = segments;
+    element.value = value ?? "";
+    element.actions = value === undefined;
+    element.disabled = disabled;
+    element.literal = true;
+    const press = (event: Event) => {
+      if (event.target !== element) return;
+      // A controlled choice changes only when the product accepts it and
+      // sends back a value. A rejected request must never become selected.
+      if (event.type === "change") event.preventDefault();
+      onPress((event as CustomEvent<{ value: T }>).detail.value);
+    };
+    element.addEventListener("change", press);
+    element.addEventListener("press", press);
+    return () => {
+      element.removeEventListener("change", press);
+      element.removeEventListener("press", press);
+    };
+  });
+  return createElement("ds-split", { ref, "aria-label": label, className, style });
+}

package/DS1/react/token-field.ts

@@ -0,0 +1,32 @@
+import { createElement, forwardRef, useEffect, useLayoutEffect, useRef, type HTMLAttributes, type InputHTMLAttributes, type ReactNode } from "react";
+import type { TokenField as TokenFieldElement, TokenCommit } from "../3-unit/ds-token-field";
+import type { Token as TokenElement } from "../2-core/ds-token";
+export type { TokenCommit };
+const useCommitEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+export type TokenProps = HTMLAttributes<TokenElement> & { value: string; label?: string; detail?: string; removeLabel?: string; disabled?: boolean; onRemove?: (value: string) => void };
+export const Token = forwardRef<TokenElement, TokenProps>(function Token({onRemove, ...props}, ref) {
+  const host = useRef<TokenElement>(null);
+  useCommitEffect(() => {
+    const element = host.current; if (!element) return;
+    const remove = (event: Event) => { if (event.target === element) onRemove?.((event as CustomEvent<{value: string}>).detail.value); };
+    element.addEventListener("ds-token-remove", remove); return () => element.removeEventListener("ds-token-remove", remove);
+  });
+  return createElement("ds-token", {...props, ref: (element: TokenElement | null) => {host.current = element; if (typeof ref === "function") ref(element); else if (ref) ref.current = element;}});
+});
+export type TokenFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, "children"> & {
+  tokens?: ReactNode; suggestions?: ReactNode; chooseLabel?: string; separators?: string;
+  onCommit?: (request: TokenCommit) => void;
+};
+/** All native field attributes, handlers and refs are passed to the native input. */
+export const TokenField = forwardRef<HTMLInputElement, TokenFieldProps>(function TokenField(
+  {tokens, suggestions, chooseLabel = "", separators, onCommit, className, style, ...props}, ref,
+) {
+  const host = useRef<TokenFieldElement>(null);
+  useCommitEffect(() => {
+    const element = host.current; if (!element) return;
+    const commit = (event: Event) => { if (event.target === element) onCommit?.((event as CustomEvent<TokenCommit>).detail); };
+    element.addEventListener("ds-token-commit", commit); element.refresh();
+    return () => element.removeEventListener("ds-token-commit", commit);
+  });
+  return createElement("ds-token-field", {ref: host, chooseLabel, ...(separators === undefined ? {} : {separators}), className, style}, tokens, createElement("input", {...props, ref}), suggestions === undefined ? null : createElement("ds-menu", {slot: "suggestions", "aria-label": chooseLabel}, suggestions));
+});

package/DS1/vite-env.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="vite/client" />
+
+declare module "*.css?inline" {
+  const content: string;
+  export default content;
+}
+
+
+
+
+
+
+

package/DS1/x-icon/1x.svg

@@ -0,0 +1,4 @@
+<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 9 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.20008 2.1176C1.96088 2.3776 1.48248 2.5024 1.09768 2.5024H0.848083V1.4H1.01448C1.68008 1.4 2.21048 1.0464 2.41848 0.307999H3.39608V7.692H2.20008V2.1176Z" fill="currentColor"/>
+<path d="M4.27992 7.692L5.81912 4.9776L4.39432 2.492H5.68392L6.30792 3.7816C6.41192 3.9896 6.48472 4.1456 6.52632 4.312H6.54712C6.57832 4.156 6.65112 3.9792 6.75512 3.7712L7.33752 2.492H8.60632L7.21272 5.0088L8.75192 7.692H7.44152L6.72392 6.2672C6.61992 6.0592 6.53672 5.872 6.50552 5.7368H6.48472C6.45352 5.8512 6.37032 6.0488 6.25592 6.2672L5.53832 7.692H4.27992Z" fill="currentColor"/>
+</svg></svg>

package/DS1/x-icon/1xdots.svg

@@ -0,0 +1,11 @@
+<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 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.28996 0.148769V1.16877H0.269958V0.148769H1.28996Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.30998 0.148769V1.16877H5.28998V0.148769H6.30998Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.33 0.148769V1.16877H10.31V0.148769H11.33Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.28996 5.16877V6.18877H0.269958V5.16877H1.28996Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.30998 5.16877V6.18877H5.28998V5.16877H6.30998Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.33 5.16877V6.18877H10.31V5.16877H11.33Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.28996 10.1888V11.2088H0.269958V10.1888H1.28996Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.30998 10.1888V11.2088H5.28998V10.1888H6.30998Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.33 10.1888V11.2088H10.31V10.1888H11.33Z" fill="currentColor"/>
+</svg></svg>

package/DS1/x-icon/1xgrid.svg

@@ -0,0 +1,8 @@
+<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 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.799988 3.34877L16.8 3.34877V4.36877L0.799988 4.36877V3.34877Z" fill="currentColor"/>
+<path d="M0.799988 8.16877L16.8 8.16877V9.18877L0.799988 9.18877V8.16877Z" fill="currentColor"/>
+<path d="M0.799988 12.9888H16.8V14.0088L0.799988 14.0088V12.9888Z" fill="currentColor"/>
+<path d="M4.48999 16.6788L3.46999 16.6788L3.46999 0.678791L4.48999 0.678772L4.48999 16.6788Z" fill="currentColor"/>
+<path d="M9.30999 16.6788L8.28999 16.6788L8.28999 0.678791L9.30999 0.678772L9.30999 16.6788Z" fill="currentColor"/>
+<path d="M14.13 16.6788L13.11 16.6788L13.11 0.678791L14.13 0.678772L14.13 16.6788Z" fill="currentColor"/>
+</svg></svg>

package/DS1/x-icon/1xlines.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 17 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.799988 0.148769L16.8 0.14877V1.16877L0.799988 1.16877V0.148769Z" fill="currentColor"/>
+<path d="M0.799988 5.16877L16.8 5.16877V6.18877L0.799988 6.18877V5.16877Z" fill="currentColor"/>
+<path d="M0.799988 10.1888H16.8V11.2088L0.799988 11.2088V10.1888Z" fill="currentColor"/>
+</svg></svg>

package/DS1/x-icon/2x.svg

@@ -0,0 +1,4 @@
+<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 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.2 2.12C2.96 2.38 2.48 2.5 2.1 2.5H1.85V1.4H2.01C2.68 1.4 3.21 1.05 3.42 0.31H4.4V7.69H3.2V2.12Z" fill="currentColor"/>
+<path d="M5.28 7.69L6.82 4.98L5.39 2.49H6.68L7.31 3.78C7.41 3.99 7.48 4.15 7.53 4.31H7.55C7.58 4.16 7.65 3.98 7.76 3.77L8.34 2.49H9.61L8.21 5.01L9.75 7.69H8.44L7.72 6.27C7.62 6.06 7.54 5.87 7.51 5.74H7.48C7.45 5.85 7.37 6.05 7.26 6.27L6.54 7.69H5.28Z" fill="currentColor"/>
+</svg></svg>

package/DS1/x-icon/2xdots.svg

@@ -0,0 +1,18 @@
+<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 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="1" cy="1" r="0.75" fill="currentColor"/>
+<circle cx="4" cy="1" r="0.75" fill="currentColor"/>
+<circle cx="7" cy="1" r="0.75" fill="currentColor"/>
+<circle cx="10" cy="1" r="0.75" fill="currentColor"/>
+<circle cx="1" cy="4" r="0.75" fill="currentColor"/>
+<circle cx="4" cy="4" r="0.75" fill="currentColor"/>
+<circle cx="7" cy="4" r="0.75" fill="currentColor"/>
+<circle cx="10" cy="4" r="0.75" fill="currentColor"/>
+<circle cx="1" cy="7" r="0.75" fill="currentColor"/>
+<circle cx="4" cy="7" r="0.75" fill="currentColor"/>
+<circle cx="7" cy="7" r="0.75" fill="currentColor"/>
+<circle cx="10" cy="7" r="0.75" fill="currentColor"/>
+<circle cx="1" cy="10" r="0.75" fill="currentColor"/>
+<circle cx="4" cy="10" r="0.75" fill="currentColor"/>
+<circle cx="7" cy="10" r="0.75" fill="currentColor"/>
+<circle cx="10" cy="10" r="0.75" fill="currentColor"/>
+</svg></svg>

package/DS1/x-icon/2xgrid-alt-2.svg

@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.670044 3.33625L15.33 3.33625V4.35625H0.670044V3.33625Z" fill="currentColor"/>
+<path d="M0.670044 8.9208L15.33 8.9208V9.9408H0.670044V8.9208Z" fill="currentColor"/>
+<path d="M0.670044 11.6437L15.33 11.6437V12.6637H0.670044V11.6437Z" fill="currentColor"/>
+<path d="M1.69007 12.6637L0.670044 12.6637V3.33625L1.69004 3.33624L1.69007 12.6637Z" fill="currentColor"/>
+<path d="M8.51007 12.6637L7.49007 12.6637L7.49005 3.33626L8.51005 3.33624L8.51007 12.6637Z" fill="currentColor"/>
+<path d="M15.33 12.6637H14.3101L14.31 3.33626L15.33 3.33625V12.6637Z" fill="currentColor"/>
+<path d="M0.670044 6.18583L15.33 6.18583V7.20583H0.670044V6.18583Z" fill="currentColor"/>
+</svg>

package/DS1/x-icon/2xgrid-alt-3.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.66992 12.3335L12.3299 12.3335V13.3535L4.68995 13.3535L3.66992 13.3535V12.3335Z" fill="currentColor"/>
+<path d="M4.68995 13.3535L3.66992 13.3535V7.02601L4.68992 7.026L4.68995 13.3535Z" fill="currentColor"/>
+<path d="M12.3299 13.3535H11.3099L11.3099 7.02602L12.3299 7.02601V13.3535Z" fill="currentColor"/>
+<path d="M11.7074 6.28303H10.6875L10.6875 3.95558L11.7074 3.95557V6.28303Z" fill="currentColor"/>
+<path d="M7.99995 2.40447L13.5956 8.00002L12.8743 8.72127L7.2787 3.12572L7.99995 2.40447Z" fill="currentColor"/>
+<path d="M3.12569 8.72126L2.40443 7.99999L7.99995 2.40447L8.7212 3.12572L3.12569 8.72126Z" fill="currentColor"/>
+</svg>

package/DS1/x-icon/2xgrid-alt.svg

@@ -0,0 +1,15 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1265_1828)">
+<path d="M0 0.661949L16 0.661949V1.68195L0 1.68195V0.661949Z" fill="currentColor"/>
+<path d="M0 7.48195L16 7.48195V8.50195L0 8.50195V7.48195Z" fill="currentColor"/>
+<path d="M0 14.302H16V15.322L0 15.322V14.302Z" fill="currentColor"/>
+<path d="M1.69 15.992L0.669999 15.9919V0.661948L1.69 0.661929V15.992Z" fill="currentColor"/>
+<path d="M8.51 15.992L7.49 15.9919V0.661948L8.51 0.661929V15.992Z" fill="currentColor"/>
+<path d="M15.33 15.992L14.31 15.9919V0.661948L15.33 0.661929V15.992Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_1265_1828">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/DS1/x-icon/2xgrid.svg

@@ -0,0 +1,6 @@
+<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 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0" y="0" width="5.5" height="5.5" fill="currentColor"/>
+<rect x="6.5" y="0" width="5.5" height="5.5" fill="currentColor"/>
+<rect x="0" y="6.5" width="5.5" height="5.5" fill="currentColor"/>
+<rect x="6.5" y="6.5" width="5.5" height="5.5" fill="currentColor"/>
+</svg></svg>

package/DS1/x-icon/2xlines.svg

@@ -0,0 +1,6 @@
+<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 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<line x1="0" y1="1" x2="12" y2="1" stroke="currentColor" stroke-width="1"/>
+<line x1="0" y1="4" x2="12" y2="4" stroke="currentColor" stroke-width="1"/>
+<line x1="0" y1="7" x2="12" y2="7" stroke="currentColor" stroke-width="1"/>
+<line x1="0" y1="10" x2="12" y2="10" stroke="currentColor" stroke-width="1"/>
+</svg></svg>

package/DS1/x-icon/4x4.svg

@@ -0,0 +1,18 @@
+<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 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0" y="0" width="2.5" height="2.5" fill="currentColor"/>
+<rect x="3.5" y="0" width="2.5" height="2.5" fill="currentColor"/>
+<rect x="7" y="0" width="2.5" height="2.5" fill="currentColor"/>
+<rect x="10.5" y="0" width="1.5" height="2.5" fill="currentColor"/>
+<rect x="0" y="3.5" width="2.5" height="2.5" fill="currentColor"/>
+<rect x="3.5" y="3.5" width="2.5" height="2.5" fill="currentColor"/>
+<rect x="7" y="3.5" width="2.5" height="2.5" fill="currentColor"/>
+<rect x="10.5" y="3.5" width="1.5" height="2.5" fill="currentColor"/>
+<rect x="0" y="7" width="2.5" height="2.5" fill="currentColor"/>
+<rect x="3.5" y="7" width="2.5" height="2.5" fill="currentColor"/>
+<rect x="7" y="7" width="2.5" height="2.5" fill="currentColor"/>
+<rect x="10.5" y="7" width="1.5" height="2.5" fill="currentColor"/>
+<rect x="0" y="10.5" width="2.5" height="1.5" fill="currentColor"/>
+<rect x="3.5" y="10.5" width="2.5" height="1.5" fill="currentColor"/>
+<rect x="7" y="10.5" width="2.5" height="1.5" fill="currentColor"/>
+<rect x="10.5" y="10.5" width="1.5" height="1.5" fill="currentColor"/>
+</svg></svg>

package/DS1/x-icon/app.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4.5" y="2.5" width="7" height="11" stroke="currentColor" stroke-width="0.92"/>
+<path d="M6.5 11.5H9.5" stroke="currentColor" stroke-width="0.92"/>
+</svg>

package/DS1/x-icon/apple.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="M12.0351 10.793C11.8838 11.1424 11.7048 11.464 11.4974 11.7597C11.2147 12.1627 10.9832 12.4418 10.8048 12.5967C10.5283 12.851 10.232 12.9812 9.91475 12.9886C9.68698 12.9886 9.41229 12.9238 9.09255 12.7924C8.77176 12.6615 8.47695 12.5967 8.20739 12.5967C7.92469 12.5967 7.62148 12.6615 7.29717 12.7924C6.97237 12.9238 6.71071 12.9924 6.51065 12.9991C6.2064 13.0121 5.90314 12.8782 5.60044 12.5967C5.40723 12.4282 5.16557 12.1393 4.87607 11.73C4.56547 11.293 4.3101 10.7862 4.11005 10.2085C3.8958 9.58443 3.78839 8.98013 3.78839 8.39508C3.78839 7.72492 3.9332 7.14691 4.22325 6.66254C4.45121 6.27348 4.75447 5.96658 5.13403 5.74128C5.51359 5.51597 5.9237 5.40116 6.36535 5.39382C6.60701 5.39382 6.92391 5.46857 7.31773 5.61548C7.71043 5.76288 7.96259 5.83763 8.07314 5.83763C8.15579 5.83763 8.4359 5.75023 8.91077 5.57597C9.35983 5.41437 9.73883 5.34746 10.0493 5.37382C10.8906 5.44172 11.5227 5.77337 11.9431 6.37089C11.1906 6.8268 10.8184 7.46536 10.8258 8.28453C10.8326 8.9226 11.0641 9.45357 11.519 9.87516C11.7252 10.0708 11.9554 10.2221 12.2116 10.3295C12.156 10.4906 12.0974 10.6449 12.0351 10.793ZM10.1055 3.20006C10.1055 3.70017 9.92277 4.16713 9.55859 4.59933C9.11909 5.11315 8.5875 5.41005 8.01104 5.3632C8.0037 5.3032 7.99944 5.24006 7.99944 5.1737C7.99944 4.69359 8.20844 4.17978 8.5796 3.75967C8.76491 3.54696 9.00058 3.37009 9.28637 3.22901C9.57155 3.09002 9.84129 3.01316 10.095 3C10.1024 3.06686 10.1055 3.13372 10.1055 3.20006Z" fill="currentColor"/>
+</svg>

package/DS1/x-icon/archive-alt.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="M12.9956 4.08604V5.00597V13.5081H3.00439V5.00597V4.08604H12.9956ZM3.92432 12.5882H12.0757V5.00597H3.92432V12.5882ZM10.3862 6.58666V7.50659H5.48137V6.58666H10.3862Z" fill="currentColor"/>
+<path d="M13.9155 2.49183H2.08447V4.08604V5.00597H3.00439V4.08604L3.00439 3.41175H12.9956V4.08604V5.00597H13.9155V3.72605V2.49183Z" fill="currentColor"/>
+</svg>

package/DS1/x-icon/archive.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.5H13.5V5.5H12.5V12.5H3.5V5.5H2.5Z" stroke="currentColor" stroke-width="0.92"/>
+<path d="M6.5 8.5H9.5" stroke="currentColor" stroke-width="0.92"/>
+</svg>

package/DS1/x-icon/arrange-archive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path d="M15.5507 5.65124V6.67338V16.1202H4.44938V6.67338V5.65124H15.5507ZM5.47152 15.0981H14.5286V6.67338H5.47152V15.0981ZM12.6514 8.42971V9.45184H7.20157V8.42971H12.6514Z" fill="currentColor"></path><path d="M16.5729 3.87989H3.42725V5.65124V6.67338H4.44938V5.65124L4.44938 4.90203H15.5507V5.65124V6.67338H16.5729V5.25125V3.87989Z" fill="currentColor"></path></svg>

package/DS1/x-icon/arrange-check.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.63652 10.0754" fill="none"><path d="M3.50474 6.4568L9.2613 0.708859L8.55427 0L3.50661 5.0555L1.08225 2.62294L0.375217 3.3181L3.50474 6.4568Z" fill="currentColor"></path><path d="M2.20539 8.9727C2.20539 9.5817 1.7117 10.0754 1.1027 10.0754C0.493694 10.0754 0 9.5817 0 8.9727C0 8.3637 0.493694 7.87 1.1027 7.87C1.7117 7.87 2.20539 8.3637 2.20539 8.9727Z" fill="currentColor"></path><path d="M5.95301 8.9727C5.95301 9.5817 5.45932 10.0754 4.85032 10.0754C4.24131 10.0754 3.74762 9.5817 3.74762 8.9727C3.74762 8.3637 4.24131 7.87 4.85032 7.87C5.45932 7.87 5.95301 8.3637 5.95301 8.9727Z" fill="currentColor"></path><path d="M9.63652 8.9727C9.63652 9.5817 9.14282 10.0754 8.53382 10.0754C7.92482 10.0754 7.43113 9.5817 7.43113 8.9727C7.43113 8.3637 7.92482 7.87 8.53382 7.87C9.14282 7.87 9.63652 8.3637 9.63652 8.9727Z" fill="currentColor"></path></svg>

package/DS1/x-icon/arrange-chevron.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M9.10182 6.53372L5.99744 9.6381L2.89795 6.5386L3.42188 6.00488L5.99255 8.57556L6.37937 8.19852L8.5681 6L9.10182 6.53372Z" fill="currentColor"/></svg>

package/DS1/x-icon/arrange-connect.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.7982 7.99674L7.659 12.1359L6.94737 11.4243L9.87875 8.50597L3.88054 8.51223L3.88054 7.49376L9.87875 7.4875L6.9539 4.56265L7.66552 3.86408L11.7982 7.99674Z" fill="currentColor"></path></svg>

package/DS1/x-icon/arrange-draft.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path d="M3.75522 17.8686L3.75522 2.13127L16.2442 2.13127L16.2442 17.8686L3.75522 17.8686ZM15.0943 3.28117L4.90512 3.28117L4.90512 16.7187L15.0943 16.7187L15.0943 3.28117Z" fill="currentColor"></path><path d="M5.94531 11.2399C5.86133 11.1503 5.81934 11.0467 5.81934 10.9292C5.81934 10.8088 5.86273 10.7038 5.94951 10.6142L6.65074 9.91301C7.36738 9.19917 7.98464 8.59591 8.50252 8.10322C9.0232 7.60774 9.4669 7.21583 9.83361 6.9275C10.2031 6.63636 10.5181 6.43481 10.7784 6.32283C11.0387 6.20806 11.2655 6.17307 11.4586 6.21786C11.6518 6.25985 11.8352 6.36762 12.0087 6.54118C12.1823 6.71474 12.2803 6.9065 12.3026 7.11645C12.3278 7.3264 12.2775 7.56855 12.1515 7.84288C12.0255 8.11722 11.8268 8.43635 11.5552 8.80026C11.2837 9.16418 10.938 9.58688 10.5181 10.0684C10.0982 10.5527 9.76643 10.96 9.52289 11.2903C9.27934 11.6178 9.11698 11.8782 9.0358 12.0713C8.95462 12.2617 8.95042 12.3918 9.0232 12.4618C9.08479 12.5234 9.19116 12.5206 9.34233 12.4534C9.49629 12.3834 9.69784 12.2477 9.94699 12.0461C10.1989 11.8446 10.5055 11.573 10.8666 11.2315C11.3173 10.806 11.7106 10.4813 12.0465 10.2573C12.3852 10.0306 12.6764 9.90461 12.9199 9.87942C13.1662 9.85422 13.3762 9.92981 13.5498 10.1062C13.6841 10.2377 13.7569 10.3917 13.7681 10.5681C13.7821 10.7444 13.7401 10.953 13.6421 11.1937C13.547 11.4317 13.4014 11.7144 13.2054 12.0419C13.1019 12.2127 13.0109 12.3624 12.9325 12.4912C12.8541 12.6172 12.7939 12.718 12.7519 12.7935C12.71 12.8663 12.6946 12.9069 12.7058 12.9153C12.7198 12.9265 12.7575 12.9097 12.8191 12.8649C12.8807 12.8173 12.9633 12.7488 13.0669 12.6592C13.1704 12.5668 13.2922 12.4562 13.4322 12.3275C13.5218 12.2407 13.6253 12.1973 13.7429 12.1973C13.8605 12.1973 13.9641 12.2407 14.0536 12.3275C14.1432 12.417 14.1852 12.5234 14.1796 12.6466C14.174 12.7698 14.1208 12.8817 14.0201 12.9825C13.6197 13.3884 13.2572 13.6432 12.9325 13.7467C12.6078 13.8531 12.3418 13.8027 12.1347 13.5956C11.9975 13.4584 11.9191 13.3058 11.8995 13.1379C11.8827 12.9727 11.9023 12.7991 11.9583 12.6172C12.0143 12.4352 12.0913 12.2547 12.1893 12.0755C12.2873 11.8936 12.3838 11.72 12.479 11.5548C12.6274 11.2945 12.7477 11.0999 12.8401 10.9712C12.9325 10.8424 12.9563 10.757 12.9115 10.715C12.8891 10.6926 12.8443 10.6996 12.7771 10.736C12.7128 10.7724 12.6218 10.8382 12.5042 10.9334C12.3894 11.0286 12.2481 11.1545 12.0801 11.3113C11.9149 11.4681 11.719 11.6556 11.4922 11.874C11.2851 12.0699 11.0709 12.2631 10.8498 12.4534C10.6314 12.6438 10.4117 12.8145 10.1905 12.9657C9.96938 13.1141 9.75243 13.226 9.53968 13.3016C9.32693 13.3772 9.12398 13.401 8.93082 13.373C8.73767 13.3478 8.55991 13.2554 8.39754 13.0959C8.21838 12.9139 8.11761 12.7138 8.09521 12.4954C8.07282 12.2771 8.10921 12.0461 8.20439 11.8026C8.30237 11.559 8.43953 11.3085 8.61589 11.0509C8.79225 10.7934 8.98821 10.5331 9.20376 10.2699C9.41931 10.0068 9.63626 9.74785 9.85461 9.49311C10.2185 9.0676 10.5307 8.69669 10.791 8.38036C11.0513 8.06403 11.2361 7.80509 11.3453 7.60354C11.4572 7.39919 11.4698 7.25502 11.3831 7.17104C11.3159 7.09826 11.2137 7.08566 11.0765 7.13325C10.9394 7.18084 10.7616 7.28581 10.5433 7.44818C10.3277 7.61054 10.066 7.83309 9.75803 8.11582C9.4501 8.39856 9.09038 8.74148 8.67888 9.14459C8.27017 9.54769 7.80268 10.0138 7.2764 10.5429L6.57516 11.2399C6.48558 11.3267 6.38061 11.3715 6.26023 11.3743C6.13986 11.3743 6.03489 11.3295 5.94531 11.2399Z" fill="currentColor"></path></svg>

package/DS1/x-icon/arrange-dropdown.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.5 12.5" fill="none"><path d="M1.2 2.2H11.3V3.2H1.2V2.2ZM1.2 5.2H6.2V6.2H1.2V5.2ZM1.2 8.2H6.2V9.2H1.2V8.2Z" fill="currentColor"></path><path d="M7.4 5.5L9.65 7.75L11.9 5.5" stroke="currentColor" stroke-width="1" stroke-linecap="square"></path></svg>

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

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path d="M3.64886 16.5334L16.3503 16.5334V18.0295L5.14491 18.0295L3.64886 18.0295V16.5334Z" fill="currentColor"></path><path d="M5.14491 18.0295L3.64886 18.0295V8.74904L5.14488 8.74903L5.14491 18.0295Z" fill="currentColor"></path><path d="M16.3503 18.0295H14.8544L14.8543 8.74906L16.3503 8.74905V18.0295Z" fill="currentColor"></path><path d="M15.4376 7.65933H13.9417L13.9416 4.24569L15.4376 4.24567V7.65933Z" fill="currentColor"></path><path d="M9.99984 1.9707L18.2069 10.1776L17.1491 11.2355L8.94199 3.02855L9.99984 1.9707Z" fill="currentColor"></path><path d="M2.85083 11.2355L1.79297 10.1776L9.99984 1.9707L11.0577 3.02854L2.85083 11.2355Z" fill="currentColor"></path></svg>

package/DS1/x-icon/arrange-link.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="none"><path d="M3.75684 14.2446L13.8838 4.11768" stroke="currentColor" stroke-width="1.2" stroke-linecap="square"></path><path d="M8.33301 4.11768H13.8838V9.66846" stroke="currentColor" stroke-width="1.2" stroke-linecap="square"></path></svg>

package/DS1/x-icon/arrange-menu.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path d="M16.7505 5.87476V8.87476H13.7505V5.87476L16.7505 5.87476Z" fill="currentColor"></path><path d="M16.7505 11.1248V14.1248H13.7505L13.7505 11.1248H16.7505Z" fill="currentColor"></path><path d="M11.5005 5.87476V8.87476H8.50049L8.50049 5.87476L11.5005 5.87476Z" fill="currentColor"></path><path d="M11.5005 11.1248L11.5005 14.1248H8.50049V11.1248H11.5005Z" fill="currentColor"></path><path d="M6.25049 5.87476L6.25049 8.87476H3.25049L3.25049 5.87476L6.25049 5.87476Z" fill="currentColor"></path><path d="M6.25049 11.1248V14.1248H3.25049L3.25049 11.1248L6.25049 11.1248Z" fill="currentColor"></path><path d="M6.25049 11.1248V14.1248H3.25049L3.25049 11.1248L6.25049 11.1248ZM11.5005 11.1248L11.5005 14.1248H8.50049V11.1248H11.5005ZM16.7505 11.1248V14.1248H13.7505L13.7505 11.1248H16.7505ZM6.25049 5.87476L6.25049 8.87476H3.25049L3.25049 5.87476L6.25049 5.87476ZM11.5005 5.87476V8.87476H8.50049L8.50049 5.87476L11.5005 5.87476ZM16.7505 5.87476V8.87476H13.7505V5.87476L16.7505 5.87476Z" fill="currentColor"></path></svg>

package/DS1/x-icon/arrange-more.svg

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

package/DS1/x-icon/arrange-page.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.99121 12.5898" fill="none"><path d="M9.99121 0V12.5898H0V0H9.99121ZM0.919922 11.6699H9.07129V0.919922H0.919922V11.6699ZM4.87402 6.15234V7.07227H2.125V6.15234H4.87402ZM7.02148 4.2207V5.14062H2.125V4.2207H7.02148ZM7.02148 2.28809V3.20898H2.125V2.28809H7.02148Z" fill="currentColor"></path></svg>

package/DS1/x-icon/arrange-plus.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none"><path d="M8.50248 2.6739L8.49972 7.5035L13.3335 7.51044L13.3251 8.50193L8.4934 8.49569L8.49964 13.3274L7.49776 13.3268L7.50051 8.49717L2.66675 8.49024L2.67515 7.49875L7.50684 7.50499L7.50129 2.67261L8.50248 2.6739Z" fill="currentColor"></path></svg>

package/DS1/x-icon/arrange-site.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" ><path d="M8.75344 15.0705C8.97846 15.1256 9.20921 15.1662 9.44463 15.1911V14.2946C9.16337 13.9174 8.89713 13.5069 8.66685 13.0677C8.3303 13.1516 8.00327 13.262 7.68737 13.3926C7.99903 14.0142 8.37131 14.5767 8.75344 15.0705Z" fill="currentColor"/><path d="M6.88023 10.5554C6.92692 11.2264 7.07336 11.8618 7.28526 12.4552C7.59532 12.3263 7.91717 12.2137 8.24964 12.1225C8.07166 11.6263 7.94829 11.1022 7.90319 10.5554H6.88023Z" fill="currentColor"/><path d="M8.75344 4.92946C8.97846 4.8743 9.20921 4.83372 9.44463 4.80881V5.70533C9.16337 6.08255 8.89713 6.49299 8.66685 6.93216C8.3303 6.8483 8.00327 6.73792 7.68737 6.60731C7.99903 5.98567 8.37131 5.42321 8.75344 4.92946Z" fill="currentColor"/><path d="M6.88023 9.44452C6.92692 8.77352 7.07336 8.13812 7.28526 7.54474C7.59532 7.67357 7.91717 7.78619 8.24964 7.87739C8.07166 8.37364 7.94829 8.89771 7.90319 9.44452H6.88023Z" fill="currentColor"/><path d="M3.66895 9.99995H4.78006C4.78006 9.81233 4.78996 9.62703 4.80927 9.44452C4.91365 8.4579 5.29288 7.55324 5.86895 6.80857C5.54365 6.60524 5.23845 6.39056 4.95546 6.1738C4.14815 7.23664 3.66898 8.56237 3.66895 9.99995Z" fill="currentColor"/><path d="M3.66895 9.99995C3.66898 11.4375 4.14815 12.7633 4.95546 13.8261C5.23845 13.6093 5.54365 13.3947 5.86895 13.1913C5.29288 12.4467 4.91365 11.542 4.80927 10.5554C4.78996 10.3729 4.78006 10.1876 4.78006 9.99995H3.66895Z" fill="currentColor"/><path d="M11.2472 15.0702C11.0222 15.1254 10.7914 15.166 10.556 15.1909V14.2943C10.8373 13.9171 11.1035 13.5067 11.3338 13.0675C11.6704 13.1514 11.9974 13.2617 12.3133 13.3924C12.0016 14.014 11.6293 14.5765 11.2472 15.0702Z" fill="currentColor"/><path d="M13.1204 10.5551C13.0737 11.2261 12.9273 11.8616 12.7154 12.4549C12.4053 12.3261 12.0835 12.2135 11.751 12.1223C11.929 11.626 12.0524 11.102 12.0975 10.5551H13.1204Z" fill="currentColor"/><path d="M11.2472 4.92922C11.0222 4.87406 10.7914 4.83349 10.556 4.80857V5.7051C10.8373 6.08232 11.1035 6.49276 11.3338 6.93193C11.6704 6.84806 11.9974 6.73769 12.3133 6.60708C12.0016 5.98543 11.6293 5.42298 11.2472 4.92922Z" fill="currentColor"/><path d="M13.1204 9.44429C13.0737 8.77329 12.9273 8.13788 12.7154 7.5445C12.4053 7.67334 12.0835 7.78596 11.751 7.87716C11.929 8.37341 12.0524 8.89747 12.0975 9.44429H13.1204Z" fill="currentColor"/><path d="M16.3317 9.99995L15.2206 9.99972C15.2206 9.8121 15.2107 9.62679 15.1914 9.44429C15.087 8.45766 14.7078 7.553 14.1317 6.80833C14.457 6.605 14.7622 6.39033 15.0452 6.17356C15.8525 7.23641 16.3317 8.56237 16.3317 9.99995Z" fill="currentColor"/><path d="M16.3317 9.99995C16.3317 11.4375 15.8525 12.763 15.0452 13.8259C14.7622 13.6091 14.457 13.3944 14.1317 13.1911C14.7078 12.4464 15.087 11.5418 15.1914 10.5551C15.2107 10.3726 15.2206 10.1873 15.2206 9.99972L16.3317 9.99995Z" fill="currentColor"/><path d="M8.74704 16.2074C9.15216 16.2888 9.57126 16.3315 10.0003 16.3315V15.2203C9.81262 15.2203 9.62722 15.2104 9.44463 15.1911C9.20921 15.1662 8.97846 15.1256 8.75344 15.0705C7.93905 14.8708 7.1997 14.4801 6.5856 13.9485C6.25087 14.148 5.93404 14.3646 5.63771 14.5884C6.48516 15.3944 7.55564 15.9681 8.74704 16.2074Z" fill="currentColor"/><path d="M4.95546 13.8261C5.1622 14.0983 5.39046 14.3532 5.63771 14.5884C5.93404 14.3646 6.25087 14.148 6.5856 13.9485C6.32239 13.7207 6.08218 13.467 5.86895 13.1913C5.54365 13.3947 5.23845 13.6093 4.95546 13.8261Z" fill="currentColor"/><path d="M6.5856 13.9485C6.93439 13.7408 7.30263 13.5517 7.68737 13.3926C7.53741 13.0935 7.40149 12.7806 7.28526 12.4552C6.78017 12.665 6.30638 12.9179 5.86895 13.1913C6.08218 13.467 6.32239 13.7207 6.5856 13.9485Z" fill="currentColor"/><path d="M7.68737 13.3926C8.00327 13.262 8.3303 13.1516 8.66685 13.0677C8.5085 12.7658 8.36717 12.4502 8.24964 12.1225C7.91717 12.2137 7.59532 12.3263 7.28526 12.4552C7.40149 12.7806 7.53741 13.0935 7.68737 13.3926Z" fill="currentColor"/><path d="M8.66685 13.0677C8.92092 13.0044 9.18041 12.9562 9.44463 12.9258V11.9C9.03329 11.9401 8.63436 12.017 8.24964 12.1225C8.36717 12.4502 8.5085 12.7658 8.66685 13.0677Z" fill="currentColor"/><path d="M9.44463 15.1911C9.62722 15.2104 9.81262 15.2203 10.0003 15.2203V9.99995H4.78006C4.78006 10.1876 4.78996 10.3729 4.80927 10.5554H6.88023H7.90319H9.44463V11.9V12.9258V14.2946V15.1911Z" fill="currentColor"/><path d="M10.0003 15.2203C10.188 15.2203 10.3734 15.2102 10.556 15.1909V14.2943V12.9256V11.8998V10.5551H12.0975H13.1204H15.1914C15.2107 10.3726 15.2206 10.1873 15.2206 9.99972L10.0003 9.99995V15.2203Z" fill="currentColor"/><path d="M10.556 12.9256C10.8202 12.956 11.0797 13.0042 11.3338 13.0675C11.4921 12.7655 11.6335 12.45 11.751 12.1223C11.3663 12.0167 10.9674 11.9399 10.556 11.8998V12.9256Z" fill="currentColor"/><path d="M11.3338 13.0675C11.6704 13.1514 11.9974 13.2617 12.3133 13.3924C12.4632 13.0932 12.5992 12.7804 12.7154 12.4549C12.4053 12.3261 12.0835 12.2135 11.751 12.1223C11.6335 12.45 11.4921 12.7655 11.3338 13.0675Z" fill="currentColor"/><path d="M12.3133 13.3924C12.698 13.5514 13.0663 13.7405 13.415 13.9483C13.6783 13.7205 13.9185 13.4667 14.1317 13.1911C13.6943 12.9177 13.2205 12.6648 12.7154 12.4549C12.5992 12.7804 12.4632 13.0932 12.3133 13.3924Z" fill="currentColor"/><path d="M14.3629 14.5882C14.6102 14.353 14.8384 14.0981 15.0452 13.8259C14.7622 13.6091 14.457 13.3944 14.1317 13.1911C13.9185 13.4667 13.6783 13.7205 13.415 13.9483C13.7498 14.1477 14.0666 14.3643 14.3629 14.5882Z" fill="currentColor"/><path d="M10.0003 16.3315C10.4294 16.3315 10.8485 16.2885 11.2536 16.2072C12.445 15.9679 13.5155 15.3942 14.3629 14.5882C14.0666 14.3643 13.7498 14.1477 13.415 13.9483C12.801 14.4799 12.0616 14.8706 11.2472 15.0702C11.0222 15.1254 10.7914 15.166 10.556 15.1909C10.3734 15.2102 10.188 15.2203 10.0003 15.2203V16.3315Z" fill="currentColor"/><path d="M11.3338 6.93193C11.0797 6.99524 10.8202 7.04345 10.556 7.07385V8.09963C10.9674 8.05954 11.3663 7.98269 11.751 7.87716C11.6335 7.54947 11.4921 7.2339 11.3338 6.93193Z" fill="currentColor"/><path d="M9.44463 7.07409C9.18041 7.04368 8.92092 6.99548 8.66685 6.93216C8.5085 7.23414 8.36717 7.5497 8.24964 7.87739C8.63436 7.98292 9.03329 8.05977 9.44463 8.09987V7.07409Z" fill="currentColor"/><path d="M8.66685 6.93216C8.3303 6.8483 8.00327 6.73792 7.68737 6.60731C7.53741 6.90644 7.40149 7.21927 7.28526 7.54474C7.59532 7.67357 7.91717 7.78619 8.24964 7.87739C8.36717 7.5497 8.5085 7.23414 8.66685 6.93216Z" fill="currentColor"/><path d="M7.68737 6.60731C7.30263 6.44824 6.93439 6.25914 6.5856 6.05136C6.32239 6.2792 6.08218 6.53292 5.86895 6.80857C6.30638 7.08198 6.78017 7.33487 7.28526 7.54474C7.40149 7.21927 7.53741 6.90644 7.68737 6.60731Z" fill="currentColor"/><path d="M5.63771 5.41152C5.39046 5.64668 5.1622 5.90162 4.95546 6.1738C5.23845 6.39056 5.54365 6.60524 5.86895 6.80857C6.08218 6.53292 6.32239 6.2792 6.5856 6.05136C6.25087 5.85195 5.93404 5.63533 5.63771 5.41152Z" fill="currentColor"/><path d="M10.0003 3.66846C9.57126 3.66846 9.15216 3.71114 8.74704 3.7925C7.55564 4.03176 6.48516 4.60547 5.63771 5.41152C5.93404 5.63533 6.25087 5.85195 6.5856 6.05136C7.1997 5.51979 7.93905 5.12907 8.75344 4.92946C8.97846 4.8743 9.20921 4.83372 9.44463 4.80881C9.62722 4.78948 9.81262 4.77959 10.0003 4.77959V3.66846Z" fill="currentColor"/><path d="M10.0003 4.77959C9.81262 4.77959 9.62722 4.78948 9.44463 4.80881V5.70533V7.07409V8.09987V9.44452H7.90319H6.88023H4.80927C4.78996 9.62703 4.78006 9.81233 4.78006 9.99995H10.0003V4.77959Z" fill="currentColor"/><path d="M10.556 4.80857C10.3734 4.78925 10.188 4.77959 10.0003 4.77959V9.99995L15.2206 9.99972C15.2206 9.8121 15.2107 9.62679 15.1914 9.44429H13.1204H12.0975H10.556V8.09963V7.07385V5.7051V4.80857Z" fill="currentColor"/><path d="M11.2536 3.79227C10.8485 3.71091 10.4294 3.66846 10.0003 3.66846V4.77959C10.188 4.77959 10.3734 4.78925 10.556 4.80857C10.7914 4.83349 11.0222 4.87406 11.2472 4.92922C12.0616 5.12883 12.801 5.51955 13.415 6.05113C13.7498 5.85172 14.0666 5.6351 14.3629 5.41128C13.5155 4.60524 12.445 4.03153 11.2536 3.79227Z" fill="currentColor"/><path d="M12.3133 6.60708C11.9974 6.73769 11.6704 6.84806 11.3338 6.93193C11.4921 7.2339 11.6335 7.54947 11.751 7.87716C12.0835 7.78596 12.4053 7.67334 12.7154 7.5445C12.5992 7.21903 12.4632 6.9062 12.3133 6.60708Z" fill="currentColor"/><path d="M13.415 6.05113C13.0663 6.25891 12.698 6.448 12.3133 6.60708C12.4632 6.9062 12.5992 7.21903 12.7154 7.5445C13.2205 7.33463 13.6943 7.08174 14.1317 6.80833C13.9185 6.53269 13.6783 6.27897 13.415 6.05113Z" fill="currentColor"/><path d="M15.0452 6.17356C14.8384 5.90139 14.6102 5.64645 14.3629 5.41128C14.0666 5.6351 13.7498 5.85172 13.415 6.05113C13.6783 6.27897 13.9185 6.53269 14.1317 6.80833C14.457 6.605 14.7622 6.39033 15.0452 6.17356Z" fill="currentColor"/></svg>

package/DS1/x-icon/avatar.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.00001 8.56915C8.71876 8.56915 9.36524 8.67853 9.93946 8.89728C10.5137 9.11212 11.0039 9.39142 11.4102 9.73517C11.8203 10.0789 12.0434 10.4012 12.2583 10.7957C12.3903 11.0383 12.5357 11.3646 12.6249 11.756C12.6779 11.9885 12.7133 12.2215 12.7133 12.7234H3.28666C3.28666 12.2215 3.32208 11.9885 3.37507 11.756C3.46425 11.3646 3.6096 11.0383 3.74169 10.7957C3.95654 10.4012 4.17962 10.0789 4.58978 9.73517C4.99603 9.39142 5.48626 9.11212 6.06048 8.89728C6.6347 8.67853 7.28126 8.56915 8.00001 8.56915Z" fill="currentColor"/>
+<path d="M8.00291 7.71044C7.60056 7.71044 7.22947 7.61191 6.88963 7.41484C6.55369 7.2142 6.28416 6.94369 6.08103 6.60331C5.87791 6.26293 5.77634 5.88314 5.77634 5.46394C5.77634 5.04832 5.87791 4.67569 6.08103 4.34607C6.28416 4.01285 6.55564 3.74951 6.89548 3.55603C7.23533 3.35897 7.60447 3.26044 8.00291 3.26044C8.40134 3.26044 8.76853 3.35718 9.10447 3.55065C9.44041 3.74055 9.70994 4.0021 9.91306 4.33532C10.1201 4.66495 10.2236 5.03757 10.2236 5.45319C10.2236 5.87598 10.1201 6.25935 9.91306 6.60331C9.70994 6.94369 9.44041 7.2142 9.10447 7.41484C8.76853 7.61191 8.40134 7.71044 8.00291 7.71044Z" fill="currentColor"/>
+</svg>

package/DS1/x-icon/badge-bands-3d.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 18.4752" width="16" height="16"><g transform="translate(1.5 13.2791) scale(9.8995)"><polygon points="0,0 0.7071,0.4082 0.7071,-0.4082 0,-0.8165" fill="#ffffff"/><g transform="matrix(0.7071 0.4082 0 0.8165 0 -0.8165)"><svg viewBox="0 0 16 16" width="1" height="1" overflow="visible"><g shape-rendering="crispEdges"><rect x="0" y="0" width="16" height="4" fill="#ccccff"/><rect x="0" y="4" width="16" height="4" fill="#979441"/><rect x="0" y="8" width="16" height="4" fill="#eaff00"/><rect x="0" y="12" width="16" height="4" fill="#f5aad1"/></g></svg></g><polygon points="0,0 0.7071,0.4082 0.7071,-0.4082 0,-0.8165" fill="#1b2430" fill-opacity="0.18"/><polygon points="0,0 0.7071,0.4082 0.7071,-0.4082 0,-0.8165" fill="none" stroke="#1e1e1e" stroke-opacity="0.35" stroke-width="1" stroke-linejoin="round" vector-effect="non-scaling-stroke"/><polygon points="0.7071,0.4082 1.4142,0 1.4142,-0.8165 0.7071,-0.4082" fill="#ffffff"/><g transform="matrix(0.7071 -0.4082 0 0.8165 0.7071 -0.4082)"><svg viewBox="0 0 16 16" width="1" height="1" overflow="visible"><g shape-rendering="crispEdges"><rect x="0" y="0" width="16" height="4" fill="#ccccff"/><rect x="0" y="4" width="16" height="4" fill="#979441"/><rect x="0" y="8" width="16" height="4" fill="#eaff00"/><rect x="0" y="12" width="16" height="4" fill="#f5aad1"/></g></svg></g><polygon points="0.7071,0.4082 1.4142,0 1.4142,-0.8165 0.7071,-0.4082" fill="none" stroke="#1e1e1e" stroke-opacity="0.35" stroke-width="1" stroke-linejoin="round" vector-effect="non-scaling-stroke"/><polygon points="0,-0.8165 0.7071,-1.2247 1.4142,-0.8165 0.7071,-0.4082" fill="#ffffff"/><g transform="matrix(0.7071 -0.4082 0.7071 0.4082 0 -0.8165)"><svg viewBox="0 0 16 16" width="1" height="1" overflow="visible"><g shape-rendering="crispEdges"><rect x="0" y="0" width="16" height="4" fill="#ccccff"/><rect x="0" y="4" width="16" height="4" fill="#979441"/><rect x="0" y="8" width="16" height="4" fill="#eaff00"/><rect x="0" y="12" width="16" height="4" fill="#f5aad1"/></g></svg></g><polygon points="0,-0.8165 0.7071,-1.2247 1.4142,-0.8165 0.7071,-0.4082" fill="#ffffff" fill-opacity="0.12"/><polygon points="0,-0.8165 0.7071,-1.2247 1.4142,-0.8165 0.7071,-0.4082" fill="none" stroke="#1e1e1e" stroke-opacity="0.35" stroke-width="1" stroke-linejoin="round" vector-effect="non-scaling-stroke"/></g></svg></svg>