even-toolkit 0.5.2 → 1.0.0

package/web/components/voice-input.tsx

@@ -0,0 +1,165 @@
+import * as React from 'react';
+import { cn } from '../utils/cn';
+
+// ─── WaveformVisualizer ─────────────────────────────────────────
+
+interface WaveformVisualizerProps {
+  active: boolean;
+  barCount?: number;
+  color?: string;
+  className?: string;
+}
+
+function WaveformVisualizer({ active, barCount = 5, color, className }: WaveformVisualizerProps) {
+  return (
+    <div className={cn('flex items-center gap-[3px] h-6', className)}>
+      {Array.from({ length: barCount }).map((_, i) => (
+        <div
+          key={i}
+          className="w-[3px] rounded-full transition-all"
+          style={{
+            backgroundColor: color ?? 'var(--color-accent)',
+            height: active ? undefined : '4px',
+            animation: active ? `waveform-bar 0.8s ease-in-out ${i * 0.1}s infinite alternate` : 'none',
+          }}
+        />
+      ))}
+      {active && (
+        <style>{`
+          @keyframes waveform-bar {
+            0% { height: 4px; }
+            100% { height: 20px; }
+          }
+        `}</style>
+      )}
+    </div>
+  );
+}
+
+// ─── VoiceInput ─────────────────────────────────────────────────
+
+type VoiceState = 'idle' | 'listening' | 'processing' | 'result';
+
+interface VoiceInputProps {
+  onTranscript: (text: string) => void;
+  onAudioBlob?: (blob: Blob) => void;
+  language?: string;
+  className?: string;
+}
+
+function VoiceInput({ onTranscript, language = 'en-US', className }: VoiceInputProps) {
+  const [state, setState] = React.useState<VoiceState>('idle');
+  const [transcript, setTranscript] = React.useState('');
+  const recognitionRef = React.useRef<any>(null);
+
+  const SpeechRecognition = typeof window !== 'undefined'
+    ? (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition
+    : null;
+
+  const startListening = () => {
+    if (!SpeechRecognition) return;
+
+    const recognition = new SpeechRecognition();
+    recognition.lang = language;
+    recognition.continuous = false;
+    recognition.interimResults = true;
+
+    recognition.onstart = () => setState('listening');
+    recognition.onresult = (e: any) => {
+      const text = Array.from(e.results)
+        .map((r: any) => r[0].transcript)
+        .join('');
+      setTranscript(text);
+    };
+    recognition.onend = () => {
+      setState('result');
+      if (transcript) onTranscript(transcript);
+    };
+    recognition.onerror = () => setState('idle');
+
+    recognitionRef.current = recognition;
+    recognition.start();
+  };
+
+  const stopListening = () => {
+    recognitionRef.current?.stop();
+    setState('processing');
+  };
+
+  const reset = () => {
+    setTranscript('');
+    setState('idle');
+  };
+
+  if (!SpeechRecognition) {
+    return (
+      <div className={cn('text-[13px] tracking-[-0.13px] text-text-dim', className)}>
+        Voice input not supported in this browser.
+      </div>
+    );
+  }
+
+  return (
+    <div className={cn('flex flex-col items-center gap-3', className)}>
+      {/* Mic button */}
+      <button
+        type="button"
+        onClick={state === 'listening' ? stopListening : state === 'result' ? reset : startListening}
+        className={cn(
+          'w-14 h-14 rounded-full flex items-center justify-center cursor-pointer transition-all',
+          state === 'listening' && 'bg-accent animate-pulse scale-110',
+          state === 'idle' && 'bg-surface hover:bg-surface-light',
+          state === 'processing' && 'bg-surface-lighter',
+          state === 'result' && 'bg-surface hover:bg-surface-light',
+        )}
+      >
+        {state === 'processing' ? (
+          <div className="w-5 h-5 animate-spin rounded-full border-2 border-surface-lighter border-t-accent" />
+        ) : (
+          <svg viewBox="0 0 24 24" className={cn('w-6 h-6', state === 'listening' ? 'text-text-highlight' : 'text-text')}>
+            {/* Mic body (centered at x=12) */}
+            <rect x={10} y={3} width={4} height={2} fill="currentColor" />
+            <rect x={10} y={5} width={4} height={2} fill="currentColor" />
+            <rect x={10} y={7} width={4} height={2} fill="currentColor" />
+            <rect x={10} y={9} width={4} height={2} fill="currentColor" />
+            {/* Mic sides */}
+            <rect x={8} y={9} width={2} height={2} fill="currentColor" />
+            <rect x={14} y={9} width={2} height={2} fill="currentColor" />
+            {/* Outer arc */}
+            <rect x={6} y={7} width={2} height={2} fill="currentColor" />
+            <rect x={16} y={7} width={2} height={2} fill="currentColor" />
+            <rect x={6} y={11} width={2} height={2} fill="currentColor" />
+            <rect x={16} y={11} width={2} height={2} fill="currentColor" />
+            {/* Bottom of arc */}
+            <rect x={8} y={13} width={8} height={2} fill="currentColor" />
+            {/* Stand */}
+            <rect x={11} y={15} width={2} height={2} fill="currentColor" />
+            {/* Base */}
+            <rect x={8} y={17} width={8} height={2} fill="currentColor" />
+          </svg>
+        )}
+      </button>
+
+      {/* Waveform */}
+      {state === 'listening' && <WaveformVisualizer active={true} />}
+
+      {/* Status text */}
+      <span className="text-[13px] tracking-[-0.13px] text-text-dim">
+        {state === 'idle' && 'Tap to speak'}
+        {state === 'listening' && 'Listening...'}
+        {state === 'processing' && 'Processing...'}
+        {state === 'result' && 'Tap to try again'}
+      </span>
+
+      {/* Transcript */}
+      {transcript && (
+        <div className="bg-surface rounded-[6px] p-3 text-[15px] tracking-[-0.15px] text-text w-full">
+          {transcript}
+        </div>
+      )}
+    </div>
+  );
+}
+
+export { VoiceInput, WaveformVisualizer };
+export type { VoiceInputProps, WaveformVisualizerProps };

package/web/icons/README.md

@@ -0,0 +1,38 @@
+# Even Toolkit — Icon System
+
+## Adding Icons
+
+1. **Export SVGs from Figma**: Select the icon layer → Export as SVG → optimize with SVGO if desired.
+
+2. **Create a React component** (or use your bundler's SVG import):
+   ```tsx
+   // icons/arrow-right.tsx
+   export default (props: React.SVGProps<SVGSVGElement>) => (
+     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} {...props}>
+       <path d="M5 12h14M12 5l7 7-7 7" />
+     </svg>
+   );
+   ```
+
+3. **Register the icon** in your app's entry point:
+   ```tsx
+   import { registerIcon } from 'even-toolkit/web/icons';
+   import ArrowRight from './icons/arrow-right';
+   registerIcon('arrow-right', ArrowRight);
+   ```
+
+4. **Use it anywhere**:
+   ```tsx
+   import { Icon } from 'even-toolkit/web/icons';
+   <Icon name="arrow-right" size={20} className="text-accent" />
+   ```
+
+## Icon Categories (from Design Guidelines)
+
+- **Menu Bar** — app navigation icons
+- **Feature & Function** — action icons (add, edit, delete, share, etc.)
+- **Guide System** — onboarding / tutorial icons
+- **Edit & Settings** — configuration icons
+- **Status** — connection, battery, sync indicators
+- **Navigate** — arrows, chevrons, back/forward
+- **Health** — heart rate, steps, workout icons

package/web/icons/index.ts

@@ -0,0 +1,61 @@
+import * as React from 'react';
+
+type IconComponent = React.FC<React.SVGProps<SVGSVGElement>>;
+
+const registry = new Map<string, IconComponent>();
+
+/** Register an SVG icon component under a name. */
+export function registerIcon(name: string, component: IconComponent) {
+  registry.set(name, component);
+}
+
+/** Register multiple icons at once. */
+export function registerIcons(icons: Record<string, IconComponent>) {
+  for (const [name, component] of Object.entries(icons)) {
+    registry.set(name, component);
+  }
+}
+
+/** Register all built-in Even Realities pixel-art icons. */
+export async function registerAllIcons() {
+  const { allIcons } = await import('./svg-icons');
+  registerIcons(allIcons);
+}
+
+/** Get all registered icon names. */
+export function getIconNames(): string[] {
+  return Array.from(registry.keys());
+}
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  name: string;
+  size?: number;
+}
+
+/**
+ * Renders a registered SVG icon by name.
+ *
+ * Usage:
+ * ```tsx
+ * import { Icon, registerIcons } from 'even-toolkit/web/icons';
+ * import { allIcons } from 'even-toolkit/web/icons/svg-icons';
+ * registerIcons(allIcons);
+ * <Icon name="ic_search" size={24} />
+ * ```
+ */
+function Icon({ name, size = 24, className, ...props }: IconProps) {
+  const SvgComponent = registry.get(name);
+  if (!SvgComponent) {
+    console.warn(`[even-toolkit] Icon "${name}" not found in registry.`);
+    return null;
+  }
+  return React.createElement(SvgComponent, {
+    width: size,
+    height: size,
+    className,
+    ...props,
+  });
+}
+
+export { Icon };
+export type { IconProps, IconComponent };

package/web/icons/svg/edit-add.svg

@@ -0,0 +1,13 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76610)">
+<rect x="15" y="4" width="2" height="10" fill="currentColor"/>
+<rect x="5" y="16" width="2" height="10" transform="rotate(-90 5 16)" fill="currentColor"/>
+<rect x="17" y="26" width="2" height="10" transform="rotate(-180 17 26)" fill="currentColor"/>
+<rect x="27" y="14" width="2" height="10" transform="rotate(90 27 14)" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76610">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/edit-checklist.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 27H4V25H6V27ZM4 25H2V23H4V25ZM8 25H6V23H8V25ZM30 24H12V22H30V24ZM10 23H8V21H10V23ZM12 21H10V19H12V21ZM8 13H4V11H8V13ZM4 11H2V7H4V11ZM10 11H8V7H10V11ZM30 10H12V8H30V10ZM8 7H4V5H8V7Z" fill="currentColor"/>
+</svg>

