jervis-icons 1.0.0-alpha.0

package/README.md

@@ -0,0 +1,430 @@
+# SvgIcon
+
+A universal icon/image web component that works with **any framework** - React, Vue, Angular, Svelte, or vanilla JavaScript.
+
+## Installation
+
+```bash
+npm install svg-icon
+# or
+yarn add svg-icon
+# or
+pnpm add svg-icon
+```
+
+## Features
+
+- ✅ Works with any framework (React, Vue, Angular, Svelte, vanilla JS)
+- ✅ **200+ bundled SVG icons** - ready to use out of the box
+- ✅ **28 CSS animations** - spin, bounce, heartbeat, tada, and more (Lottie-like)
+- ✅ **4 animation triggers** - auto, hover, click, viewport visibility
+- ✅ SVG icons with color customization
+- ✅ Image support (PNG, JPG, JPEG, WebP, GIF)
+- ✅ **Client override** - your project's icons take priority over bundled ones
+- ✅ Predefined sizes (xs, sm, md, lg, xl) or custom sizes
+- ✅ RTL support with automatic transformation
+- ✅ TypeScript support
+- ✅ Zero runtime dependencies
+
+## Quick Start
+
+### Vanilla JavaScript / HTML
+
+```html
+<!-- Import the component -->
+<script type="module">
+  import "svg-icon";
+</script>
+
+<!-- Use bundled icons directly by name -->
+<svg-icon name="bell" size="md" color="#3b82f6"></svg-icon>
+<svg-icon name="edit" size="lg" color="#10b981"></svg-icon>
+<svg-icon name="trash" size="sm" color="#ef4444"></svg-icon>
+
+<!-- Or use custom icons from your project -->
+<svg-icon src="/my-icons/custom.svg" size="lg"></svg-icon>
+```
+
+### React
+
+```tsx
+import { useEffect } from "react";
+import { configureSvgIcon } from "svg-icon";
+
+// Configure once in your app entry
+configureSvgIcon({
+  basePath: "/assets/images",
+  locale: "en",
+});
+
+function App() {
+  return (
+    <div>
+      <svg-icon name="home" size="md" color="#3b82f6"></svg-icon>
+      <svg-icon src="/icons/star.svg" size="lg"></svg-icon>
+    </div>
+  );
+}
+
+// TypeScript: Add type declaration
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "svg-icon": React.DetailedHTMLProps<
+        React.HTMLAttributes<HTMLElement> & {
+          name?: string;
+          src?: string;
+          ext?: string;
+          type?: "auto" | "svg" | "image";
+          size?: "xs" | "sm" | "md" | "lg" | "xl" | "free" | number;
+          color?: string;
+          filled?: boolean;
+          "read-only"?: boolean;
+          transform?: boolean;
+          "max-width"?: string | number;
+        },
+        HTMLElement
+      >;
+    }
+  }
+}
+```
+
+### Vue 3
+
+```vue
+<script setup>
+import { configureSvgIcon } from "svg-icon";
+
+// Configure once
+configureSvgIcon({
+  basePath: "/assets/images",
+  locale: "ar", // For RTL support
+});
+</script>
+
+<template>
+  <svg-icon name="home" size="md" color="#3b82f6" />
+  <svg-icon :src="iconSrc" size="lg" />
+</template>
+```
+
+Add to `vite.config.ts` to avoid Vue warnings:
+
+```ts
+export default defineConfig({
+  plugins: [
+    vue({
+      template: {
+        compilerOptions: {
+          isCustomElement: (tag) => tag === "svg-icon",
+        },
+      },
+    }),
+  ],
+});
+```
+
+### Angular
+
+```typescript
+// app.module.ts
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from "@angular/core";
+import "svg-icon";
+
+@NgModule({
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  // ...
+})
+export class AppModule {}
+```
+
+```typescript
+// main.ts or app.component.ts
+import { configureSvgIcon } from "svg-icon";
+
+configureSvgIcon({
+  basePath: "/assets/images",
+});
+```
+
+```html
+<!-- component.html -->
+<svg-icon name="home" size="md" color="#3b82f6"></svg-icon>
+```
+
+### Svelte
+
+```svelte
+<script>
+  import { onMount } from 'svelte'
+  import { configureSvgIcon } from 'svg-icon'
+
+  onMount(() => {
+    configureSvgIcon({
+      basePath: '/assets/images'
+    })
+  })
+</script>
+
+<svg-icon name="home" size="md" color="#3b82f6"></svg-icon>
+```
+
+## API
+
+### Attributes
+
+| Attribute   | Type                                                       | Default          | Description                            |
+| ----------- | ---------------------------------------------------------- | ---------------- | -------------------------------------- |
+| `name`      | `string`                                                   | -                | Icon name (filename without extension) |
+| `src`       | `string`                                                   | -                | Direct URL to the icon/image           |
+| `ext`       | `string`                                                   | `'svg'`          | File extension when using `name`       |
+| `type`      | `'auto' \| 'svg' \| 'image'`                               | `'auto'`         | Force icon type                        |
+| `size`      | `'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| number \| 'free'` | `'md'`           | Icon size                              |
+| `color`     | `string`                                                   | `'currentColor'` | SVG fill color                         |
+| `filled`    | `boolean`                                                  | `true`           | Whether SVG is filled or stroked       |
+| `read-only` | `boolean`                                                  | `false`          | Shows not-allowed cursor               |
+| `transform` | `boolean`                                                  | `true`           | Enable RTL transformation              |
+| `max-width` | `string \| number`                                         | `'100%'`         | Maximum width                          |
+
+### Size Map
+
+| Size | Pixels |
+| ---- | ------ |
+| xs   | 20px   |
+| sm   | 24px   |
+| md   | 32px   |
+| lg   | 40px   |
+| xl   | 48px   |
+
+### Configuration
+
+Use `configureSvgIcon()` to set global defaults:
+
+```typescript
+import { configureSvgIcon } from "svg-icon";
+
+configureSvgIcon({
+  basePath: "/assets/images", // Base path for your project's icons
+  svgPath: "/assets/svg", // Specific path for SVGs
+  imagePath: "/assets/images", // Specific path for images
+  locale: "ar", // 'ar' enables RTL transformation
+  preferExternal: true, // Try your project's icons first (default: true)
+});
+```
+
+### Icon Priority System
+
+When you use an icon by name, svg-icon follows this priority:
+
+1. **If `preferExternal: true` (default):**
+   - First tries to load from your project's configured path
+   - Falls back to bundled icons if not found
+
+2. **If `preferExternal: false`:**
+   - First checks bundled icons
+   - Falls back to your project's path if not bundled
+
+```typescript
+// Your project's "bell.svg" will be used instead of bundled one
+configureSvgIcon({
+  basePath: "/my-icons",
+  preferExternal: true, // default
+});
+```
+
+```html
+<svg-icon name="bell"></svg-icon>
+<!-- Loads from /my-icons/bell.svg if exists, otherwise uses bundled -->
+```
+
+### Bundled Icons
+
+SvgIcon includes 200+ ready-to-use SVG icons. All icons use `currentColor` for easy styling.
+
+```typescript
+import { getBundledIconNames, hasBundledIcon } from "svg-icon";
+
+// Get all available icon names
+const icons = getBundledIconNames();
+console.log(icons); // ['activity', 'add-user', 'bell', ...]
+
+// Check if an icon is bundled
+if (hasBundledIcon("bell")) {
+  console.log("bell icon is available!");
+}
+```
+
+**Available icons include:**
+
+- UI icons: `edit`, `trash`, `close`, `check`, `plus`, `search`, `filter`, `menu`...
+- Navigation: `arrow-left`, `arrow-right`, `chevron-down`, `chevron-right`...
+- File types: `pdf`, `doc`, `xls`, `zip`, `jpg`, `png`, `mp4`...
+- Actions: `download`, `upload-cloud`, `export`, `reload`, `logout`...
+- Status: `success`, `error`, `warning`, `info_circle`...
+- And many more!
+
+### Custom Tag Name
+
+Register with a custom tag name:
+
+```typescript
+import { register } from "svg-icon";
+
+register("my-icon"); // Use as <my-icon>
+```
+
+## Examples
+
+### Basic SVG Icon
+
+```html
+<svg-icon name="home" size="md" color="#3b82f6"></svg-icon>
+```
+
+### Direct URL
+
+```html
+<svg-icon src="https://example.com/icon.svg" size="lg"></svg-icon>
+```
+
+### Custom Size (pixels)
+
+```html
+<svg-icon name="star" size="64"></svg-icon>
+```
+
+### Image (PNG)
+
+```html
+<svg-icon name="logo" ext="png" size="xl"></svg-icon>
+```
+
+### Outlined Style
+
+```html
+<svg-icon name="heart" filled="false" color="red"></svg-icon>
+```
+
+### Disabled State
+
+```html
+<svg-icon name="edit" read-only></svg-icon>
+```
+
+## Animations
+
+Add smooth Lottie-like animations to any icon with zero extra dependencies:
+
+```html
+<!-- Spinning loader -->
+<svg-icon name="settings" animate="spin"></svg-icon>
+
+<!-- Bounce on hover -->
+<svg-icon name="bell" animate="bounce" animate-trigger="hover"></svg-icon>
+
+<!-- Heartbeat on click toggle -->
+<svg-icon
+  name="heart"
+  animate="heartbeat"
+  animate-trigger="click"
+  color="#ef4444"
+></svg-icon>
+
+<!-- Custom speed & timing -->
+<svg-icon
+  name="star"
+  animate="pulse"
+  animate-duration="0.5s"
+  animate-timing="linear"
+></svg-icon>
+```
+
+### Available Animations
+
+| Category      | Animations                                                                                         |
+| ------------- | -------------------------------------------------------------------------------------------------- |
+| **Looping**   | `spin`, `spin-reverse`, `pulse`, `bounce`, `float`, `heartbeat`, `fade`, `ping`, `swing`           |
+| **Attention** | `shake`, `wiggle`, `tada`, `jello`, `rubber-band`, `flash`, `wobble`                               |
+| **3D**        | `flip`, `flip-x`, `flip-y`                                                                         |
+| **Entrances** | `fade-in`, `zoom-in`, `roll-in`, `slide-in-left`, `slide-in-right`, `slide-in-up`, `slide-in-down` |
+| **Exits**     | `fade-out`, `zoom-out`                                                                             |
+
+### Animation Triggers
+
+- `auto` — starts immediately (default)
+- `hover` — plays on mouse hover
+- `click` — toggles on click
+- `visible` — plays when element enters viewport
+
+### Programmatic Control
+
+```js
+const icon = document.querySelector("svg-icon");
+icon.startAnimation(); // Start
+icon.stopAnimation(); // Stop
+icon.pauseAnimation(); // Pause
+icon.resumeAnimation(); // Resume
+icon.replayAnimation(); // Restart
+```
+
+### RTL Support
+
+```typescript
+configureSvgIcon({ locale: "ar" });
+```
+
+```html
+<!-- Will be mirrored automatically -->
+<svg-icon name="arrow-right"></svg-icon>
+
+<!-- Disable transformation for specific icons -->
+<svg-icon name="logo" transform="false"></svg-icon>
+```
+
+## Building from Source
+
+```bash
+# Install dependencies
+npm install
+
+# Development
+npm run dev
+
+# Build (includes SVG optimization and bundling)
+npm run build
+
+# Optimize SVGs only
+npm run optimize:svg
+
+# Generate SVG bundle only
+npm run generate:bundle
+```
+
+## SVG Guidelines
+
+All bundled SVGs follow these guidelines:
+
+- No hardcoded colors - uses `currentColor`
+- No width/height attributes - scales via CSS
+- Optimized and minified
+- viewBox preserved for proper scaling
+
+## Adding Custom Icons to the Package
+
+1. Add SVG files to `images/svg/`
+2. Run `npm run optimize:svg` to clean them
+3. Run `npm run build` to regenerate the bundle
+
+## Browser Support
+
+Works in all modern browsers that support Web Components (Custom Elements v1):
+
+- Chrome 67+
+- Firefox 63+
+- Safari 10.1+
+- Edge 79+
+
+## License
+
+MIT

