@andrsrxn/icons 3.3.0 → 4.1.0

package/CHANGELOG.md

@@ -1,5 +1,324 @@
 # @andrsrxn/icons
 
+## 4.1.0
+
+### Minor Changes
+
+- [`f0541af`](https://github.com/andrsrxn/icons/commit/f0541af3dc0d6964a640d703194ab61147d89807) Thanks [@andrsrxn](https://github.com/andrsrxn)! - Added 11 UI icons
+
+  - hammer
+  - crane
+  - split-horizontal
+  - split-vertical
+  - compare
+  - baby-bottle
+  - mountains
+  - mountain
+  - volcano
+  - camping
+  - file-reference
+
+### Patch Changes
+
+- [`6e2fe5f`](https://github.com/andrsrxn/icons/commit/6e2fe5f206420374cf8b07a272b574f077ac4f66) Thanks [@andrsrxn](https://github.com/andrsrxn)! - Update fill position from 16 icons
+
+  - team
+  - box
+  - chats
+  - copy
+  - substract
+  - files
+  - users
+  - group
+  - ungroup
+  - battery-high
+  - battery-medium
+  - battery-full
+  - swatches
+  - heartpulse
+  - colors
+  - clouds
+
+  **Semi Breaking Change**: removed the `termometer` icon which was misspelled and renamed `houseglass` to `hourglass`.
+
+## 4.0.0
+
+### Major Changes
+
+- [`d49242a`](https://github.com/andrsrxn/icons/commit/d49242a83fc7712f7f11cb009a5d52b9fd1dadfa) Thanks [@andrsrxn](https://github.com/andrsrxn)! - Rename speaker icons for consistency
+
+  The `speaker`, `speaker-high`, `speaker-off` and `speaker-silent` were renamed to `volume-`, `volume-high`, `volume-off` and `volume-silent`, in order to add the specific and different `speaker` icon.
+
+  This is a breaking change. Existing imports using the renamed exports must be updated to their new names.
+
+  **Migration**: Replace the icon names in your imports and usage:
+
+  ```diff
+  - import { SpeakerLow, SpeakerHigh, SpeakerOff, SpeakerSilent } from '@andrsrxn/icons'
+
+  + import { VolumeLow, VolumeHigh, VolumeOff, VolumeSilent } from '@andrsrxn/icons'
+  ```
+
+  No changes to the icon usage API are required beyond updating the renamed exports.
+
+### Minor Changes
+
+- [`d49242a`](https://github.com/andrsrxn/icons/commit/d49242a83fc7712f7f11cb009a5d52b9fd1dadfa) Thanks [@andrsrxn](https://github.com/andrsrxn)! - Added 250+ UI icons
+
+  - ad
+  - air-conditioner
+  - airplane
+  - airplane-landing
+  - airplane-takeoff
+  - airport-tower
+  - alien
+  - alpha
+  - ambulance
+  - anchor
+  - angle
+  - apple
+  - artboard
+  - asteroid
+  - axe
+  - baby
+  - background
+  - backpack
+  - bacteria
+  - ball
+  - balloon
+  - bandage
+  - barrel
+  - bbq-grill
+  - bed
+  - bell-electric
+  - beta
+  - bicycle
+  - biohazard
+  - blocks
+  - blouse
+  - blur
+  - bomb
+  - bone
+  - bottle
+  - bounce-left
+  - bounce-right
+  - bow-arrow
+  - brain
+  - bricks
+  - bridge
+  - bubbles
+  - bug
+  - cable
+  - cactus
+  - cake
+  - castle
+  - celcius
+  - chart-bubble
+  - chef-hat
+  - church
+  - cigarette
+  - cigarette-off
+  - cleaning-brush
+  - clouds
+  - combine
+  - component
+  - cone
+  - container
+  - copyright
+  - couch
+  - creative-commons
+  - crown
+  - decimals
+  - decimals-less
+  - decimals-more
+  - dialpad
+  - diff
+  - door
+  - door-open
+  - drama
+  - dumbbell
+  - ear
+  - ellipse
+  - ethernet-port
+  - ev-charger
+  - eye-scan
+  - factory
+  - fahrenheit
+  - female
+  - fence
+  - fire-extinguisher
+  - fire-kindling
+  - flame
+  - flashlight
+  - flip-horizontal
+  - flip-vertical
+  - footprints
+  - fork
+  - gas-station
+  - gavel
+  - golden-ratio
+  - group
+  - hamburger
+  - hand-clap
+  - hand-grabbing
+  - hand-pointer
+  - hand-receiving
+  - hand-receiving-coin
+  - hand-receiving-first-aid
+  - hand-receiving-heart
+  - hand-receiving-platter
+  - hand-receiving-star
+  - hand-receiving-x
+  - handbag
+  - handshake
+  - hanger
+  - hdmi-port
+  - headset
+  - heart-break
+  - heart-pulse
+  - heater
+  - hospital
+  - hot-air-balloon
+  - inbox
+  - incognito
+  - island
+  - jupiter
+  - knife
+  - lamp
+  - landscape-to-portrait
+  - library
+  - lighthouse
+  - like-dislike
+  - list-asterik
+  - logs
+  - magnet
+  - male
+  - mask
+  - measure
+  - medal
+  - medal-first
+  - medal-second
+  - medal-third
+  - men
+  - metronome
+  - milestone
+  - motion
+  - nuclear-power
+  - oil-barrel
+  - olimpyc-torch
+  - omega
+  - orbit
+  - paint-board
+  - paintbrush
+  - parking
+  - parking-off
+  - paw-print
+  - pencil-ruler
+  - pill-bottle
+  - pills
+  - platter
+  - plug
+  - police-badge
+  - police-cap
+  - pool
+  - portrait-to-landscape
+  - power-pole
+  - proportions
+  - pyramid
+  - queue
+  - radiation
+  - ratio
+  - regex
+  - registered
+  - repeat
+  - repeat-1
+  - ribbon
+  - router
+  - sailboat
+  - satellite
+  - scan-heart
+  - school
+  - shapes-minus
+  - shapes-plus
+  - ship-front
+  - ship-wheel
+  - shirt
+  - shovel
+  - shredder
+  - sigma
+  - skull
+  - snowflake
+  - solar-panel
+  - sort-0-1
+  - sort-1-0
+  - sort-a-z
+  - sort-z-a
+  - speaker
+  - speech
+  - square-root
+  - stais
+  - stamp
+  - stethoscope
+  - subtitles
+  - subtitles-filled
+  - - suitcase
+  - sun-dim
+  - sword
+  - syringe
+  - tablets
+  - teeth
+  - tent
+  - text-centerline-center
+  - text-centerline-left
+  - text-centerline-right
+  - text-creation
+  - text-firstline-center
+  - text-firstline-left
+  - text-firstline-right
+  - text-initial
+  - text-items
+  - text-ligature
+  - text-line-height
+  - text-paragraph-spacing
+  - text-phonetic
+  - text-search
+  - text-section
+  - text-to-speech
+  - text-whole-word
+  - thermometer
+  - thermometer-snowflake
+  - thermometer-sun
+  - touchpad
+  - toy-brick
+  - trade-mark
+  - traffic-cone
+  - traffic-light
+  - train-front
+  - train-track
+  - transparency
+  - trend-up-down
+  - ufo
+  - ungroup
+  - unplug
+  - usb
+  - usb-port
+  - utensils
+  - utility-pole
+  - vehicule-battery
+  - versus
+  - voicemail
+  - volume-high
+  - volume-low
+  - volume-off
+  - volume-silent
+  - wallpaper
+  - warehouse
+  - weight
+  - wheelchair
+  - women
+  - workflow
+  - zzz
+
 ## 3.3.0
 
 ### Minor Changes

package/README.md

@@ -10,7 +10,25 @@
 [![CodeQL](https://github.com/andrsrxn/icons/actions/workflows/github-code-scanning/codeql/badge.svg)](https://github.com/andrsrxn/icons/actions/workflows/github-code-scanning/codeql)
 [![Linted with Biome](https://img.shields.io/badge/Linted_with-Biome-60a5fa?style=flat&logo=biome)](https://biomejs.dev)
 
-React icon library with 550+ duotone icons and 250+ flag icons. Fully typed, RTL-aware, and optimized SVGs.
+React icon library with 800+ duotone icons and 250+ flag icons. Fully typed, RTL-aware, and optimized SVGs.
+
+## Motivation
+
+This library was built to serve as the icon foundation for **[@andrsrxn/ui](https://ui.andrsrxn.com)**, an upcoming open-source, opinionated Design System and Component Library aimed at enterprise-grade products.
+
+While `@andrsrxn/icons` is tightly coupled to that vision, it is intentionally published as a **standalone package**. This keeps it lightweight, independently versioned, and freely usable by anyone (regardless of whether they adopt `@andrsrxn/ui`). Icon documentation will be available at [ui.andrsrxn.com/icons](https://ui.andrsrxn.com/icons) once the UI package is released.
+
+### Why another icon library?
+
+The short answer: **there are no free duotone icon sets with the right style**.
+
+Most libraries offer only outline or solid variants. [Phosphor Icons](https://phosphoricons.com/) does include free duotone variants, but its implementation applies a duotone layer to every icon unconditionally, even purely geometric ones like arrows or plus signs that have no meaningful background shape. This results in unnecessary visual noise and icons that feel semantically inconsistent.
+
+`@andrsrxn/icons` takes a more deliberate approach:
+
+- **Duotone by default**: Icons that have a meaningful path/fill distinction are always duotone.
+- **Outline when appropriate**: Simple geometric icons such as `+`, `/`, or `×` do not receive a decorative background layer that would only reduce clarity.
+- **Filled on demand**: A `filled` variant is included only for icons that have a meaningful active or selected state, such as `like`, `bookmark`, or `star`, not as a blanket alternative style.
 
 ## Requirements
 
@@ -30,10 +48,8 @@ import '@andrsrxn/icons/styles.css'
 
 ## Categories
 
-All of them are optimized and scalable SVGs.
-
-- **UI**: 550+ functional icons for apps, each with its own preview image. (aspect ratio 1:1)
-- **Flags**: 250+ simple and minimal country flags, named with ISO 3166-1 alpha-2 code (e.g. `IconFlagUS`, `IconFlagMX`); treated as image assets with country code as `title` included. (aspect ratio 3:2)
+- **UI**: 800+ functional icons for apps, each with its own preview image. (aspect ratio 1:1)
+- **Flags**: 250+ simple and minimal country flags, named with ISO 3166-1 alpha-2 code (`IconFlagUS`, `IconFlagMX`), the exceptions are `IconFlagLGTB` and continent flags, which have a `C` prefix (`IconFlagCAF` for Africa, `IconFlagCNA` for North America, and so on); treated as image assets with country code as `title` included. (aspect ratio 3:2)
 
 ## Usage
 

package/dist/ui/4k.cjs

@@ -3,9 +3,9 @@ let react_jsx_runtime = require("react/jsx-runtime");
 const Icon4k = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
 	const isLabelled = Boolean(ariaLabel || title);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		fill: "none",
 		viewBox: "0 0 24 24",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
 		width: size,
 		height: size,
 		"data-slot": "4k",
@@ -16,11 +16,11 @@ const Icon4k = ({ size = 24, className, title, "aria-label": ariaLabel, ...props
 		className: `ui-icon ${className ?? ""}`,
 		...props,
 		children: [title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: title }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M3.54 4.48h16.92M3.54 19.52h16.92M9.3 13.45H4.57a.2.2 0 0 1-.16-.32l4.53-5.7a.2.2 0 0 1 .36.12zm0 0h1.22m-1.22 0v3.22m3.81-9.4v4.7m0 0v4.7m0-4.7 4.94-4.5m-4.94 4.5 4.93 4.58",
 			stroke: "currentColor",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
 			strokeWidth: "1.5",
-			d: "M3.542 4.481h16.916M3.542 19.52h16.916M9.3 13.45H4.571a.2.2 0 0 1-.157-.324l4.529-5.702a.2.2 0 0 1 .356.124v5.902Zm0 0h1.219m-1.219 0v3.219m3.812-9.398v4.699m0 0v4.699m0-4.7 4.938-4.5m-4.938 4.5 4.929 4.576"
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
 		})]
 	});
 };

package/dist/ui/4k.d.ts

@@ -1,5 +1,5 @@
 import type { Icon } from './types';
 /**
-  * @preview ![img](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd3aGl0ZScvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMy41NDIgNC40ODFoMTYuOTE2TTMuNTQyIDE5LjUyaDE2LjkxNk05LjMgMTMuNDVINC41NzFhLjIuMiAwIDAgMS0uMTU3LS4zMjRsNC41MjktNS43MDJhLjIuMiAwIDAgMSAuMzU2LjEyNHY1LjkwMlptMCAwaDEuMjE5bS0xLjIxOSAwdjMuMjE5bTMuODEyLTkuMzk4djQuNjk5bTAgMHY0LjY5OW0wLTQuNyA0LjkzOC00LjVtLTQuOTM4IDQuNSA0LjkyOSA0LjU3NiIvPjwvc3ZnPg==)
+  * @preview ![img](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd3aGl0ZScvPjxwYXRoIGQ9Ik0zLjU0IDQuNDhoMTYuOTJNMy41NCAxOS41MmgxNi45Mk05LjMgMTMuNDVINC41N2EuMi4yIDAgMCAxLS4xNi0uMzJsNC41My01LjdhLjIuMiAwIDAgMSAuMzYuMTJ6bTAgMGgxLjIybS0xLjIyIDB2My4yMm0zLjgxLTkuNHY0LjdtMCAwdjQuN20wLTQuNyA0Ljk0LTQuNW0tNC45NCA0LjUgNC45MyA0LjU4IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==)
   */
 export declare const Icon4k: Icon;

package/dist/ui/4k.js

@@ -3,9 +3,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const Icon4k = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
 	const isLabelled = Boolean(ariaLabel || title);
 	return /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		fill: "none",
 		viewBox: "0 0 24 24",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
 		width: size,
 		height: size,
 		"data-slot": "4k",
@@ -16,11 +16,11 @@ const Icon4k = ({ size = 24, className, title, "aria-label": ariaLabel, ...props
 		className: `ui-icon ${className ?? ""}`,
 		...props,
 		children: [title ? /* @__PURE__ */ jsx("title", { children: title }) : null, /* @__PURE__ */ jsx("path", {
+			d: "M3.54 4.48h16.92M3.54 19.52h16.92M9.3 13.45H4.57a.2.2 0 0 1-.16-.32l4.53-5.7a.2.2 0 0 1 .36.12zm0 0h1.22m-1.22 0v3.22m3.81-9.4v4.7m0 0v4.7m0-4.7 4.94-4.5m-4.94 4.5 4.93 4.58",
 			stroke: "currentColor",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
 			strokeWidth: "1.5",
-			d: "M3.542 4.481h16.916M3.542 19.52h16.916M9.3 13.45H4.571a.2.2 0 0 1-.157-.324l4.529-5.702a.2.2 0 0 1 .356.124v5.902Zm0 0h1.219m-1.219 0v3.219m3.812-9.398v4.699m0 0v4.699m0-4.7 4.938-4.5m-4.938 4.5 4.929 4.576"
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
 		})]
 	});
 };

package/dist/ui/accessibility.cjs

@@ -3,9 +3,9 @@ let react_jsx_runtime = require("react/jsx-runtime");
 const IconAccessibility = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
 	const isLabelled = Boolean(ariaLabel || title);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		fill: "none",
 		viewBox: "0 0 24 24",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
 		width: size,
 		height: size,
 		"data-slot": "accessibility",
@@ -18,15 +18,15 @@ const IconAccessibility = ({ size = 24, className, title, "aria-label": ariaLabe
 		children: [
 			title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: title }) : null,
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				fill: "currentColor",
-				d: "M14.16 5.84a2.16 2.16 0 1 1-4.32 0 2.16 2.16 0 0 1 4.32 0Z",
-				opacity: ".2"
+				opacity: ".2",
+				d: "M14.16 5.84a2.16 2.16 0 1 1-4.32 0 2.16 2.16 0 0 1 4.32 0",
+				fill: "currentColor"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "m6 8.46 4.79 2.05A2 2 0 0 1 12 12.35m0 0v2.21m0-2.21a2 2 0 0 1 1.21-1.84L18 8.46m-6 6.1a2 2 0 0 1-.39 1.18l-3.4 4.67M12 14.56a2 2 0 0 0 .39 1.18l3.4 4.67M14.17 5.84a2.16 2.16 0 1 1-4.32 0 2.16 2.16 0 0 1 4.32 0Z",
 				stroke: "currentColor",
-				strokeLinecap: "round",
 				strokeWidth: "1.5",
-				d: "m6 8.462 4.786 2.045A2 2 0 0 1 12 12.346m0 0v2.217m0-2.217a2 2 0 0 1 1.214-1.84L18 8.463m-6 6.101a2 2 0 0 1-.385 1.18L8.204 20.41M12 14.563a2 2 0 0 0 .385 1.18l3.411 4.667M14.16 5.84a2.16 2.16 0 1 1-4.32 0 2.16 2.16 0 0 1 4.32 0Z"
+				strokeLinecap: "round"
 			})
 		]
 	});

package/dist/ui/accessibility.d.ts

@@ -1,5 +1,5 @@
 import type { Icon } from './types';
 /**
-  * @preview ![img](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd3aGl0ZScvPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTE0LjE2IDUuODRhMi4xNiAyLjE2IDAgMSAxLTQuMzIgMCAyLjE2IDIuMTYgMCAwIDEgNC4zMiAwWiIgb3BhY2l0eT0iLjIiLz48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0ibTYgOC40NjIgNC43ODYgMi4wNDVBMiAyIDAgMCAxIDEyIDEyLjM0Nm0wIDB2Mi4yMTdtMC0yLjIxN2EyIDIgMCAwIDEgMS4yMTQtMS44NEwxOCA4LjQ2M20tNiA2LjEwMWEyIDIgMCAwIDEtLjM4NSAxLjE4TDguMjA0IDIwLjQxTTEyIDE0LjU2M2EyIDIgMCAwIDAgLjM4NSAxLjE4bDMuNDExIDQuNjY3TTE0LjE2IDUuODRhMi4xNiAyLjE2IDAgMSAxLTQuMzIgMCAyLjE2IDIuMTYgMCAwIDEgNC4zMiAwWiIvPjwvc3ZnPg==)
+  * @preview ![img](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd3aGl0ZScvPjxwYXRoIG9wYWNpdHk9Ii4yIiBkPSJNMTQuMTYgNS44NGEyLjE2IDIuMTYgMCAxIDEtNC4zMiAwIDIuMTYgMi4xNiAwIDAgMSA0LjMyIDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Im02IDguNDYgNC43OSAyLjA1QTIgMiAwIDAgMSAxMiAxMi4zNW0wIDB2Mi4yMW0wLTIuMjFhMiAyIDAgMCAxIDEuMjEtMS44NEwxOCA4LjQ2bS02IDYuMWEyIDIgMCAwIDEtLjM5IDEuMThsLTMuNCA0LjY3TTEyIDE0LjU2YTIgMiAwIDAgMCAuMzkgMS4xOGwzLjQgNC42N00xNC4xNyA1Ljg0YTIuMTYgMi4xNiAwIDEgMS00LjMyIDAgMi4xNiAyLjE2IDAgMCAxIDQuMzIgMFoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+)
   */
 export declare const IconAccessibility: Icon;

package/dist/ui/accessibility.js

@@ -3,9 +3,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const IconAccessibility = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
 	const isLabelled = Boolean(ariaLabel || title);
 	return /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		fill: "none",
 		viewBox: "0 0 24 24",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
 		width: size,
 		height: size,
 		"data-slot": "accessibility",
@@ -18,15 +18,15 @@ const IconAccessibility = ({ size = 24, className, title, "aria-label": ariaLabe
 		children: [
 			title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
 			/* @__PURE__ */ jsx("path", {
-				fill: "currentColor",
-				d: "M14.16 5.84a2.16 2.16 0 1 1-4.32 0 2.16 2.16 0 0 1 4.32 0Z",
-				opacity: ".2"
+				opacity: ".2",
+				d: "M14.16 5.84a2.16 2.16 0 1 1-4.32 0 2.16 2.16 0 0 1 4.32 0",
+				fill: "currentColor"
 			}),
 			/* @__PURE__ */ jsx("path", {
+				d: "m6 8.46 4.79 2.05A2 2 0 0 1 12 12.35m0 0v2.21m0-2.21a2 2 0 0 1 1.21-1.84L18 8.46m-6 6.1a2 2 0 0 1-.39 1.18l-3.4 4.67M12 14.56a2 2 0 0 0 .39 1.18l3.4 4.67M14.17 5.84a2.16 2.16 0 1 1-4.32 0 2.16 2.16 0 0 1 4.32 0Z",
 				stroke: "currentColor",
-				strokeLinecap: "round",
 				strokeWidth: "1.5",
-				d: "m6 8.462 4.786 2.045A2 2 0 0 1 12 12.346m0 0v2.217m0-2.217a2 2 0 0 1 1.214-1.84L18 8.463m-6 6.101a2 2 0 0 1-.385 1.18L8.204 20.41M12 14.563a2 2 0 0 0 .385 1.18l3.411 4.667M14.16 5.84a2.16 2.16 0 1 1-4.32 0 2.16 2.16 0 0 1 4.32 0Z"
+				strokeLinecap: "round"
 			})
 		]
 	});

package/dist/ui/activity.cjs

@@ -3,9 +3,9 @@ let react_jsx_runtime = require("react/jsx-runtime");
 const IconActivity = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
 	const isLabelled = Boolean(ariaLabel || title);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		fill: "none",
 		viewBox: "0 0 24 24",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
 		width: size,
 		height: size,
 		"data-slot": "activity",
@@ -16,11 +16,11 @@ const IconActivity = ({ size = 24, className, title, "aria-label": ariaLabel, ..
 		className: `ui-icon ${className ?? ""}`,
 		...props,
 		children: [title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: title }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M3.48 12h2.57l3.71-8.75 4.25 17.5L17.83 12h2.69",
 			stroke: "currentColor",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
 			strokeWidth: "1.5",
-			d: "M3.484 12H6.05l3.71-8.75 4.254 17.5L17.832 12h2.684"
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
 		})]
 	});
 };