package/web/icons/svg/edit-copy.svg

@@ -0,0 +1,12 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="26" y="25" width="5" height="2" transform="rotate(-180 26 25)" fill="currentColor"/>
+<rect x="6" y="7" width="9" height="2" fill="currentColor"/>
+<rect x="17" y="11" width="2" height="2" fill="currentColor"/>
+<rect x="15" y="13" width="4" height="2" transform="rotate(-90 15 13)" fill="currentColor"/>
+<rect x="11" y="7" width="2" height="2" transform="rotate(-90 11 7)" fill="currentColor"/>
+<rect x="21" y="13" width="14" height="2" transform="rotate(90 21 13)" fill="currentColor"/>
+<rect x="5" y="27" width="14" height="2" fill="currentColor"/>
+<rect x="13" y="3" width="13" height="2" fill="currentColor"/>
+<rect x="4" y="9" width="2" height="18" fill="currentColor"/>
+<rect x="26" y="5" width="2" height="18" fill="currentColor"/>
+</svg>

package/web/icons/svg/edit-cross-small.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76618)">
+<path d="M7 27H5V25H7V27ZM27 27H25V25H27V27ZM9 25H7V23H9V25ZM25 25H23V23H25V25ZM11 23H9V21H11V23ZM23 23H21V21H23V23ZM13 21H11V19H13V21ZM21 21H19V19H21V21ZM15 19H13V17H15V19ZM19 19H17V17H19V19ZM15 15H13V13H15V15ZM19 15H17V13H19V15ZM13 13H11V11H13V13ZM21 13H19V11H21V13ZM11 11H9V9H11V11ZM23 11H21V9H23V11ZM9 9H7V7H9V9ZM25 9H23V7H25V9ZM7 5V7H5V5H7ZM27 7H25V5H27V7Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76618">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/edit-cross.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76614)">
+<path d="M5 29H3V27H5V29ZM29 29H27V27H29V29ZM7 27H5V25H7V27ZM27 27H25V25H27V27ZM9 25H7V23H9V25ZM25 25H23V23H25V25ZM11 23H9V21H11V23ZM23 23H21V21H23V23ZM13 21H11V19H13V21ZM21 21H19V19H21V21ZM15 19H13V17H15V19ZM19 19H17V17H19V19ZM15 15H13V13H15V15ZM19 15H17V13H19V15ZM13 13H11V11H13V13ZM21 13H19V11H21V13ZM11 11H9V9H11V11ZM23 11H21V9H23V11ZM9 9H7V7H9V9ZM25 9H23V7H25V9ZM7 7H5V5H7V7ZM27 7H25V5H27V7ZM5 3V5H3V3H5ZM29 5H27V3H29V5Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76614">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/edit-cut.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76590)">
+<path d="M30 27H28V25H30V27ZM13 26H4V24H13V26ZM28 25H26V23H28V25ZM4 24H2V19H4V24ZM13 19H4V17H18V19H15V24H13V19ZM26 23H24V21H26V23ZM24 21H22V19H24V21ZM22 19H20V17H22V19ZM20 17H18V15H20V17ZM15 13H18V15H4V13H13V8H15V13ZM22 15H20V13H22V15ZM4 13H2V8H4V13ZM24 13H22V11H24V13ZM26 11H24V9H26V11ZM28 9H26V7H28V9ZM13 8H4V6H13V8ZM30 7H28V5H30V7Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76590">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/edit-display-adj.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 25H24V27H8V28H6V27H2V25H6V24H8V25ZM23 22H3V20H23V22ZM30 16H31V18H30V21H28V18H27V16H28V7H30V16ZM3 20H1V8H3V20ZM25 20H23V8H25V20ZM23 8H3V6H23V8Z" fill="currentColor"/>
+</svg>