package/dist/animations.d.ts

@@ -0,0 +1,44 @@
+/**
+ * SVG Icon Animation System
+ * Lottie-like animation support for SVG icons using CSS animations
+ *
+ * Usage:
+ *   <svg-icon name="bell" animate="ring" animate-trigger="hover"></svg-icon>
+ *   <svg-icon name="spinner" animate="spin" animate-duration="1s" animate-iteration="infinite"></svg-icon>
+ */
+export type AnimationType = "spin" | "spin-reverse" | "pulse" | "bounce" | "shake" | "flip" | "flip-x" | "flip-y" | "fade" | "fade-in" | "fade-out" | "float" | "ping" | "wiggle" | "heartbeat" | "swing" | "tada" | "jello" | "rubber-band" | "flash" | "wobble" | "roll-in" | "zoom-in" | "zoom-out" | "slide-in-left" | "slide-in-right" | "slide-in-up" | "slide-in-down";
+export type AnimationTrigger = "auto" | "hover" | "click" | "visible";
+export type AnimationDirection = "normal" | "reverse" | "alternate" | "alternate-reverse";
+export type AnimationTimingFunction = "ease" | "linear" | "ease-in" | "ease-out" | "ease-in-out" | "spring";
+export type AnimationPlayState = "running" | "paused";
+export interface AnimationConfig {
+    /** Animation type */
+    type: AnimationType;
+    /** Duration (CSS value, e.g. "1s", "500ms") */
+    duration?: string;
+    /** Delay before animation starts (CSS value) */
+    delay?: string;
+    /** Number of iterations or "infinite" */
+    iteration?: number | "infinite";
+    /** Animation direction */
+    direction?: AnimationDirection;
+    /** Timing function */
+    timing?: AnimationTimingFunction;
+    /** Play state */
+    playState?: AnimationPlayState;
+    /** Trigger type */
+    trigger?: AnimationTrigger;
+}
+export declare const ANIMATION_KEYFRAMES = "\n/* \u2500\u2500 Spin \u2500\u2500 */\n@keyframes svg-icon-spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n@keyframes svg-icon-spin-reverse {\n  from { transform: rotate(360deg); }\n  to { transform: rotate(0deg); }\n}\n\n/* \u2500\u2500 Pulse \u2500\u2500 */\n@keyframes svg-icon-pulse {\n  0%, 100% { transform: scale(1); opacity: 1; }\n  50% { transform: scale(1.15); opacity: 0.85; }\n}\n\n/* \u2500\u2500 Bounce \u2500\u2500 */\n@keyframes svg-icon-bounce {\n  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n  40% { transform: translateY(-12px); }\n  60% { transform: translateY(-6px); }\n}\n\n/* \u2500\u2500 Shake \u2500\u2500 */\n@keyframes svg-icon-shake {\n  0%, 100% { transform: translateX(0); }\n  10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); }\n  20%, 40%, 60%, 80% { transform: translateX(4px); }\n}\n\n/* \u2500\u2500 Flip (3D) \u2500\u2500 */\n@keyframes svg-icon-flip {\n  0% { transform: perspective(400px) rotateY(0); }\n  40% { transform: perspective(400px) rotateY(-180deg); }\n  100% { transform: perspective(400px) rotateY(-360deg); }\n}\n\n@keyframes svg-icon-flip-x {\n  0% { transform: perspective(400px) rotateX(0); }\n  100% { transform: perspective(400px) rotateX(360deg); }\n}\n\n@keyframes svg-icon-flip-y {\n  0% { transform: perspective(400px) rotateY(0); }\n  100% { transform: perspective(400px) rotateY(360deg); }\n}\n\n/* \u2500\u2500 Fade \u2500\u2500 */\n@keyframes svg-icon-fade {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.3; }\n}\n\n@keyframes svg-icon-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes svg-icon-fade-out {\n  from { opacity: 1; }\n  to { opacity: 0; }\n}\n\n/* \u2500\u2500 Float \u2500\u2500 */\n@keyframes svg-icon-float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-8px); }\n}\n\n/* \u2500\u2500 Ping \u2500\u2500 */\n@keyframes svg-icon-ping {\n  0% { transform: scale(1); opacity: 1; }\n  75%, 100% { transform: scale(1.8); opacity: 0; }\n}\n\n/* \u2500\u2500 Wiggle \u2500\u2500 */\n@keyframes svg-icon-wiggle {\n  0%, 100% { transform: rotate(0deg); }\n  15% { transform: rotate(-15deg); }\n  30% { transform: rotate(10deg); }\n  45% { transform: rotate(-10deg); }\n  60% { transform: rotate(5deg); }\n  75% { transform: rotate(-5deg); }\n}\n\n/* \u2500\u2500 Heartbeat \u2500\u2500 */\n@keyframes svg-icon-heartbeat {\n  0%, 100% { transform: scale(1); }\n  14% { transform: scale(1.26); }\n  28% { transform: scale(1); }\n  42% { transform: scale(1.26); }\n  70% { transform: scale(1); }\n}\n\n/* \u2500\u2500 Swing \u2500\u2500 */\n@keyframes svg-icon-swing {\n  20% { transform: rotate(15deg); }\n  40% { transform: rotate(-10deg); }\n  60% { transform: rotate(5deg); }\n  80% { transform: rotate(-5deg); }\n  100% { transform: rotate(0deg); }\n}\n\n/* \u2500\u2500 Tada \u2500\u2500 */\n@keyframes svg-icon-tada {\n  0%, 100% { transform: scale(1) rotate(0deg); }\n  10%, 20% { transform: scale(0.9) rotate(-3deg); }\n  30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }\n  40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }\n}\n\n/* \u2500\u2500 Jello \u2500\u2500 */\n@keyframes svg-icon-jello {\n  0%, 11.1%, 100% { transform: none; }\n  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }\n  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }\n  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }\n  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }\n  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }\n  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }\n  88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }\n}\n\n/* \u2500\u2500 Rubber Band \u2500\u2500 */\n@keyframes svg-icon-rubber-band {\n  0%, 100% { transform: scaleX(1) scaleY(1); }\n  30% { transform: scaleX(1.25) scaleY(0.75); }\n  40% { transform: scaleX(0.75) scaleY(1.25); }\n  50% { transform: scaleX(1.15) scaleY(0.85); }\n  65% { transform: scaleX(0.95) scaleY(1.05); }\n  75% { transform: scaleX(1.05) scaleY(0.95); }\n}\n\n/* \u2500\u2500 Flash \u2500\u2500 */\n@keyframes svg-icon-flash {\n  0%, 50%, 100% { opacity: 1; }\n  25%, 75% { opacity: 0; }\n}\n\n/* \u2500\u2500 Wobble \u2500\u2500 */\n@keyframes svg-icon-wobble {\n  0%, 100% { transform: translateX(0) rotate(0deg); }\n  15% { transform: translateX(-25%) rotate(-5deg); }\n  30% { transform: translateX(20%) rotate(3deg); }\n  45% { transform: translateX(-15%) rotate(-3deg); }\n  60% { transform: translateX(10%) rotate(2deg); }\n  75% { transform: translateX(-5%) rotate(-1deg); }\n}\n\n/* \u2500\u2500 Roll In \u2500\u2500 */\n@keyframes svg-icon-roll-in {\n  0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }\n  100% { opacity: 1; transform: translateX(0) rotate(0deg); }\n}\n\n/* \u2500\u2500 Zoom \u2500\u2500 */\n@keyframes svg-icon-zoom-in {\n  from { opacity: 0; transform: scale(0.3); }\n  50% { opacity: 1; }\n  to { transform: scale(1); }\n}\n\n@keyframes svg-icon-zoom-out {\n  from { opacity: 1; transform: scale(1); }\n  50% { opacity: 0; }\n  to { opacity: 0; transform: scale(0.3); }\n}\n\n/* \u2500\u2500 Slide In \u2500\u2500 */\n@keyframes svg-icon-slide-in-left {\n  from { transform: translateX(-100%); opacity: 0; }\n  to { transform: translateX(0); opacity: 1; }\n}\n\n@keyframes svg-icon-slide-in-right {\n  from { transform: translateX(100%); opacity: 0; }\n  to { transform: translateX(0); opacity: 1; }\n}\n\n@keyframes svg-icon-slide-in-up {\n  from { transform: translateY(100%); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n\n@keyframes svg-icon-slide-in-down {\n  from { transform: translateY(-100%); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n";
+export declare function getAnimationName(type: AnimationType): string;
+export declare function buildAnimationCSS(config: AnimationConfig): string;
+export declare const ANIMATION_TYPES: AnimationType[];
+export declare const ANIMATION_CATEGORIES: Record<string, AnimationType[]>;
+declare const _default: {
+    ANIMATION_KEYFRAMES: string;
+    ANIMATION_TYPES: AnimationType[];
+    ANIMATION_CATEGORIES: Record<string, AnimationType[]>;
+    buildAnimationCSS: typeof buildAnimationCSS;
+    getAnimationName: typeof getAnimationName;
+};
+export default _default;

