@rescui/icons 1.7.6 → 1.7.7-RUI-293-Update-menu-component-6ca9d26d3.22

package/llm/components/icons.md

@@ -0,0 +1,585 @@
+# Icons
+
+Icons are visual symbols used to represent products, objects, or actions.
+
+## Overview
+
+All Icons list
+
+- AddCircleIcon
+- AddCircleOutlineIcon
+- AddIcon
+- AddOutlineIcon
+- AddPersonIcon
+- AddPersonOutlineIcon
+- AiIcon
+- AndroidIcon
+- AppleIcon
+- ArrowBottomIcon
+- ArrowBottomLeftIcon
+- ArrowBottomLeftOutlineIcon
+- ArrowBottomOutlineIcon
+- ArrowBottomRightIcon
+- ArrowBottomRightOutlineIcon
+- ArrowLeftIcon
+- ArrowLeftOutlineIcon
+- ArrowRightIcon
+- ArrowRightOutlineIcon
+- ArrowTopIcon
+- ArrowTopLeftIcon
+- ArrowTopLeftOutlineIcon
+- ArrowTopOutlineIcon
+- ArrowTopRightIcon
+- ArrowTopRightOutlineIcon
+- AttachedIcon
+- AttachedOutlineIcon
+- BellCrossedIcon
+- BellCrossedOutlineIcon
+- BellIcon
+- BellOutlineIcon
+- BilibiliIcon
+- BitbucketIcon
+- BlockIcon
+- BlockOutlineIcon
+- BlogIcon
+- BlogOutlineIcon
+- BlueskyIcon
+- BranchIcon
+- BranchOutlineIcon
+- BriefcaseIcon
+- BriefcaseOutlineIcon
+- BugIcon
+- BugOutlineIcon
+- BulletsIcon
+- BulletsOutlineIcon
+- CartIcon
+- CartOutlineIcon
+- CheckAsterixIcon
+- CheckAsterixOutlineIcon
+- CheckDollarIcon
+- CheckDollarOutlineIcon
+- CheckDoubleIcon
+- CheckDoubleOutlineIcon
+- CheckIcon
+- CheckLimetedIcon
+- CheckLimetedOutlineIcon
+- CheckOutlineIcon
+- CheckVsIcon
+- CheckVsOutlineIcon
+- CircleIcon
+- CircleOutlineIcon
+- ClockIcon
+- ClockOutlineIcon
+- CloseIcon
+- CloseOutlineIcon
+- CloudCrossedIcon
+- CloudCrossedOutlineIcon
+- CloudDownloadIcon
+- CloudDownloadOutlineIcon
+- CloudIcon
+- CloudOutlineIcon
+- CloudPublishIcon
+- CloudPublishOutlineIcon
+- CodeClosedIcon
+- CodeClosedOutlineIcon
+- CodeIcon
+- CodeOutlineIcon
+- ColorIcon
+- ColorOutlineIcon
+- CommitIcon
+- CommitOutlineIcon
+- CompanyIcon
+- CompanyOutlineIcon
+- ComputerIcon
+- ComputerOutlineIcon
+- CopyIcon
+- CopyOutlineIcon
+- CouponIcon
+- CouponOutlineIcon
+- CropIcon
+- CropOutlineIcon
+- DateIcon
+- DateOutlineIcon
+- DiscordIcon
+- DiscourseIcon
+- DownIcon
+- DownOutlineIcon
+- DownloadIcon
+- DownloadOutlineIcon
+- EmailIcon
+- EmailOutlineIcon
+- EnterIcon
+- EnterOutlineIcon
+- ErrorIcon
+- ErrorOutlineIcon
+- ExitIcon
+- ExitOutlineIcon
+- ExposedIcon
+- ExternalIcon
+- ExternalOutlineIcon
+- EyeCrossedIcon
+- EyeCrossedOutlineIcon
+- EyeIcon
+- EyeOutlineIcon
+- FacebookIcon
+- FigmaIcon
+- FileExcelIcon
+- FileExcelOutlineIcon
+- FileIcon
+- FileOutlineIcon
+- FilesIcon
+- FilesOutlineIcon
+- FilterIcon
+- FilterOutlineIcon
+- FolderIcon
+- FolderOutlineIcon
+- FrameworkIcon
+- FrameworkOutlineIcon
+- FullScreenExitIcon
+- FullScreenExitOutlineIcon
+- FullScreenIcon
+- FullScreenOutlineIcon
+- GearIcon
+- GearOutlineIcon
+- GitHubIcon
+- GitlabIcon
+- GlobusIcon
+- GlobusOutlineIcon
+- GoogleAppIcon
+- GoogleIcon
+- HamburgerIcon
+- HamburgerOutlineIcon
+- HelpIcon
+- HelpOutlineIcon
+- HintIcon
+- HintOutlineIcon
+- HistoryIcon
+- HistoryOutlineIcon
+- HomeIcon
+- HomeOutlineIcon
+- InfinityIcon
+- InfinityOutlineIcon
+- InfoIcon
+- InfoOutlineIcon
+- InstagramIcon
+- JetBrainsIcon
+- JetBrainsOutlineIcon
+- JuejinIcon
+- JunieIcon
+- KeyHoleIcon
+- KeyHoleOutlineIcon
+- KeyIcon
+- KeyOutlineIcon
+- KotlinIcon
+- KtorIcon
+- LanguageIcon
+- LanguageOutlineIcon
+- LearnIcon
+- LearnOutlineIcon
+- LeftIcon
+- LeftOutlineIcon
+- LightningIcon
+- LightningOutlineIcon
+- LinkCrossedIcon
+- LinkCrossedOutlineIcon
+- LinkIcon
+- LinkOutlineIcon
+- LinkedinIcon
+- LinuxIcon
+- LoadingIcon
+- LoadingOutlineIcon
+- LocationIcon
+- LocationOutlineIcon
+- LockIcon
+- LockOpenedIcon
+- LockOpenedOutlineIcon
+- LockOutlineIcon
+- LoveCrossedIcon
+- LoveCrossedOutlineIcon
+- LoveIcon
+- LoveOutlineIcon
+- MagicIcon
+- MagicOutlineIcon
+- MarginHIcon
+- MarginHOutlineIcon
+- MarginVIcon
+- MarginVOutlineIcon
+- MarkerIcon
+- MastodonIcon
+- MerchandiseIcon
+- MerchandiseOutlineIcon
+- MessageIcon
+- MessageOutlineIcon
+- MicrocontrollerIcon
+- MicrocontrollerOutlineIcon
+- MiniPlayerIcon
+- MiniPlayerOutlineIcon
+- MinusIcon
+- MinusOutlineIcon
+- MobileIcon
+- MobileOutlineIcon
+- MoonIcon
+- MoonOutlineIcon
+- MoreIcon
+- MoreOutlineIcon
+- MuteIcon
+- MuteOutlineIcon
+- OrderIcon
+- OrderOutlineIcon
+- PackageIcon
+- PackageOutlineIcon
+- PaddingHIcon
+- PaddingHOutlineIcon
+- PaddingVIcon
+- PaddingVOutlineIcon
+- PauseIcon
+- PauseOutlineIcon
+- PenIcon
+- PenOutlineIcon
+- PercentIcon
+- PercentOutlineIcon
+- PersonIcon
+- PersonOutlineIcon
+- PlayIcon
+- PlayOutlineIcon
+- PlusIcon
+- PlusOutlineIcon
+- PocketIcon
+- PresentIcon
+- PresentOutlineIcon
+- PrintIcon
+- PrintOutlineIcon
+- ProjectsIcon
+- ProjectsOutlineIcon
+- QuoteIcon
+- QuoteOutlineIcon
+- ReadIcon
+- ReadOutlineIcon
+- RedditIcon
+- RedoIcon
+- RedoOutlineIcon
+- RefreshIcon
+- RefreshOutlineIcon
+- RemovePersonIcon
+- RemovePersonOutlineIcon
+- RenewIcon
+- RenewOutlineIcon
+- RequestIcon
+- RequestOutlineIcon
+- ResellerIcon
+- ResellerOutlineIcon
+- RightIcon
+- RightOutlineIcon
+- RocketIcon
+- RocketOutlineIcon
+- RssFeedIcon
+- SearchIcon
+- SearchOutlineIcon
+- SendIcon
+- SendOutlineIcon
+- ServerIcon
+- ServerOutlineIcon
+- SettingsIcon
+- SettingsOutlineIcon
+- ShareIcon
+- ShareOutlineIcon
+- SidebarIcon
+- SidebarOutlineIcon
+- SlackIcon
+- SmileHappyIcon
+- SmileHappyOutlineIcon
+- SmileNeutralIcon
+- SmileNeutralOutlineIcon
+- SmileSadIcon
+- SmileSadOutlineIcon
+- SolarisIcon
+- SpaceIcon
+- SpringIcon
+- StackOverflowIcon
+- StampCrossedIcon
+- StampCrossedOutlineIcon
+- StampIcon
+- StampOutlineIcon
+- StarIcon
+- StarOutlineIcon
+- StatsIcon
+- StatsOutlineIcon
+- StopIcon
+- StopOutlineIcon
+- StyleIcon
+- StyleOutlineIcon
+- SubtitlesCrossedIcon
+- SubtitlesCrossedOutlineIcon
+- SubtitlesIcon
+- SubtitlesOutlineIcon
+- SuccessIcon
+- SuccessOutlineIcon
+- SunIcon
+- SunOutlineIcon
+- TabletIcon
+- TabletOutlineIcon
+- TagIcon
+- TagOutlineIcon
+- TargetIcon
+- TargetOutlineIcon
+- TeamIcon
+- TeamOutlineIcon
+- TelegramIcon
+- TextAlignCenterIcon
+- TextAlignCenterOutlineIcon
+- TextAlignLeftIcon
+- TextAlignLeftOutlineIcon
+- TextAlignRightIcon
+- TextAlignRightOutlineIcon
+- ThemeIcon
+- ThemeOutlineIcon
+- ThumbsDownIcon
+- ThumbsDownOutlineIcon
+- ThumbsUpIcon
+- ThumbsUpOutlineIcon
+- TiktokIcon
+- TouchIcon
+- TouchOutlineIcon
+- TrashIcon
+- TrashOutlineIcon
+- TreeIcon
+- TreeOutlineIcon
+- TwitterIcon
+- UndoIcon
+- UndoOutlineIcon
+- UpIcon
+- UpOutlineIcon
+- UploadIcon
+- UploadOutlineIcon
+- VkIcon
+- VolumeIcon
+- VolumeOutlineIcon
+- WarningIcon
+- WarningOutlineIcon
+- WechatIcon
+- WeiboIcon
+- WiFiIcon
+- WiFiOutlineIcon
+- WinIcon
+- WinOutlineIcon
+- WindowsIcon
+- YoutubeIcon
+- ZhihuIcon
+
+### Usage
+
+```tsx
+import { CompanyIcon } from '@rescui/icons';
+
+<CompanyIcon />;
+```
+
+### Loading icon animation
+
+Animation inside `<svg>` tags can affect performance on pages with lots of loading icons.
+
+If you encounter performance issues, put loading icons as a background image for span and animate them like in this example:
+
+```tsx
+import loadingOutlineIconSrc from '@rescui/icons/svg/loading-outline_24.svg';
+
+<>
+  <style>{`
+.my-loading-icon {
+  background-image: url(${loadingOutlineIconSrc.src});
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center center;
+  width: 24px;
+  height: 24px;
+  display: inline-block;
+  animation: rs-icon-rotate 1s linear infinite;
+  transform-origin:center center
+}
+`}</style>
+  <span className="my-loading-icon" />
+</>;
+```
+
+#### Simple benchmark
+
+Here's an interactive comparison showcasing a possible performance hit (More FPS = Better).
+
+```tsx
+import { useRef, useEffect, useState } from 'react';
+import { textCn } from '@rescui/typography';
+import { LoadingOutlineIcon } from '@rescui/icons';
+import { Switcher } from '@rescui/switcher';
+import loadingOutlineIconSrc from '@rescui/icons/svg/loading-outline_24.svg';
+
+class FPSMeter {
+  constructor(element) {
+    this.times = [];
+    this.element = element;
+  }
+
+  start() {
+    this.running = true;
+    this._refreshLoop();
+  }
+
+  stop() {
+    this.running = false;
+  }
+
+  _refreshLoop() {
+    window.requestAnimationFrame(() => {
+      const now = performance.now();
+      while (this.times.length > 0 && this.times[0] <= now - 1000) {
+        this.times.shift();
+      }
+      this.times.push(now);
+      this.fps = this.times.length;
+      if (this.element) {
+        this.element.textContent = this.fps;
+      }
+      if (this.running) {
+        this._refreshLoop();
+      } else {
+        this.element.textContent = '';
+      }
+    });
+  }
+}
+
+const Benchmark = () => {
+  const fpsMeterElement = useRef();
+  const [variant, setVariant] = useState('off');
+  useEffect(() => {
+    if (variant === 'off') {
+      return;
+    }
+    const fpsMeter = new FPSMeter(fpsMeterElement.current);
+    fpsMeter.start();
+    return () => fpsMeter.stop();
+  }, [variant]);
+  return (
+    <>
+      <div>
+        <Switcher
+          value={variant}
+          onChange={setVariant}
+          options={[
+            { label: 'Off', value: 'off' },
+            { label: 'Animated SVG', value: 'svg' },
+            { label: 'Animated Background', value: 'span' }
+          ]}
+        />
+        <span style={{ marginLeft: '24px' }} className={textCn('rs-text-2')}>
+          Current FPS:{' '}
+        </span>
+        <span ref={fpsMeterElement} />
+      </div>
+      <div>
+        {Array(1000)
+          .fill(0)
+          .map((_, i) => {
+            switch (variant) {
+              case 'svg':
+                return <LoadingOutlineIcon key={i} />;
+              case 'span':
+                return <span key={i} className="bench-loading-icon" />;
+              default:
+                return null;
+            }
+          })}
+      </div>
+      <style>{`
+.bench-loading-icon {
+  background-image: url(${loadingOutlineIconSrc.src});
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center center;
+  width: 24px;
+  height: 24px;
+  display: inline-block;
+  animation: rs-icon-rotate 1s linear infinite;
+  transform-origin:center center
+}
+`}</style>
+    </>
+  );
+};
+render(<Benchmark />);
+```
+
+## CSS API
+
+#### `Icon` mixins
+
+| Mixin name | Details |
+| --- | --- |
+| `rs-icon-size-xs` | prop: `size`<br><br>value: `"xs"` |
+| `rs-icon-size-s` | prop: `size`<br><br>value: `"s"` |
+| `rs-icon-size-m` | prop: `size`<br><br>value: `"m"` |
+| `rs-icon-size-l` | prop: `size`<br><br>value: `"l"` |
+
+##### Demo
+
+Must be used with `data-render-all-sizes` prop
+
+Instead of separate classes, it may be a single class with `@media` queries inside:
+
+```tsx
+import { PersonOutlineIcon } from '@rescui/icons';
+
+const MyIcon = ({ className }) => {
+  return (
+    <div style={{ padding: 12, backgroundColor: 'var(--rs-color-black-t5)' }}>
+      <PersonOutlineIcon className={className} size="m" data-render-all-sizes />
+    </div>
+  );
+};
+
+render(
+  <div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>
+    <div>
+      <p>Default:</p>
+      <MyIcon />
+    </div>
+    <div>
+      <p>Var1:</p>
+      <MyIcon className={`my-icon-var-1`} />
+    </div>
+    <div>
+      <p>Var1 & Var2 combined:</p>
+      <MyIcon className={`my-icon-var-1 my-icon-var-2`} />
+    </div>
+  </div>
+);
+```
+
+```postcss attached
+@import '@rescui/icons/lib/public-api.p.css';
+
+.my-icon-var-1 {
+  @mixin rs-icon-size-l;
+}
+.my-icon-var-2 {
+  @mixin rs-icon-size-s;
+}
+```
+
+#### CSS Vars
+
+| Variable | Syntax | Description |
+| --- | --- | --- |
+| `--rs-icons-height` | [height](https://developer.mozilla.org/en-US/docs/Web/CSS/height) | The height of the icon. Because of the fixed `view-box` (which corresponds to the aspect-ration), this variable controls both width and height of the icon by default. |
+| `--rs-icons-width` | [width](https://developer.mozilla.org/en-US/docs/Web/CSS/width) | The width of the icon. `auto` by default - calculates automatically based on the icon height. Should be used only for edge-cases like fixing the flex dimensions. |
+
+##### Demo
+
+```tsx
+import { PersonOutlineIcon } from '@rescui/icons';
+
+render(
+  <div>
+    <PersonOutlineIcon size="m" style={{ '--rs-icons-height': '64px' }} />
+  </div>
+);
+```

package/llm/index.md

@@ -0,0 +1,2 @@
+- Components and Hooks
+  - [Icons](./components/icons.md)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/icons",
-  "version": "1.7.6",
+  "version": "1.7.7-RUI-293-Update-menu-component-6ca9d26d3.22+6ca9d26d3",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -10,6 +10,7 @@
   "files": [
     "lib",
     "!lib/*.doc-only.*",
+    "llm",
     "svg",
     "LICENSE.txt"
   ],
@@ -29,11 +30,11 @@
     "react": ">=16.8.0 <20"
   },
   "devDependencies": {
-    "@rescui/babel-plugin-postcss-modules": "^0.0.5",
-    "@rescui/colors": "^0.3.0",
-    "@rescui/postcss-preset-library": "^0.2.2",
-    "@rescui/scripts": "^0.5.1",
-    "@rescui/typography": "^0.27.0",
+    "@rescui/babel-plugin-postcss-modules": "0.0.5",
+    "@rescui/colors": "0.3.1-RUI-293-Update-menu-component-6ca9d26d3.57+6ca9d26d3",
+    "@rescui/postcss-preset-library": "0.2.2",
+    "@rescui/scripts": "0.5.2",
+    "@rescui/typography": "0.27.1-RUI-293-Update-menu-component-6ca9d26d3.22+6ca9d26d3",
     "postcss-modules": "^4.0.0",
     "postsvg": "2.2.7",
     "react-copy-to-clipboard": "^5.0.3"
@@ -44,5 +45,5 @@
     "svg-to-jsx": "rescui-scripts svg-to-jsx --src=svg --out=lib --template=template.js --ts-template=ts-template.js --typings-dir=lib"
   },
   "nx": {},
-  "gitHead": "e9aedd97a4cc372540ec8d75dda4f122baacca10"
+  "gitHead": "6ca9d26d30da536dc5a10fdd86222129e2832efa"
 }