package/web/icons/svg/edit-dist-adj.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 25H10V27H4V21H6V25ZM9 24H7V22H9V24ZM22 23H13V21H22V23ZM11 22H9V20H11V22ZM24 21H22V12H24V21ZM13 20H11V18H13V20ZM8 19H6V12H8V19ZM15 18H13V16H15V18ZM22 12H8V10H22V12ZM27 11H25V7H21V5H27V11ZM24 10H22V8H24V10Z" fill="currentColor"/>
+</svg>

package/web/icons/svg/edit-dot-lists.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 25H3V21H7V25ZM29 24H11V22H29V24ZM7 11H3V7H7V11ZM29 10H11V8H29V10Z" fill="currentColor"/>
+</svg>

package/web/icons/svg/edit-edit.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 27H9V29H3V23H5V27ZM30 29H15V27H30V29ZM11 27H9V25H11V27ZM13 25H11V23H13V25ZM7 23H5V21H7V23ZM15 23H13V21H15V23ZM9 21H7V19H9V21ZM17 21H15V19H17V21ZM11 19H9V17H11V19ZM19 19H17V17H19V19ZM13 17H11V15H13V17ZM21 17H19V15H21V17ZM15 15H13V13H15V15ZM23 15H21V13H23V15ZM17 13H15V11H17V13ZM25 13H23V11H25V13ZM19 11H17V9H19V11ZM23 11H21V9H23V11ZM27 11H25V9H27V11ZM21 9H19V7H21V9ZM29 9H27V7H29V9ZM23 7H21V5H23V7ZM27 7H25V5H27V7ZM25 5H23V3H25V5Z" fill="currentColor"/>
+</svg>