package/dist/bundled-icons.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Bundled SVG Icons
+ * Auto-generated - do not edit manually
+ * Generated: 2026-02-09T13:36:42.336Z
+ * Bundle mode: essential
+ * Bundled icons: 100 / 3287 total available
+ *
+ * To change which icons are bundled, run:
+ *   npx tsx scripts/generate-bundle.ts --essential    # Common UI icons (~105)
+ *   npx tsx scripts/generate-bundle.ts --all          # All 3287 icons (large bundle)
+ *   npx tsx scripts/generate-bundle.ts --none         # No bundled icons
+ *   npx tsx scripts/generate-bundle.ts --icons "name1,name2,..."  # Custom set
+ */
+export declare const BUNDLED_ICONS: Record<string, string>;
+/** All icon names available in the library (including non-bundled) */
+export declare const ALL_ICON_NAMES: string[];
+/** Names of icons bundled inline (available without network requests) */
+export declare const BUNDLED_ICON_NAMES: string[];
+export declare function getBundledIcon(name: string): string | null;
+export declare function hasBundledIcon(name: string): boolean;

package/dist/icons/4k.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z" stroke="var(--svg-icon-color2, currentColor)" stroke-width="1.5"/> <path d="M5.5 8V10C5.5 11.1046 6.39543 12 7.5 12H10.5M10.5 8V12M10.5 12V16M13.5 8V13.2M13.5 13.2V16M13.5 13.2L15.4231 11.2M15.4231 11.2L18.5 8M15.4231 11.2L18.5 16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> </svg>

