@spectrabrain/eds 0.2.1 → 0.3.0

package/AI.md

@@ -6,7 +6,7 @@
 
 - light theme, `AI_CONTEXT.json`의 `components`에 있는 컴포넌트(현재 `Button`), 공개 semantic color·typography·spacing·radius token과 token runtime API(`@spectrabrain/eds/tokens`)를 제공합니다.
 - 패키지는 Tailwind preset·plugin·utility를 export하지 않습니다. Tailwind class는 소비처의 `eds sync`가 `src/styles/eds-tokens.css`에 생성한 것만 씁니다.
-- dark theme과 목록 밖 컴포넌트는 지원 범위 밖입니다. EDS component가 없거나 필요한 prop·variant·state·slot contract가 맞지 않으면 소비처에서 로컬 UI를 구현하고, 공개 token으로 색상·typography·spacing·radius를 지정합니다. 로컬 UI를 나중에 EDS로 옮긴다는 별도 기록은 남기지 않습니다.
+- dark theme과 목록 밖 컴포넌트는 지원 범위 밖입니다. EDS component가 없거나 필요한 prop·variant·state·slot contract가 맞지 않으면 소비처에서 로컬 UI를 구현하고, 공개 token으로 색상·typography·spacing·radius를 지정합니다.
 - CSS 진입점 구성은 `CONSUMER_AGENT.md` 「font 정책」을 따릅니다.
 
 ## 사용 경계

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @spectrabrain/eds
 
+## 0.3.0
+
+### Minor Changes
+
+- 4d5cc59: 소비처 조치: 없습니다.
+
+  Button의 neutral/outline은 기본·비활성 상태에서 neutral primary 배경과 tertiary neutral 테두리를 사용하고, hover·loading 상태에서 neutral primary hover 배경을 사용합니다.
+
+- 556fdca: 소비처 조치: 없습니다.
+
+  소비처 AI 공개 문서에서 내부 크기 제한, 반복 안내와 불필요한 패키지 구현 세부사항을 줄입니다.
+
+## 0.2.2
+
+### Patch Changes
+
+- 64cc14d: 소비처 조치: 없습니다.
+
+  `ButtonIconName`과 `spec.json`의 `api.iconNames`에 eva-app에서 반복 사용 중인 canonical lucide 아이콘 32개를 추가합니다. 기존 `Button`의 동기 SSR 렌더링과 allowlist 밖 아이콘의 ReactElement 슬롯 계약은 유지합니다.
+
 ## 0.2.1
 
 ### Patch Changes

package/README.md

@@ -11,7 +11,7 @@ npx @spectrabrain/eds init
 
 `init`은 소비처 `package.json`에 `sync:eds`·`eds:doctor` script와 doctor hook을 등록하고 첫 동기화를 실행합니다. EDS를 업데이트한 뒤에는 `npm run sync:eds`로 Tailwind root CSS의 EDS import, Tailwind token alias, `AGENTS.md` managed block을 갱신하고, `npm run eds:doctor`로 동기화 상태를 읽기 전용으로 점검합니다. pnpm·yarn·bun의 명령과 동작은 [CONSUMER_AGENT.md](CONSUMER_AGENT.md) 「첫 setup 절차」에 있습니다. `npx`로 실행할 때는 항상 `@spectrabrain/eds`를 적습니다. npm registry의 `eds`는 다른 패키지입니다.
 
-소비처 AI와 자동화 도구는 설치 후 [QUICKSTART.md](QUICKSTART.md)를 먼저 읽습니다. 4 KB 이하의 유일한 필수 문서이며, 나머지 문서는 [AI_CONTEXT.json](AI_CONTEXT.json)의 조건에 해당할 때만 읽습니다.
+소비처 AI와 자동화 도구는 UI 작업 전에 [QUICKSTART.md](QUICKSTART.md)를 읽습니다. 나머지 문서는 [AI_CONTEXT.json](AI_CONTEXT.json)의 조건에 해당할 때만 읽습니다.
 
 첫 sync 전에는 소비처 `AGENTS.md`에 EDS managed block이 없습니다. 이 기간에 AI가 설치된 계약을 먼저 읽게 하려면 `CLAUDE.md` 또는 `AGENTS.md` 상단에 다음 한 줄을 넣습니다. pnpm·yarn·bun 저장소에서는 `npm run`을 그 runner로 바꿉니다. sync가 block을 넣은 뒤에는 이 줄을 지웁니다.
 