package/web/icons/svg/edit-hight-adj.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 31H15V29H17V31ZM15 29H13V27H15V29ZM19 29H17V27H19V29ZM13 27H11V25H13V27ZM17 27H15V23H17V27ZM21 27H19V25H21V27ZM24 22H8V20H24V22ZM8 20H6V12H8V20ZM26 20H24V12H26V20ZM24 12H8V10H24V12ZM17 9H15V5H17V9ZM13 7H11V5H13V7ZM21 7H19V5H21V7ZM15 5H13V3H15V5ZM19 5H17V3H19V5ZM17 3H15V1H17V3Z" fill="currentColor"/>
+</svg>

package/web/icons/svg/edit-import.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76574)">
+<path d="M5 27.998H27V18H29V28H27V29.998H5V28H3V18H5V27.998ZM17 25.001H15V23.001H17V25.001ZM15 23.001H13V21.001H15V23.001ZM19 23.001H17V21.001H19V23.001ZM13 21.001H11V19.001H13V21.001ZM21 21.001H19V19.001H21V21.001ZM17 21H15V2H17V21ZM11 19.001H9V17.001H11V19.001ZM23 19.001H21V17.001H23V19.001ZM9 17H7V15H9V17ZM25 17H23V15H25V17ZM7 15H5V13H7V15ZM27 15H25V13H27V15Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76574">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/edit-layout-settings.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76654)">
+<path d="M26 30.0029H6V28.0029H26V30.0029ZM6 28.0029H4V4.00293H6V28.0029ZM28 28.0029H26V8.00293H28V28.0029ZM22 23.0029H20V21.0029H22V23.0029ZM20 21.0029H8V19.0029H20V21.0029ZM24 21.0029H22V19.0029H24V21.0029ZM22 19.0029H20V17.0029H22V19.0029ZM12 15.0029H10V13.0029H12V15.0029ZM10 13.0029H8V11.0029H10V13.0029ZM24 13.0029H12V11.0029H24V13.0029ZM12 11.0029H10V9.00293H12V11.0029ZM24 6.00293H26V8.00293H22V4.00293H24V6.00293ZM22 4.00293H6V2.00293H22V4.00293Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76654">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/edit-multi-selection.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76670)">
+<path d="M25 28H23V26H25V28ZM7 26H3V24H7V26ZM19 26H10V24H19V26ZM23 26H21V24H23V26ZM27 26H25V24H27V26ZM29 24H27V22H29V24ZM31 22H29V20H31V22ZM7 17H3V15H7V17ZM28 17H10V15H28V17ZM7 8H3V6H7V8ZM28 8H10V6H28V8Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76670">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/edit-new.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26 30H6V28H26V30ZM6 28H4V4H6V28ZM28 28H26V8H28V28ZM17 22.0049H15V17.0049H17V22.0049ZM17 15.0049H15.0049V17H10.0049V15H15V10.0049H17V15.0049ZM22.0049 17H17.0049V15H22.0049V17ZM24 6H26V8H22V4H24V6ZM22 4H6V2H22V4Z" fill="currentColor"/>
+</svg>