package/svg/external-outline_16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M3 11.5v-6A1.5 1.5 0 0 1 4.5 4h3.444a.5.5 0 0 1 0 1H4.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V8.056a.5.5 0 0 1 1 0V11.5a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 3 11.5M13.5 2q.049 0 .098.009.014.004.028.009a.5.5 0 0 1 .228.128.5.5 0 0 1 .09.128A.5.5 0 0 1 14 2.5v4a.5.5 0 0 1-1 0V3.707L7.854 8.854a.5.5 0 0 1-.707-.708L12.293 3H9.5a.5.5 0 0 1 0-1z"/></svg>

package/svg/external-outline_20.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M4 13.957V7.043C4 5.915 4.915 5 6.043 5h3.98a.786.786 0 0 1 0 1.571h-3.98a.47.47 0 0 0-.472.472v6.914c0 .26.212.472.472.472h6.914c.26 0 .472-.212.472-.472v-3.98a.786.786 0 1 1 1.571 0v3.98A2.043 2.043 0 0 1 12.957 16H6.043A2.043 2.043 0 0 1 4 13.957M16.308 3c.382 0 .692.31.692.692v4.616a.692.692 0 0 1-1.385 0V5.445L9.28 11.78a.75.75 0 0 1-1.06-1.06l6.335-6.335h-2.862a.692.692 0 0 1 0-1.385z"/></svg>

