@youngduck/yd-ui 0.1.5 → 0.3.2

package/CHANGELOG.md

@@ -0,0 +1,171 @@
+# Changelog
+
+## [0.3.2] - 2025-08-29
+
+### 추가
+- Input 컴포넌트 추가
+
+## [0.3.1] - 2025-08-28
+
+### 추가
+- Input 컴포넌트(초안) 추가
+- 투명 레이어용 유틸리티 CSS 추가
+
+### 변경
+- React peerDependencies를 19로 상향 (`react`, `react-dom` → ^19.0.0)
+- 라이브러리 CSS 전파 방식 정리: Tailwind v4 대응 유틸리티 제공
+  - 색상: `.text-primary-50~400`, `.bg-primary-50~400`, `.border-primary-50~400`
+  - 타이포그래피: `.text-yds-h1/h2/s1/s2/b1/b2/c1m/c1r/c2r`, `.font-yds-wanted`
+- 컴포넌트 베이스 타이포그래피 클래스 정리 (`.yds-button-typography`, `.yds-input-typography`)
+
+## [0.2.1] - 2025-08-27
+
+### 변경
+
+- **패키지 매니저 마이그레이션**: npm에서 pnpm으로 전환
+- **개발 환경 개선**: pnpm 기반 의존성 관리로 성능 및 안정성 향상
+- **빌드 시스템 최적화**: pnpm의 효율적인 패키지 관리로 빌드 속도 개선
+
+### 개선
+
+- `package-lock.json` 제거 및 `pnpm-lock.yaml` 적용
+- pnpm의 심볼릭 링크 시스템으로 디스크 공간 절약
+- 의존성 중복 설치 방지로 번들 크기 최적화
+- 일관된 패키지 관리 환경 제공 (사이드프로젝트 pnpm 사용중)
+
+## [0.1.4] - 2025-08-05
+
+### 수정
+
+- yd-ui라이브러리 실행시 로컬에서는 적용, 실서버에서는 미적용 현상 최종 해결
+  - `rollup-plugin-postcss` 설정에서 `inject: true`와 `extract: 'index.css'` 동시 적용
+  - CSS 파일이 JS에 주입되면서 동시에 별도 파일로도 추출되도록 수정
+  - `package.json`의 `exports` 필드에 `"./styles": "./dist/index.css"` 추가로 import 경로 커스텀 제공
+- 사이드 프로젝트에서 `@import "@youngduck/yd-ui/styles";` 형태로 CSS 간편 import 가능
+
+### 버그 수정
+
+- 개발 환경과 프로덕션 환경 모두에서 YD-UI 적용
+
+## [0.1.3] - 2025-08-04
+
+### 버그 수정
+
+- yd-ui라이브러리 실행시 로컬에서는 적용, 실서버에서는 미적용 현상 발견
+    - PostCSS 설정에서 CSS 파일 추출 기능 추가 (`extract: 'index.css'`)
+    - `package.json`에서 CSS 파일 배포 설정 추가
+    - 빌드 결과물에 CSS 파일이 포함되지 않던 문제 해결
+<!-- - 개발 환경과 빌드 환경 간 스타일 적용 불일치 문제 해결 -->
+
+## [0.1.2] - 2025-01-27
+
+<!-- Tailwind v4버전 업에 따른 마이너버전 업 -->
+
+### 추가
+
+- TailwindCSS v4 완전 호환 지원
+- `@tailwindcss/postcss` 플러그인 통합으로 라이브러리 빌드 최적화
+- CSS 파일 기반 설정 시스템 (`@theme`, `@import "tailwindcss"`)
+- PostCSS 기반 스타일 주입 시스템으로 `inject: true` 설정
+
+### 변경
+
+- TailwindCSS v3.4.1에서 v4.1.11로 메이저 업그레이드
+- `tailwind.config.js` 제거 및 CSS 파일 기반 설정으로 마이그레이션
+- `@tailwindcss/vite` 의존성 제거 (PostCSS 방식으로 통합)
+- Rollup 설정에서 PostCSS 플러그인 설정
+- Storybook 설정에서 TailwindCSS v4 호환 적용
+
+### 개선
+
+- CSS 변수 시스템 v4양식에 맞게끔 재구성 (`--color-primary-*`, `--font-size-yds-*`)
+
+### 수정
+
+- ESLint 설정에서 빌드 결과물 및 타입 정의 파일 제외
+- Button 컴포넌트의 CSS 변수 참조 오류 수정
+- Storybook 무한 로딩 문제 해결
+- PostCSS 설정 충돌 문제 해결
+
+### 삭제
+
+- 불필요한 `@tailwindcss/vite` 의존성 제거
+- 기존 styled-components 관련 캐싱 파일 제거
+- 중복된 TailwindCSS 설정 파일 정리
+
+## [0.0.15] - 2025-01-27
+
+### 추가
+
+- ESLint 및 Prettier 설정 추가
+- `lint`, `lint:fix`, `format`, `format:check`, `check` 스크립트 추가
+- CSS 모듈 시스템 도입으로 스타일 충돌 방지
+- 독립적인 스타일 시스템으로 YD-UI 컴포넌트 스코핑 구현
+
+### 변경
+
+- ESLint flat config 시스템으로 마이그레이션
+- 롤업 PostCSS 자동주입설정
+- 패키지 이름을 `@yds/yd-ui`에서 `@youngduck/yd-ui`로 복원
+- 버전을 0.0.15로 업데이트
+
+
+## [0.0.10] - 2025-07-31
+
+### 추가
+
+- Tokens Studio for Figma 연동을 위한 자동 토큰 동기화 스크립트 추가
+- `auto-token-sync.js` 스크립트로 `tokens.json` → CSS/Tailwind 설정 자동 변환
+- `tokens:test` 스크립트로 테스트 파일 생성 기능 추가
+- Wanted Sans Variable 폰트 통합 및 YDS 디자인 시스템 타이포그래피 적용
+- Toss 패턴 기반 버튼 타이포그래피 시스템 구현
+
+### 변경
+
+- 패키지 이름을 `@youngduck/yd-ui`에서 `@yds/yd-ui`로 변경
+- 디자인 토큰 기반 색상 시스템 (Primary 50-400) 적용
+- YDS 타이포그래피 토큰 (H1, H2, S1, S2, B1, B2, C1, C2, C3) 적용
+- 버튼 컴포넌트에 인라인 CSS 변수를 통한 동적 타이포그래피 적용
+
+### 개선
+
+- 디자인 토큰과 컴포넌트 간 일관성 향상
+- Figma Variables와 코드 간 자동 동기화 워크플로우 구축
+
+## [0.0.8] - 2025-06-08
+
+### 추가
+
+- Storybook에 Tailwind CSS 스타일 적용
+- Storybook preview에 전역 CSS 불러오기 설정 추가
+
+### 수정
+
+- Storybook에서 컴포넌트 스타일이 보이지 않는 문제 해결
+
+### 삭제
+
+- 테스트로 만든 Input 컴포넌트 제거
+
+## [0.0.7] - 2025-06-08
+
+### 추가
+
+- Tailwind CSS 기반으로 Button 컴포넌트 재구현
+- class-variance-authority(cva)를 사용한 variant 시스템 추가
+- 시그니처 노란색을 primary 색상으로 추가
+- cn() 유틸리티 함수 추가
+
+### 변경
+
+- styled-components에서 Tailwind CSS로 스타일링 방식 변경
+- Button 컴포넌트 API 개선 (variant, size, fullWidth 속성 추가)
+- 접근성 향상을 위한 aria-label 및 tabIndex 속성 추가
+
+### 삭제
+
+- ButtonStyle.ts 파일 및 styled-components 종속성 제거
+
+## [0.0.6] - 이전 버전
+
+초기 릴리스

package/README.md