package/web/icons/svg/edit-number-list.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 28H4V26H10V28ZM4 26H2V22H8V20H10V24H4V26ZM30 24H12V22H30V24ZM8 20H4V18H8V20ZM8 15H6V6H8V15ZM30 10H12V8H30V10ZM6 6H4V4H6V6Z" fill="currentColor"/>
+</svg>

package/web/icons/svg/edit-options.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76674)">
+<path d="M6 25H2V23H6V25ZM30 25H9V23H30V25ZM6 17H2V15H6V17ZM30 17H9V15H30V17ZM6 9H2V7H6V9ZM30 9H9V7H30V9Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76674">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/edit-paste.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76598)">
+<path d="M20 30H4V28H20V30ZM4 28H2V8H4V28ZM28 26H22V28H20V26H12V24H28V26ZM12 24H10V8H4V6H10V4H12V24ZM30 24H28V4H30V24ZM26 19H14V17H26V19ZM26 15H14V13H26V15ZM26 11H14V9H26V11ZM28 4H12V2H28V4Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76598">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/edit-pause.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76646)">
+<path d="M11 28H9V4H11V28ZM23 28H21V4H23V28Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76646">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/edit-pin.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76630)">
+<path d="M17 31H15V20H17V31ZM6 18H15V20H4V16H6V18ZM28 20H17V18H26V16H28V20ZM8 16H6V14H8V16ZM26 16H24V14H26V16ZM10 14H8V12H10V14ZM24 14H22V12H24V14ZM13 10H19V5H21V10H22V12H10V10H11V5H13V10ZM11 5H9V3H11V5ZM23 5H21V3H23V5ZM21 3H11V1H21V3Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76630">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/edit-play.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76642)">
+<path d="M12 29H9V27H12V29ZM9 27H7V5H9V27ZM15 27H12V25H15V27ZM18 25H15V23H18V25ZM21 23H18V21H21V23ZM24 21H21V19H24V21ZM26 19H24V17H26V19ZM28 17H26V15H28V17ZM26 15H24V13H26V15ZM24 13H21V11H24V13ZM21 11H18V9H21V11ZM18 9H15V7H18V9ZM15 7H12V5H15V7ZM12 5H9V3H12V5Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76642">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/edit-redo.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76626)">
+<path d="M22 25V27H10V25H22ZM10 25H8V23H10V25ZM8 23H6V15H8V23ZM20 19H18V17H20V19ZM22 17H20V15H22V17ZM10 15H8V13H10V15ZM24 15H22V13H24V15ZM22 13H10V11H22V13ZM26 13H24V11H26V13ZM24 11H22V9H24V11ZM22 9H20V7H22V9ZM20 7H18V5H20V7Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76626">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/edit-restore.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76650)">
+<path d="M24 29H8V27H24V29ZM8 27H6V25H8V27ZM26 27H24V25H26V27ZM6 25H4V15H6V25ZM28 25H26V11H28V25ZM14 13H12V11H14V13ZM12 11H10V9H12V11ZM26 11H24V9H26V11ZM10 9H8V7H10V9ZM24 9H12V7H24V9ZM12 7H10V5H12V7ZM14 5H12V3H14V5Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76650">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/edit-settings.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25 28H21V26H25V28ZM21 26H3V24H21V26ZM29 26H25V24H29V26ZM25 24H21V22H25V24ZM18 19H14V17H18V19ZM14 17H3V15H14V17ZM29 17H18V15H29V17ZM18 15H14V13H18V15ZM11 10H7V8H11V10ZM7 8H3V6H7V8ZM29 8H11V6H29V8ZM11 6H7V4H11V6Z" fill="currentColor"/>
+</svg>