package/svg/external-outline_24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M4 17.5v-9A2.5 2.5 0 0 1 6.5 6H12a1 1 0 1 1 0 2H6.5a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V12a1 1 0 1 1 2 0v5.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 4 17.5M20 3q.088 0 .172.016l.021.003.047.011.051.013a1 1 0 0 1 .263.125 1 1 0 0 1 .387.499l.015.04.016.062A1 1 0 0 1 21 4v6a1 1 0 1 1-2 0V6.414l-8.293 8.293a1 1 0 0 1-1.414-1.414L17.586 5H14a1 1 0 0 1 0-2z"/></svg>

package/svg/external-outline_28.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><path d="M5 20V10a3 3 0 0 1 3-3h7a1 1 0 1 1 0 2H8a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-7a1 1 0 1 1 2 0v7a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3M23 4q.088 0 .172.016l.021.003.047.011.051.013a1 1 0 0 1 .263.125 1 1 0 0 1 .387.499l.015.04.016.062A1 1 0 0 1 24 5v6a1 1 0 1 1-2 0V7.414l-9.793 9.793a1 1 0 0 1-1.414-1.414L20.586 6H17a1 1 0 0 1 0-2z"/></svg>

package/svg/external_16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M2 12.158V5.842C2 4.825 2.825 4 3.842 4H7a.79.79 0 0 1 0 1.579H3.842a.263.263 0 0 0-.263.263v6.316c0 .145.118.263.263.263h6.316a.263.263 0 0 0 .263-.263V9A.79.79 0 1 1 12 9v3.158A1.84 1.84 0 0 1 10.158 14H3.842A1.84 1.84 0 0 1 2 12.158M13.2 2l.017.001q.045.002.088.009a.8.8 0 0 1 .46.224c.13.13.202.292.224.46a1 1 0 0 1 .01.088v.024l.001.012v4.364a.818.818 0 0 1-1.637 0V4.768L7.365 9.766a.8.8 0 1 1-1.13-1.131l4.997-4.998H8.818a.819.819 0 0 1 0-1.637z"/></svg>