@@ -1,222 +1,222 @@
-# @youngduck/yd-ui
-
-Tailwind CSS와 CVA(Class Variance Authority) 기반의 현대적인 Headless UI 컴포넌트 라이브러리
-
-## ✨ 특징
-
-- **Headless 컴포넌트** - 완전한 스타일링 자유도와 커스터마이징 가능
-- **CVA 기반 Variant 시스템** - primary, secondary, ghost 등 다양한 스타일 변형 지원
-- **Tailwind CSS 최적화** - 효율적인 클래스 관리와 번들 사이즈 최적화
-- **Design Token 동기화** - 피그마 Variables와 자동 동기화
-- **완전한 TypeScript 지원** - 타입 안전성과 개발자 경험 향상
-- **접근성 중심** - WAI-ARIA 가이드라인 준수
-- **트리 쉐이킹** - 사용하는 컴포넌트만 번들에 포함
-
-## 📦 설치
-
-```bash
-npm install @youngduck/yd-ui
-# 또는
-yarn add @youngduck/yd-ui
-# 또는
-pnpm add @youngduck/yd-ui
-```
-
-## 🎨 CSS 스타일 적용
-
-YD-UI를 사용하기 위해서는 CSS 파일을 import해야 합니다:
-
-### 방법 1: CSS 파일에서 import (권장)
-```css
-/* your-global-styles.css */
-@import "@youngduck/yd-ui/styles";
-```
-
-### 방법 2: JavaScript/TypeScript에서 import
-```typescript
-// App.tsx 또는 main.tsx
-import "@youngduck/yd-ui/styles";
-```
-
-### 방법 3: 직접 경로 지정
-```css
-@import "@youngduck/yd-ui/dist/index.css";
-```
-
-## 🚀 사용법
-
-### 기본 사용
-
-```tsx
-import { Button } from "@youngduck/yd-ui";
-
-export function App() {
-  return (
-    <div>
-      <Button variant="fill" color="primary" size="md">
-        Primary Button
-      </Button>
-      <Button variant="outlined" color="primary" size="sm">
-        Outlined Button
-      </Button>
-    </div>
-  );
-}
-```
-
-### Variant 시스템
-
-모든 컴포넌트는 CVA를 활용한 강력한 variant 시스템을 제공합니다:
-
-```tsx
-// Button 컴포넌트 variant 예시
-<Button variant="fill" color="primary">채움 버튼</Button>
-<Button variant="outlined" color="primary">외곽선 버튼</Button>
-
-// 크기 조절
-<Button size="sm">작은 버튼</Button>
-<Button size="md">보통 버튼</Button>
-<Button size="lg">큰 버튼</Button>
-<Button size="full">전체 너비 버튼</Button>
-
-// 조합 사용
-<Button variant="outlined" color="primary" size="lg" disabled>
-  비활성화된 큰 외곽선 버튼
-</Button>
-```
-
-### 커스텀 스타일링
-
-Headless 설계로 완전한 커스터마이징이 가능합니다:
-
-```tsx
-import { Button } from "@youngduck/yd-ui";
-import { cn } from "@/lib/utils";
-
-export function CustomButton() {
-  return (
-    <Button
-      variant="fill"
-      color="primary"
-      className={cn(
-        "bg-gradient-to-r from-purple-500 to-pink-500",
-        "hover:from-purple-600 hover:to-pink-600",
-        "text-white shadow-lg"
-      )}
-    >
-      커스텀 그라데이션 버튼
-    </Button>
-  );
-}
-```
-
-## 🎨 Design Token 시스템
-
-피그마 Variables와 동기화된 일관된 디자인 토큰을 제공합니다:
-
-```css
-/* 색상 팔레트 */
---primary: 216 100% 50%;
---secondary: 214 32% 91%;
---destructive: 0 85% 60%;
---muted: 210 40% 98%;
-
-/* 타이포그래피 */
---font-sans: "Inter", sans-serif;
---text-sm: 0.875rem;
---text-base: 1rem;
---text-lg: 1.125rem;
-
-/* 간격 시스템 */
---spacing-1: 0.25rem;
---spacing-2: 0.5rem;
---spacing-4: 1rem;
-```
-
-## 📖 컴포넌트 카탈로그
-
-### 기본 컴포넌트
-
-- `Button` - 다양한 variant와 크기를 지원하는 버튼
-- `Input` - 텍스트 입력 필드
-- `Label` - 접근성을 고려한 라벨
-- `Badge` - 상태 표시용 배지
-
-### 레이아웃 컴포넌트
-
-- `Card` - 콘텐츠 그룹핑용 카드
-- `Separator` - 구분선
-- `Container` - 반응형 컨테이너
-
-### 폼 컴포넌트
-
-- `Form` - 폼 래퍼 및 검증
-- `Select` - 드롭다운 선택
-- `Checkbox` - 체크박스
-- `RadioGroup` - 라디오 버튼 그룹
-
-### 피드백 컴포넌트
-
-- `Toast` - 알림 메시지
-- `Alert` - 경고 및 정보 표시
-- `Progress` - 진행률 표시
-
-## 🛠️ 개발 환경 설정
-
-### Tailwind CSS 설정
-
-`tailwind.config.js`에 다음을 추가하세요:
-
-```js
-module.exports = {
-  content: [
-    "./node_modules/@youngduck/yd-ui/dist/**/*.{js,ts,jsx,tsx}",
-    // ... 기타 경로
-  ],
-  theme: {
-    extend: {
-      // yd-ui preset이 자동으로 적용됩니다
-    },
-  },
-  plugins: [],
-};
-```
-
-### TypeScript 설정
-
-완전한 타입 지원을 위한 설정:
-
-```json
-{
-  "compilerOptions": {
-    "moduleResolution": "node",
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true
-  }
-}
-```
-
-## 🤝 기여하기
-
-기여를 환영합니다! 다음 단계를 따라주세요:
-
-1. 저장소를 포크합니다
-2. 기능 브랜치를 생성합니다 (`git checkout -b feature/amazing-feature`)
-3. 변경사항을 커밋합니다 (`git commit -m 'Add amazing feature'`)
-4. 브랜치에 푸시합니다 (`git push origin feature/amazing-feature`)
-5. Pull Request를 생성합니다
-
-## 📝 라이선스
-
-MIT 라이선스 하에 배포됩니다. 자세한 내용은 `LICENSE` 파일을 참조하세요.
-
-## 🔗 링크
-
-- [공식 문서](https://yd-ui.youngduck.dev)
-- [Storybook](https://storybook.yd-ui.youngduck.dev)
-- [피그마 디자인 시스템](https://figma.com/youngduck-design-system)
-- [GitHub](https://github.com/youngduck/yd-ui)
-
----
-
-**@youngduck/yd-ui**로 더 나은 사용자 경험을 만들어보세요! 🚀
+# @youngduck/yd-ui
+
+Tailwind CSS와 CVA(Class Variance Authority) 기반의 현대적인 Headless UI 컴포넌트 라이브러리
+
+## ✨ 특징
+
+- **Headless 컴포넌트** - 완전한 스타일링 자유도와 커스터마이징 가능
+- **CVA 기반 Variant 시스템** - primary, secondary, ghost 등 다양한 스타일 변형 지원
+- **Tailwind CSS 최적화** - 효율적인 클래스 관리와 번들 사이즈 최적화
+- **Design Token 동기화** - 피그마 Variables와 자동 동기화
+- **완전한 TypeScript 지원** - 타입 안전성과 개발자 경험 향상
+- **접근성 중심** - WAI-ARIA 가이드라인 준수
+- **트리 쉐이킹** - 사용하는 컴포넌트만 번들에 포함
+
+## 📦 설치
+
+```bash
+npm install @youngduck/yd-ui
+# 또는
+yarn add @youngduck/yd-ui
+# 또는
+pnpm add @youngduck/yd-ui
+```
+
+## 🎨 CSS 스타일 적용
+
+YD-UI를 사용하기 위해서는 CSS 파일을 import해야 합니다:
+
+### 방법 1: CSS 파일에서 import (권장)
+```css
+/* your-global-styles.css */
+@import "@youngduck/yd-ui/styles";
+```
+
+### 방법 2: JavaScript/TypeScript에서 import
+```typescript
+// App.tsx 또는 main.tsx
+import "@youngduck/yd-ui/styles";
+```
+
+### 방법 3: 직접 경로 지정
+```css
+@import "@youngduck/yd-ui/dist/index.css";
+```
+
+## 🚀 사용법
+
+### 기본 사용
+
+```tsx
+import { Button } from "@youngduck/yd-ui";
+
+export function App() {
+  return (
+    <div>
+      <Button variant="fill" color="primary" size="md">
+        Primary Button
+      </Button>
+      <Button variant="outlined" color="primary" size="sm">
+        Outlined Button
+      </Button>
+    </div>
+  );
+}
+```
+
+### Variant 시스템
+
+모든 컴포넌트는 CVA를 활용한 강력한 variant 시스템을 제공합니다:
+
+```tsx
+// Button 컴포넌트 variant 예시
+<Button variant="fill" color="primary">채움 버튼</Button>
+<Button variant="outlined" color="primary">외곽선 버튼</Button>
+
+// 크기 조절
+<Button size="sm">작은 버튼</Button>
+<Button size="md">보통 버튼</Button>
+<Button size="lg">큰 버튼</Button>
+<Button size="full">전체 너비 버튼</Button>
+
+// 조합 사용
+<Button variant="outlined" color="primary" size="lg" disabled>
+  비활성화된 큰 외곽선 버튼
+</Button>
+```
+
+### 커스텀 스타일링
+
+Headless 설계로 완전한 커스터마이징이 가능합니다:
+
+```tsx
+import { Button } from "@youngduck/yd-ui";
+import { cn } from "@/lib/utils";
+
+export function CustomButton() {
+  return (
+    <Button
+      variant="fill"
+      color="primary"
+      className={cn(
+        "bg-gradient-to-r from-purple-500 to-pink-500",
+        "hover:from-purple-600 hover:to-pink-600",
+        "text-white shadow-lg"
+      )}
+    >
+      커스텀 그라데이션 버튼
+    </Button>
+  );
+}
+```
+
+## 🎨 Design Token 시스템
+
+피그마 Variables와 동기화된 일관된 디자인 토큰을 제공합니다:
+
+```css
+/* 색상 팔레트 */
+--primary: 216 100% 50%;
+--secondary: 214 32% 91%;
+--destructive: 0 85% 60%;
+--muted: 210 40% 98%;
+
+/* 타이포그래피 */
+--font-sans: "Inter", sans-serif;
+--text-sm: 0.875rem;
+--text-base: 1rem;
+--text-lg: 1.125rem;
+
+/* 간격 시스템 */
+--spacing-1: 0.25rem;
+--spacing-2: 0.5rem;
+--spacing-4: 1rem;
+```
+
+## 📖 컴포넌트 카탈로그
+
+### 기본 컴포넌트
+
+- `Button` - 다양한 variant와 크기를 지원하는 버튼
+- `Input` - 텍스트 입력 필드
+- `Label` - 접근성을 고려한 라벨
+- `Badge` - 상태 표시용 배지
+
+### 레이아웃 컴포넌트
+
+- `Card` - 콘텐츠 그룹핑용 카드
+- `Separator` - 구분선
+- `Container` - 반응형 컨테이너
+
+### 폼 컴포넌트
+
+- `Form` - 폼 래퍼 및 검증
+- `Select` - 드롭다운 선택
+- `Checkbox` - 체크박스
+- `RadioGroup` - 라디오 버튼 그룹
+
+### 피드백 컴포넌트
+
+- `Toast` - 알림 메시지
+- `Alert` - 경고 및 정보 표시
+- `Progress` - 진행률 표시
+
+## 🛠️ 개발 환경 설정
+
+### Tailwind CSS 설정
+
+`tailwind.config.js`에 다음을 추가하세요:
+
+```js
+module.exports = {
+  content: [
+    "./node_modules/@youngduck/yd-ui/dist/**/*.{js,ts,jsx,tsx}",
+    // ... 기타 경로
+  ],
+  theme: {
+    extend: {
+      // yd-ui preset이 자동으로 적용됩니다
+    },
+  },
+  plugins: [],
+};
+```
+
+### TypeScript 설정
+
+완전한 타입 지원을 위한 설정:
+
+```json
+{
+  "compilerOptions": {
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true
+  }
+}
+```
+
+## 🤝 기여하기
+
+기여를 환영합니다! 다음 단계를 따라주세요:
+
+1. 저장소를 포크합니다
+2. 기능 브랜치를 생성합니다 (`git checkout -b feature/amazing-feature`)
+3. 변경사항을 커밋합니다 (`git commit -m 'Add amazing feature'`)
+4. 브랜치에 푸시합니다 (`git push origin feature/amazing-feature`)
+5. Pull Request를 생성합니다
+
+## 📝 라이선스
+
+MIT 라이선스 하에 배포됩니다. 자세한 내용은 `LICENSE` 파일을 참조하세요.
+
+## 🔗 링크
+
+- [공식 문서](https://yd-ui.youngduck.dev)
+- [Storybook](https://storybook.yd-ui.youngduck.dev)
+- [피그마 디자인 시스템](https://figma.com/youngduck-design-system)
+- [GitHub](https://github.com/youngduck/yd-ui)
+
+---
+
+**@youngduck/yd-ui**로 더 나은 사용자 경험을 만들어보세요! 🚀

package/dist/index.cjs.js

@@ -1,2 +1,28 @@
-"use strict";var r=require("react/jsx-runtime");function a(r){var e,t,l="";if("string"==typeof r||"number"==typeof r)l+=r;else if("object"==typeof r)if(Array.isArray(r)){var n=r.length;for(e=0;e<n;e++)r[e]&&(t=a(r[e]))&&(l&&(l+=" "),l+=t)}else for(t in r)r[t]&&(l&&(l+=" "),l+=t);return l}const e=r=>"boolean"==typeof r?`${r}`:0===r?"0":r,t=function(){for(var r,e,t=0,l="",n=arguments.length;t<n;t++)(r=arguments[t])&&(e=a(r))&&(l&&(l+=" "),l+=e);return l},l=(n="yds-button-typography",i={variants:{size:{sm:"w-20",md:"w-[120px]",lg:"w-40",full:"w-full"},variant:{fill:"",outlined:"bg-transparent border-2"},color:{primary:""}},compoundVariants:[{variant:"fill",color:"primary",class:"bg-primary-400 text-black"},{variant:"outlined",color:"primary",class:"border-primary-400 text-primary-400"}],defaultVariants:{size:"md",variant:"fill",color:"primary"}},r=>{var a;if(null==(null==i?void 0:i.variants))return t(n,null==r?void 0:r.class,null==r?void 0:r.className);const{variants:l,defaultVariants:s}=i,o=Object.keys(l).map(a=>{const t=null==r?void 0:r[a],n=null==s?void 0:s[a];if(null===t)return null;const i=e(t)||e(n);return l[a][i]}),u=r&&Object.entries(r).reduce((r,a)=>{let[e,t]=a;return void 0===t||(r[e]=t),r},{}),c=null==i||null===(a=i.compoundVariants)||void 0===a?void 0:a.reduce((r,a)=>{let{class:e,className:t,...l}=a;return Object.entries(l).every(r=>{let[a,e]=r;return Array.isArray(e)?e.includes({...s,...u}[a]):{...s,...u}[a]===e})?[...r,e,t]:r},[]);return t(n,o,c,null==r?void 0:r.class,null==r?void 0:r.className)});var n,i;function s({size:a="md",variant:e,color:t,children:n,className:i="",ref:s,...o}){return r.jsx("button",{ref:s,className:l({size:a,variant:e,color:t,className:i}),tabIndex:0,"aria-label":o["aria-label"]||("string"==typeof n?n:"button"),...o,children:n})}s.displayName="Button",exports.Button=s;
+"use strict";var r=require("react/jsx-runtime"),e=require("react");function a(r){var e,t,l="";if("string"==typeof r||"number"==typeof r)l+=r;else if("object"==typeof r)if(Array.isArray(r)){var i=r.length;for(e=0;e<i;e++)r[e]&&(t=a(r[e]))&&(l&&(l+=" "),l+=t)}else for(t in r)r[t]&&(l&&(l+=" "),l+=t);return l}const t=r=>"boolean"==typeof r?`${r}`:0===r?"0":r,l=function(){for(var r,e,t=0,l="",i=arguments.length;t<i;t++)(r=arguments[t])&&(e=a(r))&&(l&&(l+=" "),l+=e);return l},i=(r,e)=>a=>{var i;if(null==(null==e?void 0:e.variants))return l(r,null==a?void 0:a.class,null==a?void 0:a.className);const{variants:o,defaultVariants:s}=e,n=Object.keys(o).map(r=>{const e=null==a?void 0:a[r],l=null==s?void 0:s[r];if(null===e)return null;const i=t(e)||t(l);return o[r][i]}),c=a&&Object.entries(a).reduce((r,e)=>{let[a,t]=e;return void 0===t||(r[a]=t),r},{}),d=null==e||null===(i=e.compoundVariants)||void 0===i?void 0:i.reduce((r,e)=>{let{class:a,className:t,...l}=e;return Object.entries(l).every(r=>{let[e,a]=r;return Array.isArray(a)?a.includes({...s,...c}[e]):{...s,...c}[e]===a})?[...r,a,t]:r},[]);return l(r,n,d,null==a?void 0:a.class,null==a?void 0:a.className)},o=i("yds-button-typography",{variants:{size:{sm:"w-20",md:"w-[120px]",lg:"w-40",full:"w-full"},variant:{fill:"",outlined:"bg-transparent border-2"},color:{primary:""}},compoundVariants:[{variant:"fill",color:"primary",class:"bg-primary-400 text-black"},{variant:"outlined",color:"primary",class:"border-primary-400 text-primary-400"}],defaultVariants:{size:"md",variant:"fill",color:"primary"}});function s({size:e="md",variant:a,color:t,children:l,className:i="",ref:s,...n}){return r.jsx("button",{ref:s,className:o({size:e,variant:a,color:t,className:i}),tabIndex:0,"aria-label":n["aria-label"]||("string"==typeof l?l:"button"),...n,children:l})}s.displayName="Button";
+/**
+ * @license lucide-react v0.542.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const n=r=>{const e=(r=>r.replace(/^([A-Z])|[\s-_]+(\w)/g,(r,e,a)=>a?a.toUpperCase():e.toLowerCase()))(r);return e.charAt(0).toUpperCase()+e.slice(1)},c=(...r)=>r.filter((r,e,a)=>Boolean(r)&&""!==r.trim()&&a.indexOf(r)===e).join(" ").trim(),d=r=>{for(const e in r)if(e.startsWith("aria-")||"role"===e||"title"===e)return!0};
+/**
+ * @license lucide-react v0.542.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var u={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};
+/**
+ * @license lucide-react v0.542.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const p=e.forwardRef(({color:r="currentColor",size:a=24,strokeWidth:t=2,absoluteStrokeWidth:l,className:i="",children:o,iconNode:s,...n},p)=>e.createElement("svg",{ref:p,...u,width:a,height:a,stroke:r,strokeWidth:l?24*Number(t)/Number(a):t,className:c("lucide",i),...!o&&!d(n)&&{"aria-hidden":"true"},...n},[...s.map(([r,a])=>e.createElement(r,a)),...Array.isArray(o)?o:[o]])),m=((r,a)=>{const t=e.forwardRef(({className:t,...l},i)=>{return e.createElement(p,{ref:i,iconNode:a,className:c(`lucide-${o=n(r),o.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${r}`,t),...l});var o});return t.displayName=n(r),t})("search",[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]]),y=i("relative",{variants:{color:{"primary-400":"text-yellow-400","primary-100":"text-yellow-100",white:"text-white"}}}),f=i("yds-input-typography h-12 rounded-[8px] border-2 pr-3",{variants:{size:{sm:"w-[200px]",md:"w-[300px]",lg:"w-[400px]",full:"w-full"},color:{white:"border-white bg-transparent text-gray-900 placeholder-gray-500","primary-400":"border-yellow-400 bg-transparent text-gray-900 placeholder-primary-400 focus:border-yellow-500","primary-100":"border-yellow-100 bg-transparent text-gray-900 placeholder-primary-100 focus:border-yellow-200"},variant:{search:"pl-10",input:"pl-3"},disabled:{true:"opacity-50 cursor-not-allowed bg-gray-100",false:""}},defaultVariants:{size:"md",color:"primary-100",variant:"input",disabled:!1}});
+/**
+ * @license lucide-react v0.542.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */function v({size:e,color:a,variant:t,className:l="",disabled:i,...o}){return r.jsxs("div",{className:y({color:a}),children:["search"===t&&r.jsx(m,{"aria-hidden":!0,className:"absolute left-3 top-1/2 -translate-y-1/2 w-6 h-6 text-current"}),r.jsx("input",{className:f({size:e,color:a,variant:t,disabled:i,className:l}),disabled:i,...o})]})}v.displayName="Input",exports.Button=s,exports.Input=v;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","../src/components/Button/Button.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n        var _config_compoundVariants;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants, defaultVariants } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n\n",null],"names":["r","e","t","f","n","Array","isArray","o","length","falsyToString","value","cx","arguments","buttonVariants","base","config","variants","size","sm","md","lg","full","variant","fill","outlined","color","primary","compoundVariants","class","defaultVariants","props","_config_compoundVariants","className","getVariantClassNames","Object","keys","map","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","entries","reduce","acc","param","key","undefined","getCompoundVariantClassNames","cvClass","cvClassName","compoundVariantOptions","every","includes","Button","children","ref","_jsx","tabIndex","displayName"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"index.cjs.js","sources":["../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","../src/components/Button/Button.tsx","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/shared/src/utils.js","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/defaultAttributes.js","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/Icon.js","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/search.js","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/createLucideIcon.js","../src/components/Input/Input.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n        var _config_compoundVariants;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants, defaultVariants } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n\n",null,"/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n  /^([A-Z])|[\\s-_]+(\\w)/g,\n  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n  const camelCase = toCamelCase(string);\n  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n  return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\nconst hasA11yProp = (props) => {\n  for (const prop in props) {\n    if (prop.startsWith(\"aria-\") || prop === \"role\" || prop === \"title\") {\n      return true;\n    }\n  }\n};\n\nexport { hasA11yProp, mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.js.map\n","/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: 24,\n  height: 24,\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  strokeWidth: 2,\n  strokeLinecap: \"round\",\n  strokeLinejoin: \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.js.map\n","/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport defaultAttributes from './defaultAttributes.js';\nimport { mergeClasses, hasA11yProp } from './shared/src/utils.js';\n\nconst Icon = forwardRef(\n  ({\n    color = \"currentColor\",\n    size = 24,\n    strokeWidth = 2,\n    absoluteStrokeWidth,\n    className = \"\",\n    children,\n    iconNode,\n    ...rest\n  }, ref) => createElement(\n    \"svg\",\n    {\n      ref,\n      ...defaultAttributes,\n      width: size,\n      height: size,\n      stroke: color,\n      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n      className: mergeClasses(\"lucide\", className),\n      ...!children && !hasA11yProp(rest) && { \"aria-hidden\": \"true\" },\n      ...rest\n    },\n    [\n      ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n      ...Array.isArray(children) ? children : [children]\n    ]\n  )\n);\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.js.map\n","/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"m21 21-4.34-4.34\", key: \"14j7rj\" }],\n  [\"circle\", { cx: \"11\", cy: \"11\", r: \"8\", key: \"4ej97u\" }]\n];\nconst Search = createLucideIcon(\"search\", __iconNode);\n\nexport { __iconNode, Search as default };\n//# sourceMappingURL=search.js.map\n","/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport { mergeClasses, toKebabCase, toPascalCase } from './shared/src/utils.js';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => {\n  const Component = forwardRef(\n    ({ className, ...props }, ref) => createElement(Icon, {\n      ref,\n      iconNode,\n      className: mergeClasses(\n        `lucide-${toKebabCase(toPascalCase(iconName))}`,\n        `lucide-${iconName}`,\n        className\n      ),\n      ...props\n    })\n  );\n  Component.displayName = toPascalCase(iconName);\n  return Component;\n};\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.js.map\n",null],"names":["r","e","t","f","n","Array","isArray","o","length","falsyToString","value","cx","arguments","cva","base","config","props","_config_compoundVariants","variants","class","className","defaultVariants","getVariantClassNames","Object","keys","map","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","entries","reduce","acc","param","key","undefined","getCompoundVariantClassNames","compoundVariants","cvClass","cvClassName","compoundVariantOptions","every","includes","buttonVariants","size","sm","md","lg","full","fill","outlined","color","primary","Button","children","ref","_jsx","tabIndex","displayName","toPascalCase","string","camelCase","replace","match","p1","p2","toUpperCase","toLowerCase","toCamelCase","charAt","slice","mergeClasses","classes","filter","index","array","Boolean","trim","indexOf","join","hasA11yProp","prop","startsWith","defaultAttributes","xmlns","width","height","viewBox","stroke","strokeWidth","strokeLinecap","strokeLinejoin","Icon","forwardRef","absoluteStrokeWidth","iconNode","rest","createElement","Number","tag","attrs","Search","iconName","Component","createLucideIcon","d","cy","wrapperVariants","white","inputVariants","search","input","disabled","true","false","Input","_jsxs"],"mappings":"mEAAA,SAASA,EAAEC,GAAG,IAAIC,EAAEC,EAAEC,EAAE,GAAG,GAAG,iBAAiBH,GAAG,iBAAiBA,EAAEG,GAAGH,OAAO,GAAG,iBAAiBA,EAAE,GAAGI,MAAMC,QAAQL,GAAG,CAAC,IAAIM,EAAEN,EAAEO,OAAO,IAAIN,EAAE,EAAEA,EAAEK,EAAEL,IAAID,EAAEC,KAAKC,EAAEH,EAAEC,EAAEC,OAAOE,IAAIA,GAAG,KAAKA,GAAGD,EAAE,MAAM,IAAIA,KAAKF,EAAEA,EAAEE,KAAKC,IAAIA,GAAG,KAAKA,GAAGD,GAAG,OAAOC,CAAC,CCehP,MAAMK,EAAiBC,GAAyB,kBAAVA,EAAsB,GAAGA,IAAoB,IAAVA,EAAc,IAAMA,EAChFC,EDhB2O,WAAgB,IAAI,IAAIV,EAAEC,EAAEC,EAAE,EAAEC,EAAE,GAAGG,EAAEK,UAAUJ,OAAOL,EAAEI,EAAEJ,KAAKF,EAAEW,UAAUT,MAAMD,EAAEF,EAAEC,MAAMG,IAAIA,GAAG,KAAKA,GAAGF,GAAG,OAAOE,CAAC,ECiBlWS,EAAM,CAACC,EAAMC,IAAUC,IAC5B,IAAIC,EACJ,GAAyE,OAApEF,aAAuC,EAASA,EAAOG,UAAmB,OAAOP,EAAGG,EAAME,aAAqC,EAASA,EAAMG,MAAOH,aAAqC,EAASA,EAAMI,WAC9M,MAAMF,SAAEA,EAAQG,gBAAEA,GAAoBN,EAChCO,EAAuBC,OAAOC,KAAKN,GAAUO,IAAKC,IACpD,MAAMC,EAAcX,aAAqC,EAASA,EAAMU,GAClEE,EAAqBP,aAAyD,EAASA,EAAgBK,GAC7G,GAAoB,OAAhBC,EAAsB,OAAO,KACjC,MAAME,EAAapB,EAAckB,IAAgBlB,EAAcmB,GAC/D,OAAOV,EAASQ,GAASG,KAEvBC,EAAwBd,GAASO,OAAOQ,QAAQf,GAAOgB,OAAO,CAACC,EAAKC,KACtE,IAAKC,EAAKzB,GAASwB,EACnB,YAAcE,IAAV1B,IAGJuB,EAAIE,GAAOzB,GAFAuB,GAIZ,CAAA,GACGI,EAA+BtB,SAAyG,QAAxDE,EAA2BF,EAAOuB,wBAA2D,IAA7BrB,OAA1E,EAAyHA,EAAyBe,OAAO,CAACC,EAAKC,KACvO,IAAMf,MAAOoB,EAASnB,UAAWoB,KAAgBC,GAA2BP,EAC5E,OAAOX,OAAOQ,QAAQU,GAAwBC,MAAOR,IACjD,IAAKC,EAAKzB,GAASwB,EACnB,OAAO7B,MAAMC,QAAQI,GAASA,EAAMiC,SAAS,IACtCtB,KACAS,GACLK,IAAQ,IACHd,KACAS,GACJK,KAASzB,IACX,IACEuB,EACHM,EACAC,GACAP,GACL,IACH,OAAOtB,EAAGG,EAAMQ,EAAsBe,EAA8BrB,aAAqC,EAASA,EAAMG,MAAOH,aAAqC,EAASA,EAAMI,YChDrLwB,EAAiB/B,EAAI,wBAAyB,CAClDK,SAAU,CACR2B,KAAM,CACJC,GAAI,OACJC,GAAI,YACJC,GAAI,OACJC,KAAM,UAERvB,QAAS,CACPwB,KAAM,GACNC,SAAU,2BAEZC,MAAO,CACLC,QAAS,KAGbf,iBAAkB,CAEhB,CACEZ,QAAS,OACT0B,MAAO,UACPjC,MAAO,6BAGT,CACEO,QAAS,WACT0B,MAAO,UACPjC,MAAO,wCAGXE,gBAAiB,CACfwB,KAAM,KACNnB,QAAS,OACT0B,MAAO,aAgBL,SAAUE,GAAOT,KAAEA,EAAO,KAAInB,QAAEA,EAAO0B,MAAEA,EAAKG,SAAEA,EAAQnC,UAAEA,EAAY,GAAEoC,IAAEA,KAAQxC,IACtF,OACEyC,EAAAA,cACED,IAAKA,EACLpC,UAAWwB,EAAe,CAAEC,OAAMnB,UAAS0B,QAAOhC,cAClDsC,SAAU,EAAC,aACC1C,EAAM,gBAAsC,iBAAbuC,EAAwBA,EAAW,aAC1EvC,EAAKuC,SAERA,GAGP,CAEAD,EAAOK,YAAc;;;;;;;AC7DrB,MAKMC,EAAgBC,IACpB,MAAMC,EALY,CAACD,GAAWA,EAAOE,QACrC,wBACA,CAACC,EAAOC,EAAIC,IAAOA,EAAKA,EAAGC,cAAgBF,EAAGG,eAG5BC,CAAYR,GAC9B,OAAOC,EAAUQ,OAAO,GAAGH,cAAgBL,EAAUS,MAAM,IAEvDC,EAAe,IAAIC,IAAYA,EAAQC,OAAO,CAACtD,EAAWuD,EAAOC,IAC9DC,QAAQzD,IAAmC,KAArBA,EAAU0D,QAAiBF,EAAMG,QAAQ3D,KAAeuD,GACpFK,KAAK,KAAKF,OACPG,EAAejE,IACnB,IAAK,MAAMkE,KAAQlE,EACjB,GAAIkE,EAAKC,WAAW,UAAqB,SAATD,GAA4B,UAATA,EACjD,OAAO;;;;;;;ACfb,IAAIE,EAAoB,CACtBC,MAAO,6BACPC,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTtC,KAAM,OACNuC,OAAQ,eACRC,YAAa,EACbC,cAAe,QACfC,eAAgB;;;;;;GCLlB,MAAMC,EAAOC,EAAAA,WACX,EACE1C,QAAQ,eACRP,OAAO,GACP6C,cAAc,EACdK,sBACA3E,YAAY,GACZmC,WACAyC,cACGC,GACFzC,IAAQ0C,EAAAA,cACT,MACA,CACE1C,SACG4B,EACHE,MAAOzC,EACP0C,OAAQ1C,EACR4C,OAAQrC,EACRsC,YAAaK,EAA4C,GAAtBI,OAAOT,GAAoBS,OAAOtD,GAAQ6C,EAC7EtE,UAAWoD,EAAa,SAAUpD,OAC9BmC,IAAa0B,EAAYgB,IAAS,CAAE,cAAe,WACpDA,GAEL,IACKD,EAASvE,IAAI,EAAE2E,EAAKC,KAAWH,EAAAA,cAAcE,EAAKC,OAClDhG,MAAMC,QAAQiD,GAAYA,EAAW,CAACA,MCvBzC+C,ECFmB,EAACC,EAAUP,KAClC,MAAMQ,EAAYV,EAAAA,WAChB,EAAG1E,eAAcJ,GAASwC,KAAQ0C,SAAAA,cAAcL,EAAM,CACpDrC,MACAwC,WACA5E,UAAWoD,EACT,UJVaX,EIUSD,EAAa2C,GJVX1C,EAAOE,QAAQ,qBAAsB,SAASK,gBIWtE,UAAUmC,IACVnF,MAECJ,IJdW,IAAC6C,IIkBnB,OADA2C,EAAU7C,YAAcC,EAAa2C,GAC9BC,GDZMC,CAAiB,SAJb,CACjB,CAAC,OAAQ,CAAEC,EAAG,mBAAoBvE,IAAK,WACvC,CAAC,SAAU,CAAExB,GAAI,KAAMgG,GAAI,KAAM3G,EAAG,IAAKmC,IAAK,aED1CyE,EAAkB/F,EAAI,WAAY,CACtCK,SAAU,CACRkC,MAAO,CACL,cAAe,kBACf,cAAe,kBACfyD,MAAO,iBAKPC,EAAgBjG,EAAI,wDAAyD,CACjFK,SAAU,CACR2B,KAAM,CACJC,GAAI,YACJC,GAAI,YACJC,GAAI,YACJC,KAAM,UAERG,MAAO,CACLyD,MAAO,iEACP,cAAe,iGACf,cAAe,kGAEjBnF,QAAS,CACPqF,OAAQ,QACRC,MAAO,QAETC,SAAU,CACRC,KAAM,4CACNC,MAAO,KAGX9F,gBAAiB,CACfwB,KAAM,KACNO,MAAO,cACP1B,QAAS,QACTuF,UAAU;;;;;;YAaEG,GAAMvE,KAAEA,EAAIO,MAAEA,EAAK1B,QAAEA,EAAON,UAAEA,EAAY,GAAE6F,SAAEA,KAAajG,IACzE,OACEqG,EAAAA,YAAKjG,UAAWwF,EAAgB,CAAExD,UAAQG,SAAA,CAC3B,WAAZ7B,GACC+B,MAAC6C,oBAAmBlF,UAAU,kEAEhCqC,EAAAA,aAAOrC,UAAW0F,EAAc,CAAEjE,OAAMO,QAAO1B,UAASuF,WAAU7F,cAAc6F,SAAUA,KAAcjG,MAG9G,CAEAoG,EAAMzD,YAAc","x_google_ignoreList":[0,1,3,4,5,6,7]}

package/dist/index.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-yellow-300:oklch(90.5% 0.182 98.111);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-pink-500:oklch(65.6% 0.241 354.308);--color-pink-600:oklch(59.2% 0.249 0.584);--color-gray-600:oklch(44.6% 0.03 256.802);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--container-2xl:42rem;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-lg:1.125rem;--text-lg--line-height:1.55556;--font-weight-bold:700;--radius-lg:0.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary-400:#e9be11;--font-size-yds-s2:20px;--line-height-yds-s2:26px;--font-weight-yds-s2:600;--font-yds-wanted:"Wanted Sans Variable"}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.flex{display:flex}.w-20{width:calc(var(--spacing)*20)}.w-40{width:calc(var(--spacing)*40)}.w-\[120px\]{width:120px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.flex-1{flex:1}.gap-2{gap:calc(var(--spacing)*2)}.gap-8{gap:calc(var(--spacing)*8)}.space-y-8{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*8*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*8*var(--tw-space-y-reverse))}}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-gray-600{border-color:var(--color-gray-600)}.border-primary-400{border-color:var(--color-primary-400)}.bg-primary-400{background-color:var(--color-primary-400)}.bg-transparent{background-color:transparent}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-4{padding:calc(var(--spacing)*4)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-black{color:var(--color-black)}.text-primary-400{color:var(--color-primary-400)}.text-white{color:var(--color-white)}.text-yellow-300{color:var(--color-yellow-300)}.capitalize{text-transform:capitalize}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:from-purple-600{&:hover{@media (hover:hover){--tw-gradient-from:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}}}.hover\:to-pink-600{&:hover{@media (hover:hover){--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}}}}@import url("https://fastly.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css");@layer components{.yds-button-typography{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-yds-wanted);font-size:var(--font-size-yds-s2);font-weight:var(--font-weight-yds-s2);height:calc(var(--spacing)*12);justify-content:center;line-height:var(--line-height-yds-s2)}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}
+/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-yellow-100:oklch(97.3% 0.071 103.193);--color-yellow-200:oklch(94.5% 0.129 101.54);--color-yellow-300:oklch(90.5% 0.182 98.111);--color-yellow-400:oklch(85.2% 0.199 91.936);--color-yellow-500:oklch(79.5% 0.184 86.047);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-pink-500:oklch(65.6% 0.241 354.308);--color-pink-600:oklch(59.2% 0.249 0.584);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-900:oklch(21% 0.034 264.665);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-lg:1.125rem;--text-lg--line-height:1.55556;--font-weight-bold:700;--radius-lg:0.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background-primary:#19191f;--color-background-secondary:#20242d;--color-background-primary-layer:rgba(25,25,31,.7);--color-background-secondary-layer:rgba(32,36,45,.7);--color-primary-50:#fcf6df;--color-primary-100:#c9bf91;--color-primary-200:#fde68a;--color-primary-300:#eccb43;--color-primary-400:#e9be11;--font-size-yds-h1:48px;--line-height-yds-h1:58px;--font-weight-yds-h1:600;--font-size-yds-h2:40px;--line-height-yds-h2:48px;--font-weight-yds-h2:600;--font-size-yds-s1:24px;--line-height-yds-s1:30px;--font-weight-yds-s1:600;--font-size-yds-s2:20px;--line-height-yds-s2:26px;--font-weight-yds-s2:600;--font-size-yds-b1:18px;--line-height-yds-b1:26px;--font-weight-yds-b1:400;--font-size-yds-b2:16px;--line-height-yds-b2:24px;--font-weight-yds-b2:400;--font-size-yds-c1m:12px;--line-height-yds-c1m:16px;--font-weight-yds-c1m:500;--font-size-yds-c1r:12px;--line-height-yds-c1r:16px;--font-weight-yds-c1r:400;--font-size-yds-c2r:10px;--line-height-yds-c2r:14px;--font-weight-yds-c2r:400;--font-yds-wanted:"Wanted Sans Variable"}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.top-1\/2{top:50%}.left-3{left:calc(var(--spacing)*3)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.h-6{height:calc(var(--spacing)*6)}.h-12{height:calc(var(--spacing)*12)}.w-6{width:calc(var(--spacing)*6)}.w-20{width:calc(var(--spacing)*20)}.w-40{width:calc(var(--spacing)*40)}.w-\[120px\]{width:120px}.w-\[200px\]{width:200px}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-md{max-width:var(--container-md)}.flex-1{flex:1}.-translate-y-1\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.cursor-not-allowed{cursor:not-allowed}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-2{gap:calc(var(--spacing)*2)}.gap-8{gap:calc(var(--spacing)*8)}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse))}}.space-y-8{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*8*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*8*var(--tw-space-y-reverse))}}.rounded-\[8px\]{border-radius:8px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-gray-600{border-color:var(--color-gray-600)}.border-primary-400{border-color:var(--color-primary-400)}.border-white{border-color:var(--color-white)}.border-yellow-100{border-color:var(--color-yellow-100)}.border-yellow-400{border-color:var(--color-yellow-400)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-primary-400{background-color:var(--color-primary-400)}.bg-transparent{background-color:transparent}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.pr-3{padding-right:calc(var(--spacing)*3)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-10{padding-left:calc(var(--spacing)*10)}.font-yds-wanted{font-family:var(--font-yds-wanted)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-black{color:var(--color-black)}.text-current{color:currentcolor}.text-gray-900{color:var(--color-gray-900)}.text-primary-400{color:var(--color-primary-400)}.text-white{color:var(--color-white)}.text-yellow-100{color:var(--color-yellow-100)}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.capitalize{text-transform:capitalize}.placeholder-gray-500{&::-moz-placeholder{color:var(--color-gray-500)}&::placeholder{color:var(--color-gray-500)}}.placeholder-primary-100{&::-moz-placeholder{color:var(--color-primary-100)}&::placeholder{color:var(--color-primary-100)}}.placeholder-primary-400{&::-moz-placeholder{color:var(--color-primary-400)}&::placeholder{color:var(--color-primary-400)}}.opacity-50{opacity:50%}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:from-purple-600{&:hover{@media (hover:hover){--tw-gradient-from:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}}}.hover\:to-pink-600{&:hover{@media (hover:hover){--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}}}.focus\:border-yellow-200{&:focus{border-color:var(--color-yellow-200)}}.focus\:border-yellow-500{&:focus{border-color:var(--color-yellow-500)}}}@import url("https://fastly.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css");@layer utilities{.bg-background-primary{background-color:var(--color-background-primary)}.bg-background-secondary{background-color:var(--color-background-secondary)}.bg-background-primary-layer{background-color:var(--color-background-primary-layer)}.bg-background-secondary-layer{background-color:var(--color-background-secondary-layer)}.text-primary-50{color:var(--color-primary-50)}.text-primary-100{color:var(--color-primary-100)}.text-primary-200{color:var(--color-primary-200)}.text-primary-300{color:var(--color-primary-300)}.text-primary-400{color:var(--color-primary-400)}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-100{background-color:var(--color-primary-100)}.bg-primary-200{background-color:var(--color-primary-200)}.bg-primary-300{background-color:var(--color-primary-300)}.bg-primary-400{background-color:var(--color-primary-400)}.border-primary-50{border-color:var(--color-primary-50)}.border-primary-100{border-color:var(--color-primary-100)}.border-primary-200{border-color:var(--color-primary-200)}.border-primary-300{border-color:var(--color-primary-300)}.border-primary-400{border-color:var(--color-primary-400)}.text-yds-h1{font-size:var(--font-size-yds-h1);font-weight:var(--font-weight-yds-h1);line-height:var(--line-height-yds-h1)}.text-yds-h2{font-size:var(--font-size-yds-h2);font-weight:var(--font-weight-yds-h2);line-height:var(--line-height-yds-h2)}.text-yds-s1{font-size:var(--font-size-yds-s1);font-weight:var(--font-weight-yds-s1);line-height:var(--line-height-yds-s1)}.text-yds-s2{font-size:var(--font-size-yds-s2);font-weight:var(--font-weight-yds-s2);line-height:var(--line-height-yds-s2)}.text-yds-b1{font-size:var(--font-size-yds-b1);font-weight:var(--font-weight-yds-b1);line-height:var(--line-height-yds-b1)}.text-yds-b2{font-size:var(--font-size-yds-b2);font-weight:var(--font-weight-yds-b2);line-height:var(--line-height-yds-b2)}.text-yds-c1m{font-size:var(--font-size-yds-c1m);font-weight:var(--font-weight-yds-c1m);line-height:var(--line-height-yds-c1m)}.text-yds-c1r{font-size:var(--font-size-yds-c1r);font-weight:var(--font-weight-yds-c1r);line-height:var(--line-height-yds-c1r)}.text-yds-c2r{font-size:var(--font-size-yds-c2r);font-weight:var(--font-weight-yds-c2r);line-height:var(--line-height-yds-c2r)}.font-yds-wanted{font-family:var(--font-yds-wanted)}}@layer components{.yds-button-typography{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-yds-wanted);font-size:var(--font-size-yds-s2);font-weight:var(--font-weight-yds-s2);height:calc(var(--spacing)*12);justify-content:center;line-height:var(--line-height-yds-s2)}.yds-input-typography{font-size:var(--font-size-yds-b2);font-weight:var(--font-weight-yds-b2);line-height:var(--line-height-yds-b2)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}

package/dist/index.d.ts

@@ -18,4 +18,18 @@ declare namespace Button {
     var displayName: string;
 }
 
-export { Button };
+declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "full" | null | undefined;
+    color?: "white" | "primary-400" | "primary-100" | null | undefined;
+    variant?: "search" | "input" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type InputProps = {
+    className?: string;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'color'> & VariantProps<typeof inputVariants>;
+declare function Input({ size, color, variant, className, disabled, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+declare namespace Input {
+    var displayName: string;
+}
+
+export { Button, Input };

package/dist/index.esm.js

@@ -1,2 +1,28 @@
-import{jsx as r}from"react/jsx-runtime";function a(r){var l,e,t="";if("string"==typeof r||"number"==typeof r)t+=r;else if("object"==typeof r)if(Array.isArray(r)){var n=r.length;for(l=0;l<n;l++)r[l]&&(e=a(r[l]))&&(t&&(t+=" "),t+=e)}else for(e in r)r[e]&&(t&&(t+=" "),t+=e);return t}const l=r=>"boolean"==typeof r?`${r}`:0===r?"0":r,e=function(){for(var r,l,e=0,t="",n=arguments.length;e<n;e++)(r=arguments[e])&&(l=a(r))&&(t&&(t+=" "),t+=l);return t},t=(n="yds-button-typography",i={variants:{size:{sm:"w-20",md:"w-[120px]",lg:"w-40",full:"w-full"},variant:{fill:"",outlined:"bg-transparent border-2"},color:{primary:""}},compoundVariants:[{variant:"fill",color:"primary",class:"bg-primary-400 text-black"},{variant:"outlined",color:"primary",class:"border-primary-400 text-primary-400"}],defaultVariants:{size:"md",variant:"fill",color:"primary"}},r=>{var a;if(null==(null==i?void 0:i.variants))return e(n,null==r?void 0:r.class,null==r?void 0:r.className);const{variants:t,defaultVariants:o}=i,s=Object.keys(t).map(a=>{const e=null==r?void 0:r[a],n=null==o?void 0:o[a];if(null===e)return null;const i=l(e)||l(n);return t[a][i]}),u=r&&Object.entries(r).reduce((r,a)=>{let[l,e]=a;return void 0===e||(r[l]=e),r},{}),c=null==i||null===(a=i.compoundVariants)||void 0===a?void 0:a.reduce((r,a)=>{let{class:l,className:e,...t}=a;return Object.entries(t).every(r=>{let[a,l]=r;return Array.isArray(l)?l.includes({...o,...u}[a]):{...o,...u}[a]===l})?[...r,l,e]:r},[]);return e(n,s,c,null==r?void 0:r.class,null==r?void 0:r.className)});var n,i;function o({size:a="md",variant:l,color:e,children:n,className:i="",ref:o,...s}){return r("button",{ref:o,className:t({size:a,variant:l,color:e,className:i}),tabIndex:0,"aria-label":s["aria-label"]||("string"==typeof n?n:"button"),...s,children:n})}o.displayName="Button";export{o as Button};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{forwardRef as a,createElement as t}from"react";function l(r){var e,a,t="";if("string"==typeof r||"number"==typeof r)t+=r;else if("object"==typeof r)if(Array.isArray(r)){var i=r.length;for(e=0;e<i;e++)r[e]&&(a=l(r[e]))&&(t&&(t+=" "),t+=a)}else for(a in r)r[a]&&(t&&(t+=" "),t+=a);return t}const i=r=>"boolean"==typeof r?`${r}`:0===r?"0":r,o=function(){for(var r,e,a=0,t="",i=arguments.length;a<i;a++)(r=arguments[a])&&(e=l(r))&&(t&&(t+=" "),t+=e);return t},s=(r,e)=>a=>{var t;if(null==(null==e?void 0:e.variants))return o(r,null==a?void 0:a.class,null==a?void 0:a.className);const{variants:l,defaultVariants:s}=e,n=Object.keys(l).map(r=>{const e=null==a?void 0:a[r],t=null==s?void 0:s[r];if(null===e)return null;const o=i(e)||i(t);return l[r][o]}),c=a&&Object.entries(a).reduce((r,e)=>{let[a,t]=e;return void 0===t||(r[a]=t),r},{}),d=null==e||null===(t=e.compoundVariants)||void 0===t?void 0:t.reduce((r,e)=>{let{class:a,className:t,...l}=e;return Object.entries(l).every(r=>{let[e,a]=r;return Array.isArray(a)?a.includes({...s,...c}[e]):{...s,...c}[e]===a})?[...r,a,t]:r},[]);return o(r,n,d,null==a?void 0:a.class,null==a?void 0:a.className)},n=s("yds-button-typography",{variants:{size:{sm:"w-20",md:"w-[120px]",lg:"w-40",full:"w-full"},variant:{fill:"",outlined:"bg-transparent border-2"},color:{primary:""}},compoundVariants:[{variant:"fill",color:"primary",class:"bg-primary-400 text-black"},{variant:"outlined",color:"primary",class:"border-primary-400 text-primary-400"}],defaultVariants:{size:"md",variant:"fill",color:"primary"}});function c({size:e="md",variant:a,color:t,children:l,className:i="",ref:o,...s}){return r("button",{ref:o,className:n({size:e,variant:a,color:t,className:i}),tabIndex:0,"aria-label":s["aria-label"]||("string"==typeof l?l:"button"),...s,children:l})}c.displayName="Button";
+/**
+ * @license lucide-react v0.542.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const d=r=>{const e=(r=>r.replace(/^([A-Z])|[\s-_]+(\w)/g,(r,e,a)=>a?a.toUpperCase():e.toLowerCase()))(r);return e.charAt(0).toUpperCase()+e.slice(1)},u=(...r)=>r.filter((r,e,a)=>Boolean(r)&&""!==r.trim()&&a.indexOf(r)===e).join(" ").trim(),p=r=>{for(const e in r)if(e.startsWith("aria-")||"role"===e||"title"===e)return!0};
+/**
+ * @license lucide-react v0.542.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var m={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};
+/**
+ * @license lucide-react v0.542.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const y=a(({color:r="currentColor",size:e=24,strokeWidth:a=2,absoluteStrokeWidth:l,className:i="",children:o,iconNode:s,...n},c)=>t("svg",{ref:c,...m,width:e,height:e,stroke:r,strokeWidth:l?24*Number(a)/Number(e):a,className:u("lucide",i),...!o&&!p(n)&&{"aria-hidden":"true"},...n},[...s.map(([r,e])=>t(r,e)),...Array.isArray(o)?o:[o]])),f=((r,e)=>{const l=a(({className:a,...l},i)=>{return t(y,{ref:i,iconNode:e,className:u(`lucide-${o=d(r),o.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${r}`,a),...l});var o});return l.displayName=d(r),l})("search",[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]]),v=s("relative",{variants:{color:{"primary-400":"text-yellow-400","primary-100":"text-yellow-100",white:"text-white"}}}),b=s("yds-input-typography h-12 rounded-[8px] border-2 pr-3",{variants:{size:{sm:"w-[200px]",md:"w-[300px]",lg:"w-[400px]",full:"w-full"},color:{white:"border-white bg-transparent text-gray-900 placeholder-gray-500","primary-400":"border-yellow-400 bg-transparent text-gray-900 placeholder-primary-400 focus:border-yellow-500","primary-100":"border-yellow-100 bg-transparent text-gray-900 placeholder-primary-100 focus:border-yellow-200"},variant:{search:"pl-10",input:"pl-3"},disabled:{true:"opacity-50 cursor-not-allowed bg-gray-100",false:""}},defaultVariants:{size:"md",color:"primary-100",variant:"input",disabled:!1}});
+/**
+ * @license lucide-react v0.542.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */function h({size:a,color:t,variant:l,className:i="",disabled:o,...s}){return e("div",{className:v({color:t}),children:["search"===l&&r(f,{"aria-hidden":!0,className:"absolute left-3 top-1/2 -translate-y-1/2 w-6 h-6 text-current"}),r("input",{className:b({size:a,color:t,variant:l,disabled:o,className:i}),disabled:o,...s})]})}h.displayName="Input";export{c as Button,h as Input};
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","../src/components/Button/Button.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n        var _config_compoundVariants;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants, defaultVariants } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n\n",null],"names":["r","e","t","f","n","Array","isArray","o","length","falsyToString","value","cx","arguments","buttonVariants","base","config","variants","size","sm","md","lg","full","variant","fill","outlined","color","primary","compoundVariants","class","defaultVariants","props","_config_compoundVariants","className","getVariantClassNames","Object","keys","map","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","entries","reduce","acc","param","key","undefined","getCompoundVariantClassNames","cvClass","cvClassName","compoundVariantOptions","every","includes","Button","children","ref","_jsx","tabIndex","displayName"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"index.esm.js","sources":["../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","../src/components/Button/Button.tsx","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/shared/src/utils.js","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/defaultAttributes.js","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/Icon.js","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/search.js","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/createLucideIcon.js","../src/components/Input/Input.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n        var _config_compoundVariants;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants, defaultVariants } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n\n",null,"/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n  /^([A-Z])|[\\s-_]+(\\w)/g,\n  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n  const camelCase = toCamelCase(string);\n  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n  return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\nconst hasA11yProp = (props) => {\n  for (const prop in props) {\n    if (prop.startsWith(\"aria-\") || prop === \"role\" || prop === \"title\") {\n      return true;\n    }\n  }\n};\n\nexport { hasA11yProp, mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.js.map\n","/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: 24,\n  height: 24,\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  strokeWidth: 2,\n  strokeLinecap: \"round\",\n  strokeLinejoin: \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.js.map\n","/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport defaultAttributes from './defaultAttributes.js';\nimport { mergeClasses, hasA11yProp } from './shared/src/utils.js';\n\nconst Icon = forwardRef(\n  ({\n    color = \"currentColor\",\n    size = 24,\n    strokeWidth = 2,\n    absoluteStrokeWidth,\n    className = \"\",\n    children,\n    iconNode,\n    ...rest\n  }, ref) => createElement(\n    \"svg\",\n    {\n      ref,\n      ...defaultAttributes,\n      width: size,\n      height: size,\n      stroke: color,\n      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n      className: mergeClasses(\"lucide\", className),\n      ...!children && !hasA11yProp(rest) && { \"aria-hidden\": \"true\" },\n      ...rest\n    },\n    [\n      ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n      ...Array.isArray(children) ? children : [children]\n    ]\n  )\n);\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.js.map\n","/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"m21 21-4.34-4.34\", key: \"14j7rj\" }],\n  [\"circle\", { cx: \"11\", cy: \"11\", r: \"8\", key: \"4ej97u\" }]\n];\nconst Search = createLucideIcon(\"search\", __iconNode);\n\nexport { __iconNode, Search as default };\n//# sourceMappingURL=search.js.map\n","/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport { mergeClasses, toKebabCase, toPascalCase } from './shared/src/utils.js';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => {\n  const Component = forwardRef(\n    ({ className, ...props }, ref) => createElement(Icon, {\n      ref,\n      iconNode,\n      className: mergeClasses(\n        `lucide-${toKebabCase(toPascalCase(iconName))}`,\n        `lucide-${iconName}`,\n        className\n      ),\n      ...props\n    })\n  );\n  Component.displayName = toPascalCase(iconName);\n  return Component;\n};\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.js.map\n",null],"names":["r","e","t","f","n","Array","isArray","o","length","falsyToString","value","cx","arguments","cva","base","config","props","_config_compoundVariants","variants","class","className","defaultVariants","getVariantClassNames","Object","keys","map","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","entries","reduce","acc","param","key","undefined","getCompoundVariantClassNames","compoundVariants","cvClass","cvClassName","compoundVariantOptions","every","includes","buttonVariants","size","sm","md","lg","full","fill","outlined","color","primary","Button","children","ref","_jsx","tabIndex","displayName","toPascalCase","string","camelCase","replace","match","p1","p2","toUpperCase","toLowerCase","toCamelCase","charAt","slice","mergeClasses","classes","filter","index","array","Boolean","trim","indexOf","join","hasA11yProp","prop","startsWith","defaultAttributes","xmlns","width","height","viewBox","stroke","strokeWidth","strokeLinecap","strokeLinejoin","Icon","forwardRef","absoluteStrokeWidth","iconNode","rest","createElement","Number","tag","attrs","Search","iconName","Component","createLucideIcon","d","cy","wrapperVariants","white","inputVariants","search","input","disabled","true","false","Input","_jsxs"],"mappings":"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","x_google_ignoreList":[0,1,3,4,5,6,7]}

package/dist/types/components/Input/Input.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 작성자: KYD
+ * 기능: 사용자 입력을 받는 기본 입력 필드 컴포넌트
+ * 프로세스 설명: 검색, 텍스트 입력, 폼 입력 등에 사용
+ */
+import React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "full" | null | undefined;
+    color?: "primary-400" | "primary-100" | "white" | null | undefined;
+    variant?: "search" | "input" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type InputSize = VariantProps<typeof inputVariants>['size'];
+export type InputColor = VariantProps<typeof inputVariants>['color'];
+export type InputVariant = VariantProps<typeof inputVariants>['variant'];
+export type InputProps = {
+    className?: string;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'color'> & VariantProps<typeof inputVariants>;
+export declare function Input({ size, color, variant, className, disabled, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Input {
+    var displayName: string;
+}
+export {};

package/dist/types/components/Input/Input.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Input } from './Input';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Default: Story;
+export declare const AllVariants: Story;

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export { Button } from './components/Button/Button';
+export { Input } from './components/Input/Input';
 import './styles/globals.css';

package/package.json

@@ -1,82 +1,80 @@
-{
-  "name": "@youngduck/yd-ui",
-  "version": "0.1.5",
-  "type": "module",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./styles": "./dist/index.css",
-    "./dist/*": "./dist/*",
-    "./package.json": "./package.json"
-  },
-  "files": [
-    "dist",
-    "dist/index.css"
-  ],
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.26.3",
-    "@chromatic-com/storybook": "^3.2.3",
-    "@eslint/js": "^9.32.0",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.2",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^16.0.0",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.2",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.4.7",
-    "@types/react": "^19.0.2",
-    "@types/react-dom": "^19.0.2",
-    "autoprefixer": "^10.4.19",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.0",
-    "eslint": "^9.32.0",
-    "eslint-config-prettier": "^10.1.8",
-    "globals": "^16.3.0",
-    "jiti": "^2.5.1",
-    "prettier": "^3.6.2",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "rollup": "^4.29.1",
-    "rollup-plugin-dts": "^6.1.1",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "storybook": "^8.4.7",
-    "tslib": "^2.8.1",
-    "typescript": "^5.7.2",
-    "typescript-eslint": "^8.38.0"
-  },
-  "dependencies": {
-    "@tailwindcss/postcss": "^4.1.11",
-    "postcss": "^8.5.6",
-    "tailwindcss": "^4.1.11"
-  },
-  "scripts": {
-    "build": "rollup -c",
-    "watch": "rollup -c -w",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "lint": "eslint src --ext .js,.jsx,.ts,.tsx",
-    "lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
-    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
-    "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx}\"",
-    "check": "npm run lint && npm run format:check"
-  }
-}
+{
+  "name": "@youngduck/yd-ui",
+  "version": "0.3.2",
+  "type": "module",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles": "./dist/index.css",
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json"
+  },
+  "files": ["dist", "dist/index.css"],
+  "scripts": {
+    "build": "rollup -c",
+    "watch": "rollup -c -w",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "lint": "eslint src --ext .js,.jsx,.ts,.tsx",
+    "lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
+    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
+    "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx}\"",
+    "check": "npm run lint && npm run format:check"
+  },
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.26.3",
+    "@chromatic-com/storybook": "^3.2.3",
+    "@eslint/js": "^9.32.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
+    "autoprefixer": "^10.4.19",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.0",
+    "eslint": "^9.32.0",
+    "eslint-config-prettier": "^10.1.8",
+    "globals": "^16.3.0",
+    "jiti": "^2.5.1",
+    "prettier": "^3.6.2",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "rollup": "^4.29.1",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "storybook": "^8.4.7",
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.38.0"
+  },
+  "dependencies": {
+    "@tailwindcss/postcss": "^4.1.11",
+    "lucide-react": "^0.542.0",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.1.11"
+  }
+}