@signozhq/icons 0.0.1 → 0.2.0

package/README.md

@@ -7,67 +7,120 @@
 ## Features
 
 - SVG-based icons for high-quality rendering
-- Customizable via React props
+- Customizable via React props (`size`, `color`)
 - Easy integration with React projects
 
-## Installation
+---
 
-To install the package, use npm:
+## Adding SVGs
 
-```bash
-npm install @signoz/icons
-```
+1. **Place SVG files in the `assets/` folder** (repo root).  
+   Only files in `assets/` are turned into React components; other folders (e.g. `assets2/`) are not used by the build.
 
-## Usage
+2. **Naming**
+   - Use lowercase, hyphenated names (e.g. `arrow-right.svg`, `user-profile.svg`).
+   - Avoid spaces and special characters so component names stay valid (e.g. `arrow-right.svg` → `ArrowRight`).
 
-To use an icon in your project, import it from the package and include it in your component:
+3. **Optional: Export from Figma**  
+   To pull icons from the design file into the repo, use the script in `scripts/` (see [scripts/README.md](scripts/README.md)). It writes to `assets2/`; copy or move the SVGs you want into `assets/` before running the build.
 
-```jsx
-import { IconName } from '@signoz/icons';
+4. **After adding or removing SVGs**, run the build (or Storybook) so `src/` and the barrel export are regenerated. Deleting an SVG and re-running will remove its component from the package.
 
-const MyComponent = () => (
-  <IconName />
-);
+---
+
+## Steps to run
+
+**Prerequisites:** Node.js, [pnpm](https://pnpm.io/) (recommended; npm works too).
+
+```bash
+# Install dependencies
+pnpm install
+
+# Generate React components from assets/*.svg → src/
+pnpm run svgr
+
+# Build the package (svgr + rollup) → dist/
+pnpm run build
+
+# Run the icon gallery (Storybook) on http://localhost:6006
+pnpm run storybook
 ```
 
-Replace `IconName` with the actual name of the icon you want to use.
+- **`pnpm run svgr`** — Converts each SVG in `assets/` to a TypeScript React component in `src/` and updates `src/index.ts`. Safe to run anytime; it clears `src/` first.
+- **`pnpm run build`** — Runs `svgr` then Rollup to produce `dist/` (ESM + types). Use this before publishing or testing the built package locally.
+
+---
+
+## Validation
 
-## Scripts
+Before committing or publishing, run:
 
-The following scripts are available in the package:
+```bash
+# Lint and type-check (prebuild runs these before build)
+pnpm run lint
+pnpm run type-check
 
-- `prebuild`: Cleans the `src` and `dist` directories using `rimraf`.
-- `build`: Runs the `svgr` script and then builds the project using `rollup`.
-- `svgr`: Converts SVG files to React components with specific options.
+# Full build (includes clean, lint, svgr, rollup)
+pnpm run build
+```
 
-To run these scripts, use npm:
+Optionally open the gallery to visually confirm icons:
 
 ```bash
-npm run prebuild
-npm run build
-npm run svgr
+pnpm run storybook
 ```
 
-## Development
+Then open **Icons → Gallery**: search, resize, toggle light/dark, and click an icon to copy its usage snippet.
+
+---
+
+## Publish
+
+This repo uses [Changesets](https://github.com/changesets/changesets) for versioning and publishing.
 
-### Prerequisites
+1. **Create a changeset** (after your changes are committed):
+   ```bash
+   pnpm run changeset
+   ```
+   Choose the version bump (patch/minor/major) and add a short summary. This creates a file under `.changeset/`.
 
-Make sure you have the following installed:
+2. **Version and publish** (usually on `main` after merging):
+   ```bash
+   pnpm run version   # Updates package.json and CHANGELOG from changesets
+   pnpm run release   # Builds then publishes to the registry (e.g. npm)
+   ```
+   Or run the steps manually: `pnpm run build && pnpm changeset publish`.
 
-- Node.js
-- npm
+Publish access is configured in `.changeset/config.json` (e.g. `restricted` for scoped packages).
 
-### Building the Project
+---
 
-To build the project, run:
+## Installation (consumers)
 
 ```bash
-npm run build
+npm install @signoz/icons
+# or
+pnpm add @signoz/icons
 ```
 
-This will generate the `dist` directory with the compiled files.
+## Usage
+
+```jsx
+import { IconName } from '@signoz/icons';
+
+const MyComponent = () => (
+  <IconName size="lg" color="#2A2E37" />
+);
+```
+
+Replace `IconName` with the actual export (e.g. `Logs`, `Value`). Props:
+
+- **`size`** — Preset: `'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'`, or a number (pixels).
+- **`color`** — CSS color (default `'currentColor'`).
+
+---
 
-### Contributing
+## Contributing
 
-We welcome contributions to this package. If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.
+If you find issues or have suggestions, open an issue or submit a pull request.
 

package/dist/lib/icon-config.cjs

@@ -0,0 +1,2 @@
+const e={xs:10,sm:12,md:14,lg:16,xl:18,"2xl":20,"3xl":24,"4xl":28,"5xl":32},t={xs:.83,sm:1,md:1.17,lg:1.33,xl:1.5,"2xl":1.67,"3xl":2,"4xl":2.33,"5xl":2.67};exports.ICON_SIZE_MAP=e,exports.STROKE_WIDTH_MAP=t;
+//# sourceMappingURL=icon-config.cjs.map

package/dist/lib/icon-config.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-config.cjs","names":["ICON_SIZE_MAP: Record<IconSize, number>","STROKE_WIDTH_MAP: Record<IconSize, number>"],"sources":["../../lib/icon-config.ts"],"sourcesContent":["export type IconSize = '5xl' | '4xl' | '3xl' | '2xl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';\n\nexport const ICON_SIZE_MAP: Record<IconSize, number> = {\n xs: 10,\n sm: 12,\n md: 14,\n lg: 16,\n xl: 18,\n '2xl': 20,\n '3xl': 24,\n '4xl': 28,\n '5xl': 32,\n};\n\nexport const STROKE_WIDTH_MAP: Record<IconSize, number> = {\n xs: 0.83,\n sm: 1,\n md: 1.17,\n lg: 1.33,\n xl: 1.5,\n '2xl': 1.67,\n '3xl': 2,\n '4xl': 2.33,\n '5xl': 2.67,\n};\n\nexport type IconStrokeWidth = (typeof STROKE_WIDTH_MAP)[IconSize];\n"],"mappings":"AAEA,MAAaA,EAA0C,CACtD,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,MAAO,GACP,MAAO,GACP,MAAO,GACP,MAAO,GACP,CAEYC,EAA6C,CACzD,GAAI,IACJ,GAAI,EACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACJ,MAAO,KACP,MAAO,EACP,MAAO,KACP,MAAO,KACP"}

package/dist/lib/icon-config.js

@@ -0,0 +1,24 @@
+const ICON_SIZE_MAP = {
+	xs: 10,
+	sm: 12,
+	md: 14,
+	lg: 16,
+	xl: 18,
+	"2xl": 20,
+	"3xl": 24,
+	"4xl": 28,
+	"5xl": 32
+}, STROKE_WIDTH_MAP = {
+	xs: .83,
+	sm: 1,
+	md: 1.17,
+	lg: 1.33,
+	xl: 1.5,
+	"2xl": 1.67,
+	"3xl": 2,
+	"4xl": 2.33,
+	"5xl": 2.67
+};
+export { ICON_SIZE_MAP, STROKE_WIDTH_MAP };
+
+//# sourceMappingURL=icon-config.js.map

package/dist/lib/icon-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-config.js","names":["ICON_SIZE_MAP: Record<IconSize, number>","STROKE_WIDTH_MAP: Record<IconSize, number>"],"sources":["../../lib/icon-config.ts"],"sourcesContent":["export type IconSize = '5xl' | '4xl' | '3xl' | '2xl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';\n\nexport const ICON_SIZE_MAP: Record<IconSize, number> = {\n xs: 10,\n sm: 12,\n md: 14,\n lg: 16,\n xl: 18,\n '2xl': 20,\n '3xl': 24,\n '4xl': 28,\n '5xl': 32,\n};\n\nexport const STROKE_WIDTH_MAP: Record<IconSize, number> = {\n xs: 0.83,\n sm: 1,\n md: 1.17,\n lg: 1.33,\n xl: 1.5,\n '2xl': 1.67,\n '3xl': 2,\n '4xl': 2.33,\n '5xl': 2.67,\n};\n\nexport type IconStrokeWidth = (typeof STROKE_WIDTH_MAP)[IconSize];\n"],"mappings":"AAEA,MAAaA,gBAA0C;CACtD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,EAEYC,mBAA6C;CACzD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP"}

package/dist/lib/icons/AArrowDown.cjs

@@ -0,0 +1,2 @@
+const e=require(`../icon-config.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=({color:r=`currentColor`,size:i,strokeWidth:a,className:o,...s})=>{let c=(0,n.jsx)(`svg`,{width:16,height:16,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...s,children:(0,n.jsx)(`path`,{d:`M2.333 8.667h4m-5 2 3-6 3 6m4.667-6v6m0 0L9.333 8M12 10.667 14.666 8`,stroke:`#2A2E37`,strokeWidth:1.33,strokeLinecap:`round`,strokeLinejoin:`round`})}),l=c.props.viewBox!=null,u=c.props[`data-custom-icon`]===`true`,d=u?c.props.width:e.ICON_SIZE_MAP.xs,f=i==null?d:typeof i==`number`?i:e.ICON_SIZE_MAP[i],p=a==null?typeof i==`string`&&i in e.STROKE_WIDTH_MAP?e.STROKE_WIDTH_MAP[i]:i==null?e.STROKE_WIDTH_MAP.xs:2:a,m=`0 0 ${c.props.width==null?24:Number(c.props.width)} ${c.props.height==null?24:Number(c.props.height)}`;return(0,t.cloneElement)(c,{...s,className:o?`signoz-icon ${o}`:`signoz-icon`,...!u&&{stroke:r,strokeWidth:p},...!u&&!l&&{viewBox:m},...u&&{style:{color:r,...s.style},viewBox:m},width:f,height:f})};r.displayName=`SvgAArrowDown`;var i=r;module.exports=i;
+//# sourceMappingURL=AArrowDown.cjs.map