package/svg/external_20.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M3 14.8V8.2A2.2 2.2 0 0 1 5.2 6H8a1 1 0 0 1 0 2H5.2a.2.2 0 0 0-.2.2v6.6c0 .11.09.2.2.2h6.6a.2.2 0 0 0 .2-.2V12a1 1 0 1 1 2 0v2.8a2.2 2.2 0 0 1-2.2 2.2H5.2A2.2 2.2 0 0 1 3 14.8M16 3a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V6.414l-6.293 6.293a1 1 0 1 1-1.414-1.414L13.586 5H10a1 1 0 0 1 0-2z"/></svg>

package/svg/external_24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M3 18V9a3 3 0 0 1 3-3h2.5a1.5 1.5 0 1 1 0 3H6v9h9v-2.5a1.5 1.5 0 0 1 3 0V18a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3M19.5 3q.075 0 .149.007l.061.009q.041.004.082.012l.01.002.125.032.009.002.053.019q.045.014.09.033.031.014.062.03l.06.028q.05.026.097.056l.031.019q.036.025.07.053.027.019.053.039.173.142.297.329l.037.061.034.059q.019.034.034.07.016.033.032.069.008.017.013.035c.064.167.101.347.101.536v7a1.5 1.5 0 0 1-3 0V8.121l-7.44 7.44a1.5 1.5 0 0 1-2.12-2.121L15.879 6H12.5a1.5 1.5 0 0 1 0-3z"/></svg>

