@vinyasa/icons 1.0.18

package/README.md

@@ -0,0 +1,66 @@
+# @vinyasa/icons
+
+A curated set of icon components built on [`lucide-react`](https://lucide.dev/), each sized at `1em` by default so it scales automatically with the surrounding font size (e.g. dropped straight into `@vinyasa/button`'s `leadingIcon`/`trailingIcon` slots).
+
+## Installation
+
+```bash
+pnpm add @vinyasa/icons react react-dom
+```
+
+No dependency on `@vinyasa/tokens` — icons are plain presentational SVG wrappers, no theming involved.
+
+## Usage
+
+```tsx
+import { PlusIcon } from '@vinyasa/icons';
+import { Button } from '@vinyasa/button';
+
+<Button leadingIcon={<PlusIcon />}>Add item</Button>;
+```
+
+Icons inherit `currentColor` (lucide's own default), so they automatically match whatever text color is active — no per-icon color prop needed inside a themed component like Button.
+
+Override size, color, or stroke width like any `lucide-react` icon — an explicit prop always wins over the `1em` default:
+
+```tsx
+<PlusIcon size={24} color="red" strokeWidth={1.5} />
+```
+
+## Available icons
+
+`AlertTriangleIcon`, `ArrowLeftIcon`, `ArrowRightIcon`, `CheckIcon`, `CheckCircleIcon`, `ChevronDownIcon`, `ChevronLeftIcon`, `ChevronRightIcon`, `ChevronUpIcon`, `CopyIcon`, `ExternalLinkIcon`, `EyeIcon`, `EyeOffIcon`, `InfoIcon`, `MenuIcon`, `MinusIcon`, `PencilIcon`, `PlusIcon`, `SearchIcon`, `SettingsIcon`, `TrashIcon`, `UserIcon`, `XIcon`.
+
+See the `Foundations/Icons` Storybook gallery for a visual reference.
+
+## Adding a new icon
+
+This is a deliberately curated subset of `lucide-react`'s full icon set, not a re-export of all of it. To add one:
+
+```ts
+// src/icons/index.ts
+import { Star } from 'lucide-react';
+import { createIcon } from '../createIcon';
+
+export const StarIcon = createIcon(Star);
+```
+
+Then re-export it from `src/index.ts`. `createIcon` is also exported publicly for wrapping any other `lucide-react` icon with the same `1em`-default behavior, without adding it to this package's curated set:
+
+```tsx
+import { Star } from 'lucide-react';
+import { createIcon } from '@vinyasa/icons';
+
+const StarIcon = createIcon(Star);
+```
+
+## Development
+
+From the repository root:
+
+```bash
+pnpm --filter @vinyasa/icons build
+pnpm --filter @vinyasa/icons test
+pnpm --filter @vinyasa/icons lint
+pnpm storybook   # Foundations/Icons
+```

package/dist/cjs/index.cjs

@@ -0,0 +1,165 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    AlertTriangleIcon: ()=>AlertTriangleIcon,
+    ArrowLeftIcon: ()=>ArrowLeftIcon,
+    ArrowRightIcon: ()=>ArrowRightIcon,
+    CheckCircleIcon: ()=>CheckCircleIcon,
+    CheckIcon: ()=>CheckIcon,
+    ChevronDownIcon: ()=>ChevronDownIcon,
+    ChevronLeftIcon: ()=>ChevronLeftIcon,
+    ChevronRightIcon: ()=>ChevronRightIcon,
+    ChevronUpIcon: ()=>ChevronUpIcon,
+    CopyIcon: ()=>CopyIcon,
+    ExternalLinkIcon: ()=>ExternalLinkIcon,
+    EyeIcon: ()=>EyeIcon,
+    EyeOffIcon: ()=>EyeOffIcon,
+    InfoIcon: ()=>InfoIcon,
+    MenuIcon: ()=>MenuIcon,
+    MinusIcon: ()=>MinusIcon,
+    PencilIcon: ()=>PencilIcon,
+    PlusIcon: ()=>PlusIcon,
+    SearchIcon: ()=>SearchIcon,
+    SettingsIcon: ()=>SettingsIcon,
+    TrashIcon: ()=>TrashIcon,
+    UserIcon: ()=>UserIcon,
+    XIcon: ()=>XIcon,
+    createIcon: ()=>createIcon
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+function _define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+const createIcon = (LucideIcon)=>{
+    const Icon = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LucideIcon, _object_spread({
+            ref: ref,
+            size: "1em"
+        }, props)));
+    Icon.displayName = LucideIcon.displayName;
+    return Icon;
+};
+const external_lucide_react_namespaceObject = require("lucide-react");
+const AlertTriangleIcon = createIcon(external_lucide_react_namespaceObject.AlertTriangle);
+const ArrowLeftIcon = createIcon(external_lucide_react_namespaceObject.ArrowLeft);
+const ArrowRightIcon = createIcon(external_lucide_react_namespaceObject.ArrowRight);
+const CheckIcon = createIcon(external_lucide_react_namespaceObject.Check);
+const CheckCircleIcon = createIcon(external_lucide_react_namespaceObject.CheckCircle2);
+const ChevronDownIcon = createIcon(external_lucide_react_namespaceObject.ChevronDown);
+const ChevronLeftIcon = createIcon(external_lucide_react_namespaceObject.ChevronLeft);
+const ChevronRightIcon = createIcon(external_lucide_react_namespaceObject.ChevronRight);
+const ChevronUpIcon = createIcon(external_lucide_react_namespaceObject.ChevronUp);
+const CopyIcon = createIcon(external_lucide_react_namespaceObject.Copy);
+const ExternalLinkIcon = createIcon(external_lucide_react_namespaceObject.ExternalLink);
+const EyeIcon = createIcon(external_lucide_react_namespaceObject.Eye);
+const EyeOffIcon = createIcon(external_lucide_react_namespaceObject.EyeOff);
+const InfoIcon = createIcon(external_lucide_react_namespaceObject.Info);
+const MenuIcon = createIcon(external_lucide_react_namespaceObject.Menu);
+const MinusIcon = createIcon(external_lucide_react_namespaceObject.Minus);
+const PencilIcon = createIcon(external_lucide_react_namespaceObject.Pencil);
+const PlusIcon = createIcon(external_lucide_react_namespaceObject.Plus);
+const SearchIcon = createIcon(external_lucide_react_namespaceObject.Search);
+const SettingsIcon = createIcon(external_lucide_react_namespaceObject.Settings);
+const TrashIcon = createIcon(external_lucide_react_namespaceObject.Trash2);
+const UserIcon = createIcon(external_lucide_react_namespaceObject.User);
+const XIcon = createIcon(external_lucide_react_namespaceObject.X);
+exports.AlertTriangleIcon = __webpack_exports__.AlertTriangleIcon;
+exports.ArrowLeftIcon = __webpack_exports__.ArrowLeftIcon;
+exports.ArrowRightIcon = __webpack_exports__.ArrowRightIcon;
+exports.CheckCircleIcon = __webpack_exports__.CheckCircleIcon;
+exports.CheckIcon = __webpack_exports__.CheckIcon;
+exports.ChevronDownIcon = __webpack_exports__.ChevronDownIcon;
+exports.ChevronLeftIcon = __webpack_exports__.ChevronLeftIcon;
+exports.ChevronRightIcon = __webpack_exports__.ChevronRightIcon;
+exports.ChevronUpIcon = __webpack_exports__.ChevronUpIcon;
+exports.CopyIcon = __webpack_exports__.CopyIcon;
+exports.ExternalLinkIcon = __webpack_exports__.ExternalLinkIcon;
+exports.EyeIcon = __webpack_exports__.EyeIcon;
+exports.EyeOffIcon = __webpack_exports__.EyeOffIcon;
+exports.InfoIcon = __webpack_exports__.InfoIcon;
+exports.MenuIcon = __webpack_exports__.MenuIcon;
+exports.MinusIcon = __webpack_exports__.MinusIcon;
+exports.PencilIcon = __webpack_exports__.PencilIcon;
+exports.PlusIcon = __webpack_exports__.PlusIcon;
+exports.SearchIcon = __webpack_exports__.SearchIcon;
+exports.SettingsIcon = __webpack_exports__.SettingsIcon;
+exports.TrashIcon = __webpack_exports__.TrashIcon;
+exports.UserIcon = __webpack_exports__.UserIcon;
+exports.XIcon = __webpack_exports__.XIcon;
+exports.createIcon = __webpack_exports__.createIcon;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "AlertTriangleIcon",
+    "ArrowLeftIcon",
+    "ArrowRightIcon",
+    "CheckCircleIcon",
+    "CheckIcon",
+    "ChevronDownIcon",
+    "ChevronLeftIcon",
+    "ChevronRightIcon",
+    "ChevronUpIcon",
+    "CopyIcon",
+    "ExternalLinkIcon",
+    "EyeIcon",
+    "EyeOffIcon",
+    "InfoIcon",
+    "MenuIcon",
+    "MinusIcon",
+    "PencilIcon",
+    "PlusIcon",
+    "SearchIcon",
+    "SettingsIcon",
+    "TrashIcon",
+    "UserIcon",
+    "XIcon",
+    "createIcon"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/esm/createIcon.d.ts

