@primitiv-ui/icons 0.1.38 → 0.1.39

package/dist/icons/Settings.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+import type { IconProps } from '../types.js';
+/**
+ * The Settings icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Settings size={20} aria-label="Settings" />
+ * ```
+ */
+export declare const Settings: (props: IconProps) => ReactElement;

package/dist/icons/Settings.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconBase } from '../IconBase.js';
+/**
+ * The Settings icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Settings size={20} aria-label="Settings" />
+ * ```
+ */
+export const Settings = (props) => (_jsxs(IconBase, { ...props, children: [_jsx("path", { d: "M14.25 12a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0m1.5 0a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0" }), _jsx("path", { d: "m13.335 3.993 2-.999 1.129 2.256h2.286v2.286l2.256 1.129-1 2L22.676 12l-2.67 1.335 1 2-2.256 1.128v2.287h-2.286l-1.129 2.256-2-1L12 22.676l-1.336-2.67-1.999 1-1.129-2.256H5.25v-2.287l-2.256-1.128 1-2L1.323 12l2.67-1.336-1-1.999L5.25 7.536V5.25h2.286l1.129-2.256 2 1L12 1.323zm-2 2.013-2-1-.871 1.744H6.75v1.714l-1.744.871 1 2-1.33.665 1.33.665-1 2 1.329.664.415.207v1.714h1.714l.871 1.743 2-.999.665 1.33.665-1.33 2 1 .664-1.329.207-.415h1.714v-1.714l.415-.207 1.328-.665-.999-1.999 1.33-.665-1.33-.665 1-2-1.744-.871V6.75h-1.714l-.207-.415-.665-1.33-1.999 1L12 4.678z" })] }));

package/dist/icons/Share.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+import type { IconProps } from '../types.js';
+/**
+ * The Share icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Share size={20} aria-label="Share" />
+ * ```
+ */
+export declare const Share: (props: IconProps) => ReactElement;

package/dist/icons/Share.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconBase } from '../IconBase.js';
+/**
+ * The Share icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Share size={20} aria-label="Share" />
+ * ```
+ */
+export const Share = (props) => (_jsxs(IconBase, { ...props, children: [_jsx("path", { d: "M8.25 12a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0m1.5 0a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0m10.5-6a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0m1.5 0a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0m-1.5 12a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0m1.5 0a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0" }), _jsx("path", { d: "m15.91 7.335-7.414 4.17-.596-1.34 7.414-4.17zm0 9.33-.596 1.34-7.414-4.17.596-1.34z" })] }));

package/dist/icons/Sort.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+import type { IconProps } from '../types.js';
+/**
+ * The Sort icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Sort size={20} aria-label="Sort" />
+ * ```
+ */
+export declare const Sort: (props: IconProps) => ReactElement;

package/dist/icons/Sort.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconBase } from '../IconBase.js';
+/**
+ * The Sort icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Sort size={20} aria-label="Sort" />
+ * ```
+ */
+export const Sort = (props) => (_jsxs(IconBase, { ...props, children: [_jsx("path", { d: "M5.25 4.25h1.5v16.5h-1.5z" }), _jsx("path", { d: "M10.06 7 9 8.06l-3-3-3 3L1.94 7 6 2.94zm7.19-3.75h1.5v16.5h-1.5z" }), _jsx("path", { d: "M22.06 17 18 21.06 13.94 17 15 15.94l3 3 3-3z" })] }));

package/dist/icons/Success.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+import type { IconProps } from '../types.js';
+/**
+ * The Success icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Success size={20} aria-label="Success" />
+ * ```
+ */
+export declare const Success: (props: IconProps) => ReactElement;