package/web/icons/svg/edit-share.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27 29H5V27H27V29ZM5 27H3V5H5V27ZM29 27H27V19H29V27ZM12 22H10V18H12V22ZM14 18H12V14H14V18ZM24 16H22V14H24V16ZM16 14H14V12H16V14ZM26 14H24V12H26V14ZM20 12H16V10H20V12ZM28 12H26V10H28V12ZM26 10H20V8H26V10ZM30 10H28V8H30V10ZM28 8H26V6H28V8ZM26 6H24V4H26V6ZM13 5H5V3H13V5ZM24 4H22V2H24V4Z" fill="currentColor"/>
+</svg>

package/web/icons/svg/edit-sweep.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76606)">
+<path d="M12 27H15V18H17V27H20V29H7V27H10V18H12V27ZM25 29H22V27H25V29ZM4 13H28V11H30V15H27V27H25V15H7V27H5V15H2V11H4V13ZM22 27H20V18H22V27ZM22 9H28V11H20V5H12V11H4V9H10V3H22V9Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76606">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/edit-switch.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 30H16V28H18V30ZM16 28H14V26H16V28ZM14 26H12V24H14V26ZM26 26H16V24H26V26ZM16 24H14V22H16V24ZM28 22V24H26V22H28ZM4 22H2V10H4V22ZM18 22H16V20H18V22ZM30 22H28V10H30V22ZM16 12H14V10H16V12ZM6 10H4V8H6V10ZM18 10H16V8H18V10ZM16 8H6V6H16V8ZM20 8H18V6H20V8ZM18 6H16V4H18V6ZM16 4H14V2H16V4Z" fill="currentColor"/>
+</svg>