package/dist/icons/accessibility-sign.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5 12.5L18.5 12L17 18.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.5 12.5L16 7.5L12.5 5L10 7.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.5 6.5C17.3954 6.5 16.5 5.60457 16.5 4.5C16.5 3.39543 17.3954 2.5 18.5 2.5C19.6046 2.5 20.5 3.39543 20.5 4.5C20.5 5.60457 19.6046 6.5 18.5 6.5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.49951 12.5C6.33526 11.8721 7.37418 11.5 8.5 11.5C11.2614 11.5 13.5 13.7386 13.5 16.5C13.5 17.2111 13.3516 17.8875 13.084 18.5M3.7289 15C3.58018 15.4735 3.5 15.9774 3.5 16.5C3.5 19.2614 5.73858 21.5 8.5 21.5C9.41072 21.5 10.2646 21.2565 11 20.8311" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>

package/dist/icons/accessibility-tech.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 19V5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19Z" stroke="currentColor"/> <path d="M12.5 12.1605L16.5 12L16 16.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.8333 12L13.5 9.53846L10.8333 8L9.5 9.84615" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.5 7.5C15.2239 7.5 15 7.27614 15 7C15 6.72386 15.2239 6.5 15.5 6.5C15.7761 6.5 16 6.72386 16 7C16 7.27614 15.7761 7.5 15.5 7.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.5 18C8.84315 18 7.5 16.6569 7.5 15C7.5 13.3431 8.84315 12 10.5 12C12.1569 12 13.5 13.3431 13.5 15C13.5 16.6569 12.1569 18 10.5 18Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>