package/dist/icons/Success.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconBase } from '../IconBase.js';
+/**
+ * The Success icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Success size={20} aria-label="Success" />
+ * ```
+ */
+export const Success = (props) => (_jsxs(IconBase, { ...props, children: [_jsx("path", { d: "M20.25 12a8.25 8.25 0 1 0-16.5 0 8.25 8.25 0 0 0 16.5 0m1.5 0c0 5.385-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12 6.615 2.25 12 2.25s9.75 4.365 9.75 9.75" }), _jsx("path", { d: "m18.058 8.919-7.016 8.183L5.939 12 7 10.94l3.957 3.957 5.962-6.955z" })] }));

package/dist/icons/Sun.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+import type { IconProps } from '../types.js';
+/**
+ * The Sun icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Sun size={20} aria-label="Sun" />
+ * ```
+ */
+export declare const Sun: (props: IconProps) => ReactElement;

package/dist/icons/Sun.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconBase } from '../IconBase.js';
+/**
+ * The Sun icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Sun size={20} aria-label="Sun" />
+ * ```
+ */
+export const Sun = (props) => (_jsx(IconBase, { ...props, children: _jsx("path", { fillRule: "evenodd", d: "M12.75 21.5h-1.5v-3h1.5zm-4.82-4.37-2.12 2.12-1.06-1.06 2.12-2.12zm11.32 1.06-1.06 1.06-2.12-2.12 1.06-1.06zM12 7.5a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6m-6.5 3.75h-3v-1.5h3zm16 0h-3v-1.5h3zM7.93 6.87 6.87 7.93 4.75 5.81l1.06-1.06zm11.32-1.06-2.12 2.12-1.06-1.06 2.12-2.12zm-6.5-.31h-1.5v-3h1.5z", clipRule: "evenodd" }) }));

package/dist/icons/Underline.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+import type { IconProps } from '../types.js';
+/**
+ * The Underline icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Underline size={20} aria-label="Underline" />
+ * ```
+ */
+export declare const Underline: (props: IconProps) => ReactElement;

package/dist/icons/Underline.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconBase } from '../IconBase.js';
+/**
+ * The Underline icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Underline size={20} aria-label="Underline" />
+ * ```
+ */
+export const Underline = (props) => (_jsx(IconBase, { ...props, children: _jsx("path", { d: "M18.5 21.25h-13v-1.5h13zM7.75 11.5c0 2.615 1.893 4.5 4.25 4.5s4.25-1.885 4.25-4.5v-8h1.5v8c0 3.385-2.507 6-5.75 6s-5.75-2.615-5.75-6v-8h1.5z" }) }));

package/dist/icons/Upload.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+import type { IconProps } from '../types.js';
+/**
+ * The Upload icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Upload size={20} aria-label="Upload" />
+ * ```
+ */
+export declare const Upload: (props: IconProps) => ReactElement;

package/dist/icons/Upload.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconBase } from '../IconBase.js';
+/**
+ * The Upload icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Upload size={20} aria-label="Upload" />
+ * ```
+ */
+export const Upload = (props) => (_jsxs(IconBase, { ...props, children: [_jsx("path", { d: "M12.5 17.81H11v-13h1.5z" }), _jsx("path", { d: "M4.69 10.06 11.75 3l7.06 7.06-1.06 1.061-6-6-6 6zM20.5 19v1.5H3V19z" })] }));

package/dist/icons/User.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+import type { IconProps } from '../types.js';
+/**
+ * The User icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <User size={20} aria-label="User" />
+ * ```
+ */
+export declare const User: (props: IconProps) => ReactElement;

package/dist/icons/User.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconBase } from '../IconBase.js';
+/**
+ * The User icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <User size={20} aria-label="User" />
+ * ```
+ */
+export const User = (props) => (_jsxs(IconBase, { ...props, children: [_jsx("path", { d: "M15.25 8a3.25 3.25 0 1 0-6.5 0 3.25 3.25 0 0 0 6.5 0m1.5 0a4.75 4.75 0 1 1-9.5 0 4.75 4.75 0 0 1 9.5 0" }), _jsx("path", { d: "M19.25 21c0-4.526-3.601-7.25-7.25-7.25S4.75 16.474 4.75 21v.75h-1.5V21c0-5.474 4.399-8.75 8.75-8.75s8.75 3.276 8.75 8.75v.75h-1.5z" })] }));