package/dist/lib/icons/AArrowDown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AArrowDown.cjs","names":[],"sources":["../../../lib/icons/AArrowDown.tsx"],"sourcesContent":["import type React from 'react';\nimport { cloneElement } from 'react';\nimport type { IconSize } from '../icon-config.js';\nimport { ICON_SIZE_MAP, STROKE_WIDTH_MAP } from '../icon-config.js';\nexport interface IconProps extends React.SVGProps<SVGSVGElement> {\n size?: IconSize | number;\n strokeWidth?: number;\n className?: string;\n}\nconst SvgAArrowDown = ({\n color = 'currentColor',\n size,\n strokeWidth,\n className,\n ...props\n}: IconProps): React.ReactElement => {\n const element = (\n  <svg width={16} height={16} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n   <path\n    d=\"M2.333 8.667h4m-5 2 3-6 3 6m4.667-6v6m0 0L9.333 8M12 10.667 14.666 8\"\n    stroke=\"#2A2E37\"\n    strokeWidth={1.33}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n   />\n  </svg>\n );\n const hasViewBox = element.props.viewBox != null;\n const isCustomIcon = element.props['data-custom-icon'] === 'true';\n const defaultSize = isCustomIcon ? element.props.width : ICON_SIZE_MAP.xs;\n const resolvedSize =\n  size != null ? (typeof size === 'number' ? size : ICON_SIZE_MAP[size]) : defaultSize;\n const resolvedStrokeWidth =\n  strokeWidth != null\n   ? strokeWidth\n   : typeof size === 'string' && size in STROKE_WIDTH_MAP\n     ? STROKE_WIDTH_MAP[size]\n     : size == null\n       ? STROKE_WIDTH_MAP.xs\n       : 2;\n const w = element.props.width != null ? Number(element.props.width) : 24;\n const h = element.props.height != null ? Number(element.props.height) : 24;\n const viewBoxWhenMissing = `0 0 ${w} ${h}`;\n const elementProps = {\n  ...props,\n  className: className ? `signoz-icon ${className}` : 'signoz-icon',\n  ...(!isCustomIcon && {\n   stroke: color,\n   strokeWidth: resolvedStrokeWidth,\n  }),\n  ...(!isCustomIcon &&\n   !hasViewBox && {\n    viewBox: viewBoxWhenMissing,\n   }),\n  ...(isCustomIcon && {\n   style: {\n    color,\n    ...props.style,\n   },\n   viewBox: viewBoxWhenMissing,\n  }),\n  width: resolvedSize,\n  height: resolvedSize,\n };\n return cloneElement(element, elementProps);\n};\nSvgAArrowDown.displayName = 'SvgAArrowDown';\nexport default SvgAArrowDown;\n"],"mappings":"4FASA,IAAM,GAAiB,CACtB,QAAQ,eACR,OACA,cACA,YACA,GAAG,KACiC,CACpC,IAAM,GACL,EAAA,EAAA,KAAC,MAAA,CAAI,MAAO,GAAI,OAAQ,GAAI,KAAK,OAAO,MAAM,6BAA6B,GAAI,YAC9E,EAAA,EAAA,KAAC,OAAA,CACA,EAAE,uEACF,OAAO,UACP,YAAa,KACb,cAAc,QACd,eAAe,SACd,EACG,CAED,EAAa,EAAQ,MAAM,SAAW,KACtC,EAAe,EAAQ,MAAM,sBAAwB,OACrD,EAAc,EAAe,EAAQ,MAAM,MAAQ,EAAA,cAAc,GACjE,EACL,GAAQ,KAAiE,EAAzD,OAAO,GAAS,SAAW,EAAO,EAAA,cAAc,GAC3D,EACL,GAAe,KAEZ,OAAO,GAAS,UAAY,KAAQ,EAAA,iBAClC,EAAA,iBAAiB,GACjB,GAAQ,KACN,EAAA,iBAAiB,GACjB,EALJ,EAQE,EAAqB,OAFjB,EAAQ,MAAM,OAAS,KAAqC,GAA9B,OAAO,EAAQ,MAAM,MAAM,CAE/B,GAD1B,EAAQ,MAAM,QAAU,KAAsC,GAA/B,OAAO,EAAQ,MAAM,OAAO,GAuBrE,OAAA,EAAA,EAAA,cAAoB,EArBC,CACpB,GAAG,EACH,UAAW,EAAY,eAAe,IAAc,cACpD,GAAI,CAAC,GAAgB,CACpB,OAAQ,EACR,YAAa,EACb,CACD,GAAI,CAAC,GACJ,CAAC,GAAc,CACd,QAAS,EACT,CACF,GAAI,GAAgB,CACnB,MAAO,CACN,QACA,GAAG,EAAM,MACT,CACD,QAAS,EACT,CACD,MAAO,EACP,OAAQ,EACR,CACyC,EAE3C,EAAc,YAAc,gBAC5B,IAAA,EAAe"}

package/dist/lib/icons/AArrowDown.js

@@ -0,0 +1,42 @@
+import { ICON_SIZE_MAP, STROKE_WIDTH_MAP } from "../icon-config.js";
+import { cloneElement } from "react";
+import { jsx } from "react/jsx-runtime";
+var SvgAArrowDown = ({ color: i = "currentColor", size: a, strokeWidth: o, className: s, ...c }) => {
+	let l = /* @__PURE__ */ jsx("svg", {
+		width: 16,
+		height: 16,
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...c,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M2.333 8.667h4m-5 2 3-6 3 6m4.667-6v6m0 0L9.333 8M12 10.667 14.666 8",
+			stroke: "#2A2E37",
+			strokeWidth: 1.33,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	}), u = l.props.viewBox != null, d = l.props["data-custom-icon"] === "true", f = d ? l.props.width : ICON_SIZE_MAP.xs, p = a == null ? f : typeof a == "number" ? a : ICON_SIZE_MAP[a], m = o == null ? typeof a == "string" && a in STROKE_WIDTH_MAP ? STROKE_WIDTH_MAP[a] : a == null ? STROKE_WIDTH_MAP.xs : 2 : o, h = `0 0 ${l.props.width == null ? 24 : Number(l.props.width)} ${l.props.height == null ? 24 : Number(l.props.height)}`;
+	return cloneElement(l, {
+		...c,
+		className: s ? `signoz-icon ${s}` : "signoz-icon",
+		...!d && {
+			stroke: i,
+			strokeWidth: m
+		},
+		...!d && !u && { viewBox: h },
+		...d && {
+			style: {
+				color: i,
+				...c.style
+			},
+			viewBox: h
+		},
+		width: p,
+		height: p
+	});
+};
+SvgAArrowDown.displayName = "SvgAArrowDown";
+var AArrowDown_default = SvgAArrowDown;
+export { AArrowDown_default as default };
+
+//# sourceMappingURL=AArrowDown.js.map

package/dist/lib/icons/AArrowDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AArrowDown.js","names":[],"sources":["../../../lib/icons/AArrowDown.tsx"],"sourcesContent":["import type React from 'react';\nimport { cloneElement } from 'react';\nimport type { IconSize } from '../icon-config.js';\nimport { ICON_SIZE_MAP, STROKE_WIDTH_MAP } from '../icon-config.js';\nexport interface IconProps extends React.SVGProps<SVGSVGElement> {\n size?: IconSize | number;\n strokeWidth?: number;\n className?: string;\n}\nconst SvgAArrowDown = ({\n color = 'currentColor',\n size,\n strokeWidth,\n className,\n ...props\n}: IconProps): React.ReactElement => {\n const element = (\n  <svg width={16} height={16} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n   <path\n    d=\"M2.333 8.667h4m-5 2 3-6 3 6m4.667-6v6m0 0L9.333 8M12 10.667 14.666 8\"\n    stroke=\"#2A2E37\"\n    strokeWidth={1.33}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n   />\n  </svg>\n );\n const hasViewBox = element.props.viewBox != null;\n const isCustomIcon = element.props['data-custom-icon'] === 'true';\n const defaultSize = isCustomIcon ? element.props.width : ICON_SIZE_MAP.xs;\n const resolvedSize =\n  size != null ? (typeof size === 'number' ? size : ICON_SIZE_MAP[size]) : defaultSize;\n const resolvedStrokeWidth =\n  strokeWidth != null\n   ? strokeWidth\n   : typeof size === 'string' && size in STROKE_WIDTH_MAP\n     ? STROKE_WIDTH_MAP[size]\n     : size == null\n       ? STROKE_WIDTH_MAP.xs\n       : 2;\n const w = element.props.width != null ? Number(element.props.width) : 24;\n const h = element.props.height != null ? Number(element.props.height) : 24;\n const viewBoxWhenMissing = `0 0 ${w} ${h}`;\n const elementProps = {\n  ...props,\n  className: className ? `signoz-icon ${className}` : 'signoz-icon',\n  ...(!isCustomIcon && {\n   stroke: color,\n   strokeWidth: resolvedStrokeWidth,\n  }),\n  ...(!isCustomIcon &&\n   !hasViewBox && {\n    viewBox: viewBoxWhenMissing,\n   }),\n  ...(isCustomIcon && {\n   style: {\n    color,\n    ...props.style,\n   },\n   viewBox: viewBoxWhenMissing,\n  }),\n  width: resolvedSize,\n  height: resolvedSize,\n };\n return cloneElement(element, elementProps);\n};\nSvgAArrowDown.displayName = 'SvgAArrowDown';\nexport default SvgAArrowDown;\n"],"mappings":";;;AASA,IAAM,iBAAiB,EACtB,WAAQ,gBACR,SACA,gBACA,cACA,GAAG,QACiC;CACpC,IAAM,IACL,oBAAC,OAAA;EAAI,OAAO;EAAI,QAAQ;EAAI,MAAK;EAAO,OAAM;EAA6B,GAAI;YAC9E,oBAAC,QAAA;GACA,GAAE;GACF,QAAO;GACP,aAAa;GACb,eAAc;GACd,gBAAe;IACd;GACG,EAED,IAAa,EAAQ,MAAM,WAAW,MACtC,IAAe,EAAQ,MAAM,wBAAwB,QACrD,IAAc,IAAe,EAAQ,MAAM,QAAQ,cAAc,IACjE,IACL,KAAQ,OAAiE,IAAzD,OAAO,KAAS,WAAW,IAAO,cAAc,IAC3D,IACL,KAAe,OAEZ,OAAO,KAAS,YAAY,KAAQ,mBAClC,iBAAiB,KACjB,KAAQ,OACN,iBAAiB,KACjB,IALJ,GAQE,IAAqB,OAFjB,EAAQ,MAAM,SAAS,OAAqC,KAA9B,OAAO,EAAQ,MAAM,MAAM,CAE/B,GAD1B,EAAQ,MAAM,UAAU,OAAsC,KAA/B,OAAO,EAAQ,MAAM,OAAO;AAuBrE,QAAO,aAAa,GArBC;EACpB,GAAG;EACH,WAAW,IAAY,eAAe,MAAc;EACpD,GAAI,CAAC,KAAgB;GACpB,QAAQ;GACR,aAAa;GACb;EACD,GAAI,CAAC,KACJ,CAAC,KAAc,EACd,SAAS,GACT;EACF,GAAI,KAAgB;GACnB,OAAO;IACN;IACA,GAAG,EAAM;IACT;GACD,SAAS;GACT;EACD,OAAO;EACP,QAAQ;EACR,CACyC;;AAE3C,cAAc,cAAc;AAC5B,IAAA,qBAAe"}

package/dist/lib/icons/AArrowUp.cjs