package/svg/external_28.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><path d="M4 20.5v-10A3.5 3.5 0 0 1 7.5 7h3a1.5 1.5 0 0 1 0 3h-3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5v-3a1.5 1.5 0 0 1 3 0v3a3.5 3.5 0 0 1-3.5 3.5h-10A3.5 3.5 0 0 1 4 20.5M22.55 4a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-3 0V9.113l-9.49 9.49a1.5 1.5 0 1 1-2.12-2.122L18.92 7H14.55a1.5 1.5 0 0 1 0-3z"/></svg>

package/svg/moon-outline_16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M5.531 2.53a6 6 0 1 0 7.938 7.936A5.96 5.96 0 0 1 11 11a6 6 0 0 1-5.469-8.47M6 5a5 5 0 0 0 5 5 4.97 4.97 0 0 0 3.052-1.044.5.5 0 0 1 .795.5 7 7 0 1 1-8.305-8.303.501.501 0 0 1 .499.795A4.97 4.97 0 0 0 6 5"/></svg>

package/svg/moon-outline_20.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M6.5 6c0-.542.06-1.071.169-1.581A6.5 6.5 0 0 0 10 16.5a6.49 6.49 0 0 0 5.578-3.171A7.5 7.5 0 0 1 6.5 5.999M8 6a6 6 0 0 0 8.617 5.396.75.75 0 0 1 1.047.89A7.999 7.999 0 0 1 2 10a8 8 0 0 1 5.713-7.665.75.75 0 0 1 .889 1.047A6 6 0 0 0 8 6"/></svg>