package/dist/icons/Warning.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+import type { IconProps } from '../types.js';
+/**
+ * The Warning icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Warning size={20} aria-label="Warning" />
+ * ```
+ */
+export declare const Warning: (props: IconProps) => ReactElement;

package/dist/icons/Warning.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconBase } from '../IconBase.js';
+/**
+ * The Warning icon.
+ *
+ * A fill-based SVG that inherits `currentColor` and scales via the
+ * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
+ *
+ * @example
+ * ```tsx
+ * <Warning size={20} aria-label="Warning" />
+ * ```
+ */
+export const Warning = (props) => (_jsxs(IconBase, { ...props, children: [_jsx("path", { d: "M23.311 20.75H.688L12 1.52zm-20-1.5H20.69L12 4.479z" }), _jsx("path", { d: "M11.25 8.25h1.5v6.5h-1.5zm0 7.5h1.5v2.5h-1.5z" })] }));

package/dist/icons/index.d.ts

@@ -0,0 +1,49 @@
+export { ArrowLeft } from './ArrowLeft.js';
+export { ArrowRight } from './ArrowRight.js';
+export { Bell } from './Bell.js';
+export { Bold } from './Bold.js';
+export { Calendar } from './Calendar.js';
+export { Check } from './Check.js';
+export { ChevronDown } from './ChevronDown.js';
+export { ChevronLeft } from './ChevronLeft.js';
+export { ChevronRight } from './ChevronRight.js';
+export { ChevronUp } from './ChevronUp.js';
+export { Close } from './Close.js';
+export { Copy } from './Copy.js';
+export { Delete } from './Delete.js';
+export { Download } from './Download.js';
+export { Edit } from './Edit.js';
+export { Error } from './Error.js';
+export { ExternalLink } from './ExternalLink.js';
+export { EyeOff } from './EyeOff.js';
+export { Eye } from './Eye.js';
+export { Eyedropper } from './Eyedropper.js';
+export { File } from './File.js';
+export { Filter } from './Filter.js';
+export { Folder } from './Folder.js';
+export { GridIcon } from './GridIcon.js';
+export { Home } from './Home.js';
+export { Image } from './Image.js';
+export { Info } from './Info.js';
+export { Italic } from './Italic.js';
+export { Link } from './Link.js';
+export { List } from './List.js';
+export { Mail } from './Mail.js';
+export { Maximize } from './Maximize.js';
+export { Menu } from './Menu.js';
+export { Minimize } from './Minimize.js';
+export { Minus } from './Minus.js';
+export { Moon } from './Moon.js';
+export { Pause } from './Pause.js';
+export { Play } from './Play.js';
+export { Plus } from './Plus.js';
+export { Search } from './Search.js';
+export { Settings } from './Settings.js';
+export { Share } from './Share.js';
+export { Sort } from './Sort.js';
+export { Success } from './Success.js';
+export { Sun } from './Sun.js';
+export { Underline } from './Underline.js';
+export { Upload } from './Upload.js';
+export { User } from './User.js';
+export { Warning } from './Warning.js';

package/dist/icons/index.js