@@ -61,11 +61,9 @@ const token: SemanticTokenName = "color-fg-brand-contrast";
 const color = cssVar(token); // var(--eds-color-fg-brand-contrast)
 ~~~
 
-`SemanticTokenName`을 사용하면 승인된 token 이름을 TypeScript 자동완성으로 선택할 수 있습니다. `var(--eds-...)`의 직접 자동완성은 에디터의 CSS import 색인 방식에 따라 달라질 수 있습니다.
-
 `spacing-0.5`처럼 소수점이 있는 public 이름은 `cssVar("spacing-0.5")`로 전달합니다. 반환되는 CSS reference는 `var(--eds-spacing-0\.5)`처럼 점을 escape합니다. Tailwind에서는 `p-eds-spacing-0-5`, `rounded-eds-radius-1` 같은 CSS-safe alias를 사용합니다.
 
-`@spectrabrain/eds/tokens`의 타입은 `exports`의 `types`와 함께 `typesVersions`로도 `dist/tokens.d.ts`에 연결되어 있으므로, `moduleResolution`이 `node`(node10)인 소비처에서도 해석됩니다. `bundler`·`node16`에서는 `exports`가 우선합니다.
+TypeScript의 `moduleResolution`이 `node`(node10), `node16` 또는 `bundler`인 소비처에서도 `@spectrabrain/eds/tokens`의 타입을 사용할 수 있습니다.
 
 역할에 맞는 exact token이 없을 때 가까운 공개 token을 고르는 순서는 [TOKEN_CONTEXT.md](TOKEN_CONTEXT.md)에 있습니다. 그래도 없으면 임의 색상값을 만들지 않고 디자인 시스템 담당자에게 요청합니다.
 
@@ -107,7 +105,7 @@ AI 바이브코딩으로 만든 Vite + React 프로토타입은 EDS를 설치한
 | `@spectrabrain/eds/fonts.css` | Pretendard font만 불러옵니다. EDS text style이 참조하는 family를 선언하므로 생략하지 않습니다. |
 | `@spectrabrain/eds/base.css` | `:where(html)`에 body1 font family를 지정합니다. `styles.css`에 포함되며 개별 구성에서는 선택입니다. |
 | `@spectrabrain/eds/tokens.json` | 도구 연동용 semantic token manifest입니다. |
-| `@spectrabrain/eds/QUICKSTART.md` | 소비처 AI의 유일한 필수 읽기 문서입니다. 4 KB 이하입니다. |
+| `@spectrabrain/eds/QUICKSTART.md` | 소비처 AI의 필수 UI 작업 안내입니다. |
 | `@spectrabrain/eds/CONSUMER_AGENT.md` | 소비처 AI의 setup·sync·doctor 계약과 managed block 템플릿입니다. |
 | `@spectrabrain/eds/AI.md` | 소비처 AI의 공개 범위와 사용 경계입니다. |
 | `@spectrabrain/eds/CHANGELOG.md` | 버전별 변경 내용과 소비처 조치입니다. |

package/dist/components/Button/spec.json