package/dist/icons/accessibility.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="var(--svg-icon-color2, currentColor)" stroke-width="1.5"/> <path d="M14 7C14 8.10457 13.1046 9 12 9C10.8954 9 10 8.10457 10 7C10 5.89543 10.8954 5 12 5C13.1046 5 14 5.89543 14 7Z" stroke="currentColor" stroke-width="1.5"/> <path d="M18 10C18 10 14.4627 11.5 12 11.5C9.53727 11.5 6 10 6 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> <path d="M12 12V13.4522C12 14.0275 12.1654 14.5906 12.4765 15.0745L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> <path d="M12 12V13.4522C12 14.0275 11.8346 14.5906 11.5235 15.0745L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> </svg>

package/dist/icons/activate.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0001 2.84955C17.0538 2.84955 21.1506 6.94637 21.1506 12.0001C21.1506 17.0537 17.0538 21.1506 12.0001 21.1506C6.94643 21.1506 2.84961 17.0537 2.84961 12.0001C2.84961 6.94637 6.94643 2.84955 12.0001 2.84955Z" stroke="currentColor" stroke-width="1.69905" stroke-linecap="round"/> <path d="M11.085 14.7452L9.25489 12.9151C8.74953 12.4097 8.74953 11.5903 9.25489 11.0849L11.085 9.25485C11.5904 8.74948 12.4097 8.74948 12.9151 9.25485L14.7452 11.0849C15.2506 11.5903 15.2506 12.4097 14.7452 12.9151L12.9151 14.7452C12.4097 15.2505 11.5904 15.2505 11.085 14.7452Z" stroke="currentColor" stroke-width="1.69905" stroke-linecap="round"/> </svg>

package/dist/icons/activity-1.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.33008 14.4898L9.71008 11.3998C10.0501 10.9598 10.6801 10.8798 11.1201 11.2198L12.9501 12.6598C13.3901 12.9998 14.0201 12.9198 14.3601 12.4898L16.6701 9.50977" stroke="var(--svg-icon-color2, currentColor)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>

package/dist/icons/activity-chart.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 12H18L15 21L9 3L6 12H2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>

package/dist/icons/activity.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.33008 14.49L9.71008 11.4C10.0501 10.96 10.6801 10.88 11.1201 11.22L12.9501 12.66C13.3901 13 14.0201 12.92 14.3601 12.49L16.6701 9.51001" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>

package/dist/icons/add-1.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.8371 2.79199H6.65558C5.62635 2.79199 4.79199 3.62635 4.79199 4.65558V18.7924C4.79199 19.2866 4.98833 19.7607 5.33783 20.1101L5.57258 20.3449C6.17071 20.943 7.14046 20.943 7.73859 20.3449C8.20475 19.8787 8.9169 19.7632 9.50655 20.058L11.4129 21.0112C11.9376 21.2735 12.5551 21.2735 13.0798 21.0112L15.1401 19.981C15.6648 19.7187 16.2823 19.7187 16.807 19.981L17.0037 20.0794C18.2428 20.699 19.7007 19.7979 19.7007 18.4126V4.65558C19.7007 3.62635 18.8664 2.79199 17.8371 2.79199Z" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/> <path d="M10.1831 11.0449L10.6943 11.5561C10.9767 11.8384 11.4344 11.8384 11.7168 11.5561L14.2729 9" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/> <path d="M8.51929 15.8371H15.9737" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/> </svg>

package/dist/icons/add-2.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 12H18" stroke="var(--svg-icon-color2, currentColor)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 18V6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>

package/dist/icons/add-circle-1.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"/> <path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> </svg>

package/dist/icons/add-circle-2.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 12H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 16V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>

package/dist/icons/add-circle-3.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <g > <path d="M8 12H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 16V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg>

package/dist/icons/add-circle.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> <path d="M7 3.33782C8.47087 2.48697 10.1786 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 10.1786 2.48697 8.47087 3.33782 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> </svg>