@@ -0,0 +1,49 @@
+export { ArrowLeft } from './ArrowLeft.js';
+export { ArrowRight } from './ArrowRight.js';
+export { Bell } from './Bell.js';
+export { Bold } from './Bold.js';
+export { Calendar } from './Calendar.js';
+export { Check } from './Check.js';
+export { ChevronDown } from './ChevronDown.js';
+export { ChevronLeft } from './ChevronLeft.js';
+export { ChevronRight } from './ChevronRight.js';
+export { ChevronUp } from './ChevronUp.js';
+export { Close } from './Close.js';
+export { Copy } from './Copy.js';
+export { Delete } from './Delete.js';
+export { Download } from './Download.js';
+export { Edit } from './Edit.js';
+export { Error } from './Error.js';
+export { ExternalLink } from './ExternalLink.js';
+export { EyeOff } from './EyeOff.js';
+export { Eye } from './Eye.js';
+export { Eyedropper } from './Eyedropper.js';
+export { File } from './File.js';
+export { Filter } from './Filter.js';
+export { Folder } from './Folder.js';
+export { GridIcon } from './GridIcon.js';
+export { Home } from './Home.js';
+export { Image } from './Image.js';
+export { Info } from './Info.js';
+export { Italic } from './Italic.js';
+export { Link } from './Link.js';
+export { List } from './List.js';
+export { Mail } from './Mail.js';
+export { Maximize } from './Maximize.js';
+export { Menu } from './Menu.js';
+export { Minimize } from './Minimize.js';
+export { Minus } from './Minus.js';
+export { Moon } from './Moon.js';
+export { Pause } from './Pause.js';
+export { Play } from './Play.js';
+export { Plus } from './Plus.js';
+export { Search } from './Search.js';
+export { Settings } from './Settings.js';
+export { Share } from './Share.js';
+export { Sort } from './Sort.js';
+export { Success } from './Success.js';
+export { Sun } from './Sun.js';
+export { Underline } from './Underline.js';
+export { Upload } from './Upload.js';
+export { User } from './User.js';
+export { Warning } from './Warning.js';

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export type { IconProps } from './types.js';
+export { IconBase } from './IconBase.js';
+export * from './icons/index.js';

package/dist/index.js

@@ -0,0 +1,2 @@
+export { IconBase } from './IconBase.js';
+export * from './icons/index.js';

package/{src/types.ts → dist/types.d.ts}