package/dist/ui/activity.d.ts

@@ -1,5 +1,5 @@
 import type { Icon } from './types';
 /**
-  * @preview ![img](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd3aGl0ZScvPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMy40ODQgMTJINi4wNWwzLjcxLTguNzUgNC4yNTQgMTcuNUwxNy44MzIgMTJoMi42ODQiLz48L3N2Zz4=)
+  * @preview ![img](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd3aGl0ZScvPjxwYXRoIGQ9Ik0zLjQ4IDEyaDIuNTdsMy43MS04Ljc1IDQuMjUgMTcuNUwxNy44MyAxMmgyLjY5IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==)
   */
 export declare const IconActivity: Icon;

package/dist/ui/activity.js

@@ -3,9 +3,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const IconActivity = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
 	const isLabelled = Boolean(ariaLabel || title);
 	return /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		fill: "none",
 		viewBox: "0 0 24 24",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
 		width: size,
 		height: size,
 		"data-slot": "activity",
@@ -16,11 +16,11 @@ const IconActivity = ({ size = 24, className, title, "aria-label": ariaLabel, ..
 		className: `ui-icon ${className ?? ""}`,
 		...props,
 		children: [title ? /* @__PURE__ */ jsx("title", { children: title }) : null, /* @__PURE__ */ jsx("path", {
+			d: "M3.48 12h2.57l3.71-8.75 4.25 17.5L17.83 12h2.69",
 			stroke: "currentColor",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
 			strokeWidth: "1.5",
-			d: "M3.484 12H6.05l3.71-8.75 4.254 17.5L17.832 12h2.684"
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
 		})]
 	});
 };