@@ -0,0 +1,2 @@
+const e=require(`../icon-config.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=({color:r=`currentColor`,size:i,strokeWidth:a,className:o,...s})=>{let c=(0,n.jsx)(`svg`,{width:16,height:16,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...s,children:(0,n.jsx)(`path`,{d:`M2.333 8.667h4m-5 2 3-6 3 6m4.667 0v-6m0 0L9.333 7.333M12 4.667l2.666 2.666`,stroke:`#2A2E37`,strokeWidth:1.33,strokeLinecap:`round`,strokeLinejoin:`round`})}),l=c.props.viewBox!=null,u=c.props[`data-custom-icon`]===`true`,d=u?c.props.width:e.ICON_SIZE_MAP.xs,f=i==null?d:typeof i==`number`?i:e.ICON_SIZE_MAP[i],p=a==null?typeof i==`string`&&i in e.STROKE_WIDTH_MAP?e.STROKE_WIDTH_MAP[i]:i==null?e.STROKE_WIDTH_MAP.xs:2:a,m=`0 0 ${c.props.width==null?24:Number(c.props.width)} ${c.props.height==null?24:Number(c.props.height)}`;return(0,t.cloneElement)(c,{...s,className:o?`signoz-icon ${o}`:`signoz-icon`,...!u&&{stroke:r,strokeWidth:p},...!u&&!l&&{viewBox:m},...u&&{style:{color:r,...s.style},viewBox:m},width:f,height:f})};r.displayName=`SvgAArrowUp`;var i=r;module.exports=i;
+//# sourceMappingURL=AArrowUp.cjs.map

package/dist/lib/icons/AArrowUp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AArrowUp.cjs","names":[],"sources":["../../../lib/icons/AArrowUp.tsx"],"sourcesContent":["import type React from 'react';\nimport { cloneElement } from 'react';\nimport type { IconSize } from '../icon-config.js';\nimport { ICON_SIZE_MAP, STROKE_WIDTH_MAP } from '../icon-config.js';\nexport interface IconProps extends React.SVGProps<SVGSVGElement> {\n size?: IconSize | number;\n strokeWidth?: number;\n className?: string;\n}\nconst SvgAArrowUp = ({\n color = 'currentColor',\n size,\n strokeWidth,\n className,\n ...props\n}: IconProps): React.ReactElement => {\n const element = (\n  <svg width={16} height={16} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n   <path\n    d=\"M2.333 8.667h4m-5 2 3-6 3 6m4.667 0v-6m0 0L9.333 7.333M12 4.667l2.666 2.666\"\n    stroke=\"#2A2E37\"\n    strokeWidth={1.33}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n   />\n  </svg>\n );\n const hasViewBox = element.props.viewBox != null;\n const isCustomIcon = element.props['data-custom-icon'] === 'true';\n const defaultSize = isCustomIcon ? element.props.width : ICON_SIZE_MAP.xs;\n const resolvedSize =\n  size != null ? (typeof size === 'number' ? size : ICON_SIZE_MAP[size]) : defaultSize;\n const resolvedStrokeWidth =\n  strokeWidth != null\n   ? strokeWidth\n   : typeof size === 'string' && size in STROKE_WIDTH_MAP\n     ? STROKE_WIDTH_MAP[size]\n     : size == null\n       ? STROKE_WIDTH_MAP.xs\n       : 2;\n const w = element.props.width != null ? Number(element.props.width) : 24;\n const h = element.props.height != null ? Number(element.props.height) : 24;\n const viewBoxWhenMissing = `0 0 ${w} ${h}`;\n const elementProps = {\n  ...props,\n  className: className ? `signoz-icon ${className}` : 'signoz-icon',\n  ...(!isCustomIcon && {\n   stroke: color,\n   strokeWidth: resolvedStrokeWidth,\n  }),\n  ...(!isCustomIcon &&\n   !hasViewBox && {\n    viewBox: viewBoxWhenMissing,\n   }),\n  ...(isCustomIcon && {\n   style: {\n    color,\n    ...props.style,\n   },\n   viewBox: viewBoxWhenMissing,\n  }),\n  width: resolvedSize,\n  height: resolvedSize,\n };\n return cloneElement(element, elementProps);\n};\nSvgAArrowUp.displayName = 'SvgAArrowUp';\nexport default SvgAArrowUp;\n"],"mappings":"4FASA,IAAM,GAAe,CACpB,QAAQ,eACR,OACA,cACA,YACA,GAAG,KACiC,CACpC,IAAM,GACL,EAAA,EAAA,KAAC,MAAA,CAAI,MAAO,GAAI,OAAQ,GAAI,KAAK,OAAO,MAAM,6BAA6B,GAAI,YAC9E,EAAA,EAAA,KAAC,OAAA,CACA,EAAE,8EACF,OAAO,UACP,YAAa,KACb,cAAc,QACd,eAAe,SACd,EACG,CAED,EAAa,EAAQ,MAAM,SAAW,KACtC,EAAe,EAAQ,MAAM,sBAAwB,OACrD,EAAc,EAAe,EAAQ,MAAM,MAAQ,EAAA,cAAc,GACjE,EACL,GAAQ,KAAiE,EAAzD,OAAO,GAAS,SAAW,EAAO,EAAA,cAAc,GAC3D,EACL,GAAe,KAEZ,OAAO,GAAS,UAAY,KAAQ,EAAA,iBAClC,EAAA,iBAAiB,GACjB,GAAQ,KACN,EAAA,iBAAiB,GACjB,EALJ,EAQE,EAAqB,OAFjB,EAAQ,MAAM,OAAS,KAAqC,GAA9B,OAAO,EAAQ,MAAM,MAAM,CAE/B,GAD1B,EAAQ,MAAM,QAAU,KAAsC,GAA/B,OAAO,EAAQ,MAAM,OAAO,GAuBrE,OAAA,EAAA,EAAA,cAAoB,EArBC,CACpB,GAAG,EACH,UAAW,EAAY,eAAe,IAAc,cACpD,GAAI,CAAC,GAAgB,CACpB,OAAQ,EACR,YAAa,EACb,CACD,GAAI,CAAC,GACJ,CAAC,GAAc,CACd,QAAS,EACT,CACF,GAAI,GAAgB,CACnB,MAAO,CACN,QACA,GAAG,EAAM,MACT,CACD,QAAS,EACT,CACD,MAAO,EACP,OAAQ,EACR,CACyC,EAE3C,EAAY,YAAc,cAC1B,IAAA,EAAe"}

package/dist/lib/icons/AArrowUp.js

@@ -0,0 +1,42 @@
+import { ICON_SIZE_MAP, STROKE_WIDTH_MAP } from "../icon-config.js";
+import { cloneElement } from "react";
+import { jsx } from "react/jsx-runtime";
+var SvgAArrowUp = ({ color: i = "currentColor", size: a, strokeWidth: o, className: s, ...c }) => {
+	let l = /* @__PURE__ */ jsx("svg", {
+		width: 16,
+		height: 16,
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...c,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M2.333 8.667h4m-5 2 3-6 3 6m4.667 0v-6m0 0L9.333 7.333M12 4.667l2.666 2.666",
+			stroke: "#2A2E37",
+			strokeWidth: 1.33,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	}), u = l.props.viewBox != null, d = l.props["data-custom-icon"] === "true", f = d ? l.props.width : ICON_SIZE_MAP.xs, p = a == null ? f : typeof a == "number" ? a : ICON_SIZE_MAP[a], m = o == null ? typeof a == "string" && a in STROKE_WIDTH_MAP ? STROKE_WIDTH_MAP[a] : a == null ? STROKE_WIDTH_MAP.xs : 2 : o, h = `0 0 ${l.props.width == null ? 24 : Number(l.props.width)} ${l.props.height == null ? 24 : Number(l.props.height)}`;
+	return cloneElement(l, {
+		...c,
+		className: s ? `signoz-icon ${s}` : "signoz-icon",
+		...!d && {
+			stroke: i,
+			strokeWidth: m
+		},
+		...!d && !u && { viewBox: h },
+		...d && {
+			style: {
+				color: i,
+				...c.style
+			},
+			viewBox: h
+		},
+		width: p,
+		height: p
+	});
+};
+SvgAArrowUp.displayName = "SvgAArrowUp";
+var AArrowUp_default = SvgAArrowUp;
+export { AArrowUp_default as default };
+
+//# sourceMappingURL=AArrowUp.js.map

package/dist/lib/icons/AArrowUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AArrowUp.js","names":[],"sources":["../../../lib/icons/AArrowUp.tsx"],"sourcesContent":["import type React from 'react';\nimport { cloneElement } from 'react';\nimport type { IconSize } from '../icon-config.js';\nimport { ICON_SIZE_MAP, STROKE_WIDTH_MAP } from '../icon-config.js';\nexport interface IconProps extends React.SVGProps<SVGSVGElement> {\n size?: IconSize | number;\n strokeWidth?: number;\n className?: string;\n}\nconst SvgAArrowUp = ({\n color = 'currentColor',\n size,\n strokeWidth,\n className,\n ...props\n}: IconProps): React.ReactElement => {\n const element = (\n  <svg width={16} height={16} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n   <path\n    d=\"M2.333 8.667h4m-5 2 3-6 3 6m4.667 0v-6m0 0L9.333 7.333M12 4.667l2.666 2.666\"\n    stroke=\"#2A2E37\"\n    strokeWidth={1.33}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n   />\n  </svg>\n );\n const hasViewBox = element.props.viewBox != null;\n const isCustomIcon = element.props['data-custom-icon'] === 'true';\n const defaultSize = isCustomIcon ? element.props.width : ICON_SIZE_MAP.xs;\n const resolvedSize =\n  size != null ? (typeof size === 'number' ? size : ICON_SIZE_MAP[size]) : defaultSize;\n const resolvedStrokeWidth =\n  strokeWidth != null\n   ? strokeWidth\n   : typeof size === 'string' && size in STROKE_WIDTH_MAP\n     ? STROKE_WIDTH_MAP[size]\n     : size == null\n       ? STROKE_WIDTH_MAP.xs\n       : 2;\n const w = element.props.width != null ? Number(element.props.width) : 24;\n const h = element.props.height != null ? Number(element.props.height) : 24;\n const viewBoxWhenMissing = `0 0 ${w} ${h}`;\n const elementProps = {\n  ...props,\n  className: className ? `signoz-icon ${className}` : 'signoz-icon',\n  ...(!isCustomIcon && {\n   stroke: color,\n   strokeWidth: resolvedStrokeWidth,\n  }),\n  ...(!isCustomIcon &&\n   !hasViewBox && {\n    viewBox: viewBoxWhenMissing,\n   }),\n  ...(isCustomIcon && {\n   style: {\n    color,\n    ...props.style,\n   },\n   viewBox: viewBoxWhenMissing,\n  }),\n  width: resolvedSize,\n  height: resolvedSize,\n };\n return cloneElement(element, elementProps);\n};\nSvgAArrowUp.displayName = 'SvgAArrowUp';\nexport default SvgAArrowUp;\n"],"mappings":";;;AASA,IAAM,eAAe,EACpB,WAAQ,gBACR,SACA,gBACA,cACA,GAAG,QACiC;CACpC,IAAM,IACL,oBAAC,OAAA;EAAI,OAAO;EAAI,QAAQ;EAAI,MAAK;EAAO,OAAM;EAA6B,GAAI;YAC9E,oBAAC,QAAA;GACA,GAAE;GACF,QAAO;GACP,aAAa;GACb,eAAc;GACd,gBAAe;IACd;GACG,EAED,IAAa,EAAQ,MAAM,WAAW,MACtC,IAAe,EAAQ,MAAM,wBAAwB,QACrD,IAAc,IAAe,EAAQ,MAAM,QAAQ,cAAc,IACjE,IACL,KAAQ,OAAiE,IAAzD,OAAO,KAAS,WAAW,IAAO,cAAc,IAC3D,IACL,KAAe,OAEZ,OAAO,KAAS,YAAY,KAAQ,mBAClC,iBAAiB,KACjB,KAAQ,OACN,iBAAiB,KACjB,IALJ,GAQE,IAAqB,OAFjB,EAAQ,MAAM,SAAS,OAAqC,KAA9B,OAAO,EAAQ,MAAM,MAAM,CAE/B,GAD1B,EAAQ,MAAM,UAAU,OAAsC,KAA/B,OAAO,EAAQ,MAAM,OAAO;AAuBrE,QAAO,aAAa,GArBC;EACpB,GAAG;EACH,WAAW,IAAY,eAAe,MAAc;EACpD,GAAI,CAAC,KAAgB;GACpB,QAAQ;GACR,aAAa;GACb;EACD,GAAI,CAAC,KACJ,CAAC,KAAc,EACd,SAAS,GACT;EACF,GAAI,KAAgB;GACnB,OAAO;IACN;IACA,GAAG,EAAM;IACT;GACD,SAAS;GACT;EACD,OAAO;EACP,QAAQ;EACR,CACyC;;AAE3C,YAAY,cAAc;AAC1B,IAAA,mBAAe"}

package/dist/lib/icons/ALargeSmall.cjs

@@ -0,0 +1,2 @@
+const e=require(`../icon-config.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=({color:r=`currentColor`,size:i,strokeWidth:a,className:o,...s})=>{let c=(0,n.jsx)(`svg`,{width:16,height:16,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...s,children:(0,n.jsx)(`path`,{d:`M14 9.333h-3.333m0 1.334V8.333a1.667 1.667 0 0 1 3.333 0v2.334m-11-2h4m-5 2 3-6 3 6`,stroke:`#2A2E37`,strokeWidth:1.33,strokeLinecap:`round`,strokeLinejoin:`round`})}),l=c.props.viewBox!=null,u=c.props[`data-custom-icon`]===`true`,d=u?c.props.width:e.ICON_SIZE_MAP.xs,f=i==null?d:typeof i==`number`?i:e.ICON_SIZE_MAP[i],p=a==null?typeof i==`string`&&i in e.STROKE_WIDTH_MAP?e.STROKE_WIDTH_MAP[i]:i==null?e.STROKE_WIDTH_MAP.xs:2:a,m=`0 0 ${c.props.width==null?24:Number(c.props.width)} ${c.props.height==null?24:Number(c.props.height)}`;return(0,t.cloneElement)(c,{...s,className:o?`signoz-icon ${o}`:`signoz-icon`,...!u&&{stroke:r,strokeWidth:p},...!u&&!l&&{viewBox:m},...u&&{style:{color:r,...s.style},viewBox:m},width:f,height:f})};r.displayName=`SvgALargeSmall`;var i=r;module.exports=i;
+//# sourceMappingURL=ALargeSmall.cjs.map

package/dist/lib/icons/ALargeSmall.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ALargeSmall.cjs","names":[],"sources":["../../../lib/icons/ALargeSmall.tsx"],"sourcesContent":["import type React from 'react';\nimport { cloneElement } from 'react';\nimport type { IconSize } from '../icon-config.js';\nimport { ICON_SIZE_MAP, STROKE_WIDTH_MAP } from '../icon-config.js';\nexport interface IconProps extends React.SVGProps<SVGSVGElement> {\n size?: IconSize | number;\n strokeWidth?: number;\n className?: string;\n}\nconst SvgALargeSmall = ({\n color = 'currentColor',\n size,\n strokeWidth,\n className,\n ...props\n}: IconProps): React.ReactElement => {\n const element = (\n  <svg width={16} height={16} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n   <path\n    d=\"M14 9.333h-3.333m0 1.334V8.333a1.667 1.667 0 0 1 3.333 0v2.334m-11-2h4m-5 2 3-6 3 6\"\n    stroke=\"#2A2E37\"\n    strokeWidth={1.33}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n   />\n  </svg>\n );\n const hasViewBox = element.props.viewBox != null;\n const isCustomIcon = element.props['data-custom-icon'] === 'true';\n const defaultSize = isCustomIcon ? element.props.width : ICON_SIZE_MAP.xs;\n const resolvedSize =\n  size != null ? (typeof size === 'number' ? size : ICON_SIZE_MAP[size]) : defaultSize;\n const resolvedStrokeWidth =\n  strokeWidth != null\n   ? strokeWidth\n   : typeof size === 'string' && size in STROKE_WIDTH_MAP\n     ? STROKE_WIDTH_MAP[size]\n     : size == null\n       ? STROKE_WIDTH_MAP.xs\n       : 2;\n const w = element.props.width != null ? Number(element.props.width) : 24;\n const h = element.props.height != null ? Number(element.props.height) : 24;\n const viewBoxWhenMissing = `0 0 ${w} ${h}`;\n const elementProps = {\n  ...props,\n  className: className ? `signoz-icon ${className}` : 'signoz-icon',\n  ...(!isCustomIcon && {\n   stroke: color,\n   strokeWidth: resolvedStrokeWidth,\n  }),\n  ...(!isCustomIcon &&\n   !hasViewBox && {\n    viewBox: viewBoxWhenMissing,\n   }),\n  ...(isCustomIcon && {\n   style: {\n    color,\n    ...props.style,\n   },\n   viewBox: viewBoxWhenMissing,\n  }),\n  width: resolvedSize,\n  height: resolvedSize,\n };\n return cloneElement(element, elementProps);\n};\nSvgALargeSmall.displayName = 'SvgALargeSmall';\nexport default SvgALargeSmall;\n"],"mappings":"4FASA,IAAM,GAAkB,CACvB,QAAQ,eACR,OACA,cACA,YACA,GAAG,KACiC,CACpC,IAAM,GACL,EAAA,EAAA,KAAC,MAAA,CAAI,MAAO,GAAI,OAAQ,GAAI,KAAK,OAAO,MAAM,6BAA6B,GAAI,YAC9E,EAAA,EAAA,KAAC,OAAA,CACA,EAAE,sFACF,OAAO,UACP,YAAa,KACb,cAAc,QACd,eAAe,SACd,EACG,CAED,EAAa,EAAQ,MAAM,SAAW,KACtC,EAAe,EAAQ,MAAM,sBAAwB,OACrD,EAAc,EAAe,EAAQ,MAAM,MAAQ,EAAA,cAAc,GACjE,EACL,GAAQ,KAAiE,EAAzD,OAAO,GAAS,SAAW,EAAO,EAAA,cAAc,GAC3D,EACL,GAAe,KAEZ,OAAO,GAAS,UAAY,KAAQ,EAAA,iBAClC,EAAA,iBAAiB,GACjB,GAAQ,KACN,EAAA,iBAAiB,GACjB,EALJ,EAQE,EAAqB,OAFjB,EAAQ,MAAM,OAAS,KAAqC,GAA9B,OAAO,EAAQ,MAAM,MAAM,CAE/B,GAD1B,EAAQ,MAAM,QAAU,KAAsC,GAA/B,OAAO,EAAQ,MAAM,OAAO,GAuBrE,OAAA,EAAA,EAAA,cAAoB,EArBC,CACpB,GAAG,EACH,UAAW,EAAY,eAAe,IAAc,cACpD,GAAI,CAAC,GAAgB,CACpB,OAAQ,EACR,YAAa,EACb,CACD,GAAI,CAAC,GACJ,CAAC,GAAc,CACd,QAAS,EACT,CACF,GAAI,GAAgB,CACnB,MAAO,CACN,QACA,GAAG,EAAM,MACT,CACD,QAAS,EACT,CACD,MAAO,EACP,OAAQ,EACR,CACyC,EAE3C,EAAe,YAAc,iBAC7B,IAAA,EAAe"}

package/dist/lib/icons/ALargeSmall.js

@@ -0,0 +1,42 @@
+import { ICON_SIZE_MAP, STROKE_WIDTH_MAP } from "../icon-config.js";
+import { cloneElement } from "react";
+import { jsx } from "react/jsx-runtime";
+var SvgALargeSmall = ({ color: i = "currentColor", size: a, strokeWidth: o, className: s, ...c }) => {
+	let l = /* @__PURE__ */ jsx("svg", {
+		width: 16,
+		height: 16,
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...c,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M14 9.333h-3.333m0 1.334V8.333a1.667 1.667 0 0 1 3.333 0v2.334m-11-2h4m-5 2 3-6 3 6",
+			stroke: "#2A2E37",
+			strokeWidth: 1.33,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	}), u = l.props.viewBox != null, d = l.props["data-custom-icon"] === "true", f = d ? l.props.width : ICON_SIZE_MAP.xs, p = a == null ? f : typeof a == "number" ? a : ICON_SIZE_MAP[a], m = o == null ? typeof a == "string" && a in STROKE_WIDTH_MAP ? STROKE_WIDTH_MAP[a] : a == null ? STROKE_WIDTH_MAP.xs : 2 : o, h = `0 0 ${l.props.width == null ? 24 : Number(l.props.width)} ${l.props.height == null ? 24 : Number(l.props.height)}`;
+	return cloneElement(l, {
+		...c,
+		className: s ? `signoz-icon ${s}` : "signoz-icon",
+		...!d && {
+			stroke: i,
+			strokeWidth: m
+		},
+		...!d && !u && { viewBox: h },
+		...d && {
+			style: {
+				color: i,
+				...c.style
+			},
+			viewBox: h
+		},
+		width: p,
+		height: p
+	});
+};
+SvgALargeSmall.displayName = "SvgALargeSmall";
+var ALargeSmall_default = SvgALargeSmall;
+export { ALargeSmall_default as default };
+
+//# sourceMappingURL=ALargeSmall.js.map

package/dist/lib/icons/ALargeSmall.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ALargeSmall.js","names":[],"sources":["../../../lib/icons/ALargeSmall.tsx"],"sourcesContent":["import type React from 'react';\nimport { cloneElement } from 'react';\nimport type { IconSize } from '../icon-config.js';\nimport { ICON_SIZE_MAP, STROKE_WIDTH_MAP } from '../icon-config.js';\nexport interface IconProps extends React.SVGProps<SVGSVGElement> {\n size?: IconSize | number;\n strokeWidth?: number;\n className?: string;\n}\nconst SvgALargeSmall = ({\n color = 'currentColor',\n size,\n strokeWidth,\n className,\n ...props\n}: IconProps): React.ReactElement => {\n const element = (\n  <svg width={16} height={16} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n   <path\n    d=\"M14 9.333h-3.333m0 1.334V8.333a1.667 1.667 0 0 1 3.333 0v2.334m-11-2h4m-5 2 3-6 3 6\"\n    stroke=\"#2A2E37\"\n    strokeWidth={1.33}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n   />\n  </svg>\n );\n const hasViewBox = element.props.viewBox != null;\n const isCustomIcon = element.props['data-custom-icon'] === 'true';\n const defaultSize = isCustomIcon ? element.props.width : ICON_SIZE_MAP.xs;\n const resolvedSize =\n  size != null ? (typeof size === 'number' ? size : ICON_SIZE_MAP[size]) : defaultSize;\n const resolvedStrokeWidth =\n  strokeWidth != null\n   ? strokeWidth\n   : typeof size === 'string' && size in STROKE_WIDTH_MAP\n     ? STROKE_WIDTH_MAP[size]\n     : size == null\n       ? STROKE_WIDTH_MAP.xs\n       : 2;\n const w = element.props.width != null ? Number(element.props.width) : 24;\n const h = element.props.height != null ? Number(element.props.height) : 24;\n const viewBoxWhenMissing = `0 0 ${w} ${h}`;\n const elementProps = {\n  ...props,\n  className: className ? `signoz-icon ${className}` : 'signoz-icon',\n  ...(!isCustomIcon && {\n   stroke: color,\n   strokeWidth: resolvedStrokeWidth,\n  }),\n  ...(!isCustomIcon &&\n   !hasViewBox && {\n    viewBox: viewBoxWhenMissing,\n   }),\n  ...(isCustomIcon && {\n   style: {\n    color,\n    ...props.style,\n   },\n   viewBox: viewBoxWhenMissing,\n  }),\n  width: resolvedSize,\n  height: resolvedSize,\n };\n return cloneElement(element, elementProps);\n};\nSvgALargeSmall.displayName = 'SvgALargeSmall';\nexport default SvgALargeSmall;\n"],"mappings":";;;AASA,IAAM,kBAAkB,EACvB,WAAQ,gBACR,SACA,gBACA,cACA,GAAG,QACiC;CACpC,IAAM,IACL,oBAAC,OAAA;EAAI,OAAO;EAAI,QAAQ;EAAI,MAAK;EAAO,OAAM;EAA6B,GAAI;YAC9E,oBAAC,QAAA;GACA,GAAE;GACF,QAAO;GACP,aAAa;GACb,eAAc;GACd,gBAAe;IACd;GACG,EAED,IAAa,EAAQ,MAAM,WAAW,MACtC,IAAe,EAAQ,MAAM,wBAAwB,QACrD,IAAc,IAAe,EAAQ,MAAM,QAAQ,cAAc,IACjE,IACL,KAAQ,OAAiE,IAAzD,OAAO,KAAS,WAAW,IAAO,cAAc,IAC3D,IACL,KAAe,OAEZ,OAAO,KAAS,YAAY,KAAQ,mBAClC,iBAAiB,KACjB,KAAQ,OACN,iBAAiB,KACjB,IALJ,GAQE,IAAqB,OAFjB,EAAQ,MAAM,SAAS,OAAqC,KAA9B,OAAO,EAAQ,MAAM,MAAM,CAE/B,GAD1B,EAAQ,MAAM,UAAU,OAAsC,KAA/B,OAAO,EAAQ,MAAM,OAAO;AAuBrE,QAAO,aAAa,GArBC;EACpB,GAAG;EACH,WAAW,IAAY,eAAe,MAAc;EACpD,GAAI,CAAC,KAAgB;GACpB,QAAQ;GACR,aAAa;GACb;EACD,GAAI,CAAC,KACJ,CAAC,KAAc,EACd,SAAS,GACT;EACF,GAAI,KAAgB;GACnB,OAAO;IACN;IACA,GAAG,EAAM;IACT;GACD,SAAS;GACT;EACD,OAAO;EACP,QAAQ;EACR,CACyC;;AAE3C,eAAe,cAAc;AAC7B,IAAA,sBAAe"}

package/dist/lib/icons/Accessibility.cjs

@@ -0,0 +1,2 @@
+const e=require(`../icon-config.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=({color:r=`currentColor`,size:i,strokeWidth:a,className:o,...s})=>{let c=(0,n.jsx)(`svg`,{width:16,height:16,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...s,children:(0,n.jsx)(`path`,{d:`M12 12.667 12.666 8l-4 .667M3.333 5.333l2-2 3.667 2-1.574 2.334m-4.6 2a3.333 3.333 0 0 0 4.587 4m1.76-2a3.333 3.333 0 0 0-4.587-4m6.747-5a.667.667 0 1 1-1.333 0 .667.667 0 0 1 1.333 0Z`,stroke:`#2A2E37`,strokeWidth:1.33,strokeLinecap:`round`,strokeLinejoin:`round`})}),l=c.props.viewBox!=null,u=c.props[`data-custom-icon`]===`true`,d=u?c.props.width:e.ICON_SIZE_MAP.xs,f=i==null?d:typeof i==`number`?i:e.ICON_SIZE_MAP[i],p=a==null?typeof i==`string`&&i in e.STROKE_WIDTH_MAP?e.STROKE_WIDTH_MAP[i]:i==null?e.STROKE_WIDTH_MAP.xs:2:a,m=`0 0 ${c.props.width==null?24:Number(c.props.width)} ${c.props.height==null?24:Number(c.props.height)}`;return(0,t.cloneElement)(c,{...s,className:o?`signoz-icon ${o}`:`signoz-icon`,...!u&&{stroke:r,strokeWidth:p},...!u&&!l&&{viewBox:m},...u&&{style:{color:r,...s.style},viewBox:m},width:f,height:f})};r.displayName=`SvgAccessibility`;var i=r;module.exports=i;
+//# sourceMappingURL=Accessibility.cjs.map

package/dist/lib/icons/Accessibility.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accessibility.cjs","names":[],"sources":["../../../lib/icons/Accessibility.tsx"],"sourcesContent":["import type React from 'react';\nimport { cloneElement } from 'react';\nimport type { IconSize } from '../icon-config.js';\nimport { ICON_SIZE_MAP, STROKE_WIDTH_MAP } from '../icon-config.js';\nexport interface IconProps extends React.SVGProps<SVGSVGElement> {\n size?: IconSize | number;\n strokeWidth?: number;\n className?: string;\n}\nconst SvgAccessibility = ({\n color = 'currentColor',\n size,\n strokeWidth,\n className,\n ...props\n}: IconProps): React.ReactElement => {\n const element = (\n  <svg width={16} height={16} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n   <path\n    d=\"M12 12.667 12.666 8l-4 .667M3.333 5.333l2-2 3.667 2-1.574 2.334m-4.6 2a3.333 3.333 0 0 0 4.587 4m1.76-2a3.333 3.333 0 0 0-4.587-4m6.747-5a.667.667 0 1 1-1.333 0 .667.667 0 0 1 1.333 0Z\"\n    stroke=\"#2A2E37\"\n    strokeWidth={1.33}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n   />\n  </svg>\n );\n const hasViewBox = element.props.viewBox != null;\n const isCustomIcon = element.props['data-custom-icon'] === 'true';\n const defaultSize = isCustomIcon ? element.props.width : ICON_SIZE_MAP.xs;\n const resolvedSize =\n  size != null ? (typeof size === 'number' ? size : ICON_SIZE_MAP[size]) : defaultSize;\n const resolvedStrokeWidth =\n  strokeWidth != null\n   ? strokeWidth\n   : typeof size === 'string' && size in STROKE_WIDTH_MAP\n     ? STROKE_WIDTH_MAP[size]\n     : size == null\n       ? STROKE_WIDTH_MAP.xs\n       : 2;\n const w = element.props.width != null ? Number(element.props.width) : 24;\n const h = element.props.height != null ? Number(element.props.height) : 24;\n const viewBoxWhenMissing = `0 0 ${w} ${h}`;\n const elementProps = {\n  ...props,\n  className: className ? `signoz-icon ${className}` : 'signoz-icon',\n  ...(!isCustomIcon && {\n   stroke: color,\n   strokeWidth: resolvedStrokeWidth,\n  }),\n  ...(!isCustomIcon &&\n   !hasViewBox && {\n    viewBox: viewBoxWhenMissing,\n   }),\n  ...(isCustomIcon && {\n   style: {\n    color,\n    ...props.style,\n   },\n   viewBox: viewBoxWhenMissing,\n  }),\n  width: resolvedSize,\n  height: resolvedSize,\n };\n return cloneElement(element, elementProps);\n};\nSvgAccessibility.displayName = 'SvgAccessibility';\nexport default SvgAccessibility;\n"],"mappings":"4FASA,IAAM,GAAoB,CACzB,QAAQ,eACR,OACA,cACA,YACA,GAAG,KACiC,CACpC,IAAM,GACL,EAAA,EAAA,KAAC,MAAA,CAAI,MAAO,GAAI,OAAQ,GAAI,KAAK,OAAO,MAAM,6BAA6B,GAAI,YAC9E,EAAA,EAAA,KAAC,OAAA,CACA,EAAE,2LACF,OAAO,UACP,YAAa,KACb,cAAc,QACd,eAAe,SACd,EACG,CAED,EAAa,EAAQ,MAAM,SAAW,KACtC,EAAe,EAAQ,MAAM,sBAAwB,OACrD,EAAc,EAAe,EAAQ,MAAM,MAAQ,EAAA,cAAc,GACjE,EACL,GAAQ,KAAiE,EAAzD,OAAO,GAAS,SAAW,EAAO,EAAA,cAAc,GAC3D,EACL,GAAe,KAEZ,OAAO,GAAS,UAAY,KAAQ,EAAA,iBAClC,EAAA,iBAAiB,GACjB,GAAQ,KACN,EAAA,iBAAiB,GACjB,EALJ,EAQE,EAAqB,OAFjB,EAAQ,MAAM,OAAS,KAAqC,GAA9B,OAAO,EAAQ,MAAM,MAAM,CAE/B,GAD1B,EAAQ,MAAM,QAAU,KAAsC,GAA/B,OAAO,EAAQ,MAAM,OAAO,GAuBrE,OAAA,EAAA,EAAA,cAAoB,EArBC,CACpB,GAAG,EACH,UAAW,EAAY,eAAe,IAAc,cACpD,GAAI,CAAC,GAAgB,CACpB,OAAQ,EACR,YAAa,EACb,CACD,GAAI,CAAC,GACJ,CAAC,GAAc,CACd,QAAS,EACT,CACF,GAAI,GAAgB,CACnB,MAAO,CACN,QACA,GAAG,EAAM,MACT,CACD,QAAS,EACT,CACD,MAAO,EACP,OAAQ,EACR,CACyC,EAE3C,EAAiB,YAAc,mBAC/B,IAAA,EAAe"}

package/dist/lib/icons/Accessibility.js

@@ -0,0 +1,42 @@
+import { ICON_SIZE_MAP, STROKE_WIDTH_MAP } from "../icon-config.js";
+import { cloneElement } from "react";
+import { jsx } from "react/jsx-runtime";
+var SvgAccessibility = ({ color: i = "currentColor", size: a, strokeWidth: o, className: s, ...c }) => {
+	let l = /* @__PURE__ */ jsx("svg", {
+		width: 16,
+		height: 16,
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...c,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M12 12.667 12.666 8l-4 .667M3.333 5.333l2-2 3.667 2-1.574 2.334m-4.6 2a3.333 3.333 0 0 0 4.587 4m1.76-2a3.333 3.333 0 0 0-4.587-4m6.747-5a.667.667 0 1 1-1.333 0 .667.667 0 0 1 1.333 0Z",
+			stroke: "#2A2E37",
+			strokeWidth: 1.33,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	}), u = l.props.viewBox != null, d = l.props["data-custom-icon"] === "true", f = d ? l.props.width : ICON_SIZE_MAP.xs, p = a == null ? f : typeof a == "number" ? a : ICON_SIZE_MAP[a], m = o == null ? typeof a == "string" && a in STROKE_WIDTH_MAP ? STROKE_WIDTH_MAP[a] : a == null ? STROKE_WIDTH_MAP.xs : 2 : o, h = `0 0 ${l.props.width == null ? 24 : Number(l.props.width)} ${l.props.height == null ? 24 : Number(l.props.height)}`;
+	return cloneElement(l, {
+		...c,
+		className: s ? `signoz-icon ${s}` : "signoz-icon",
+		...!d && {
+			stroke: i,
+			strokeWidth: m
+		},
+		...!d && !u && { viewBox: h },
+		...d && {
+			style: {
+				color: i,
+				...c.style
+			},
+			viewBox: h
+		},
+		width: p,
+		height: p
+	});
+};
+SvgAccessibility.displayName = "SvgAccessibility";
+var Accessibility_default = SvgAccessibility;
+export { Accessibility_default as default };
+
+//# sourceMappingURL=Accessibility.js.map

package/dist/lib/icons/Accessibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accessibility.js","names":[],"sources":["../../../lib/icons/Accessibility.tsx"],"sourcesContent":["import type React from 'react';\nimport { cloneElement } from 'react';\nimport type { IconSize } from '../icon-config.js';\nimport { ICON_SIZE_MAP, STROKE_WIDTH_MAP } from '../icon-config.js';\nexport interface IconProps extends React.SVGProps<SVGSVGElement> {\n size?: IconSize | number;\n strokeWidth?: number;\n className?: string;\n}\nconst SvgAccessibility = ({\n color = 'currentColor',\n size,\n strokeWidth,\n className,\n ...props\n}: IconProps): React.ReactElement => {\n const element = (\n  <svg width={16} height={16} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n   <path\n    d=\"M12 12.667 12.666 8l-4 .667M3.333 5.333l2-2 3.667 2-1.574 2.334m-4.6 2a3.333 3.333 0 0 0 4.587 4m1.76-2a3.333 3.333 0 0 0-4.587-4m6.747-5a.667.667 0 1 1-1.333 0 .667.667 0 0 1 1.333 0Z\"\n    stroke=\"#2A2E37\"\n    strokeWidth={1.33}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n   />\n  </svg>\n );\n const hasViewBox = element.props.viewBox != null;\n const isCustomIcon = element.props['data-custom-icon'] === 'true';\n const defaultSize = isCustomIcon ? element.props.width : ICON_SIZE_MAP.xs;\n const resolvedSize =\n  size != null ? (typeof size === 'number' ? size : ICON_SIZE_MAP[size]) : defaultSize;\n const resolvedStrokeWidth =\n  strokeWidth != null\n   ? strokeWidth\n   : typeof size === 'string' && size in STROKE_WIDTH_MAP\n     ? STROKE_WIDTH_MAP[size]\n     : size == null\n       ? STROKE_WIDTH_MAP.xs\n       : 2;\n const w = element.props.width != null ? Number(element.props.width) : 24;\n const h = element.props.height != null ? Number(element.props.height) : 24;\n const viewBoxWhenMissing = `0 0 ${w} ${h}`;\n const elementProps = {\n  ...props,\n  className: className ? `signoz-icon ${className}` : 'signoz-icon',\n  ...(!isCustomIcon && {\n   stroke: color,\n   strokeWidth: resolvedStrokeWidth,\n  }),\n  ...(!isCustomIcon &&\n   !hasViewBox && {\n    viewBox: viewBoxWhenMissing,\n   }),\n  ...(isCustomIcon && {\n   style: {\n    color,\n    ...props.style,\n   },\n   viewBox: viewBoxWhenMissing,\n  }),\n  width: resolvedSize,\n  height: resolvedSize,\n };\n return cloneElement(element, elementProps);\n};\nSvgAccessibility.displayName = 'SvgAccessibility';\nexport default SvgAccessibility;\n"],"mappings":";;;AASA,IAAM,oBAAoB,EACzB,WAAQ,gBACR,SACA,gBACA,cACA,GAAG,QACiC;CACpC,IAAM,IACL,oBAAC,OAAA;EAAI,OAAO;EAAI,QAAQ;EAAI,MAAK;EAAO,OAAM;EAA6B,GAAI;YAC9E,oBAAC,QAAA;GACA,GAAE;GACF,QAAO;GACP,aAAa;GACb,eAAc;GACd,gBAAe;IACd;GACG,EAED,IAAa,EAAQ,MAAM,WAAW,MACtC,IAAe,EAAQ,MAAM,wBAAwB,QACrD,IAAc,IAAe,EAAQ,MAAM,QAAQ,cAAc,IACjE,IACL,KAAQ,OAAiE,IAAzD,OAAO,KAAS,WAAW,IAAO,cAAc,IAC3D,IACL,KAAe,OAEZ,OAAO,KAAS,YAAY,KAAQ,mBAClC,iBAAiB,KACjB,KAAQ,OACN,iBAAiB,KACjB,IALJ,GAQE,IAAqB,OAFjB,EAAQ,MAAM,SAAS,OAAqC,KAA9B,OAAO,EAAQ,MAAM,MAAM,CAE/B,GAD1B,EAAQ,MAAM,UAAU,OAAsC,KAA/B,OAAO,EAAQ,MAAM,OAAO;AAuBrE,QAAO,aAAa,GArBC;EACpB,GAAG;EACH,WAAW,IAAY,eAAe,MAAc;EACpD,GAAI,CAAC,KAAgB;GACpB,QAAQ;GACR,aAAa;GACb;EACD,GAAI,CAAC,KACJ,CAAC,KAAc,EACd,SAAS,GACT;EACF,GAAI,KAAgB;GACnB,OAAO;IACN;IACA,GAAG,EAAM;IACT;GACD,SAAS;GACT;EACD,OAAO;EACP,QAAQ;EACR,CACyC;;AAE3C,iBAAiB,cAAc;AAC/B,IAAA,wBAAe"}

package/dist/lib/icons/Activity.cjs

@@ -0,0 +1,2 @@
+const e=require(`../icon-config.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=({color:r=`currentColor`,size:i,strokeWidth:a,className:o,...s})=>{let c=(0,n.jsxs)(`svg`,{width:16,height:16,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...s,children:[(0,n.jsx)(`g`,{clipPath:`url(#activity_svg__a)`,children:(0,n.jsx)(`path`,{d:`M14.666 8h-1.653a1.333 1.333 0 0 0-1.287.973l-1.566 5.574a.167.167 0 0 1-.26.086.167.167 0 0 1-.06-.086L6.16 1.453a.167.167 0 0 0-.32 0L4.273 7.027A1.333 1.333 0 0 1 2.993 8h-1.66`,stroke:`#2A2E37`,strokeWidth:1.33,strokeLinecap:`round`,strokeLinejoin:`round`})}),(0,n.jsx)(`defs`,{children:(0,n.jsx)(`clipPath`,{id:`activity_svg__a`,children:(0,n.jsx)(`path`,{fill:`#fff`,d:`M0 0h16v16H0z`})})})]}),l=c.props.viewBox!=null,u=c.props[`data-custom-icon`]===`true`,d=u?c.props.width:e.ICON_SIZE_MAP.xs,f=i==null?d:typeof i==`number`?i:e.ICON_SIZE_MAP[i],p=a==null?typeof i==`string`&&i in e.STROKE_WIDTH_MAP?e.STROKE_WIDTH_MAP[i]:i==null?e.STROKE_WIDTH_MAP.xs:2:a,m=`0 0 ${c.props.width==null?24:Number(c.props.width)} ${c.props.height==null?24:Number(c.props.height)}`;return(0,t.cloneElement)(c,{...s,className:o?`signoz-icon ${o}`:`signoz-icon`,...!u&&{stroke:r,strokeWidth:p},...!u&&!l&&{viewBox:m},...u&&{style:{color:r,...s.style},viewBox:m},width:f,height:f})};r.displayName=`SvgActivity`;var i=r;module.exports=i;
+//# sourceMappingURL=Activity.cjs.map

package/dist/lib/icons/Activity.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Activity.cjs","names":[],"sources":["../../../lib/icons/Activity.tsx"],"sourcesContent":["import type React from 'react';\nimport { cloneElement } from 'react';\nimport type { IconSize } from '../icon-config.js';\nimport { ICON_SIZE_MAP, STROKE_WIDTH_MAP } from '../icon-config.js';\nexport interface IconProps extends React.SVGProps<SVGSVGElement> {\n size?: IconSize | number;\n strokeWidth?: number;\n className?: string;\n}\nconst SvgActivity = ({\n color = 'currentColor',\n size,\n strokeWidth,\n className,\n ...props\n}: IconProps): React.ReactElement => {\n const element = (\n  <svg width={16} height={16} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n   <g clipPath=\"url(#activity_svg__a)\">\n    <path\n     d=\"M14.666 8h-1.653a1.333 1.333 0 0 0-1.287.973l-1.566 5.574a.167.167 0 0 1-.26.086.167.167 0 0 1-.06-.086L6.16 1.453a.167.167 0 0 0-.32 0L4.273 7.027A1.333 1.333 0 0 1 2.993 8h-1.66\"\n     stroke=\"#2A2E37\"\n     strokeWidth={1.33}\n     strokeLinecap=\"round\"\n     strokeLinejoin=\"round\"\n    />\n   </g>\n   <defs>\n    <clipPath id=\"activity_svg__a\">\n     <path fill=\"#fff\" d=\"M0 0h16v16H0z\" />\n    </clipPath>\n   </defs>\n  </svg>\n );\n const hasViewBox = element.props.viewBox != null;\n const isCustomIcon = element.props['data-custom-icon'] === 'true';\n const defaultSize = isCustomIcon ? element.props.width : ICON_SIZE_MAP.xs;\n const resolvedSize =\n  size != null ? (typeof size === 'number' ? size : ICON_SIZE_MAP[size]) : defaultSize;\n const resolvedStrokeWidth =\n  strokeWidth != null\n   ? strokeWidth\n   : typeof size === 'string' && size in STROKE_WIDTH_MAP\n     ? STROKE_WIDTH_MAP[size]\n     : size == null\n       ? STROKE_WIDTH_MAP.xs\n       : 2;\n const w = element.props.width != null ? Number(element.props.width) : 24;\n const h = element.props.height != null ? Number(element.props.height) : 24;\n const viewBoxWhenMissing = `0 0 ${w} ${h}`;\n const elementProps = {\n  ...props,\n  className: className ? `signoz-icon ${className}` : 'signoz-icon',\n  ...(!isCustomIcon && {\n   stroke: color,\n   strokeWidth: resolvedStrokeWidth,\n  }),\n  ...(!isCustomIcon &&\n   !hasViewBox && {\n    viewBox: viewBoxWhenMissing,\n   }),\n  ...(isCustomIcon && {\n   style: {\n    color,\n    ...props.style,\n   },\n   viewBox: viewBoxWhenMissing,\n  }),\n  width: resolvedSize,\n  height: resolvedSize,\n };\n return cloneElement(element, elementProps);\n};\nSvgActivity.displayName = 'SvgActivity';\nexport default SvgActivity;\n"],"mappings":"4FASA,IAAM,GAAe,CACpB,QAAQ,eACR,OACA,cACA,YACA,GAAG,KACiC,CACpC,IAAM,GACL,EAAA,EAAA,MAAC,MAAA,CAAI,MAAO,GAAI,OAAQ,GAAI,KAAK,OAAO,MAAM,6BAA6B,GAAI,aAC9E,EAAA,EAAA,KAAC,IAAA,CAAE,SAAS,kCACX,EAAA,EAAA,KAAC,OAAA,CACA,EAAE,sLACF,OAAO,UACP,YAAa,KACb,cAAc,QACd,eAAe,SACd,EACC,EACJ,EAAA,EAAA,KAAC,OAAA,CAAA,UACA,EAAA,EAAA,KAAC,WAAA,CAAS,GAAG,4BACZ,EAAA,EAAA,KAAC,OAAA,CAAK,KAAK,OAAO,EAAE,iBAAkB,EAC5B,CAAA,CACL,CAAA,EACF,CAED,EAAa,EAAQ,MAAM,SAAW,KACtC,EAAe,EAAQ,MAAM,sBAAwB,OACrD,EAAc,EAAe,EAAQ,MAAM,MAAQ,EAAA,cAAc,GACjE,EACL,GAAQ,KAAiE,EAAzD,OAAO,GAAS,SAAW,EAAO,EAAA,cAAc,GAC3D,EACL,GAAe,KAEZ,OAAO,GAAS,UAAY,KAAQ,EAAA,iBAClC,EAAA,iBAAiB,GACjB,GAAQ,KACN,EAAA,iBAAiB,GACjB,EALJ,EAQE,EAAqB,OAFjB,EAAQ,MAAM,OAAS,KAAqC,GAA9B,OAAO,EAAQ,MAAM,MAAM,CAE/B,GAD1B,EAAQ,MAAM,QAAU,KAAsC,GAA/B,OAAO,EAAQ,MAAM,OAAO,GAuBrE,OAAA,EAAA,EAAA,cAAoB,EArBC,CACpB,GAAG,EACH,UAAW,EAAY,eAAe,IAAc,cACpD,GAAI,CAAC,GAAgB,CACpB,OAAQ,EACR,YAAa,EACb,CACD,GAAI,CAAC,GACJ,CAAC,GAAc,CACd,QAAS,EACT,CACF,GAAI,GAAgB,CACnB,MAAO,CACN,QACA,GAAG,EAAM,MACT,CACD,QAAS,EACT,CACD,MAAO,EACP,OAAQ,EACR,CACyC,EAE3C,EAAY,YAAc,cAC1B,IAAA,EAAe"}

package/dist/lib/icons/Activity.js

@@ -0,0 +1,51 @@
+import { ICON_SIZE_MAP, STROKE_WIDTH_MAP } from "../icon-config.js";
+import { cloneElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SvgActivity = ({ color: a = "currentColor", size: o, strokeWidth: s, className: c, ...l }) => {
+	let u = /* @__PURE__ */ jsxs("svg", {
+		width: 16,
+		height: 16,
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...l,
+		children: [/* @__PURE__ */ jsx("g", {
+			clipPath: "url(#activity_svg__a)",
+			children: /* @__PURE__ */ jsx("path", {
+				d: "M14.666 8h-1.653a1.333 1.333 0 0 0-1.287.973l-1.566 5.574a.167.167 0 0 1-.26.086.167.167 0 0 1-.06-.086L6.16 1.453a.167.167 0 0 0-.32 0L4.273 7.027A1.333 1.333 0 0 1 2.993 8h-1.66",
+				stroke: "#2A2E37",
+				strokeWidth: 1.33,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		}), /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
+			id: "activity_svg__a",
+			children: /* @__PURE__ */ jsx("path", {
+				fill: "#fff",
+				d: "M0 0h16v16H0z"
+			})
+		}) })]
+	}), d = u.props.viewBox != null, f = u.props["data-custom-icon"] === "true", p = f ? u.props.width : ICON_SIZE_MAP.xs, m = o == null ? p : typeof o == "number" ? o : ICON_SIZE_MAP[o], h = s == null ? typeof o == "string" && o in STROKE_WIDTH_MAP ? STROKE_WIDTH_MAP[o] : o == null ? STROKE_WIDTH_MAP.xs : 2 : s, g = `0 0 ${u.props.width == null ? 24 : Number(u.props.width)} ${u.props.height == null ? 24 : Number(u.props.height)}`;
+	return cloneElement(u, {
+		...l,
+		className: c ? `signoz-icon ${c}` : "signoz-icon",
+		...!f && {
+			stroke: a,
+			strokeWidth: h
+		},
+		...!f && !d && { viewBox: g },
+		...f && {
+			style: {
+				color: a,
+				...l.style
+			},
+			viewBox: g
+		},
+		width: m,
+		height: m
+	});
+};
+SvgActivity.displayName = "SvgActivity";
+var Activity_default = SvgActivity;
+export { Activity_default as default };
+
+//# sourceMappingURL=Activity.js.map

package/dist/lib/icons/Activity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Activity.js","names":[],"sources":["../../../lib/icons/Activity.tsx"],"sourcesContent":["import type React from 'react';\nimport { cloneElement } from 'react';\nimport type { IconSize } from '../icon-config.js';\nimport { ICON_SIZE_MAP, STROKE_WIDTH_MAP } from '../icon-config.js';\nexport interface IconProps extends React.SVGProps<SVGSVGElement> {\n size?: IconSize | number;\n strokeWidth?: number;\n className?: string;\n}\nconst SvgActivity = ({\n color = 'currentColor',\n size,\n strokeWidth,\n className,\n ...props\n}: IconProps): React.ReactElement => {\n const element = (\n  <svg width={16} height={16} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n   <g clipPath=\"url(#activity_svg__a)\">\n    <path\n     d=\"M14.666 8h-1.653a1.333 1.333 0 0 0-1.287.973l-1.566 5.574a.167.167 0 0 1-.26.086.167.167 0 0 1-.06-.086L6.16 1.453a.167.167 0 0 0-.32 0L4.273 7.027A1.333 1.333 0 0 1 2.993 8h-1.66\"\n     stroke=\"#2A2E37\"\n     strokeWidth={1.33}\n     strokeLinecap=\"round\"\n     strokeLinejoin=\"round\"\n    />\n   </g>\n   <defs>\n    <clipPath id=\"activity_svg__a\">\n     <path fill=\"#fff\" d=\"M0 0h16v16H0z\" />\n    </clipPath>\n   </defs>\n  </svg>\n );\n const hasViewBox = element.props.viewBox != null;\n const isCustomIcon = element.props['data-custom-icon'] === 'true';\n const defaultSize = isCustomIcon ? element.props.width : ICON_SIZE_MAP.xs;\n const resolvedSize =\n  size != null ? (typeof size === 'number' ? size : ICON_SIZE_MAP[size]) : defaultSize;\n const resolvedStrokeWidth =\n  strokeWidth != null\n   ? strokeWidth\n   : typeof size === 'string' && size in STROKE_WIDTH_MAP\n     ? STROKE_WIDTH_MAP[size]\n     : size == null\n       ? STROKE_WIDTH_MAP.xs\n       : 2;\n const w = element.props.width != null ? Number(element.props.width) : 24;\n const h = element.props.height != null ? Number(element.props.height) : 24;\n const viewBoxWhenMissing = `0 0 ${w} ${h}`;\n const elementProps = {\n  ...props,\n  className: className ? `signoz-icon ${className}` : 'signoz-icon',\n  ...(!isCustomIcon && {\n   stroke: color,\n   strokeWidth: resolvedStrokeWidth,\n  }),\n  ...(!isCustomIcon &&\n   !hasViewBox && {\n    viewBox: viewBoxWhenMissing,\n   }),\n  ...(isCustomIcon && {\n   style: {\n    color,\n    ...props.style,\n   },\n   viewBox: viewBoxWhenMissing,\n  }),\n  width: resolvedSize,\n  height: resolvedSize,\n };\n return cloneElement(element, elementProps);\n};\nSvgActivity.displayName = 'SvgActivity';\nexport default SvgActivity;\n"],"mappings":";;;AASA,IAAM,eAAe,EACpB,WAAQ,gBACR,SACA,gBACA,cACA,GAAG,QACiC;CACpC,IAAM,IACL,qBAAC,OAAA;EAAI,OAAO;EAAI,QAAQ;EAAI,MAAK;EAAO,OAAM;EAA6B,GAAI;aAC9E,oBAAC,KAAA;GAAE,UAAS;aACX,oBAAC,QAAA;IACA,GAAE;IACF,QAAO;IACP,aAAa;IACb,eAAc;IACd,gBAAe;KACd;IACC,EACJ,oBAAC,QAAA,EAAA,UACA,oBAAC,YAAA;GAAS,IAAG;aACZ,oBAAC,QAAA;IAAK,MAAK;IAAO,GAAE;KAAkB;IAC5B,EAAA,CACL,CAAA;GACF,EAED,IAAa,EAAQ,MAAM,WAAW,MACtC,IAAe,EAAQ,MAAM,wBAAwB,QACrD,IAAc,IAAe,EAAQ,MAAM,QAAQ,cAAc,IACjE,IACL,KAAQ,OAAiE,IAAzD,OAAO,KAAS,WAAW,IAAO,cAAc,IAC3D,IACL,KAAe,OAEZ,OAAO,KAAS,YAAY,KAAQ,mBAClC,iBAAiB,KACjB,KAAQ,OACN,iBAAiB,KACjB,IALJ,GAQE,IAAqB,OAFjB,EAAQ,MAAM,SAAS,OAAqC,KAA9B,OAAO,EAAQ,MAAM,MAAM,CAE/B,GAD1B,EAAQ,MAAM,UAAU,OAAsC,KAA/B,OAAO,EAAQ,MAAM,OAAO;AAuBrE,QAAO,aAAa,GArBC;EACpB,GAAG;EACH,WAAW,IAAY,eAAe,MAAc;EACpD,GAAI,CAAC,KAAgB;GACpB,QAAQ;GACR,aAAa;GACb;EACD,GAAI,CAAC,KACJ,CAAC,KAAc,EACd,SAAS,GACT;EACF,GAAI,KAAgB;GACnB,OAAO;IACN;IACA,GAAG,EAAM;IACT;GACD,SAAS;GACT;EACD,OAAO;EACP,QAAQ;EACR,CACyC;;AAE3C,YAAY,cAAc;AAC1B,IAAA,mBAAe"}

package/dist/lib/icons/AddToView.cjs

@@ -0,0 +1,2 @@
+const e=require(`../icon-config.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=({color:r=`currentColor`,size:i,strokeWidth:a,className:o,...s})=>{let c=(0,n.jsxs)(`svg`,{width:16,height:16,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...s,children:[(0,n.jsx)(`path`,{d:`M3.667 6.667 2.667 4h10.667l-1.2 4.18h.006a.666.666 0 0 1-.64.487H8.334M10 10.333V8.667M6 4v2.667M10 4v4.667M8 4V1.333M8.666 1.333H7.333M10 12.667 11.333 14 10 15.333`,stroke:`#fff`,strokeWidth:1.333,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,n.jsx)(`path`,{d:`M6 9v3.667A1.333 1.333 0 0 0 7.333 14h4`,stroke:`#fff`,strokeWidth:1.333,strokeLinecap:`round`,strokeLinejoin:`round`})]}),l=c.props.viewBox!=null,u=c.props[`data-custom-icon`]===`true`,d=u?c.props.width:e.ICON_SIZE_MAP.xs,f=i==null?d:typeof i==`number`?i:e.ICON_SIZE_MAP[i],p=a==null?typeof i==`string`&&i in e.STROKE_WIDTH_MAP?e.STROKE_WIDTH_MAP[i]:i==null?e.STROKE_WIDTH_MAP.xs:2:a,m=`0 0 ${c.props.width==null?24:Number(c.props.width)} ${c.props.height==null?24:Number(c.props.height)}`;return(0,t.cloneElement)(c,{...s,className:o?`signoz-icon ${o}`:`signoz-icon`,...!u&&{stroke:r,strokeWidth:p},...!u&&!l&&{viewBox:m},...u&&{style:{color:r,...s.style},viewBox:m},width:f,height:f})};r.displayName=`SvgAddToView`;var i=r;module.exports=i;
+//# sourceMappingURL=AddToView.cjs.map

package/dist/lib/icons/AddToView.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddToView.cjs","names":[],"sources":["../../../lib/icons/AddToView.tsx"],"sourcesContent":["import type React from 'react';\nimport { cloneElement } from 'react';\nimport type { IconSize } from '../icon-config.js';\nimport { ICON_SIZE_MAP, STROKE_WIDTH_MAP } from '../icon-config.js';\nexport interface IconProps extends React.SVGProps<SVGSVGElement> {\n size?: IconSize | number;\n strokeWidth?: number;\n className?: string;\n}\nconst SvgAddToView = ({\n color = 'currentColor',\n size,\n strokeWidth,\n className,\n ...props\n}: IconProps): React.ReactElement => {\n const element = (\n  <svg width={16} height={16} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n   <path\n    d=\"M3.667 6.667 2.667 4h10.667l-1.2 4.18h.006a.666.666 0 0 1-.64.487H8.334M10 10.333V8.667M6 4v2.667M10 4v4.667M8 4V1.333M8.666 1.333H7.333M10 12.667 11.333 14 10 15.333\"\n    stroke=\"#fff\"\n    strokeWidth={1.333}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n   />\n   <path\n    d=\"M6 9v3.667A1.333 1.333 0 0 0 7.333 14h4\"\n    stroke=\"#fff\"\n    strokeWidth={1.333}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n   />\n  </svg>\n );\n const hasViewBox = element.props.viewBox != null;\n const isCustomIcon = element.props['data-custom-icon'] === 'true';\n const defaultSize = isCustomIcon ? element.props.width : ICON_SIZE_MAP.xs;\n const resolvedSize =\n  size != null ? (typeof size === 'number' ? size : ICON_SIZE_MAP[size]) : defaultSize;\n const resolvedStrokeWidth =\n  strokeWidth != null\n   ? strokeWidth\n   : typeof size === 'string' && size in STROKE_WIDTH_MAP\n     ? STROKE_WIDTH_MAP[size]\n     : size == null\n       ? STROKE_WIDTH_MAP.xs\n       : 2;\n const w = element.props.width != null ? Number(element.props.width) : 24;\n const h = element.props.height != null ? Number(element.props.height) : 24;\n const viewBoxWhenMissing = `0 0 ${w} ${h}`;\n const elementProps = {\n  ...props,\n  className: className ? `signoz-icon ${className}` : 'signoz-icon',\n  ...(!isCustomIcon && {\n   stroke: color,\n   strokeWidth: resolvedStrokeWidth,\n  }),\n  ...(!isCustomIcon &&\n   !hasViewBox && {\n    viewBox: viewBoxWhenMissing,\n   }),\n  ...(isCustomIcon && {\n   style: {\n    color,\n    ...props.style,\n   },\n   viewBox: viewBoxWhenMissing,\n  }),\n  width: resolvedSize,\n  height: resolvedSize,\n };\n return cloneElement(element, elementProps);\n};\nSvgAddToView.displayName = 'SvgAddToView';\nexport default SvgAddToView;\n"],"mappings":"4FASA,IAAM,GAAgB,CACrB,QAAQ,eACR,OACA,cACA,YACA,GAAG,KACiC,CACpC,IAAM,GACL,EAAA,EAAA,MAAC,MAAA,CAAI,MAAO,GAAI,OAAQ,GAAI,KAAK,OAAO,MAAM,6BAA6B,GAAI,aAC9E,EAAA,EAAA,KAAC,OAAA,CACA,EAAE,yKACF,OAAO,OACP,YAAa,MACb,cAAc,QACd,eAAe,SACd,EACF,EAAA,EAAA,KAAC,OAAA,CACA,EAAE,0CACF,OAAO,OACP,YAAa,MACb,cAAc,QACd,eAAe,SACd,CAAA,EACG,CAED,EAAa,EAAQ,MAAM,SAAW,KACtC,EAAe,EAAQ,MAAM,sBAAwB,OACrD,EAAc,EAAe,EAAQ,MAAM,MAAQ,EAAA,cAAc,GACjE,EACL,GAAQ,KAAiE,EAAzD,OAAO,GAAS,SAAW,EAAO,EAAA,cAAc,GAC3D,EACL,GAAe,KAEZ,OAAO,GAAS,UAAY,KAAQ,EAAA,iBAClC,EAAA,iBAAiB,GACjB,GAAQ,KACN,EAAA,iBAAiB,GACjB,EALJ,EAQE,EAAqB,OAFjB,EAAQ,MAAM,OAAS,KAAqC,GAA9B,OAAO,EAAQ,MAAM,MAAM,CAE/B,GAD1B,EAAQ,MAAM,QAAU,KAAsC,GAA/B,OAAO,EAAQ,MAAM,OAAO,GAuBrE,OAAA,EAAA,EAAA,cAAoB,EArBC,CACpB,GAAG,EACH,UAAW,EAAY,eAAe,IAAc,cACpD,GAAI,CAAC,GAAgB,CACpB,OAAQ,EACR,YAAa,EACb,CACD,GAAI,CAAC,GACJ,CAAC,GAAc,CACd,QAAS,EACT,CACF,GAAI,GAAgB,CACnB,MAAO,CACN,QACA,GAAG,EAAM,MACT,CACD,QAAS,EACT,CACD,MAAO,EACP,OAAQ,EACR,CACyC,EAE3C,EAAa,YAAc,eAC3B,IAAA,EAAe"}

package/dist/lib/icons/AddToView.js

@@ -0,0 +1,48 @@
+import { ICON_SIZE_MAP, STROKE_WIDTH_MAP } from "../icon-config.js";
+import { cloneElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SvgAddToView = ({ color: a = "currentColor", size: o, strokeWidth: s, className: c, ...l }) => {
+	let u = /* @__PURE__ */ jsxs("svg", {
+		width: 16,
+		height: 16,
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...l,
+		children: [/* @__PURE__ */ jsx("path", {
+			d: "M3.667 6.667 2.667 4h10.667l-1.2 4.18h.006a.666.666 0 0 1-.64.487H8.334M10 10.333V8.667M6 4v2.667M10 4v4.667M8 4V1.333M8.666 1.333H7.333M10 12.667 11.333 14 10 15.333",
+			stroke: "#fff",
+			strokeWidth: 1.333,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}), /* @__PURE__ */ jsx("path", {
+			d: "M6 9v3.667A1.333 1.333 0 0 0 7.333 14h4",
+			stroke: "#fff",
+			strokeWidth: 1.333,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})]
+	}), d = u.props.viewBox != null, f = u.props["data-custom-icon"] === "true", p = f ? u.props.width : ICON_SIZE_MAP.xs, m = o == null ? p : typeof o == "number" ? o : ICON_SIZE_MAP[o], h = s == null ? typeof o == "string" && o in STROKE_WIDTH_MAP ? STROKE_WIDTH_MAP[o] : o == null ? STROKE_WIDTH_MAP.xs : 2 : s, g = `0 0 ${u.props.width == null ? 24 : Number(u.props.width)} ${u.props.height == null ? 24 : Number(u.props.height)}`;
+	return cloneElement(u, {
+		...l,
+		className: c ? `signoz-icon ${c}` : "signoz-icon",
+		...!f && {
+			stroke: a,
+			strokeWidth: h
+		},
+		...!f && !d && { viewBox: g },
+		...f && {
+			style: {
+				color: a,
+				...l.style
+			},
+			viewBox: g
+		},
+		width: m,
+		height: m
+	});
+};
+SvgAddToView.displayName = "SvgAddToView";
+var AddToView_default = SvgAddToView;
+export { AddToView_default as default };
+
+//# sourceMappingURL=AddToView.js.map