package/dist/icons/add-favorite-marked.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <defs> <style>.cls-1{fill:none;}.cls-2{fill:#17061c;}.cls-3{fill:#ff4a64;}</style> </defs> <title/> <g id="favorite"> <rect class="cls-1" height="32" id="bg" width="32" x="0.01" y="-0.24"/> <path class="cls-2" d="M25.89,30.68,16,25,6.14,30.68V4.55a3,3,0,0,1,3-3H22.89a3,3,0,0,1,3,3ZM9.14,3.55a1,1,0,0,0-1,1V27.23L16,22.72l7.88,4.51V4.55a1,1,0,0,0-1-1Z"/> <path class="cls-3" d="M9.14,2.55H22.89a2,2,0,0,1,2,2V8.62a0,0,0,0,1,0,0H7.14a0,0,0,0,1,0,0V4.55A2,2,0,0,1,9.14,2.55Z"/> <path class="cls-2" d="M25.89,9.62H6.14V4.55a3,3,0,0,1,3-3H22.89a3,3,0,0,1,3,3Zm-17.75-2H23.89V4.55a1,1,0,0,0-1-1H9.14a1,1,0,0,0-1,1Z"/> <path class="cls-2" d="M16,20.25a1,1,0,0,1-1-1V14.07a1,1,0,0,1,2,0v5.18A1,1,0,0,1,16,20.25Z"/> <path class="cls-2" d="M18.6,17.66H13.42a1,1,0,1,1,0-2H18.6a1,1,0,0,1,0,2Z"/> </g> </svg>

package/dist/icons/add-folder.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10 14H12M12 14H14M12 14V16M12 14V12" stroke="var(--svg-icon-color2, currentColor)" stroke-width="1.5" stroke-linecap="round"/> <path d="M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z" stroke="currentColor" stroke-width="1.5"/> </svg>

package/dist/icons/add-square-1.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0574 1.25H11.9426C9.63424 1.24999 7.82519 1.24998 6.41371 1.43975C4.96897 1.63399 3.82895 2.03933 2.93414 2.93414C2.03933 3.82895 1.63399 4.96897 1.43975 6.41371C1.24998 7.82519 1.24999 9.63422 1.25 11.9426V12.0574C1.24999 14.3658 1.24998 16.1748 1.43975 17.5863C1.63399 19.031 2.03933 20.1711 2.93414 21.0659C3.82895 21.9607 4.96897 22.366 6.41371 22.5603C7.82519 22.75 9.63423 22.75 11.9426 22.75H12.0574C14.3658 22.75 16.1748 22.75 17.5863 22.5603C19.031 22.366 20.1711 21.9607 21.0659 21.0659C21.9607 20.1711 22.366 19.031 22.5603 17.5863C22.75 16.1748 22.75 14.3658 22.75 12.0574V11.9426C22.75 9.63423 22.75 7.82519 22.5603 6.41371C22.366 4.96897 21.9607 3.82895 21.0659 2.93414C20.1711 2.03933 19.031 1.63399 17.5863 1.43975C16.1748 1.24998 14.3658 1.24999 12.0574 1.25ZM3.9948 3.9948C4.56445 3.42514 5.33517 3.09825 6.61358 2.92637C7.91356 2.75159 9.62177 2.75 12 2.75C14.3782 2.75 16.0864 2.75159 17.3864 2.92637C18.6648 3.09825 19.4355 3.42514 20.0052 3.9948C20.5749 4.56445 20.9018 5.33517 21.0736 6.61358C21.2484 7.91356 21.25 9.62177 21.25 12C21.25 14.3782 21.2484 16.0864 21.0736 17.3864C20.9018 18.6648 20.5749 19.4355 20.0052 20.0052C19.4355 20.5749 18.6648 20.9018 17.3864 21.0736C16.0864 21.2484 14.3782 21.25 12 21.25C9.62177 21.25 7.91356 21.2484 6.61358 21.0736C5.33517 20.9018 4.56445 20.5749 3.9948 20.0052C3.42514 19.4355 3.09825 18.6648 2.92637 17.3864C2.75159 16.0864 2.75 14.3782 2.75 12C2.75 9.62177 2.75159 7.91356 2.92637 6.61358C3.09825 5.33517 3.42514 4.56445 3.9948 3.9948Z" fill="currentColor"/> </svg>

package/dist/icons/add-square-2.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 12H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 16V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>

package/dist/icons/add-square-3.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g > <path d="M8 12H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 16V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>

package/dist/icons/add-square.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> <path d="M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C21.5093 4.43821 21.8356 5.80655 21.9449 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> </svg>

package/dist/icons/add-to-favorite-official.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <defs> <style>.cls-1{fill:none;}.cls-2{fill:#17061c;}.cls-3{fill:#ff4a64;}</style> </defs> <title/> <g id="verify"> <rect class="cls-1" height="32" id="bg" width="32"/> <path class="cls-2" d="M16.11,30,6.58,24.26V5.61a2.89,2.89,0,0,1,2.76-3H22.89a2.9,2.9,0,0,1,2.77,3V24.35Zm-7.53-6.9,7.54,4.57,7.54-4.49V5.61a.92.92,0,0,0-.77-1H9.34c-.41,0-.76.46-.76,1Z"/> <path class="cls-2" d="M15.52,20.72a1,1,0,0,1-.6-.2l-3-2.24a1,1,0,0,1-.2-1.4,1,1,0,0,1,1.4-.2l3,2.24a1,1,0,0,1-.6,1.8Z"/> <path class="cls-2" d="M15.52,20.72a1,1,0,0,1-.61-.21,1,1,0,0,1-.17-1.4l4.18-5.35A1,1,0,1,1,20.49,15l-4.18,5.34A1,1,0,0,1,15.52,20.72Z"/> <path class="cls-3" d="M9.58,3.61H22.66a2,2,0,0,1,2,2V9.86a0,0,0,0,1,0,0H7.58a0,0,0,0,1,0,0V5.61A2,2,0,0,1,9.58,3.61Z"/> <path class="cls-2" d="M25.66,10.86H6.58V5.61a3,3,0,0,1,3-3H22.66a3,3,0,0,1,3,3Zm-17.08-2H23.66V5.61a1,1,0,0,0-1-1H9.58a1,1,0,0,0-1,1Z"/> </g> </svg>

package/dist/icons/add-user.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2826_29192)"> <path d="M11.4866 8.02841C11.1791 7.88225 10.8654 7.75634 10.5461 7.65088C11.58 6.87488 12.25 5.63922 12.25 4.25C12.25 1.90656 10.3435 0 7.99999 0C5.65652 0 3.74999 1.90656 3.74999 4.25C3.74999 5.64075 4.42149 6.87762 5.45727 7.65347C4.50827 7.96591 3.6178 8.45206 2.83843 9.09313C1.4093 10.2687 0.415644 11.9083 0.0405505 13.7101C-0.077012 14.2747 0.0638317 14.8545 0.426894 15.301C0.788176 15.7452 1.32389 16 1.89664 16H9.59374C9.93893 16 10.2187 15.7202 10.2187 15.375C10.2187 15.0298 9.93893 14.75 9.59374 14.75H1.89664C1.62983 14.75 1.46886 14.6011 1.39668 14.5123C1.27202 14.359 1.22377 14.1595 1.2643 13.9648C1.91289 10.8494 4.66089 8.57356 7.8343 8.49681C7.88927 8.49894 7.94449 8.5 7.99999 8.5C8.05602 8.5 8.1118 8.49891 8.1673 8.49675C9.1398 8.51956 10.0751 8.7415 10.9499 9.15738C11.2617 9.3055 11.6345 9.17297 11.7827 8.86119C11.9309 8.54944 11.7983 8.17659 11.4866 8.02841ZM8.15243 7.24616C8.10171 7.24525 8.0509 7.24478 7.99999 7.24478C7.94955 7.24478 7.89911 7.24528 7.84874 7.24622C6.26452 7.16719 4.99999 5.8535 4.99999 4.25C4.99999 2.59578 6.34577 1.25 7.99999 1.25C9.65421 1.25 11 2.59578 11 4.25C11 5.85309 9.73608 7.16653 8.15243 7.24616Z" fill="currentColor"/> <path d="M15.375 12.4062H13.6562V10.6875C13.6562 10.3423 13.3764 10.0625 13.0312 10.0625C12.6861 10.0625 12.4062 10.3423 12.4062 10.6875V12.4062H10.6875C10.3423 12.4062 10.0625 12.6861 10.0625 13.0312C10.0625 13.3764 10.3423 13.6562 10.6875 13.6562H12.4062V15.375C12.4062 15.7202 12.6861 16 13.0312 16C13.3764 16 13.6562 15.7202 13.6562 15.375V13.6562H15.375C15.7202 13.6562 16 13.3764 16 13.0312C16 12.6861 15.7202 12.4062 15.375 12.4062Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_2826_29192"> <rect width="16" height="16" fill="currentColor"/> </clipPath> </defs> </svg>

package/dist/icons/add.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.9944 10.0011L11.9944 13.9989" stroke="currentColor" stroke-width="1.69904" stroke-linecap="round"/> <path d="M13.9932 12H9.99541" stroke="currentColor" stroke-width="1.69904" stroke-linecap="round"/> <path d="M20.845 12V6.50968C20.845 4.48821 19.2062 2.84949 17.1848 2.84949H6.50419C4.48272 2.84949 2.84399 4.48821 2.84399 6.50968V17.4903C2.84399 19.5117 4.48272 21.1504 6.50419 21.1504H11.8445" stroke="currentColor" stroke-width="1.69904" stroke-linecap="round"/> <path d="M20.7847 15.8827L18.8316 13.8971C18.6335 13.6957 18.3123 13.6957 18.1142 13.8971L14.3579 17.716C14.2491 17.8266 14.1956 17.9813 14.2123 18.1368L14.4272 20.1323C14.4401 20.2525 14.5334 20.3474 14.6517 20.3605L16.6145 20.5789C16.7673 20.5959 16.9196 20.5415 17.0283 20.431L20.7847 16.612C20.9828 16.4106 20.9828 16.0841 20.7847 15.8827Z" stroke="currentColor" stroke-width="1.69904" stroke-linecap="round"/> </svg>

package/dist/icons/additem-1.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 16H5.43C3.14 16 2 14.86 2 12.57V5.43C2 3.14 3.14 2 5.43 2H10C12.29 2 13.43 3.14 13.43 5.43" stroke="var(--svg-icon-color2, currentColor)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.5703 22H14.0003C11.7103 22 10.5703 20.86 10.5703 18.57V11.43C10.5703 9.14 11.7103 8 14.0003 8H18.5703C20.8603 8 22.0003 9.14 22.0003 11.43V18.57C22.0003 20.86 20.8603 22 18.5703 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <g > <path d="M14.8691 15H18.1291" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.5 16.6301V13.3701" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg>

package/dist/icons/additem.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 16H5.43C3.14 16 2 14.86 2 12.57V5.43C2 3.14 3.14 2 5.43 2H10C12.29 2 13.43 3.14 13.43 5.43" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.57 22H14C11.71 22 10.57 20.86 10.57 18.57V11.43C10.57 9.14 11.71 8 14 8H18.57C20.86 8 22 9.14 22 11.43V18.57C22 20.86 20.86 22 18.57 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.87 15H18.13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.5 16.6301V13.3701" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>

package/dist/icons/adhesive-plaster-2.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.765 20.4155L3.58447 11.235M12.765 20.4155C14.8777 22.5282 18.3029 22.5282 20.4155 20.4155C22.5282 18.3029 22.5282 14.8777 20.4155 12.765M12.765 20.4155L20.4155 12.765M20.4155 12.765L11.235 3.58447M11.235 3.58447C9.12233 1.47184 5.69709 1.47184 3.58447 3.58447C1.47184 5.69709 1.47184 9.12233 3.58447 11.235M11.235 3.58447L3.58447 11.235" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> <circle cx="9.17154" cy="12" r="1" transform="rotate(-45 9.17154 12)" fill="currentColor"/> <circle cx="12.0002" cy="14.8286" r="1" transform="rotate(-45 12.0002 14.8286)" fill="currentColor"/> <circle cx="12.0002" cy="9.17139" r="1" transform="rotate(-45 12.0002 9.17139)" fill="currentColor"/> <circle cx="14.8283" cy="12" r="1" transform="rotate(-45 14.8283 12)" fill="currentColor"/> </svg>

package/dist/icons/adhesive-plaster.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.2132 9.07107C1.5956 7.45346 1.5956 4.83081 3.2132 3.2132C4.83081 1.5956 7.45346 1.5956 9.07107 3.2132L20.7868 14.9289C22.4044 16.5465 22.4044 19.1692 20.7868 20.7868C19.1692 22.4044 16.5465 22.4044 14.9289 20.7868L3.2132 9.07107Z" stroke="currentColor" stroke-width="1.5"/> <path d="M12 17.8579L9.07107 20.7868C7.45346 22.4044 4.83081 22.4044 3.2132 20.7868C1.5956 19.1692 1.5956 16.5465 3.2132 14.9289L6.14214 12L12 17.8579Z" stroke="currentColor" stroke-width="1.5"/> <path d="M12 6.14214L14.9289 3.2132C16.5465 1.5956 19.1692 1.5956 20.7868 3.2132C22.4044 4.83081 22.4044 7.45346 20.7868 9.07107L17.8579 12L12 6.14214Z" stroke="currentColor" stroke-width="1.5"/> <path d="M15.8414 12.8714C16.1489 13.179 16.1489 13.6776 15.8414 13.9852C15.5338 14.2927 15.0352 14.2927 14.7277 13.9852C14.4201 13.6776 14.4201 13.179 14.7277 12.8714C15.0352 12.5639 15.5338 12.5639 15.8414 12.8714Z" fill="currentColor"/> <path d="M12.1289 9.15895C11.8214 8.8514 11.3227 8.8514 11.0152 9.15895C10.7076 9.4665 10.7076 9.96514 11.0152 10.2727C11.3227 10.5802 11.8214 10.5802 12.1289 10.2727C12.4365 9.96514 12.4365 9.4665 12.1289 9.15895Z" fill="currentColor"/> <path d="M16.7695 15.6558C17.0771 15.9633 17.0771 16.462 16.7695 16.7695C16.462 17.0771 15.9633 17.0771 15.6558 16.7695C15.3482 16.462 15.3482 15.9633 15.6558 15.6558C15.9633 15.3482 16.462 15.3482 16.7695 15.6558Z" fill="currentColor"/> <path d="M9.34458 8.23084C9.03703 7.92329 8.53839 7.92329 8.23084 8.23084C7.92329 8.53839 7.92329 9.03703 8.23084 9.34458C8.53839 9.65213 9.03703 9.65213 9.34458 9.34458C9.65213 9.03703 9.65213 8.53839 9.34458 8.23084Z" fill="currentColor"/> <path d="M13.057 11.9433C13.3646 12.2509 13.3646 12.7495 13.057 13.057C12.7495 13.3646 12.2509 13.3646 11.9433 13.057C11.6358 12.7495 11.6358 12.2509 11.9433 11.9433C12.2509 11.6358 12.7495 11.6358 13.057 11.9433Z" fill="currentColor"/> <path d="M13.9852 14.7277C14.2927 15.0352 14.2927 15.5338 13.9852 15.8414C13.6776 16.1489 13.179 16.1489 12.8714 15.8414C12.5639 15.5338 12.5639 15.0352 12.8714 14.7277C13.179 14.4201 13.6776 14.4201 13.9852 14.7277Z" fill="currentColor"/> <path d="M10.2727 11.0152C9.96514 10.7076 9.4665 10.7076 9.15895 11.0152C8.8514 11.3227 8.8514 11.8214 9.15895 12.1289C9.4665 12.4365 9.96514 12.4365 10.2727 12.1289C10.5802 11.8214 10.5802 11.3227 10.2727 11.0152Z" fill="currentColor"/> </svg>

package/dist/icons/adobe-after-effects.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21 7V17C21 19.2091 19.2091 21 17 21H7C4.79086 21 3 19.2091 3 17V7C3 4.79086 4.79086 3 7 3H17C19.2091 3 21 4.79086 21 7Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 13V12C14 10.8954 14.8954 10 16 10V10C17.1046 10 18 10.8954 18 12V13H14ZM14 13V14C14 15.1046 14.8954 16 16 16H17.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6 16L7.125 13M12 16L10.875 13M7.125 13L9 8L10.875 13M7.125 13L10.875 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>

package/dist/icons/adobe-illustrator.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21 7V17C21 19.2091 19.2091 21 17 21H7C4.79086 21 3 19.2091 3 17V7C3 4.79086 4.79086 3 7 3H17C19.2091 3 21 4.79086 21 7Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 12L16 16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 8.99977L16 9.00977" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 16L8.125 13M13 16L11.875 13M8.125 13L10 8L11.875 13M8.125 13L11.875 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>