package/dist/ui/ad.cjs

@@ -0,0 +1,57 @@
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/react/ui/ad.tsx
+const IconAd = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
+	const isLabelled = Boolean(ariaLabel || title);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size,
+		height: size,
+		"data-slot": "ad",
+		role: isLabelled ? "img" : void 0,
+		"aria-hidden": isLabelled ? void 0 : true,
+		"aria-label": ariaLabel,
+		focusable: "false",
+		className: `ui-icon ${className ?? ""}`,
+		...props,
+		children: [
+			title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: title }) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				opacity: ".2",
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M19.71 6.76H4.3v10.48h15.4z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+				x: "3.75",
+				y: "6.4",
+				width: "16.5",
+				height: "11.21",
+				rx: "2",
+				stroke: "currentColor",
+				strokeWidth: "1.5"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "m14.69 14.7.03.74zm0-5.25-.03.75zm-.85 5.12-.52.55zm0-5 .52.54zm-.15.87h-.75v3.27h1.5v-3.27zm1 4.25.03.75c.8-.03 1.72-.14 2.45-.65q1.2-.83 1.2-2.72h-1.5c0 .92-.28 1.3-.56 1.49q-.53.35-1.65.38zm2.93-2.62h.75q0-1.88-1.19-2.72a4.6 4.6 0 0 0-2.46-.65l-.03.75-.03.75q1.16.03 1.66.38c.27.2.55.57.55 1.5zm-3.93 1.64h-.75c0 .21 0 .46.03.66.03.22.1.51.35.75l.52-.55.52-.54q.06.06.08.12t.01.01V14l-.01-.3zm1 .98-.03-.75-.43.01h.02l.11.08-.52.54-.52.55c.25.23.53.3.76.32q.31.02.64 0zm-1-4.25h.75v-.3l.01-.16V10l-.09.11-.52-.54-.52-.54c-.24.24-.32.52-.35.75q-.04.31-.03.66zm1-.99.03-.75h-.65c-.22.03-.5.1-.75.33l.52.54.52.54-.11.08h-.02.14l.29.01z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "m6.55 14.7 1.48-3.73c.4-1 .59-1.49.93-1.49s.54.5.93 1.49l1.48 3.73",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M7.45 13.32h3.02",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round"
+			})
+		]
+	});
+};
+//#endregion
+exports.IconAd = IconAd;