package/svg/moon-outline_24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M8 7c0-.708.082-1.398.237-2.06A8 8 0 0 0 12 20a8 8 0 0 0 7.059-4.24A9 9 0 0 1 8 7m2 0a7 7 0 0 0 10.29 6.178 1 1 0 0 1 1.443 1.11C20.698 18.707 16.737 22 12 22 6.477 22 2 17.523 2 12c0-4.736 3.292-8.699 7.71-9.734a1 1 0 0 1 1.11 1.444C10.297 4.69 10 5.81 10 7"/></svg>

package/svg/moon-outline_28.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><path d="M10 8c0-.747.082-1.475.237-2.176A9 9 0 0 0 14 23a8.99 8.99 0 0 0 8.174-5.24c-.7.156-1.427.24-2.174.24-5.523 0-10-4.477-10-10m2 0a8 8 0 0 0 11.338 7.268 1.001 1.001 0 0 1 1.395 1.125C23.641 21.317 19.254 25 14 25 7.925 25 3 20.075 3 14c0-5.253 3.682-9.642 8.605-10.736a1 1 0 0 1 1.124 1.396A8 8 0 0 0 12 8"/></svg>

package/svg/moon_16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M5.827 1.346a.75.75 0 0 1 .877 1.098 5 5 0 0 0 6.853 6.852.75.75 0 0 1 1.097.875A7 7 0 0 1 1 8.001a7 7 0 0 1 4.827-6.655"/></svg>