@@ -1,14 +1,13 @@
-import type { SVGProps } from 'react'
-
+import type { SVGProps } from 'react';
 /**
  * Props accepted by every Primitiv icon. Extends all native `<svg>`
  * attributes, so `className`, `style`, `onClick`, `aria-*`, etc. pass
  * straight through to the rendered element.
  */
 export interface IconProps extends SVGProps<SVGSVGElement> {
-  /**
-   * Width and height of the icon, in pixels (number) or any CSS length
-   * (string). Defaults to `24`.
-   */
-  size?: number | string
+    /**
+     * Width and height of the icon, in pixels (number) or any CSS length
+     * (string). Defaults to `24`.
+     */
+    size?: number | string;
 }

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@primitiv-ui/icons",
-  "version": "0.1.38",
+  "version": "0.1.39",
   "description": "Fill-based SVG icon library for the Primitiv ecosystem. Icons inherit currentColor, scale via a size prop, accept all native SVG attributes, and tree-shake cleanly.",
   "type": "module",
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./src/index.ts",
-      "default": "./src/index.ts"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     }
   },
   "sideEffects": false,
   "files": [
-    "src"
+    "dist"
   ],
   "repository": {
     "type": "git",
@@ -42,6 +42,7 @@
     "access": "public"
   },
   "scripts": {
+    "build": "rm -rf dist && tsc -p tsconfig.build.json && node ../../scripts/finalize-dist.mjs dist",
     "generate": "tsx scripts/generate.ts",
     "qa": "pnpm qa:units",
     "qa:units": "vitest run --coverage",

package/src/IconBase.test.tsx

@@ -1,81 +0,0 @@
-import { render, screen } from '@testing-library/react'
-import { createRef } from 'react'
-import { describe, expect, it } from 'vitest'
-import { IconBase } from './IconBase'
-
-describe('IconBase defaults', () => {
-  it('renders an svg element', () => {
-    render(<IconBase data-testid="icon" />)
-    expect(screen.getByTestId('icon').tagName).toBe('svg')
-  })
-
-  it('defaults width and height to 24', () => {
-    render(<IconBase data-testid="icon" />)
-    const svg = screen.getByTestId('icon')
-    expect(svg).toHaveAttribute('width', '24')
-    expect(svg).toHaveAttribute('height', '24')
-  })
-
-  it('has viewBox of 0 0 24 24', () => {
-    render(<IconBase data-testid="icon" />)
-    expect(screen.getByTestId('icon')).toHaveAttribute('viewBox', '0 0 24 24')
-  })
-
-  it('has fill set to currentColor', () => {
-    render(<IconBase data-testid="icon" />)
-    expect(screen.getByTestId('icon')).toHaveAttribute('fill', 'currentColor')
-  })
-
-  it('is aria-hidden by default', () => {
-    render(<IconBase data-testid="icon" />)
-    expect(screen.getByTestId('icon')).toHaveAttribute('aria-hidden', 'true')
-  })
-})
-
-describe('IconBase props', () => {
-  it('applies a numeric size to width and height', () => {
-    render(<IconBase data-testid="icon" size={16} />)
-    const svg = screen.getByTestId('icon')
-    expect(svg).toHaveAttribute('width', '16')
-    expect(svg).toHaveAttribute('height', '16')
-  })
-
-  it('applies a string size to width and height', () => {
-    render(<IconBase data-testid="icon" size="1rem" />)
-    const svg = screen.getByTestId('icon')
-    expect(svg).toHaveAttribute('width', '1rem')
-    expect(svg).toHaveAttribute('height', '1rem')
-  })
-
-  it('applies className to the svg element', () => {
-    render(<IconBase data-testid="icon" className="my-class" />)
-    expect(screen.getByTestId('icon')).toHaveClass('my-class')
-  })
-
-  it('allows overriding fill', () => {
-    render(<IconBase data-testid="icon" fill="red" />)
-    expect(screen.getByTestId('icon')).toHaveAttribute('fill', 'red')
-  })
-
-  it('removes aria-hidden when aria-label is provided', () => {
-    render(<IconBase data-testid="icon" aria-label="Search" />)
-    expect(screen.getByTestId('icon')).not.toHaveAttribute('aria-hidden')
-  })
-
-  it('renders children inside the svg', () => {
-    render(
-      <IconBase data-testid="icon">
-        <path data-testid="path" d="M0 0" />
-      </IconBase>
-    )
-    expect(screen.getByTestId('path')).toBeInTheDocument()
-  })
-})
-
-describe('IconBase ref', () => {
-  it('forwards ref to the underlying svg element', () => {
-    const ref = createRef<SVGSVGElement>()
-    render(<IconBase ref={ref} data-testid="icon" />)
-    expect(ref.current).toBe(screen.getByTestId('icon'))
-  })
-})

package/src/IconBase.tsx

@@ -1,33 +0,0 @@
-import type { Ref, ReactElement } from 'react'
-import type { IconProps } from './types.ts'
-
-interface IconBaseProps extends IconProps {
-  ref?: Ref<SVGSVGElement>
-}
-
-/**
- * The shared SVG wrapper every Primitiv icon renders through. Sets up the
- * `viewBox`, `currentColor` fill, and `size`-driven width/height, forwards
- * a ref to the `<svg>`, and marks the icon `aria-hidden` unless an
- * `aria-label` is provided. Generated icon components pass their paths as
- * `children`; you rarely render this directly.
- */
-export const IconBase = ({
-  size = 24,
-  ref,
-  children,
-  ...props
-}: IconBaseProps): ReactElement => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={size}
-    height={size}
-    viewBox="0 0 24 24"
-    fill="currentColor"
-    aria-hidden={props['aria-label'] === undefined ? true : undefined}
-    ref={ref}
-    {...props}
-  >
-    {children}
-  </svg>
-)

package/src/icons/ArrowLeft.tsx