@@ -1,6 +1,6 @@
 {
   "specVersion": 1,
-  "packageVersion": "0.2.1",
+  "packageVersion": "0.3.0",
   "name": "Button",
   "purpose": "사용자가 즉시 실행할 수 있는 행동과 탐색을 표현하는 인터랙티브 요소입니다.",
   "usageContexts": [
@@ -167,28 +167,45 @@
     "iconNames": [
       "ArrowLeft",
       "ArrowRight",
+      "BellDot",
+      "Calendar",
+      "CalendarClock",
+      "Camera",
+      "CameraOff",
       "Check",
       "ChevronDown",
       "ChevronLeft",
       "ChevronRight",
       "ChevronUp",
+      "ChevronsLeft",
+      "ChevronsRight",
       "ChevronsUpDown",
       "Circle",
       "CircleAlert",
+      "CircleCheck",
       "CircleCheckBig",
       "CirclePause",
       "CirclePlay",
+      "CirclePlus",
       "CircleQuestionMark",
       "ClockAlert",
+      "ClockFading",
       "Copy",
+      "Crown",
+      "Ellipsis",
+      "ExternalLink",
       "Eye",
       "EyeOff",
       "FaceNeutral",
+      "File",
       "FileDown",
+      "FileInput",
       "FilePenLine",
       "FileX",
       "FolderClock",
+      "FolderUp",
       "Fullscreen",
+      "GripVertical",
       "ImageOff",
       "ImagePlus",
       "Info",
@@ -197,20 +214,35 @@
       "Layers2",
       "List",
       "LoaderCircle",
+      "Lock",
       "LockOpen",
+      "LogOut",
       "Mail",
       "Megaphone",
+      "MessageSquareDashed",
       "Minimize",
       "Minus",
       "Moon",
       "Paperclip",
+      "PenLine",
+      "Pencil",
       "Plus",
       "RotateCw",
       "Search",
+      "Settings",
+      "SquareDashed",
       "Sun",
+      "SunDim",
       "ThumbsUp",
       "Trash",
+      "TrendingUpDown",
+      "User",
+      "UserCog",
+      "UserPen",
+      "UserPlus",
+      "Users",
       "VectorSquare",
+      "Webhook",
       "X"
     ],
     "typeExports": [

package/dist/components.css

@@ -106,17 +106,17 @@
   --eds-button-style-neutral-link-loading-progressCircle-trackColor: #6B7280;
   --eds-button-style-neutral-link-loading-root-backgroundColor: var(--eds-color-bg-transparent-hover);
   --eds-button-style-neutral-outline-disabled-label-color: var(--eds-color-fg-disabled);
-  --eds-button-style-neutral-outline-disabled-root-backgroundColor: var(--eds-color-bg-transparent);
-  --eds-button-style-neutral-outline-disabled-root-borderColor: var(--eds-color-stroke-neutral-secondary);
+  --eds-button-style-neutral-outline-disabled-root-backgroundColor: var(--eds-color-bg-neutral-primary);
+  --eds-button-style-neutral-outline-disabled-root-borderColor: var(--eds-color-stroke-neutral-tertiary);
   --eds-button-style-neutral-outline-disabled-root-borderWidth: 1px;
   --eds-button-style-neutral-outline-enabled-label-color: var(--eds-color-fg-neutral);
-  --eds-button-style-neutral-outline-enabled-root-backgroundColor: var(--eds-color-bg-transparent);
-  --eds-button-style-neutral-outline-enabled-root-borderColor: var(--eds-color-stroke-neutral-secondary);
+  --eds-button-style-neutral-outline-enabled-root-backgroundColor: var(--eds-color-bg-neutral-primary);
+  --eds-button-style-neutral-outline-enabled-root-borderColor: var(--eds-color-stroke-neutral-tertiary);
   --eds-button-style-neutral-outline-enabled-root-borderWidth: 1px;
-  --eds-button-style-neutral-outline-hover-root-backgroundColor: var(--eds-color-bg-transparent-hover);
+  --eds-button-style-neutral-outline-hover-root-backgroundColor: var(--eds-color-bg-neutral-primary-hover);
   --eds-button-style-neutral-outline-loading-progressCircle-rangeColor: var(--eds-color-fg-neutral);
   --eds-button-style-neutral-outline-loading-progressCircle-trackColor: #D1D5DB;
-  --eds-button-style-neutral-outline-loading-root-backgroundColor: var(--eds-color-bg-transparent-hover);
+  --eds-button-style-neutral-outline-loading-root-backgroundColor: var(--eds-color-bg-neutral-primary-hover);
   --eds-button-style-neutral-solid-disabled-label-color: var(--eds-color-fg-disabled);
   --eds-button-style-neutral-solid-disabled-root-backgroundColor: var(--eds-color-bg-disabled);
   --eds-button-style-neutral-solid-enabled-label-color: var(--eds-color-fg-neutral-inverted);

package/dist/index.d.mts

@@ -2,7 +2,7 @@ export { SemanticToken, SemanticTokenCssReference, SemanticTokenCssVariable, Sem
 import { ButtonHTMLAttributes, ReactNode, ReactElement, Ref, AnchorHTMLAttributes } from 'react';
 
 /** 이름으로 지정할 수 있는 lucide 아이콘의 allowlist입니다. 목록 밖 아이콘은 icon·startIcon·endIcon에 ReactElement로 전달하고, 같은 아이콘이 두 화면 이상에서 반복되면 allowlist PR을 엽니다. */
-type ButtonIconName = "ArrowLeft" | "ArrowRight" | "Check" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "ChevronsUpDown" | "Circle" | "CircleAlert" | "CircleCheckBig" | "CirclePause" | "CirclePlay" | "CircleQuestionMark" | "ClockAlert" | "Copy" | "Eye" | "EyeOff" | "FaceNeutral" | "FileDown" | "FilePenLine" | "FileX" | "FolderClock" | "Fullscreen" | "ImageOff" | "ImagePlus" | "Info" | "Key" | "Languages" | "Layers2" | "List" | "LoaderCircle" | "LockOpen" | "Mail" | "Megaphone" | "Minimize" | "Minus" | "Moon" | "Paperclip" | "Plus" | "RotateCw" | "Search" | "Sun" | "ThumbsUp" | "Trash" | "VectorSquare" | "X";
+type ButtonIconName = "ArrowLeft" | "ArrowRight" | "BellDot" | "Calendar" | "CalendarClock" | "Camera" | "CameraOff" | "Check" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "ChevronsLeft" | "ChevronsRight" | "ChevronsUpDown" | "Circle" | "CircleAlert" | "CircleCheck" | "CircleCheckBig" | "CirclePause" | "CirclePlay" | "CirclePlus" | "CircleQuestionMark" | "ClockAlert" | "ClockFading" | "Copy" | "Crown" | "Ellipsis" | "ExternalLink" | "Eye" | "EyeOff" | "FaceNeutral" | "File" | "FileDown" | "FileInput" | "FilePenLine" | "FileX" | "FolderClock" | "FolderUp" | "Fullscreen" | "GripVertical" | "ImageOff" | "ImagePlus" | "Info" | "Key" | "Languages" | "Layers2" | "List" | "LoaderCircle" | "Lock" | "LockOpen" | "LogOut" | "Mail" | "Megaphone" | "MessageSquareDashed" | "Minimize" | "Minus" | "Moon" | "Paperclip" | "PenLine" | "Pencil" | "Plus" | "RotateCw" | "Search" | "Settings" | "SquareDashed" | "Sun" | "SunDim" | "ThumbsUp" | "Trash" | "TrendingUpDown" | "User" | "UserCog" | "UserPen" | "UserPlus" | "Users" | "VectorSquare" | "Webhook" | "X";
 
 /** 버튼 크기입니다. */
 type ButtonSize = "xs" | "sm" | "md";

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { SemanticToken, SemanticTokenCssReference, SemanticTokenCssVariable, Sem
 import { ButtonHTMLAttributes, ReactNode, ReactElement, Ref, AnchorHTMLAttributes } from 'react';
 
 /** 이름으로 지정할 수 있는 lucide 아이콘의 allowlist입니다. 목록 밖 아이콘은 icon·startIcon·endIcon에 ReactElement로 전달하고, 같은 아이콘이 두 화면 이상에서 반복되면 allowlist PR을 엽니다. */
-type ButtonIconName = "ArrowLeft" | "ArrowRight" | "Check" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "ChevronsUpDown" | "Circle" | "CircleAlert" | "CircleCheckBig" | "CirclePause" | "CirclePlay" | "CircleQuestionMark" | "ClockAlert" | "Copy" | "Eye" | "EyeOff" | "FaceNeutral" | "FileDown" | "FilePenLine" | "FileX" | "FolderClock" | "Fullscreen" | "ImageOff" | "ImagePlus" | "Info" | "Key" | "Languages" | "Layers2" | "List" | "LoaderCircle" | "LockOpen" | "Mail" | "Megaphone" | "Minimize" | "Minus" | "Moon" | "Paperclip" | "Plus" | "RotateCw" | "Search" | "Sun" | "ThumbsUp" | "Trash" | "VectorSquare" | "X";
+type ButtonIconName = "ArrowLeft" | "ArrowRight" | "BellDot" | "Calendar" | "CalendarClock" | "Camera" | "CameraOff" | "Check" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "ChevronsLeft" | "ChevronsRight" | "ChevronsUpDown" | "Circle" | "CircleAlert" | "CircleCheck" | "CircleCheckBig" | "CirclePause" | "CirclePlay" | "CirclePlus" | "CircleQuestionMark" | "ClockAlert" | "ClockFading" | "Copy" | "Crown" | "Ellipsis" | "ExternalLink" | "Eye" | "EyeOff" | "FaceNeutral" | "File" | "FileDown" | "FileInput" | "FilePenLine" | "FileX" | "FolderClock" | "FolderUp" | "Fullscreen" | "GripVertical" | "ImageOff" | "ImagePlus" | "Info" | "Key" | "Languages" | "Layers2" | "List" | "LoaderCircle" | "Lock" | "LockOpen" | "LogOut" | "Mail" | "Megaphone" | "MessageSquareDashed" | "Minimize" | "Minus" | "Moon" | "Paperclip" | "PenLine" | "Pencil" | "Plus" | "RotateCw" | "Search" | "Settings" | "SquareDashed" | "Sun" | "SunDim" | "ThumbsUp" | "Trash" | "TrendingUpDown" | "User" | "UserCog" | "UserPen" | "UserPlus" | "Users" | "VectorSquare" | "Webhook" | "X";
 
 /** 버튼 크기입니다. */
 type ButtonSize = "xs" | "sm" | "md";

package/dist/index.js

@@ -1611,28 +1611,45 @@ function cssVar(name) {
 var buttonIcons = {
   ArrowLeft: lucideReact.ArrowLeft,
   ArrowRight: lucideReact.ArrowRight,
+  BellDot: lucideReact.BellDot,
+  Calendar: lucideReact.Calendar,
+  CalendarClock: lucideReact.CalendarClock,
+  Camera: lucideReact.Camera,
+  CameraOff: lucideReact.CameraOff,
   Check: lucideReact.Check,
   ChevronDown: lucideReact.ChevronDown,
   ChevronLeft: lucideReact.ChevronLeft,
   ChevronRight: lucideReact.ChevronRight,
   ChevronUp: lucideReact.ChevronUp,
+  ChevronsLeft: lucideReact.ChevronsLeft,
+  ChevronsRight: lucideReact.ChevronsRight,
   ChevronsUpDown: lucideReact.ChevronsUpDown,
   Circle: lucideReact.Circle,
   CircleAlert: lucideReact.CircleAlert,
+  CircleCheck: lucideReact.CircleCheck,
   CircleCheckBig: lucideReact.CircleCheckBig,
   CirclePause: lucideReact.CirclePause,
   CirclePlay: lucideReact.CirclePlay,
+  CirclePlus: lucideReact.CirclePlus,
   CircleQuestionMark: lucideReact.CircleQuestionMark,
   ClockAlert: lucideReact.ClockAlert,
+  ClockFading: lucideReact.ClockFading,
   Copy: lucideReact.Copy,
+  Crown: lucideReact.Crown,
+  Ellipsis: lucideReact.Ellipsis,
+  ExternalLink: lucideReact.ExternalLink,
   Eye: lucideReact.Eye,
   EyeOff: lucideReact.EyeOff,
   FaceNeutral: lucideReact.FaceNeutral,
+  File: lucideReact.File,
   FileDown: lucideReact.FileDown,
+  FileInput: lucideReact.FileInput,
   FilePenLine: lucideReact.FilePenLine,
   FileX: lucideReact.FileX,
   FolderClock: lucideReact.FolderClock,
+  FolderUp: lucideReact.FolderUp,
   Fullscreen: lucideReact.Fullscreen,
+  GripVertical: lucideReact.GripVertical,
   ImageOff: lucideReact.ImageOff,
   ImagePlus: lucideReact.ImagePlus,
   Info: lucideReact.Info,
@@ -1641,20 +1658,35 @@ var buttonIcons = {
   Layers2: lucideReact.Layers2,
   List: lucideReact.List,
   LoaderCircle: lucideReact.LoaderCircle,
+  Lock: lucideReact.Lock,
   LockOpen: lucideReact.LockOpen,
+  LogOut: lucideReact.LogOut,
   Mail: lucideReact.Mail,
   Megaphone: lucideReact.Megaphone,
+  MessageSquareDashed: lucideReact.MessageSquareDashed,
   Minimize: lucideReact.Minimize,
   Minus: lucideReact.Minus,
   Moon: lucideReact.Moon,
   Paperclip: lucideReact.Paperclip,
+  PenLine: lucideReact.PenLine,
+  Pencil: lucideReact.Pencil,
   Plus: lucideReact.Plus,
   RotateCw: lucideReact.RotateCw,
   Search: lucideReact.Search,
+  Settings: lucideReact.Settings,
+  SquareDashed: lucideReact.SquareDashed,
   Sun: lucideReact.Sun,
+  SunDim: lucideReact.SunDim,
   ThumbsUp: lucideReact.ThumbsUp,
   Trash: lucideReact.Trash,
+  TrendingUpDown: lucideReact.TrendingUpDown,
+  User: lucideReact.User,
+  UserCog: lucideReact.UserCog,
+  UserPen: lucideReact.UserPen,
+  UserPlus: lucideReact.UserPlus,
+  Users: lucideReact.Users,
   VectorSquare: lucideReact.VectorSquare,
+  Webhook: lucideReact.Webhook,
   X: lucideReact.X
 };
 

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { forwardRef, isValidElement, Children, createElement } from 'react';
-import { X, VectorSquare, Trash, ThumbsUp, Sun, Search, RotateCw, Plus, Paperclip, Moon, Minus, Minimize, Megaphone, Mail, LockOpen, LoaderCircle, List, Layers2, Languages, Key, Info, ImagePlus, ImageOff, Fullscreen, FolderClock, FileX, FilePenLine, FileDown, FaceNeutral, EyeOff, Eye, Copy, ClockAlert, CircleQuestionMark, CirclePlay, CirclePause, CircleCheckBig, CircleAlert, Circle, ChevronsUpDown, ChevronUp, ChevronRight, ChevronLeft, ChevronDown, Check, ArrowRight, ArrowLeft } from 'lucide-react';
+import { X, Webhook, VectorSquare, Users, UserPlus, UserPen, UserCog, User, TrendingUpDown, Trash, ThumbsUp, SunDim, Sun, SquareDashed, Settings, Search, RotateCw, Plus, Pencil, PenLine, Paperclip, Moon, Minus, Minimize, MessageSquareDashed, Megaphone, Mail, LogOut, LockOpen, Lock, LoaderCircle, List, Layers2, Languages, Key, Info, ImagePlus, ImageOff, GripVertical, Fullscreen, FolderUp, FolderClock, FileX, FilePenLine, FileInput, FileDown, File, FaceNeutral, EyeOff, Eye, ExternalLink, Ellipsis, Crown, Copy, ClockFading, ClockAlert, CircleQuestionMark, CirclePlus, CirclePlay, CirclePause, CircleCheckBig, CircleCheck, CircleAlert, Circle, ChevronsUpDown, ChevronsRight, ChevronsLeft, ChevronUp, ChevronRight, ChevronLeft, ChevronDown, Check, CameraOff, Camera, CalendarClock, Calendar, BellDot, ArrowRight, ArrowLeft } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/generated/tokens.ts
@@ -1609,28 +1609,45 @@ function cssVar(name) {
 var buttonIcons = {
   ArrowLeft,
   ArrowRight,
+  BellDot,
+  Calendar,
+  CalendarClock,
+  Camera,
+  CameraOff,
   Check,
   ChevronDown,
   ChevronLeft,
   ChevronRight,
   ChevronUp,
+  ChevronsLeft,
+  ChevronsRight,
   ChevronsUpDown,
   Circle,
   CircleAlert,
+  CircleCheck,
   CircleCheckBig,
   CirclePause,
   CirclePlay,
+  CirclePlus,
   CircleQuestionMark,
   ClockAlert,
+  ClockFading,
   Copy,
+  Crown,
+  Ellipsis,
+  ExternalLink,
   Eye,
   EyeOff,
   FaceNeutral,
+  File,
   FileDown,
+  FileInput,
   FilePenLine,
   FileX,
   FolderClock,
+  FolderUp,
   Fullscreen,
+  GripVertical,
   ImageOff,
   ImagePlus,
   Info,
@@ -1639,20 +1656,35 @@ var buttonIcons = {
   Layers2,
   List,
   LoaderCircle,
+  Lock,
   LockOpen,
+  LogOut,
   Mail,
   Megaphone,
+  MessageSquareDashed,
   Minimize,
   Minus,
   Moon,
   Paperclip,
+  PenLine,
+  Pencil,
   Plus,
   RotateCw,
   Search,
+  Settings,
+  SquareDashed,
   Sun,
+  SunDim,
   ThumbsUp,
   Trash,
+  TrendingUpDown,
+  User,
+  UserCog,
+  UserPen,
+  UserPlus,
+  Users,
   VectorSquare,
+  Webhook,
   X
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spectrabrain/eds",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "EVA services' shared React design system",
   "author": "SpectraBrain",
   "license": "UNLICENSED",
@@ -87,7 +87,7 @@
     "@vitest/browser-playwright": "4.1.6",
     "axe-core": "^4.11.0",
     "jsdom": "^26.1.0",
-    "playwright": "1.63.0",
+    "playwright": "1.61.1",
     "postcss": "^8.5.6",
     "postcss-modules": "^6.0.1",
     "react": "^19.2.8",