package/svg/moon_20.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M7.108 2.541a1 1 0 0 1 1.294 1.294 6 6 0 0 0 7.76 7.76 1 1 0 0 1 1.295 1.295A8 8 0 0 1 10 18 8 8 0 0 1 7.108 2.541"/></svg>

package/svg/moon_24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M8.509 2.627a1.5 1.5 0 0 1 1.928 1.929A7 7 0 0 0 10 7a7 7 0 0 0 9.442 6.562 1.5 1.5 0 0 1 1.93 1.928C19.957 19.29 16.298 22 12 22 6.477 22 2 17.523 2 12c0-4.297 2.71-7.957 6.509-9.373"/></svg>

package/svg/moon_28.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><path d="M10.515 3.567a1.5 1.5 0 0 1 1.897 1.899 8 8 0 0 0 10.121 10.12 1.5 1.5 0 0 1 1.899 1.897C22.976 21.85 18.86 25 14 25 7.925 25 3 20.075 3 14c0-4.859 3.15-8.976 7.515-10.433"/></svg>

package/svg/sidebar-outline_16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M12.25 2c.967 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 12.25 14h-8.5l-.179-.009A1.75 1.75 0 0 1 2 12.25v-8.5a1.75 1.75 0 0 1 1.571-1.741L3.75 2zm-8.5 1a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75H5V3zm8.5 10a.75.75 0 0 0 .75-.75v-8.5a.75.75 0 0 0-.75-.75H6v10z"/></svg>

package/svg/sidebar-outline_20.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M15 3a2 2 0 0 1 2 2v10a2 2 0 0 1-1.796 1.99L15 17H5l-.204-.01a2 2 0 0 1-1.785-1.786L3 15V5a2 2 0 0 1 2-2zM5 4.5a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h2v-11zm3.5 11H15a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-.5-.5H8.5z"/></svg>

package/svg/sidebar-outline_24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M18.756 3.013A2.5 2.5 0 0 1 21 5.5v13l-.013.256a2.5 2.5 0 0 1-2.231 2.231L18.5 21h-13a2.5 2.5 0 0 1-2.487-2.244L3 18.5v-13A2.5 2.5 0 0 1 5.5 3h13zM5.5 5a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5H8V5zm13 14a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5H10v14z"/></svg>

package/svg/sidebar-outline_28.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><path d="M21 4a3 3 0 0 1 3 3v14a3 3 0 0 1-2.846 2.996L21 24H7l-.154-.004a3 3 0 0 1-2.842-2.842L4 21V7a3 3 0 0 1 3-3zM7 6a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h3V6zm14 16a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-9v16z"/></svg>