@@ -1,20 +0,0 @@
-import type { ReactElement } from 'react'
-import type { IconProps } from '../types.ts'
-import { IconBase } from '../IconBase.tsx'
-
-/**
- * The ArrowLeft icon.
- *
- * A fill-based SVG that inherits `currentColor` and scales via the
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
- *
- * @example
- * ```tsx
- * <ArrowLeft size={20} aria-label="ArrowLeft" />
- * ```
- */
-export const ArrowLeft = (props: IconProps): ReactElement => (
-  <IconBase {...props}>
-    <path d="M20.75 11.25v1.5H3.908v-1.5z"/><path d="m12.06 5-7 7 7 7L11 20.06 2.94 12 11 3.94z"/>
-  </IconBase>
-)

package/src/icons/ArrowRight.tsx

@@ -1,20 +0,0 @@
-import type { ReactElement } from 'react'
-import type { IconProps } from '../types.ts'
-import { IconBase } from '../IconBase.tsx'
-
-/**
- * The ArrowRight icon.
- *
- * A fill-based SVG that inherits `currentColor` and scales via the
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
- *
- * @example
- * ```tsx
- * <ArrowRight size={20} aria-label="ArrowRight" />
- * ```
- */
-export const ArrowRight = (props: IconProps): ReactElement => (
-  <IconBase {...props}>
-    <path d="M19.75 11.25v1.5H3.25v-1.5z"/><path d="M21.06 12 13 20.06 11.94 19l7-7-7-7L13 3.94z"/>
-  </IconBase>
-)

package/src/icons/Bell.tsx

@@ -1,20 +0,0 @@
-import type { ReactElement } from 'react'
-import type { IconProps } from '../types.ts'
-import { IconBase } from '../IconBase.tsx'
-
-/**
- * The Bell icon.
- *
- * A fill-based SVG that inherits `currentColor` and scales via the
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
- *
- * @example
- * ```tsx
- * <Bell size={20} aria-label="Bell" />
- * ```
- */
-export const Bell = (props: IconProps): ReactElement => (
-  <IconBase {...props}>
-    <path d="M17.25 11c0-3.662-2.737-6.25-5.25-6.25S6.75 7.338 6.75 11v5.31l-.94.94h12.38l-.94-.94zm1.5 4.69 3.06 3.06H2.19l3.06-3.06V11c0-4.338 3.263-7.75 6.75-7.75s6.75 3.412 6.75 7.75zm-4 4.56v1.5h-5.5v-1.5z"/>
-  </IconBase>
-)

package/src/icons/Bold.tsx

@@ -1,20 +0,0 @@
-import type { ReactElement } from 'react'
-import type { IconProps } from '../types.ts'
-import { IconBase } from '../IconBase.tsx'
-
-/**
- * The Bold icon.
- *
- * A fill-based SVG that inherits `currentColor` and scales via the
- * `size` prop. Accepts all native `<svg>` attributes (see {@link IconProps}).
- *
- * @example
- * ```tsx
- * <Bold size={20} aria-label="Bold" />
- * ```
- */
-export const Bold = (props: IconProps): ReactElement => (
-  <IconBase {...props}>
-    <path fillRule="evenodd" d="M12.5 2.875c1.667 0 3.132.49 4.198 1.411 1.077.93 1.677 2.243 1.677 3.714 0 1.399-.544 2.634-1.528 3.531q.57.297 1.047.701A4.89 4.89 0 0 1 19.625 16c0 1.483-.623 2.803-1.746 3.73-1.108.915-2.63 1.395-4.379 1.395H5.375V2.875zm-4.875 16H13.5c1.35 0 2.329-.37 2.946-.88.602-.497.929-1.179.929-1.995 0-.821-.332-1.533-.943-2.057-.622-.531-1.597-.918-2.932-.918H7.625zm0-8.1H12.5c1.25 0 2.163-.344 2.742-.827.562-.468.883-1.123.883-1.948 0-.83-.325-1.516-.898-2.01-.583-.505-1.494-.865-2.727-.865H7.625z" clipRule="evenodd"/>
-  </IconBase>
-)