package/web/icons/svg/edit-trash.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76602)">
+<path d="M24 30H8V28H24V30ZM8 28H6V10H8V28ZM26 28H24V10H26V28ZM14 26H12V10H14V26ZM20 26H18V10H20V26ZM12 6H20V4H22V6H28V8H4V6H10V4H12V6ZM20 4H12V2H20V4Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76602">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/edit-undo.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76622)">
+<path d="M22 27H10V25H22V27ZM24 25H22V23H24V25ZM26 23H24V15H26V23ZM14 19H12V17H14V19ZM12 17H10V15H12V17ZM10 15H8V13H10V15ZM24 15H22V13H24V15ZM8 13H6V11H8V13ZM22 13H10V11H22V13ZM10 11H8V9H10V11ZM12 9H10V7H12V9ZM14 7H12V5H14V7Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76622">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/edit-unpin.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 31H15V20H17V31ZM28 28H26V26H28V28ZM26 26H24V24H26V26ZM24 24H22V22H24V24ZM22 22H20V20H22V22ZM6 18H15V20H4V16H6V18ZM20 20H18V18H20V20ZM28 20H22V18H26V16H28V20ZM18 18H16V16H18V18ZM8 16H6V14H8V16ZM16 16H14V14H16V16ZM26 16H24V14H26V16ZM10 14H8V12H10V14ZM14 14H12V12H14V14ZM24 14H22V12H24V14ZM12 12H10V10H12V12ZM21 10H22V12H14V10H19V5H21V10ZM10 10H8V8H10V10ZM13 9H11V5H13V9ZM8 8H6V6H8V8ZM6 6H4V4H6V6ZM11 5H9V3H11V5ZM23 5H21V3H23V5ZM21 3H11V1H21V3Z" fill="currentColor"/>
+</svg>

package/web/icons/svg/edit-upload-to-cloud.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 28H15V18H17V28ZM6 22H3V20H6V22ZM11 22H9V20H11V22ZM23 22H21V20H23V22ZM29 22H26V20H29V22ZM3 20H1V13H3V20ZM13 20H11V18H13V20ZM21 20H19V18H21V20ZM31 20H29V13H31V20ZM15 18H13V16H15V18ZM19 18H17V16H19V18ZM17 16H15V14H17V16ZM5 13H3V11H5V13ZM29 13H25V11H29V13ZM9 11H5V9H9V11ZM25 11H23V9H25V11ZM11 9H9V7H11V9ZM23 9H20V7H23V9ZM20 7H11V5H20V7Z" fill="currentColor"/>
+</svg>

package/web/icons/svg/edit-width.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 27H0V5H2V27ZM32 27H30V5H32V27ZM9 21H7V19H9V21ZM25 21H23V19H25V21ZM7 19H5V17H7V19ZM27 19H25V17H27V19ZM5 17H3V15H5V17ZM25 15V17H7V15H25ZM29 17H27V15H29V17ZM7 15H5V13H7V15ZM27 15H25V13H27V15ZM9 13H7V11H9V13ZM25 13H23V11H25V13Z" fill="currentColor"/>
+</svg>