@@ -0,0 +1,4 @@
+import type { LucideProps } from 'lucide-react';
+import { type ComponentType } from 'react';
+export type IconProps = LucideProps;
+export declare const createIcon: (LucideIcon: ComponentType<LucideProps>) => import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/esm/icons/index.d.ts

@@ -0,0 +1,23 @@
+export declare const AlertTriangleIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ArrowLeftIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ArrowRightIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const CheckIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const CheckCircleIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ChevronDownIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ChevronLeftIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ChevronRightIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ChevronUpIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const CopyIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ExternalLinkIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const EyeIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const EyeOffIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const InfoIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const MenuIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const MinusIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const PencilIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const PlusIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const SearchIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const SettingsIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const TrashIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const UserIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const XIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/esm/index.d.ts

@@ -0,0 +1,2 @@
+export { createIcon, type IconProps } from './createIcon';
+export { AlertTriangleIcon, ArrowLeftIcon, ArrowRightIcon, CheckIcon, CheckCircleIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CopyIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, InfoIcon, MenuIcon, MinusIcon, PencilIcon, PlusIcon, SearchIcon, SettingsIcon, TrashIcon, UserIcon, XIcon, } from './icons';

package/dist/esm/index.js

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { AlertTriangle, ArrowLeft, ArrowRight, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Copy, ExternalLink, Eye, EyeOff, Info, Menu, Minus, Pencil, Plus, Search, Settings, Trash2, User, X } from "lucide-react";
+const createIcon = (LucideIcon)=>{
+    const Icon = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(LucideIcon, {
+            ref: ref,
+            size: "1em",
+            ...props
+        }));
+    Icon.displayName = LucideIcon.displayName;
+    return Icon;
+};
+const AlertTriangleIcon = createIcon(AlertTriangle);
+const ArrowLeftIcon = createIcon(ArrowLeft);
+const ArrowRightIcon = createIcon(ArrowRight);
+const CheckIcon = createIcon(Check);
+const CheckCircleIcon = createIcon(CheckCircle2);
+const ChevronDownIcon = createIcon(ChevronDown);
+const ChevronLeftIcon = createIcon(ChevronLeft);
+const ChevronRightIcon = createIcon(ChevronRight);
+const ChevronUpIcon = createIcon(ChevronUp);
+const CopyIcon = createIcon(Copy);
+const ExternalLinkIcon = createIcon(ExternalLink);
+const EyeIcon = createIcon(Eye);
+const EyeOffIcon = createIcon(EyeOff);
+const InfoIcon = createIcon(Info);
+const MenuIcon = createIcon(Menu);
+const MinusIcon = createIcon(Minus);
+const PencilIcon = createIcon(Pencil);
+const PlusIcon = createIcon(Plus);
+const SearchIcon = createIcon(Search);
+const SettingsIcon = createIcon(Settings);
+const TrashIcon = createIcon(Trash2);
+const UserIcon = createIcon(User);
+const XIcon = createIcon(X);
+export { AlertTriangleIcon, ArrowLeftIcon, ArrowRightIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CopyIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, InfoIcon, MenuIcon, MinusIcon, PencilIcon, PlusIcon, SearchIcon, SettingsIcon, TrashIcon, UserIcon, XIcon, createIcon };

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@vinyasa/icons",
+  "version": "1.0.18",
+  "private": false,
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "!dist/**/*.map",
+    "!dist/**/__test__/**",
+    "!dist/**/__story__/**",
+    "!dist/**/*.test.d.ts",
+    "!dist/**/*.stories.d.ts"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/cjs/index.cjs",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "lucide-react": "^1.41.0"
+  },
+  "devDependencies": {
+    "@rsbuild/plugin-react": "^2.1.0",
+    "@rslib/core": "^0.23.1",
+    "@storybook/react-vite": "^10.4.6",
+    "@types/node": "^26.0.1",
+    "@types/react": "^19.0.0",
+    "typescript": "^5.7.3",
+    "@vinyasa/tokens": "1.0.18"
+  },
+  "scripts": {
+    "build": "rslib build && node ../../scripts/postbuild-package.mjs",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "lint": "eslint --config ../../configs/eslint.config.mjs src/**/*.{ts,tsx} --ignore-pattern src/**/__story__/** --ignore-pattern src/**/__test__/**",
+    "lint:fix": "eslint --config ../../configs/eslint.config.mjs src/**/*.{ts,tsx} --ignore-pattern src/**/__story__/** --ignore-pattern src/**/__test__/** --fix",
+    "format": "prettier . --config ../../configs/prettier.config.json --ignore-path ../../configs/.prettierignore --write",
+    "format:check": "prettier . --config ../../configs/prettier.config.json --ignore-path ../../configs/.prettierignore --check",
+    "test": "vitest run --config vitest.config.ts",
+    "test:watch": "vitest --config vitest.config.ts",
+    "test:coverage": "vitest run --config vitest.config.ts --coverage",
+    "pack:check": "npm pack --dry-run"
+  }
+}