package/dist/ui/ad.d.ts

@@ -0,0 +1,5 @@
+import type { Icon } from './types';
+/**
+  * @preview ![img](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd3aGl0ZScvPjxwYXRoIG9wYWNpdHk9Ii4yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE5LjcxIDYuNzZINC4zdjEwLjQ4aDE1LjR6IiBmaWxsPSJjdXJyZW50Q29sb3IiLz48cmVjdCB4PSIzLjc1IiB5PSI2LjQiIHdpZHRoPSIxNi41IiBoZWlnaHQ9IjExLjIxIiByeD0iMiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41Ii8+PHBhdGggZD0ibTE0LjY5IDE0LjcuMDMuNzR6bTAtNS4yNS0uMDMuNzV6bS0uODUgNS4xMi0uNTIuNTV6bTAtNSAuNTIuNTR6bS0uMTUuODdoLS43NXYzLjI3aDEuNXYtMy4yN3ptMSA0LjI1LjAzLjc1Yy44LS4wMyAxLjcyLS4xNCAyLjQ1LS42NXExLjItLjgzIDEuMi0yLjcyaC0xLjVjMCAuOTItLjI4IDEuMy0uNTYgMS40OXEtLjUzLjM1LTEuNjUuMzh6bTIuOTMtMi42MmguNzVxMC0xLjg4LTEuMTktMi43MmE0LjYgNC42IDAgMCAwLTIuNDYtLjY1bC0uMDMuNzUtLjAzLjc1cTEuMTYuMDMgMS42Ni4zOGMuMjcuMi41NS41Ny41NSAxLjV6bS0zLjkzIDEuNjRoLS43NWMwIC4yMSAwIC40Ni4wMy42Ni4wMy4yMi4xLjUxLjM1Ljc1bC41Mi0uNTUuNTItLjU0cS4wNi4wNi4wOC4xMnQuMDEuMDFWMTRsLS4wMS0uM3ptMSAuOTgtLjAzLS43NS0uNDMuMDFoLjAybC4xMS4wOC0uNTIuNTQtLjUyLjU1Yy4yNS4yMy41My4zLjc2LjMycS4zMS4wMi42NCAwem0tMS00LjI1aC43NXYtLjNsLjAxLS4xNlYxMGwtLjA5LjExLS41Mi0uNTQtLjUyLS41NGMtLjI0LjI0LS4zMi41Mi0uMzUuNzVxLS4wNC4zMS0uMDMuNjZ6bTEtLjk5LjAzLS43NWgtLjY1Yy0uMjIuMDMtLjUuMS0uNzUuMzNsLjUyLjU0LjUyLjU0LS4xMS4wOGgtLjAyLjE0bC4yOS4wMXoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Im02LjU1IDE0LjcgMS40OC0zLjczYy40LTEgLjU5LTEuNDkuOTMtMS40OXMuNTQuNS45MyAxLjQ5bDEuNDggMy43MyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNNy40NSAxMy4zMmgzLjAyIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)
+  */
+export declare const IconAd: Icon;