package/web/icons/svg/feat-access-control.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76400)">
+<path d="M26 29H6V27H26V29ZM6 27H4V14H6V27ZM28 27H26V14H28V27ZM17 24H15V22H17V24ZM15 22H13V19H15V22ZM19 22H17V19H19V22ZM17 19H15V17H17V19ZM12 12H26V14H6V12H10V5H12V12ZM22 9H20V5H22V9ZM20 5H12V3H20V5Z" fill="#232323"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76400">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/feat-account.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76452)">
+<path d="M7 29H5V21H7V29ZM27 29H25V21H27V29ZM9 21H7V19H9V21ZM25 21H23V19H25V21ZM23 19H9V17H23V19ZM20 15H12V13H20V15ZM12 13H10V5H12V13ZM22 13H20V5H22V13ZM20 5H12V3H20V5Z" fill="#232323"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76452">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/feat-calendar.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27 29H5V27H27V29ZM5 9H27V7H29V27H27V11H5V27H3V7H5V9ZM11 23H9V21H11V23ZM17 23H15V21H17V23ZM23 23H21V21H23V23ZM11 17H9V15H11V17ZM17 17H15V15H17V17ZM23 17H21V15H23V17ZM11 5H21V2H23V5H27V7H5V5H9V2H11V5Z" fill="#232323"/>
+</svg>

package/web/icons/svg/feat-camera.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27 26H5V24H27V26ZM5 24H3V10H5V24ZM29 24H27V10H29V24ZM19 22H13V20H19V22ZM13 20H11V14H13V20ZM21 20H19V14H21V20ZM9 14H7V12H9V14ZM19 14H13V12H19V14ZM11 10H5V8H11V10ZM27 10H21V8H27V10ZM21 8H11V6H21V8Z" fill="#232323"/>
+</svg>

package/web/icons/svg/feat-direct-push.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28 26H4V24H28V26ZM4 24H2V8H4V24ZM30 24H28V8H30V24ZM17 20H15V18H17V20ZM15 18H13V16H15V18ZM19 18H17V16H19V18ZM13 16H11V14H13V16ZM17 16H15V4H17V16ZM21 16H19V14H21V16ZM11 14H9V12H11V14ZM23 14H21V12H23V14ZM11 8H4V6H11V8ZM28 8H21V6H28V8Z" fill="#232323"/>
+</svg>

package/web/icons/svg/feat-eis.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76392)">
+<path d="M15.0088 31.9912L13.0088 32L13 30L15 29.9912L15.0088 31.9912ZM19.0088 31.9912L17.0088 32L17 30L19 29.9912L19.0088 31.9912ZM13.0088 29.9912L11.0088 30L11 28L13 27.9912L13.0088 29.9912ZM17.0088 29.9912L15.0088 30L15 28L17 27.9912L17.0088 29.9912ZM21.0088 29.9912L19.0088 30L19 28L21 27.9912L21.0088 29.9912ZM23 25H9V23H23V25ZM9 23H7V9H9V23ZM25 23H23V9H25V23ZM18.0176 17.9814L14.0088 18L13.9912 14.0088L18 13.9912L18.0176 17.9814ZM23 9H9V7H23V9ZM13.0088 3.99023L11.0098 4L11 2L13 1.99121L13.0088 3.99023ZM17.0088 3.99023L15.0098 4L15 2L17 1.99121L17.0088 3.99023ZM21.0088 3.99023L19.0098 4L19 2L21 1.99121L21.0088 3.99023ZM15.0088 1.99023L13.0098 2L13 0L15 -0.00878906L15.0088 1.99023ZM19.0088 1.99023L17.0098 2L17 0L19 -0.00878906L19.0088 1.99023Z" fill="#232323"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76392">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/web/icons/svg/feat-email.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10001_76368)">
+<path d="M28 26H4V24H28V26ZM28 8H30V24H28V10H26V8H6V10H4V24H2V8H4V6H28V8ZM20 18H12V16H20V18ZM12 16H10V14H12V16ZM22 16H20V14H22V16ZM10 14H8V12H10V14ZM24 14H22V12H24V14ZM8 12H6V10H8V12ZM26 12H24V10H26V12Z" fill="#232323"/>
+</g>
+<defs>
+<clipPath id="clip0_10001_76368">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>