@thesvg/ui-react 4.1.0 → 4.3.0

package/README.md

@@ -4,13 +4,13 @@
 [![downloads](https://img.shields.io/npm/dm/@thesvg/ui-react?color=F97316&label=downloads)](https://www.npmjs.com/package/@thesvg/ui-react)
 [![license](https://img.shields.io/npm/l/@thesvg/ui-react?color=F97316)](https://github.com/glincker/thesvg/blob/main/LICENSE)
 
-React components for the theSVG UI icons: 372 own icons in seven looks (outline, glass, duotone, offset, fill, glass outline, depth), typed, tree-shakeable and themeable with `currentColor`.
+React components for the theSVG UI icons: 373 own icons in seven looks (outline, glass, duotone, offset, fill, glass outline, depth), typed, tree-shakeable and themeable with `currentColor`.
 
 Part of [thesvg.org/ui](https://thesvg.org/ui), the open UI icon set for React, Next.js and Vite apps.
 
 ## Features
 
-- 372 own UI icons in four sets (core interface, space, wave 2, AI agents), more every release
+- 373 own UI icons in five sets (core interface, space, wave 2, AI agents, theme), more every release
 - Seven looks for every icon, so one drawing serves outline, glass, duotone, offset, fill, glass outline and depth designs
 - `currentColor` everywhere: icons follow your text color and work in light and dark themes with no extra files
 - Optional soft `shadow` that lifts any look
@@ -62,6 +62,43 @@ import { BellIcon, BellGlassIcon } from "@thesvg/ui-react/bell";
 ```
 
 
+## Motion
+
+Add `animated` to give an icon motion. It works on every look.
+
+```tsx
+<SunIcon animated />          {/* draw */}
+<LoaderCircleIcon animated="spin" />
+<BellIcon animated="ring" />
+```
+
+| `animated` | Motion |
+| --- | --- |
+| `true` or `"draw"` | Pops in with a spring and draws the strokes one after another, once |
+| `"pop"` | The spring only, once |
+| `"bounce"` | A short hop, once |
+| `"ring"` | A swing from the top, once. Made for a bell |
+| `"spin"` | Turns forever. Made for loaders |
+| `"pulse"` | Breathes forever. Made for a heart |
+
+`ThemeIcon` is a ready-made switcher icon: a sun for light, a moon for dark and a display for system. It plays the motion each time the theme changes.
+
+```tsx
+import { ThemeIcon } from "@thesvg/ui-react";
+
+<ThemeIcon theme={theme} size={20} /> {/* "light" | "dark" | "system" */}
+```
+
+`IconSwap` cross-fades between two icons with a small turn and scale, for a toggle like menu and close, or play and pause:
+
+```tsx
+import { IconSwap, MenuIcon, XIcon } from "@thesvg/ui-react";
+
+<IconSwap active={open} off={MenuIcon} on={XIcon} size={20} />
+```
+
+It is plain CSS inside the SVG: no animation library, and it stands still for people who prefer reduced motion. Import only the icons you use, for example `import { BellIcon } from "@thesvg/ui-react/bell"`. The motion code is one small helper (about 1.6 KB gzipped) shared by every icon, and an icon you never animate carries no motion CSS.
+
 ## Looks
 
 Every icon ships in all seven looks. Outline is the plain name, every other look adds its name to the export.
@@ -96,6 +133,7 @@ Add `shadow` to lift any look off the page with a soft shadow that follows the i
 | Wave 2 | 171 | The next most used icons: charts, devices, layout, nature, tools |
 | Agents | 40 | Agent runs, tools, memory, guardrails and evals |
 | Space | 40 | Telemetry, orbit, actuators and sensors |
+| Theme | 1 | The system icon, next to sun and moon, with motion |
 
 Search by name or tag at [thesvg.org/ui](https://thesvg.org/ui). Missing an icon? [Submit one](https://thesvg.org/submit).
 

package/dist/_anim.cjs

@@ -0,0 +1,83 @@
+// Motion for UI icons, in plain CSS inside the svg: no animation library, and it works in React, Vue, Svelte and in a
+// standalone svg file. A preset is a name:
+//   draw    pop in with a spring and draw the strokes one after another, once (what `animated` alone means)
+//   pop     the spring only, once
+//   bounce  a short hop, once
+//   ring    a swing from the top, once (a bell)
+//   spin    turns forever (a loader)
+//   pulse   breathes forever (a heart)
+// Plain ES module with no dependencies: package-builder copies it into every package as _anim.js.
+const PRESETS = ["draw", "pop", "bounce", "ring", "spin", "pulse"];
+
+// Icons that also ship a ready-made `<look>-animated.svg`, with the preset each one uses.
+const ANIMATED = {
+  sun: "draw",
+  moon: "draw",
+  "theme-system": "draw",
+  "loader-circle": "spin",
+  "refresh-cw": "spin",
+  heart: "pulse",
+  bell: "ring",
+};
+const ANIMATED_SLUGS = Object.keys(ANIMATED);
+
+const SHAPES = /<(path|circle|rect|line|polyline|polygon|ellipse)(?=[\s/>])/g;
+
+const FRAMES = {
+  pop: "@keyframes ua-pop{from{transform:scale(0) rotate(-90deg);opacity:0}to{transform:none;opacity:1}}",
+  bounce: "@keyframes ua-bounce{0%{transform:translateY(0)}35%{transform:translateY(-3.5px)}65%{transform:translateY(.6px)}100%{transform:translateY(0)}}",
+  ring: "@keyframes ua-ring{0%{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-13deg)}45%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}100%{transform:rotate(0)}}",
+  spin: "@keyframes ua-spin{to{transform:rotate(360deg)}}",
+  pulse: "@keyframes ua-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}",
+  draw: "@keyframes ua-draw{to{stroke-dashoffset:0}}",
+};
+
+const MOTION = {
+  draw: "animation:ua-pop .6s cubic-bezier(.34,1.56,.64,1) both",
+  pop: "animation:ua-pop .6s cubic-bezier(.34,1.56,.64,1) both",
+  bounce: "animation:ua-bounce .7s cubic-bezier(.28,.84,.42,1) both",
+  ring: "transform-origin:12px 3px;animation:ua-ring 1s ease-in-out both",
+  spin: "animation:ua-spin .9s linear infinite",
+  pulse: "animation:ua-pulse 1.4s ease-in-out infinite",
+};
+
+const preset = (p) => (PRESETS.includes(p) ? p : "draw");
+
+const css = (cls, name) => {
+  let out = "." + cls + "{transform-box:view-box;transform-origin:12px 12px;" + MOTION[name] + "}";
+  out += "@media (prefers-reduced-motion:reduce){." + cls + "{animation:none!important}";
+  if (name === "draw") {
+    out += "." + cls + ">g[stroke]>*{animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}";
+  }
+  out += "}";
+  if (name === "draw") {
+    out += "." + cls + ">g[stroke]>*{stroke-dasharray:1 1;stroke-dashoffset:1;animation:ua-draw .55s ease-out forwards}";
+    for (let i = 1; i <= 12; i++) out += "." + cls + ">g[stroke]>:nth-child(" + i + "){animation-delay:" + (0.04 + i * 0.045).toFixed(3) + "s}";
+    out += FRAMES.draw;
+  }
+  return out + FRAMES[name === "draw" ? "pop" : name];
+};
+
+const wrap = (html, cls, name) =>
+  "<style>" + css(cls, name) + '</style><g class="' + cls + '">' + (name === "draw" ? html.replace(SHAPES, '<$1 pathLength="1"') : html) + "</g>";
+
+/**
+ * Inner markup of an icon, wrapped so it moves. `kind` is a preset name, or true for draw. uid keeps two icons on a page apart.
+ * @param {string} html
+ * @param {string | number} uid
+ * @param {string | boolean} [kind]
+ * @returns {{ cls: string, html: string }}
+ */
+const animate = (html, uid, kind = "draw") => {
+  const cls = "ua-" + uid;
+  return { cls, html: wrap(html, cls, preset(kind)) };
+};
+
+/**
+ * A whole standalone svg file, moving on load.
+ * @param {string} svg
+ * @param {string} [kind]
+ * @returns {string}
+ */
+const animateSvg = (svg, kind = "draw") => svg.replace(/^(<svg[^>]*>)([\s\S]*)(<\/svg>)\s*$/, (_m, open, body, close) => open + wrap(body, "ua", preset(kind)) + close);
+module.exports = { animate, animateSvg, ANIMATED, ANIMATED_SLUGS, PRESETS };

package/dist/_anim.d.ts

@@ -0,0 +1,5 @@
+export declare const animate: (html: string, uid: string | number, kind?: string | boolean) => { cls: string; html: string };
+export declare const animateSvg: (svg: string, kind?: string) => string;
+export declare const ANIMATED_SLUGS: string[];
+export declare const ANIMATED: Record<string, string>;
+export declare const PRESETS: string[];

package/dist/_anim.js

@@ -0,0 +1,82 @@
+// Motion for UI icons, in plain CSS inside the svg: no animation library, and it works in React, Vue, Svelte and in a
+// standalone svg file. A preset is a name:
+//   draw    pop in with a spring and draw the strokes one after another, once (what `animated` alone means)
+//   pop     the spring only, once
+//   bounce  a short hop, once
+//   ring    a swing from the top, once (a bell)
+//   spin    turns forever (a loader)
+//   pulse   breathes forever (a heart)
+// Plain ES module with no dependencies: package-builder copies it into every package as _anim.js.
+export const PRESETS = ["draw", "pop", "bounce", "ring", "spin", "pulse"];
+
+// Icons that also ship a ready-made `<look>-animated.svg`, with the preset each one uses.
+export const ANIMATED = {
+  sun: "draw",
+  moon: "draw",
+  "theme-system": "draw",
+  "loader-circle": "spin",
+  "refresh-cw": "spin",
+  heart: "pulse",
+  bell: "ring",
+};
+export const ANIMATED_SLUGS = Object.keys(ANIMATED);
+
+const SHAPES = /<(path|circle|rect|line|polyline|polygon|ellipse)(?=[\s/>])/g;
+
+const FRAMES = {
+  pop: "@keyframes ua-pop{from{transform:scale(0) rotate(-90deg);opacity:0}to{transform:none;opacity:1}}",
+  bounce: "@keyframes ua-bounce{0%{transform:translateY(0)}35%{transform:translateY(-3.5px)}65%{transform:translateY(.6px)}100%{transform:translateY(0)}}",
+  ring: "@keyframes ua-ring{0%{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-13deg)}45%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}100%{transform:rotate(0)}}",
+  spin: "@keyframes ua-spin{to{transform:rotate(360deg)}}",
+  pulse: "@keyframes ua-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}",
+  draw: "@keyframes ua-draw{to{stroke-dashoffset:0}}",
+};
+
+const MOTION = {
+  draw: "animation:ua-pop .6s cubic-bezier(.34,1.56,.64,1) both",
+  pop: "animation:ua-pop .6s cubic-bezier(.34,1.56,.64,1) both",
+  bounce: "animation:ua-bounce .7s cubic-bezier(.28,.84,.42,1) both",
+  ring: "transform-origin:12px 3px;animation:ua-ring 1s ease-in-out both",
+  spin: "animation:ua-spin .9s linear infinite",
+  pulse: "animation:ua-pulse 1.4s ease-in-out infinite",
+};
+
+const preset = (p) => (PRESETS.includes(p) ? p : "draw");
+
+const css = (cls, name) => {
+  let out = "." + cls + "{transform-box:view-box;transform-origin:12px 12px;" + MOTION[name] + "}";
+  out += "@media (prefers-reduced-motion:reduce){." + cls + "{animation:none!important}";
+  if (name === "draw") {
+    out += "." + cls + ">g[stroke]>*{animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}";
+  }
+  out += "}";
+  if (name === "draw") {
+    out += "." + cls + ">g[stroke]>*{stroke-dasharray:1 1;stroke-dashoffset:1;animation:ua-draw .55s ease-out forwards}";
+    for (let i = 1; i <= 12; i++) out += "." + cls + ">g[stroke]>:nth-child(" + i + "){animation-delay:" + (0.04 + i * 0.045).toFixed(3) + "s}";
+    out += FRAMES.draw;
+  }
+  return out + FRAMES[name === "draw" ? "pop" : name];
+};
+
+const wrap = (html, cls, name) =>
+  "<style>" + css(cls, name) + '</style><g class="' + cls + '">' + (name === "draw" ? html.replace(SHAPES, '<$1 pathLength="1"') : html) + "</g>";
+
+/**
+ * Inner markup of an icon, wrapped so it moves. `kind` is a preset name, or true for draw. uid keeps two icons on a page apart.
+ * @param {string} html
+ * @param {string | number} uid
+ * @param {string | boolean} [kind]
+ * @returns {{ cls: string, html: string }}
+ */
+export const animate = (html, uid, kind = "draw") => {
+  const cls = "ua-" + uid;
+  return { cls, html: wrap(html, cls, preset(kind)) };
+};
+
+/**
+ * A whole standalone svg file, moving on load.
+ * @param {string} svg
+ * @param {string} [kind]
+ * @returns {string}
+ */
+export const animateSvg = (svg, kind = "draw") => svg.replace(/^(<svg[^>]*>)([\s\S]*)(<\/svg>)\s*$/, (_m, open, body, close) => open + wrap(body, "ua", preset(kind)) + close);

package/dist/_make.cjs

@@ -1,5 +1,6 @@
 const { createElement, forwardRef, useId } = require("react");
 const { scoper } = require("./_scope.cjs");
+const { animate } = require("./_anim.cjs");
 const liftOf = (shadow, size) => {
   const a = shadow === true ? 0.3 : Number(shadow) || 0;
   if (a <= 0) return undefined;
@@ -8,9 +9,9 @@ const liftOf = (shadow, size) => {
 };
 const make = (html, name, ids) => {
   const scope = scoper(ids);
-  const Icon = forwardRef(({ size = 24, shadow = 0, style, ...props }, ref) => {
+  const Icon = forwardRef(({ size = 24, shadow = 0, animated = false, style, ...props }, ref) => {
     const uid = useId().replace(/[^a-zA-Z0-9]/g, "");
-    return createElement("svg", { ref, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: size, height: size, overflow: "visible", style: liftOf(shadow, size) ? { ...style, filter: liftOf(shadow, size) } : style, "aria-hidden": props["aria-label"] ? undefined : true, ...props, dangerouslySetInnerHTML: { __html: scope(html, uid) } });
+    return createElement("svg", { ref, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: size, height: size, overflow: "visible", style: liftOf(shadow, size) ? { ...style, filter: liftOf(shadow, size) } : style, "aria-hidden": props["aria-label"] ? undefined : true, ...props, dangerouslySetInnerHTML: { __html: scope(animated ? animate(html, uid, animated).html : html, uid) } });
   });
   Icon.displayName = name;
   return Icon;

package/dist/_make.d.ts

@@ -1,4 +1,4 @@
 import type { ForwardRefExoticComponent, RefAttributes, SVGProps } from "react";
-export interface UiIconProps extends Omit<SVGProps<SVGSVGElement>, "ref"> { size?: number | string; /** Lift shadow under the icon: true, or an opacity from 0 to 1. Works on every look. */ shadow?: boolean | number }
+export interface UiIconProps extends Omit<SVGProps<SVGSVGElement>, "ref"> { size?: number | string; /** Lift shadow under the icon: true, or an opacity from 0 to 1. Works on every look. */ shadow?: boolean | number; /** Motion: true or "draw" pops in and draws the strokes once. Also pop, bounce, ring (once) and spin, pulse (forever). */ animated?: boolean | "draw" | "pop" | "bounce" | "ring" | "spin" | "pulse" }
 export type UiIcon = ForwardRefExoticComponent<UiIconProps & RefAttributes<SVGSVGElement>>;
 export declare const make: (html: string, name: string, ids: string[]) => UiIcon;

package/dist/_make.js

@@ -1,5 +1,6 @@
 import { createElement, forwardRef, useId } from "react";
 import { scoper } from "./_scope.js";
+import { animate } from "./_anim.js";
 const liftOf = (shadow, size) => {
   const a = shadow === true ? 0.3 : Number(shadow) || 0;
   if (a <= 0) return undefined;
@@ -8,9 +9,9 @@ const liftOf = (shadow, size) => {
 };
 export const make = (html, name, ids) => {
   const scope = scoper(ids);
-  const Icon = forwardRef(({ size = 24, shadow = 0, style, ...props }, ref) => {
+  const Icon = forwardRef(({ size = 24, shadow = 0, animated = false, style, ...props }, ref) => {
     const uid = useId().replace(/[^a-zA-Z0-9]/g, "");
-    return createElement("svg", { ref, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: size, height: size, overflow: "visible", style: liftOf(shadow, size) ? { ...style, filter: liftOf(shadow, size) } : style, "aria-hidden": props["aria-label"] ? undefined : true, ...props, dangerouslySetInnerHTML: { __html: scope(html, uid) } });
+    return createElement("svg", { ref, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: size, height: size, overflow: "visible", style: liftOf(shadow, size) ? { ...style, filter: liftOf(shadow, size) } : style, "aria-hidden": props["aria-label"] ? undefined : true, ...props, dangerouslySetInnerHTML: { __html: scope(animated ? animate(html, uid, animated).html : html, uid) } });
   });
   Icon.displayName = name;
   return Icon;

package/dist/icon-swap.cjs

@@ -0,0 +1,8 @@
+"use strict";
+const { createElement } = require("react");
+const CSS = ".ui-swap{position:relative;display:inline-block}.ui-swap>svg{position:absolute;inset:0;transition:opacity .22s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}.ui-swap>svg[data-on=false]{opacity:0;transform:rotate(90deg) scale(.3)}.ui-swap>svg[data-on=true]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.ui-swap>svg{transition:none}}";
+exports.IconSwap = ({ active = false, on: On, off: Off, size = 24, className, ...props }) =>
+  createElement("span", { className: "ui-swap" + (className ? " " + className : ""), style: { width: size, height: size } },
+    createElement("style", null, CSS),
+    createElement(Off, { ...props, size, "data-on": String(!active) }),
+    createElement(On, { ...props, size, "data-on": String(active) }));

package/dist/icon-swap.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from "react";
+import type { UiIcon, UiIconProps } from "./_make.js";
+export interface IconSwapProps extends UiIconProps {
+  /** false shows the `off` icon, true shows the `on` icon. The change cross-fades with a small turn and scale. */
+  active?: boolean;
+  on: UiIcon;
+  off: UiIcon;
+}
+export declare const IconSwap: (props: IconSwapProps) => ReactElement;

package/dist/icon-swap.js

@@ -0,0 +1,7 @@
+import { createElement } from "react";
+const CSS = ".ui-swap{position:relative;display:inline-block}.ui-swap>svg{position:absolute;inset:0;transition:opacity .22s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}.ui-swap>svg[data-on=false]{opacity:0;transform:rotate(90deg) scale(.3)}.ui-swap>svg[data-on=true]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.ui-swap>svg{transition:none}}";
+export const IconSwap = ({ active = false, on: On, off: Off, size = 24, className, ...props }) =>
+  createElement("span", { className: "ui-swap" + (className ? " " + className : ""), style: { width: size, height: size } },
+    createElement("style", null, CSS),
+    createElement(Off, { ...props, size, "data-on": String(!active) }),
+    createElement(On, { ...props, size, "data-on": String(active) }));

package/dist/index.cjs

@@ -334,6 +334,7 @@ Object.assign(exports, require("./telescope.cjs"));
 Object.assign(exports, require("./temperature.cjs"));
 Object.assign(exports, require("./terminal.cjs"));
 Object.assign(exports, require("./text-align-center.cjs"));
+Object.assign(exports, require("./theme-system.cjs"));
 Object.assign(exports, require("./thruster.cjs"));
 Object.assign(exports, require("./thruster-array.cjs"));
 Object.assign(exports, require("./thumbs-down.cjs"));
@@ -371,3 +372,5 @@ Object.assign(exports, require("./workflow.cjs"));
 Object.assign(exports, require("./wrench.cjs"));
 Object.assign(exports, require("./x.cjs"));
 Object.assign(exports, require("./zap.cjs"));
+Object.assign(exports, require("./theme-icon.cjs"));
+Object.assign(exports, require("./icon-swap.cjs"));

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export type { UiIcon, UiIconProps } from "./_make.js";
+export type { ThemeIconProps } from "./theme-icon.js";
+export type { IconSwapProps } from "./icon-swap.js";
 export { ActivityIcon, ActivityGlassIcon, ActivityDuotoneIcon, ActivityOffsetIcon, ActivityFillIcon, ActivityGlassOutlineIcon, ActivityDepthIcon } from "./activity.js";
 export { AgentErrorIcon, AgentErrorGlassIcon, AgentErrorDuotoneIcon, AgentErrorOffsetIcon, AgentErrorFillIcon, AgentErrorGlassOutlineIcon, AgentErrorDepthIcon } from "./agent-error.js";
 export { AgentPauseIcon, AgentPauseGlassIcon, AgentPauseDuotoneIcon, AgentPauseOffsetIcon, AgentPauseFillIcon, AgentPauseGlassOutlineIcon, AgentPauseDepthIcon } from "./agent-pause.js";
@@ -334,6 +336,7 @@ export { TelescopeIcon, TelescopeGlassIcon, TelescopeDuotoneIcon, TelescopeOffse
 export { TemperatureIcon, TemperatureGlassIcon, TemperatureDuotoneIcon, TemperatureOffsetIcon, TemperatureFillIcon, TemperatureGlassOutlineIcon, TemperatureDepthIcon } from "./temperature.js";
 export { TerminalIcon, TerminalGlassIcon, TerminalDuotoneIcon, TerminalOffsetIcon, TerminalFillIcon, TerminalGlassOutlineIcon, TerminalDepthIcon } from "./terminal.js";
 export { TextAlignCenterIcon, TextAlignCenterGlassIcon, TextAlignCenterDuotoneIcon, TextAlignCenterOffsetIcon, TextAlignCenterFillIcon, TextAlignCenterGlassOutlineIcon, TextAlignCenterDepthIcon } from "./text-align-center.js";
+export { ThemeSystemIcon, ThemeSystemGlassIcon, ThemeSystemDuotoneIcon, ThemeSystemOffsetIcon, ThemeSystemFillIcon, ThemeSystemGlassOutlineIcon, ThemeSystemDepthIcon } from "./theme-system.js";
 export { ThrusterIcon, ThrusterGlassIcon, ThrusterDuotoneIcon, ThrusterOffsetIcon, ThrusterFillIcon, ThrusterGlassOutlineIcon, ThrusterDepthIcon } from "./thruster.js";
 export { ThrusterArrayIcon, ThrusterArrayGlassIcon, ThrusterArrayDuotoneIcon, ThrusterArrayOffsetIcon, ThrusterArrayFillIcon, ThrusterArrayGlassOutlineIcon, ThrusterArrayDepthIcon } from "./thruster-array.js";
 export { ThumbsDownIcon, ThumbsDownGlassIcon, ThumbsDownDuotoneIcon, ThumbsDownOffsetIcon, ThumbsDownFillIcon, ThumbsDownGlassOutlineIcon, ThumbsDownDepthIcon } from "./thumbs-down.js";
@@ -371,3 +374,5 @@ export { WorkflowIcon, WorkflowGlassIcon, WorkflowDuotoneIcon, WorkflowOffsetIco
 export { WrenchIcon, WrenchGlassIcon, WrenchDuotoneIcon, WrenchOffsetIcon, WrenchFillIcon, WrenchGlassOutlineIcon, WrenchDepthIcon } from "./wrench.js";
 export { XIcon, XGlassIcon, XDuotoneIcon, XOffsetIcon, XFillIcon, XGlassOutlineIcon, XDepthIcon } from "./x.js";
 export { ZapIcon, ZapGlassIcon, ZapDuotoneIcon, ZapOffsetIcon, ZapFillIcon, ZapGlassOutlineIcon, ZapDepthIcon } from "./zap.js";
+export { ThemeIcon } from "./theme-icon.js";
+export { IconSwap } from "./icon-swap.js";

package/dist/index.js

@@ -333,6 +333,7 @@ export { TelescopeIcon, TelescopeGlassIcon, TelescopeDuotoneIcon, TelescopeOffse
 export { TemperatureIcon, TemperatureGlassIcon, TemperatureDuotoneIcon, TemperatureOffsetIcon, TemperatureFillIcon, TemperatureGlassOutlineIcon, TemperatureDepthIcon } from "./temperature.js";
 export { TerminalIcon, TerminalGlassIcon, TerminalDuotoneIcon, TerminalOffsetIcon, TerminalFillIcon, TerminalGlassOutlineIcon, TerminalDepthIcon } from "./terminal.js";
 export { TextAlignCenterIcon, TextAlignCenterGlassIcon, TextAlignCenterDuotoneIcon, TextAlignCenterOffsetIcon, TextAlignCenterFillIcon, TextAlignCenterGlassOutlineIcon, TextAlignCenterDepthIcon } from "./text-align-center.js";
+export { ThemeSystemIcon, ThemeSystemGlassIcon, ThemeSystemDuotoneIcon, ThemeSystemOffsetIcon, ThemeSystemFillIcon, ThemeSystemGlassOutlineIcon, ThemeSystemDepthIcon } from "./theme-system.js";
 export { ThrusterIcon, ThrusterGlassIcon, ThrusterDuotoneIcon, ThrusterOffsetIcon, ThrusterFillIcon, ThrusterGlassOutlineIcon, ThrusterDepthIcon } from "./thruster.js";
 export { ThrusterArrayIcon, ThrusterArrayGlassIcon, ThrusterArrayDuotoneIcon, ThrusterArrayOffsetIcon, ThrusterArrayFillIcon, ThrusterArrayGlassOutlineIcon, ThrusterArrayDepthIcon } from "./thruster-array.js";
 export { ThumbsDownIcon, ThumbsDownGlassIcon, ThumbsDownDuotoneIcon, ThumbsDownOffsetIcon, ThumbsDownFillIcon, ThumbsDownGlassOutlineIcon, ThumbsDownDepthIcon } from "./thumbs-down.js";
@@ -370,3 +371,5 @@ export { WorkflowIcon, WorkflowGlassIcon, WorkflowDuotoneIcon, WorkflowOffsetIco
 export { WrenchIcon, WrenchGlassIcon, WrenchDuotoneIcon, WrenchOffsetIcon, WrenchFillIcon, WrenchGlassOutlineIcon, WrenchDepthIcon } from "./wrench.js";
 export { XIcon, XGlassIcon, XDuotoneIcon, XOffsetIcon, XFillIcon, XGlassOutlineIcon, XDepthIcon } from "./x.js";
 export { ZapIcon, ZapGlassIcon, ZapDuotoneIcon, ZapOffsetIcon, ZapFillIcon, ZapGlassOutlineIcon, ZapDepthIcon } from "./zap.js";
+export { ThemeIcon } from "./theme-icon.js";
+export { IconSwap } from "./icon-swap.js";

package/dist/theme-icon.cjs

@@ -0,0 +1,11 @@
+"use strict";
+const { createElement } = require("react");
+const sun = require("./sun.cjs");
+const moon = require("./moon.cjs");
+const system = require("./theme-system.cjs");
+const LOOKS = { outline: "", glass: "Glass", duotone: "Duotone", offset: "Offset", fill: "Fill", "glass-outline": "GlassOutline", depth: "Depth" };
+const PICK = { light: [sun, "Sun"], dark: [moon, "Moon"], system: [system, "ThemeSystem"] };
+exports.ThemeIcon = ({ theme = "system", look = "outline", animated = true, ...props }) => {
+  const [mod, base] = PICK[theme] || PICK.system;
+  return createElement(mod[base + (LOOKS[look] || "") + "Icon"], { animated, ...props });
+};

package/dist/theme-icon.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement } from "react";
+import type { UiIconProps } from "./_make.js";
+export interface ThemeIconProps extends UiIconProps {
+  /** Which theme the icon shows: sun for light, moon for dark, a display for system. */
+  theme?: "light" | "dark" | "system";
+  look?: "outline" | "glass" | "duotone" | "offset" | "fill" | "glass-outline" | "depth";
+  /** Plays the entrance motion each time the theme changes. On by default. */
+  animated?: boolean;
+}
+export declare const ThemeIcon: (props: ThemeIconProps) => ReactElement;

package/dist/theme-icon.js

@@ -0,0 +1,10 @@
+import { createElement } from "react";
+import * as sun from "./sun.js";
+import * as moon from "./moon.js";
+import * as system from "./theme-system.js";
+const LOOKS = { outline: "", glass: "Glass", duotone: "Duotone", offset: "Offset", fill: "Fill", "glass-outline": "GlassOutline", depth: "Depth" };
+const PICK = { light: [sun, "Sun"], dark: [moon, "Moon"], system: [system, "ThemeSystem"] };
+export const ThemeIcon = ({ theme = "system", look = "outline", animated = true, ...props }) => {
+  const [mod, base] = PICK[theme] || PICK.system;
+  return createElement(mod[base + (LOOKS[look] || "") + "Icon"], { animated, ...props });
+};

package/dist/theme-system.cjs

@@ -0,0 +1,9 @@
+"use strict";
+const { make } = require("./_make.cjs");
+exports.ThemeSystemIcon = make("<defs><mask id=\"theme-system-outline-c4\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"#fff\"/><polygon points=\"10.97,18.51 7.03,18.51 6.59,21.13 8.34,21.13\" fill=\"#000\"/><polygon points=\"13.03,21.13 16.97,21.13 17.41,18.51 15.66,18.51\" fill=\"#000\"/></mask></defs><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"><path d=\"M5.22 4.18L18.78 4.18L20.28 5.68L20.28 14.64L18.78 16.14L5.22 16.14L3.72 14.64L3.72 5.68L5.22 4.18Z\"/><path d=\"M14.944 10.16C14.944 11.786 13.626 13.104 12 13.104C10.374 13.104 9.056 11.786 9.056 10.16C9.056 8.534 10.374 7.216 12 7.216C13.626 7.216 14.944 8.534 14.944 10.16Z\"/><path d=\"M12.736 7.446L13.265 7.611L13.626 7.83L14.484 8.688L14.723 9.127L14.904 9.975L14.904 10.345L14.723 11.193L14.484 11.632L13.626 12.49L13.265 12.709L12.736 12.874L12 12.333L12 7.987L12.736 7.446Z\"/><path d=\"M12 16.14L12 18.9\"/><path d=\"M8.78 19.82L15.22 19.82\" mask=\"url(#theme-system-outline-c4)\"/></g>", "ThemeSystemIcon", ["theme-system-outline-c4"]);
+exports.ThemeSystemGlassIcon = make("<defs><linearGradient id=\"theme-system-glass-g\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"24\"><stop offset=\"0\" stop-color=\"currentColor\" stop-opacity=\"0.78\"/><stop offset=\"1\" stop-color=\"currentColor\" stop-opacity=\"0.36\"/></linearGradient><linearGradient id=\"theme-system-glass-ge\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"24\"><stop offset=\"0\" stop-color=\"currentColor\" stop-opacity=\"1\"/><stop offset=\"1\" stop-color=\"currentColor\" stop-opacity=\"0.12\"/></linearGradient><linearGradient id=\"theme-system-glass-gr\" gradientUnits=\"userSpaceOnUse\" x1=\"3\" y1=\"3.5\" x2=\"21\" y2=\"16.5\"><stop offset=\"0.25\" stop-color=\"#fff\"/><stop offset=\"1\" stop-color=\"#9d9d9d\"/></linearGradient><mask id=\"theme-system-glass-gs\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"url(#theme-system-glass-gr)\"/></mask><mask id=\"theme-system-glass-gm\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><path d=\"M6.9 3.5L17.1 3.5A3.9 3.9 0 0 1 21 7.4L21 12.6A3.9 3.9 0 0 1 17.1 16.5L6.9 16.5A3.9 3.9 0 0 1 3 12.6L3 7.4A3.9 3.9 0 0 1 6.9 3.5Z\" fill=\"none\" stroke=\"#fff\" stroke-width=\"0.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></mask><mask id=\"theme-system-glass-gp\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"#fff\"/><path d=\"M15.2 10C15.2 11.767 13.767 13.2 12 13.2C10.233 13.2 8.8 11.767 8.8 10C8.8 8.233 10.233 6.8 12 6.8C13.767 6.8 15.2 8.233 15.2 10Z\" fill=\"none\" stroke=\"#000\" stroke-opacity=\"0.92\" stroke-width=\"1.26\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.8 7.05L13.375 7.23A0.96 0.96 0 0 1 13.767 7.467L14.7 8.4A0.96 0.96 0 0 1 14.959 8.877L15.157 9.799A0.96 0.96 0 0 1 15.157 10.201L14.959 11.123A0.96 0.96 0 0 1 14.7 11.6L13.767 12.533A0.96 0.96 0 0 1 13.375 12.77L12.8 12.95A0.616 0.616 0 0 1 12 12.362L12 7.638A0.616 0.616 0 0 1 12.8 7.05Z\" fill=\"none\" stroke=\"#000\" stroke-opacity=\"0.92\" stroke-width=\"1.26\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></mask><mask id=\"theme-system-glass-go\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"#fff\"/><path d=\"M6.9 3.5L17.1 3.5A3.9 3.9 0 0 1 21 7.4L21 12.6A3.9 3.9 0 0 1 17.1 16.5L6.9 16.5A3.9 3.9 0 0 1 3 12.6L3 7.4A3.9 3.9 0 0 1 6.9 3.5Z\" fill=\"#000\"/></mask></defs><g mask=\"url(#theme-system-glass-gp)\"><g mask=\"url(#theme-system-glass-gs)\"><path d=\"M6.9 3.5L17.1 3.5A3.9 3.9 0 0 1 21 7.4L21 12.6A3.9 3.9 0 0 1 17.1 16.5L6.9 16.5A3.9 3.9 0 0 1 3 12.6L3 7.4A3.9 3.9 0 0 1 6.9 3.5Z\" fill=\"url(#theme-system-glass-g)\" stroke=\"none\"/></g></g><path d=\"M12 16.5L12 19.5\" fill=\"none\" stroke=\"currentColor\" stroke-opacity=\"0.8\" stroke-width=\"1.44\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8.5 20.5L15.5 20.5\" fill=\"none\" stroke=\"currentColor\" stroke-opacity=\"0.8\" stroke-width=\"1.44\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"url(#theme-system-glass-ge)\" mask=\"url(#theme-system-glass-gm)\"/>", "ThemeSystemGlassIcon", ["theme-system-glass-g","theme-system-glass-ge","theme-system-glass-gr","theme-system-glass-gs","theme-system-glass-gm","theme-system-glass-gp","theme-system-glass-go"]);
+exports.ThemeSystemDuotoneIcon = make("<path d=\"M5.22 4.18L18.78 4.18L20.28 5.68L20.28 14.64L18.78 16.14L5.22 16.14L3.72 14.64L3.72 5.68L5.22 4.18Z\" fill=\"currentColor\" opacity=\"0.22\"/><defs><mask id=\"theme-system-duotone-c4\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"#fff\"/><polygon points=\"10.97,18.51 7.03,18.51 6.59,21.13 8.34,21.13\" fill=\"#000\"/><polygon points=\"13.03,21.13 16.97,21.13 17.41,18.51 15.66,18.51\" fill=\"#000\"/></mask></defs><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"><path d=\"M5.22 4.18L18.78 4.18L20.28 5.68L20.28 14.64L18.78 16.14L5.22 16.14L3.72 14.64L3.72 5.68L5.22 4.18Z\"/><path d=\"M14.944 10.16C14.944 11.786 13.626 13.104 12 13.104C10.374 13.104 9.056 11.786 9.056 10.16C9.056 8.534 10.374 7.216 12 7.216C13.626 7.216 14.944 8.534 14.944 10.16Z\"/><path d=\"M12.736 7.446L13.265 7.611L13.626 7.83L14.484 8.688L14.723 9.127L14.904 9.975L14.904 10.345L14.723 11.193L14.484 11.632L13.626 12.49L13.265 12.709L12.736 12.874L12 12.333L12 7.987L12.736 7.446Z\"/><path d=\"M12 16.14L12 18.9\"/><path d=\"M8.78 19.82L15.22 19.82\" mask=\"url(#theme-system-duotone-c4)\"/></g>", "ThemeSystemDuotoneIcon", ["theme-system-duotone-c4"]);
+exports.ThemeSystemOffsetIcon = make("<g opacity=\"0.22\" transform=\"translate(1.25 1.25)\"><path d=\"M5.22 4.18L18.78 4.18L20.28 5.68L20.28 14.64L18.78 16.14L5.22 16.14L3.72 14.64L3.72 5.68L5.22 4.18Z\" fill=\"currentColor\" stroke=\"none\"/><path d=\"M14.944 10.16C14.944 11.786 13.626 13.104 12 13.104C10.374 13.104 9.056 11.786 9.056 10.16C9.056 8.534 10.374 7.216 12 7.216C13.626 7.216 14.944 8.534 14.944 10.16Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.736 7.446L13.265 7.611L13.626 7.83L14.484 8.688L14.723 9.127L14.904 9.975L14.904 10.345L14.723 11.193L14.484 11.632L13.626 12.49L13.265 12.709L12.736 12.874L12 12.333L12 7.987L12.736 7.446Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 16.14L12 18.9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.78 19.82L15.22 19.82\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><defs><mask id=\"theme-system-offset-c4\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"#fff\"/><polygon points=\"10.97,18.51 7.03,18.51 6.59,21.13 8.34,21.13\" fill=\"#000\"/><polygon points=\"13.03,21.13 16.97,21.13 17.41,18.51 15.66,18.51\" fill=\"#000\"/></mask></defs><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"><path d=\"M5.22 4.18L18.78 4.18L20.28 5.68L20.28 14.64L18.78 16.14L5.22 16.14L3.72 14.64L3.72 5.68L5.22 4.18Z\"/><path d=\"M14.944 10.16C14.944 11.786 13.626 13.104 12 13.104C10.374 13.104 9.056 11.786 9.056 10.16C9.056 8.534 10.374 7.216 12 7.216C13.626 7.216 14.944 8.534 14.944 10.16Z\"/><path d=\"M12.736 7.446L13.265 7.611L13.626 7.83L14.484 8.688L14.723 9.127L14.904 9.975L14.904 10.345L14.723 11.193L14.484 11.632L13.626 12.49L13.265 12.709L12.736 12.874L12 12.333L12 7.987L12.736 7.446Z\"/><path d=\"M12 16.14L12 18.9\"/><path d=\"M8.78 19.82L15.22 19.82\" mask=\"url(#theme-system-offset-c4)\"/></g>", "ThemeSystemOffsetIcon", ["theme-system-offset-c4"]);
+exports.ThemeSystemFillIcon = make("<defs><mask id=\"theme-system-fill-k\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"24\" height=\"24\"><rect width=\"24\" height=\"24\" fill=\"#fff\"/><path d=\"M14.944 10.16C14.944 11.786 13.626 13.104 12 13.104C10.374 13.104 9.056 11.786 9.056 10.16C9.056 8.534 10.374 7.216 12 7.216C13.626 7.216 14.944 8.534 14.944 10.16Z\" fill=\"#000\" stroke=\"#000\" stroke-width=\"3.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.736 7.446L13.265 7.611L13.626 7.83L14.484 8.688L14.723 9.127L14.904 9.975L14.904 10.345L14.723 11.193L14.484 11.632L13.626 12.49L13.265 12.709L12.736 12.874L12 12.333L12 7.987L12.736 7.446Z\" fill=\"#000\" stroke=\"#000\" stroke-width=\"3.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></mask><mask id=\"theme-system-fill-o\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"#fff\"/><path d=\"M5.22 4.18L18.78 4.18L20.28 5.68L20.28 14.64L18.78 16.14L5.22 16.14L3.72 14.64L3.72 5.68L5.22 4.18Z\" fill=\"#000\"/></mask></defs><path d=\"M5.22 4.18L18.78 4.18L20.28 5.68L20.28 14.64L18.78 16.14L5.22 16.14L3.72 14.64L3.72 5.68L5.22 4.18Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" mask=\"url(#theme-system-fill-k)\"/><path d=\"M12 16.14L12 18.9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.78 19.82L15.22 19.82\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/>", "ThemeSystemFillIcon", ["theme-system-fill-k","theme-system-fill-o"]);
+exports.ThemeSystemGlassOutlineIcon = make("<defs><linearGradient id=\"theme-system-glass-outline-og\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"0\" x2=\"24\" y2=\"24\"><stop offset=\"0.15\" stop-color=\"#fff\"/><stop offset=\"0.6\" stop-color=\"#000\"/></linearGradient><clipPath id=\"theme-system-glass-outline-oc0\"><path d=\"M6.72 4.18L17.28 4.18A3 3 0 0 1 20.28 7.18L20.28 13.14A3 3 0 0 1 17.28 16.14L6.72 16.14A3 3 0 0 1 3.72 13.14L3.72 7.18A3 3 0 0 1 6.72 4.18Z\"/></clipPath><mask id=\"theme-system-glass-outline-om0\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"url(#theme-system-glass-outline-og)\"/><path d=\"M6.72 4.18L17.28 4.18A3 3 0 0 1 20.28 7.18L20.28 13.14A3 3 0 0 1 17.28 16.14L6.72 16.14A3 3 0 0 1 3.72 13.14L3.72 7.18A3 3 0 0 1 6.72 4.18Z\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.65\" stroke-linejoin=\"round\"/></mask></defs><path d=\"M6.72 4.18L17.28 4.18A3 3 0 0 1 20.28 7.18L20.28 13.14A3 3 0 0 1 17.28 16.14L6.72 16.14A3 3 0 0 1 3.72 13.14L3.72 7.18A3 3 0 0 1 6.72 4.18Z\" fill=\"currentColor\" fill-opacity=\"0.14\" stroke=\"none\"/><g clip-path=\"url(#theme-system-glass-outline-oc0)\"><path d=\"M6.72 4.18L17.28 4.18A3 3 0 0 1 20.28 7.18L20.28 13.14A3 3 0 0 1 17.28 16.14L6.72 16.14A3 3 0 0 1 3.72 13.14L3.72 7.18A3 3 0 0 1 6.72 4.18Z\" fill=\"none\" stroke=\"currentColor\" stroke-opacity=\"0.6\" stroke-width=\"4.05\" stroke-linejoin=\"round\" mask=\"url(#theme-system-glass-outline-om0)\"/></g><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6.72 4.18L17.28 4.18A3 3 0 0 1 20.28 7.18L20.28 13.14A3 3 0 0 1 17.28 16.14L6.72 16.14A3 3 0 0 1 3.72 13.14L3.72 7.18A3 3 0 0 1 6.72 4.18Z\"/><path d=\"M14.944 10.16C14.944 11.786 13.626 13.104 12 13.104C10.374 13.104 9.056 11.786 9.056 10.16C9.056 8.534 10.374 7.216 12 7.216C13.626 7.216 14.944 8.534 14.944 10.16Z\"/><path d=\"M12.736 7.446L13.265 7.611A0.883 0.883 0 0 1 13.626 7.83L14.484 8.688A0.883 0.883 0 0 1 14.723 9.127L14.904 9.975A0.883 0.883 0 0 1 14.904 10.345L14.723 11.193A0.883 0.883 0 0 1 14.484 11.632L13.626 12.49A0.883 0.883 0 0 1 13.265 12.709L12.736 12.874A0.567 0.567 0 0 1 12 12.333L12 7.987A0.567 0.567 0 0 1 12.736 7.446Z\"/><path d=\"M12 16.14L12 18.9\"/><path d=\"M8.78 19.82L15.22 19.82\"/></g>", "ThemeSystemGlassOutlineIcon", ["theme-system-glass-outline-og","theme-system-glass-outline-oc0","theme-system-glass-outline-om0"]);
+exports.ThemeSystemDepthIcon = make("<defs><linearGradient id=\"theme-system-depth-dlg\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"0\" x2=\"24\" y2=\"24\"><stop offset=\"0.3\" stop-color=\"#fff\"/><stop offset=\"1\" stop-color=\"#999\"/></linearGradient><mask id=\"theme-system-depth-dl\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"url(#theme-system-depth-dlg)\"/></mask></defs><g opacity=\"0.45\"><g transform=\"translate(1.27 1.27)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><g transform=\"translate(1.13 1.13)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><g transform=\"translate(0.99 0.99)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><g transform=\"translate(0.85 0.85)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><g transform=\"translate(0.71 0.71)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><g transform=\"translate(0.57 0.57)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><g transform=\"translate(0.42 0.42)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><g transform=\"translate(0.28 0.28)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><g transform=\"translate(0.14 0.14)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g></g><g mask=\"url(#theme-system-depth-dl)\"><defs><mask id=\"theme-system-depth-f-k\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"24\" height=\"24\"><rect width=\"24\" height=\"24\" fill=\"#fff\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"#000\" stroke=\"#000\" stroke-width=\"3.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"#000\" stroke=\"#000\" stroke-width=\"3.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></mask><mask id=\"theme-system-depth-f-o\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"#fff\"/><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"#000\"/></mask></defs><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" mask=\"url(#theme-system-depth-f-k)\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g>", "ThemeSystemDepthIcon", ["theme-system-depth-dlg","theme-system-depth-dl","theme-system-depth-f-k","theme-system-depth-f-o"]);

package/dist/theme-system.d.ts

@@ -0,0 +1,8 @@
+import type { UiIcon } from "./_make.js";
+export declare const ThemeSystemIcon: UiIcon;
+export declare const ThemeSystemGlassIcon: UiIcon;
+export declare const ThemeSystemDuotoneIcon: UiIcon;
+export declare const ThemeSystemOffsetIcon: UiIcon;
+export declare const ThemeSystemFillIcon: UiIcon;
+export declare const ThemeSystemGlassOutlineIcon: UiIcon;
+export declare const ThemeSystemDepthIcon: UiIcon;

package/dist/theme-system.js

@@ -0,0 +1,8 @@
+import { make } from "./_make.js";
+export const ThemeSystemIcon = /* @__PURE__ */ make("<defs><mask id=\"theme-system-outline-c4\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"#fff\"/><polygon points=\"10.97,18.51 7.03,18.51 6.59,21.13 8.34,21.13\" fill=\"#000\"/><polygon points=\"13.03,21.13 16.97,21.13 17.41,18.51 15.66,18.51\" fill=\"#000\"/></mask></defs><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"><path d=\"M5.22 4.18L18.78 4.18L20.28 5.68L20.28 14.64L18.78 16.14L5.22 16.14L3.72 14.64L3.72 5.68L5.22 4.18Z\"/><path d=\"M14.944 10.16C14.944 11.786 13.626 13.104 12 13.104C10.374 13.104 9.056 11.786 9.056 10.16C9.056 8.534 10.374 7.216 12 7.216C13.626 7.216 14.944 8.534 14.944 10.16Z\"/><path d=\"M12.736 7.446L13.265 7.611L13.626 7.83L14.484 8.688L14.723 9.127L14.904 9.975L14.904 10.345L14.723 11.193L14.484 11.632L13.626 12.49L13.265 12.709L12.736 12.874L12 12.333L12 7.987L12.736 7.446Z\"/><path d=\"M12 16.14L12 18.9\"/><path d=\"M8.78 19.82L15.22 19.82\" mask=\"url(#theme-system-outline-c4)\"/></g>", "ThemeSystemIcon", ["theme-system-outline-c4"]);
+export const ThemeSystemGlassIcon = /* @__PURE__ */ make("<defs><linearGradient id=\"theme-system-glass-g\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"24\"><stop offset=\"0\" stop-color=\"currentColor\" stop-opacity=\"0.78\"/><stop offset=\"1\" stop-color=\"currentColor\" stop-opacity=\"0.36\"/></linearGradient><linearGradient id=\"theme-system-glass-ge\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"24\"><stop offset=\"0\" stop-color=\"currentColor\" stop-opacity=\"1\"/><stop offset=\"1\" stop-color=\"currentColor\" stop-opacity=\"0.12\"/></linearGradient><linearGradient id=\"theme-system-glass-gr\" gradientUnits=\"userSpaceOnUse\" x1=\"3\" y1=\"3.5\" x2=\"21\" y2=\"16.5\"><stop offset=\"0.25\" stop-color=\"#fff\"/><stop offset=\"1\" stop-color=\"#9d9d9d\"/></linearGradient><mask id=\"theme-system-glass-gs\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"url(#theme-system-glass-gr)\"/></mask><mask id=\"theme-system-glass-gm\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><path d=\"M6.9 3.5L17.1 3.5A3.9 3.9 0 0 1 21 7.4L21 12.6A3.9 3.9 0 0 1 17.1 16.5L6.9 16.5A3.9 3.9 0 0 1 3 12.6L3 7.4A3.9 3.9 0 0 1 6.9 3.5Z\" fill=\"none\" stroke=\"#fff\" stroke-width=\"0.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></mask><mask id=\"theme-system-glass-gp\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"#fff\"/><path d=\"M15.2 10C15.2 11.767 13.767 13.2 12 13.2C10.233 13.2 8.8 11.767 8.8 10C8.8 8.233 10.233 6.8 12 6.8C13.767 6.8 15.2 8.233 15.2 10Z\" fill=\"none\" stroke=\"#000\" stroke-opacity=\"0.92\" stroke-width=\"1.26\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.8 7.05L13.375 7.23A0.96 0.96 0 0 1 13.767 7.467L14.7 8.4A0.96 0.96 0 0 1 14.959 8.877L15.157 9.799A0.96 0.96 0 0 1 15.157 10.201L14.959 11.123A0.96 0.96 0 0 1 14.7 11.6L13.767 12.533A0.96 0.96 0 0 1 13.375 12.77L12.8 12.95A0.616 0.616 0 0 1 12 12.362L12 7.638A0.616 0.616 0 0 1 12.8 7.05Z\" fill=\"none\" stroke=\"#000\" stroke-opacity=\"0.92\" stroke-width=\"1.26\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></mask><mask id=\"theme-system-glass-go\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"#fff\"/><path d=\"M6.9 3.5L17.1 3.5A3.9 3.9 0 0 1 21 7.4L21 12.6A3.9 3.9 0 0 1 17.1 16.5L6.9 16.5A3.9 3.9 0 0 1 3 12.6L3 7.4A3.9 3.9 0 0 1 6.9 3.5Z\" fill=\"#000\"/></mask></defs><g mask=\"url(#theme-system-glass-gp)\"><g mask=\"url(#theme-system-glass-gs)\"><path d=\"M6.9 3.5L17.1 3.5A3.9 3.9 0 0 1 21 7.4L21 12.6A3.9 3.9 0 0 1 17.1 16.5L6.9 16.5A3.9 3.9 0 0 1 3 12.6L3 7.4A3.9 3.9 0 0 1 6.9 3.5Z\" fill=\"url(#theme-system-glass-g)\" stroke=\"none\"/></g></g><path d=\"M12 16.5L12 19.5\" fill=\"none\" stroke=\"currentColor\" stroke-opacity=\"0.8\" stroke-width=\"1.44\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8.5 20.5L15.5 20.5\" fill=\"none\" stroke=\"currentColor\" stroke-opacity=\"0.8\" stroke-width=\"1.44\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"url(#theme-system-glass-ge)\" mask=\"url(#theme-system-glass-gm)\"/>", "ThemeSystemGlassIcon", ["theme-system-glass-g","theme-system-glass-ge","theme-system-glass-gr","theme-system-glass-gs","theme-system-glass-gm","theme-system-glass-gp","theme-system-glass-go"]);
+export const ThemeSystemDuotoneIcon = /* @__PURE__ */ make("<path d=\"M5.22 4.18L18.78 4.18L20.28 5.68L20.28 14.64L18.78 16.14L5.22 16.14L3.72 14.64L3.72 5.68L5.22 4.18Z\" fill=\"currentColor\" opacity=\"0.22\"/><defs><mask id=\"theme-system-duotone-c4\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"#fff\"/><polygon points=\"10.97,18.51 7.03,18.51 6.59,21.13 8.34,21.13\" fill=\"#000\"/><polygon points=\"13.03,21.13 16.97,21.13 17.41,18.51 15.66,18.51\" fill=\"#000\"/></mask></defs><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"><path d=\"M5.22 4.18L18.78 4.18L20.28 5.68L20.28 14.64L18.78 16.14L5.22 16.14L3.72 14.64L3.72 5.68L5.22 4.18Z\"/><path d=\"M14.944 10.16C14.944 11.786 13.626 13.104 12 13.104C10.374 13.104 9.056 11.786 9.056 10.16C9.056 8.534 10.374 7.216 12 7.216C13.626 7.216 14.944 8.534 14.944 10.16Z\"/><path d=\"M12.736 7.446L13.265 7.611L13.626 7.83L14.484 8.688L14.723 9.127L14.904 9.975L14.904 10.345L14.723 11.193L14.484 11.632L13.626 12.49L13.265 12.709L12.736 12.874L12 12.333L12 7.987L12.736 7.446Z\"/><path d=\"M12 16.14L12 18.9\"/><path d=\"M8.78 19.82L15.22 19.82\" mask=\"url(#theme-system-duotone-c4)\"/></g>", "ThemeSystemDuotoneIcon", ["theme-system-duotone-c4"]);
+export const ThemeSystemOffsetIcon = /* @__PURE__ */ make("<g opacity=\"0.22\" transform=\"translate(1.25 1.25)\"><path d=\"M5.22 4.18L18.78 4.18L20.28 5.68L20.28 14.64L18.78 16.14L5.22 16.14L3.72 14.64L3.72 5.68L5.22 4.18Z\" fill=\"currentColor\" stroke=\"none\"/><path d=\"M14.944 10.16C14.944 11.786 13.626 13.104 12 13.104C10.374 13.104 9.056 11.786 9.056 10.16C9.056 8.534 10.374 7.216 12 7.216C13.626 7.216 14.944 8.534 14.944 10.16Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.736 7.446L13.265 7.611L13.626 7.83L14.484 8.688L14.723 9.127L14.904 9.975L14.904 10.345L14.723 11.193L14.484 11.632L13.626 12.49L13.265 12.709L12.736 12.874L12 12.333L12 7.987L12.736 7.446Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 16.14L12 18.9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.78 19.82L15.22 19.82\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><defs><mask id=\"theme-system-offset-c4\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"#fff\"/><polygon points=\"10.97,18.51 7.03,18.51 6.59,21.13 8.34,21.13\" fill=\"#000\"/><polygon points=\"13.03,21.13 16.97,21.13 17.41,18.51 15.66,18.51\" fill=\"#000\"/></mask></defs><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"><path d=\"M5.22 4.18L18.78 4.18L20.28 5.68L20.28 14.64L18.78 16.14L5.22 16.14L3.72 14.64L3.72 5.68L5.22 4.18Z\"/><path d=\"M14.944 10.16C14.944 11.786 13.626 13.104 12 13.104C10.374 13.104 9.056 11.786 9.056 10.16C9.056 8.534 10.374 7.216 12 7.216C13.626 7.216 14.944 8.534 14.944 10.16Z\"/><path d=\"M12.736 7.446L13.265 7.611L13.626 7.83L14.484 8.688L14.723 9.127L14.904 9.975L14.904 10.345L14.723 11.193L14.484 11.632L13.626 12.49L13.265 12.709L12.736 12.874L12 12.333L12 7.987L12.736 7.446Z\"/><path d=\"M12 16.14L12 18.9\"/><path d=\"M8.78 19.82L15.22 19.82\" mask=\"url(#theme-system-offset-c4)\"/></g>", "ThemeSystemOffsetIcon", ["theme-system-offset-c4"]);
+export const ThemeSystemFillIcon = /* @__PURE__ */ make("<defs><mask id=\"theme-system-fill-k\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"24\" height=\"24\"><rect width=\"24\" height=\"24\" fill=\"#fff\"/><path d=\"M14.944 10.16C14.944 11.786 13.626 13.104 12 13.104C10.374 13.104 9.056 11.786 9.056 10.16C9.056 8.534 10.374 7.216 12 7.216C13.626 7.216 14.944 8.534 14.944 10.16Z\" fill=\"#000\" stroke=\"#000\" stroke-width=\"3.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.736 7.446L13.265 7.611L13.626 7.83L14.484 8.688L14.723 9.127L14.904 9.975L14.904 10.345L14.723 11.193L14.484 11.632L13.626 12.49L13.265 12.709L12.736 12.874L12 12.333L12 7.987L12.736 7.446Z\" fill=\"#000\" stroke=\"#000\" stroke-width=\"3.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></mask><mask id=\"theme-system-fill-o\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"#fff\"/><path d=\"M5.22 4.18L18.78 4.18L20.28 5.68L20.28 14.64L18.78 16.14L5.22 16.14L3.72 14.64L3.72 5.68L5.22 4.18Z\" fill=\"#000\"/></mask></defs><path d=\"M5.22 4.18L18.78 4.18L20.28 5.68L20.28 14.64L18.78 16.14L5.22 16.14L3.72 14.64L3.72 5.68L5.22 4.18Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" mask=\"url(#theme-system-fill-k)\"/><path d=\"M12 16.14L12 18.9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.78 19.82L15.22 19.82\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/>", "ThemeSystemFillIcon", ["theme-system-fill-k","theme-system-fill-o"]);
+export const ThemeSystemGlassOutlineIcon = /* @__PURE__ */ make("<defs><linearGradient id=\"theme-system-glass-outline-og\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"0\" x2=\"24\" y2=\"24\"><stop offset=\"0.15\" stop-color=\"#fff\"/><stop offset=\"0.6\" stop-color=\"#000\"/></linearGradient><clipPath id=\"theme-system-glass-outline-oc0\"><path d=\"M6.72 4.18L17.28 4.18A3 3 0 0 1 20.28 7.18L20.28 13.14A3 3 0 0 1 17.28 16.14L6.72 16.14A3 3 0 0 1 3.72 13.14L3.72 7.18A3 3 0 0 1 6.72 4.18Z\"/></clipPath><mask id=\"theme-system-glass-outline-om0\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"url(#theme-system-glass-outline-og)\"/><path d=\"M6.72 4.18L17.28 4.18A3 3 0 0 1 20.28 7.18L20.28 13.14A3 3 0 0 1 17.28 16.14L6.72 16.14A3 3 0 0 1 3.72 13.14L3.72 7.18A3 3 0 0 1 6.72 4.18Z\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.65\" stroke-linejoin=\"round\"/></mask></defs><path d=\"M6.72 4.18L17.28 4.18A3 3 0 0 1 20.28 7.18L20.28 13.14A3 3 0 0 1 17.28 16.14L6.72 16.14A3 3 0 0 1 3.72 13.14L3.72 7.18A3 3 0 0 1 6.72 4.18Z\" fill=\"currentColor\" fill-opacity=\"0.14\" stroke=\"none\"/><g clip-path=\"url(#theme-system-glass-outline-oc0)\"><path d=\"M6.72 4.18L17.28 4.18A3 3 0 0 1 20.28 7.18L20.28 13.14A3 3 0 0 1 17.28 16.14L6.72 16.14A3 3 0 0 1 3.72 13.14L3.72 7.18A3 3 0 0 1 6.72 4.18Z\" fill=\"none\" stroke=\"currentColor\" stroke-opacity=\"0.6\" stroke-width=\"4.05\" stroke-linejoin=\"round\" mask=\"url(#theme-system-glass-outline-om0)\"/></g><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6.72 4.18L17.28 4.18A3 3 0 0 1 20.28 7.18L20.28 13.14A3 3 0 0 1 17.28 16.14L6.72 16.14A3 3 0 0 1 3.72 13.14L3.72 7.18A3 3 0 0 1 6.72 4.18Z\"/><path d=\"M14.944 10.16C14.944 11.786 13.626 13.104 12 13.104C10.374 13.104 9.056 11.786 9.056 10.16C9.056 8.534 10.374 7.216 12 7.216C13.626 7.216 14.944 8.534 14.944 10.16Z\"/><path d=\"M12.736 7.446L13.265 7.611A0.883 0.883 0 0 1 13.626 7.83L14.484 8.688A0.883 0.883 0 0 1 14.723 9.127L14.904 9.975A0.883 0.883 0 0 1 14.904 10.345L14.723 11.193A0.883 0.883 0 0 1 14.484 11.632L13.626 12.49A0.883 0.883 0 0 1 13.265 12.709L12.736 12.874A0.567 0.567 0 0 1 12 12.333L12 7.987A0.567 0.567 0 0 1 12.736 7.446Z\"/><path d=\"M12 16.14L12 18.9\"/><path d=\"M8.78 19.82L15.22 19.82\"/></g>", "ThemeSystemGlassOutlineIcon", ["theme-system-glass-outline-og","theme-system-glass-outline-oc0","theme-system-glass-outline-om0"]);
+export const ThemeSystemDepthIcon = /* @__PURE__ */ make("<defs><linearGradient id=\"theme-system-depth-dlg\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"0\" x2=\"24\" y2=\"24\"><stop offset=\"0.3\" stop-color=\"#fff\"/><stop offset=\"1\" stop-color=\"#999\"/></linearGradient><mask id=\"theme-system-depth-dl\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"url(#theme-system-depth-dlg)\"/></mask></defs><g opacity=\"0.45\"><g transform=\"translate(1.27 1.27)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><g transform=\"translate(1.13 1.13)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><g transform=\"translate(0.99 0.99)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><g transform=\"translate(0.85 0.85)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><g transform=\"translate(0.71 0.71)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><g transform=\"translate(0.57 0.57)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><g transform=\"translate(0.42 0.42)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><g transform=\"translate(0.28 0.28)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g><g transform=\"translate(0.14 0.14)\"><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g></g><g mask=\"url(#theme-system-depth-dl)\"><defs><mask id=\"theme-system-depth-f-k\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"24\" height=\"24\"><rect width=\"24\" height=\"24\" fill=\"#fff\"/><path d=\"M14.816 10.24C14.816 11.795 13.555 13.056 12 13.056C10.445 13.056 9.184 11.795 9.184 10.24C9.184 8.685 10.445 7.424 12 7.424C13.555 7.424 14.816 8.685 14.816 10.24Z\" fill=\"#000\" stroke=\"#000\" stroke-width=\"3.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M12.704 7.644L13.21 7.802L13.555 8.011L14.376 8.832L14.604 9.252L14.778 10.063L14.778 10.417L14.604 11.228L14.376 11.648L13.555 12.469L13.21 12.678L12.704 12.836L12 12.318L12 8.162L12.704 7.644Z\" fill=\"#000\" stroke=\"#000\" stroke-width=\"3.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></mask><mask id=\"theme-system-depth-f-o\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"28\" height=\"28\"><rect x=\"-2\" y=\"-2\" width=\"28\" height=\"28\" fill=\"#fff\"/><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"#000\"/></mask></defs><path d=\"M5.58 4.52L18.42 4.52L19.92 6.02L19.92 14.46L18.42 15.96L5.58 15.96L4.08 14.46L4.08 6.02L5.58 4.52Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" mask=\"url(#theme-system-depth-f-k)\"/><path d=\"M12 15.96L12 18.6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M8.92 19.48L15.08 19.48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/></g>", "ThemeSystemDepthIcon", ["theme-system-depth-dlg","theme-system-depth-dl","theme-system-depth-f-k","theme-system-depth-f-o"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thesvg/ui-react",
-  "version": "4.1.0",
+  "version": "4.3.0",
   "description": "Typed React components for the UI icons from thesvg.org, one file per icon and one export per look",
   "type": "module",
   "sideEffects": false,