@youngduck/yd-ui 0.1.3 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +222 -202
  2. package/dist/index.cjs.js +1 -1
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.css +1 -1
  5. package/dist/index.esm.js +1 -1
  6. package/dist/index.esm.js.map +1 -1
  7. package/package.json +82 -76
package/README.md CHANGED
@@ -1,202 +1,222 @@
1
- # @youngduck/yd-ui
2
-
3
- Tailwind CSS와 CVA(Class Variance Authority) 기반의 현대적인 Headless UI 컴포넌트 라이브러리
4
-
5
- ## ✨ 특징
6
-
7
- - **Headless 컴포넌트** - 완전한 스타일링 자유도와 커스터마이징 가능
8
- - **CVA 기반 Variant 시스템** - primary, secondary, ghost 등 다양한 스타일 변형 지원
9
- - **Tailwind CSS 최적화** - 효율적인 클래스 관리와 번들 사이즈 최적화
10
- - **Design Token 동기화** - 피그마 Variables와 자동 동기화
11
- - **완전한 TypeScript 지원** - 타입 안전성과 개발자 경험 향상
12
- - **접근성 중심** - WAI-ARIA 가이드라인 준수
13
- - **트리 쉐이킹** - 사용하는 컴포넌트만 번들에 포함
14
-
15
- ## 📦 설치
16
-
17
- ```bash
18
- npm install @youngduck/yd-ui
19
- # 또는
20
- yarn add @youngduck/yd-ui
21
- # 또는
22
- pnpm add @youngduck/yd-ui
23
- ```
24
-
25
- ## 🚀 사용법
26
-
27
- ### 기본 사용
28
-
29
- ```tsx
30
- import { Button } from "@youngduck/yd-ui";
31
-
32
- export function App() {
33
- return (
34
- <div>
35
- <Button variant="primary" size="md">
36
- Primary Button
37
- </Button>
38
- <Button variant="secondary" size="sm">
39
- Secondary Button
40
- </Button>
41
- </div>
42
- );
43
- }
44
- ```
45
-
46
- ### Variant 시스템
47
-
48
- 모든 컴포넌트는 CVA를 활용한 강력한 variant 시스템을 제공합니다:
49
-
50
- ```tsx
51
- // Button 컴포넌트 variant 예시
52
- <Button variant="primary">주요 버튼</Button>
53
- <Button variant="secondary">보조 버튼</Button>
54
- <Button variant="outline">외곽선 버튼</Button>
55
- <Button variant="ghost">고스트 버튼</Button>
56
- <Button variant="destructive">삭제 버튼</Button>
57
-
58
- // 크기 조절
59
- <Button size="sm">작은 버튼</Button>
60
- <Button size="md">보통 버튼</Button>
61
- <Button size="lg">큰 버튼</Button>
62
-
63
- // 조합 사용
64
- <Button variant="outline" size="lg" disabled>
65
- 비활성화된 큰 외곽선 버튼
66
- </Button>
67
- ```
68
-
69
- ### 커스텀 스타일링
70
-
71
- Headless 설계로 완전한 커스터마이징이 가능합니다:
72
-
73
- ```tsx
74
- import { Button } from "@youngduck/yd-ui";
75
- import { cn } from "@/lib/utils";
76
-
77
- export function CustomButton() {
78
- return (
79
- <Button
80
- variant="ghost"
81
- className={cn(
82
- "bg-gradient-to-r from-purple-500 to-pink-500",
83
- "hover:from-purple-600 hover:to-pink-600",
84
- "text-white shadow-lg"
85
- )}
86
- >
87
- 커스텀 그라데이션 버튼
88
- </Button>
89
- );
90
- }
91
- ```
92
-
93
- ## 🎨 Design Token 시스템
94
-
95
- 피그마 Variables와 동기화된 일관된 디자인 토큰을 제공합니다:
96
-
97
- ```css
98
- /* 색상 팔레트 */
99
- --primary: 216 100% 50%;
100
- --secondary: 214 32% 91%;
101
- --destructive: 0 85% 60%;
102
- --muted: 210 40% 98%;
103
-
104
- /* 타이포그래피 */
105
- --font-sans: "Inter", sans-serif;
106
- --text-sm: 0.875rem;
107
- --text-base: 1rem;
108
- --text-lg: 1.125rem;
109
-
110
- /* 간격 시스템 */
111
- --spacing-1: 0.25rem;
112
- --spacing-2: 0.5rem;
113
- --spacing-4: 1rem;
114
- ```
115
-
116
- ## 📖 컴포넌트 카탈로그
117
-
118
- ### 기본 컴포넌트
119
-
120
- - `Button` - 다양한 variant와 크기를 지원하는 버튼
121
- - `Input` - 텍스트 입력 필드
122
- - `Label` - 접근성을 고려한 라벨
123
- - `Badge` - 상태 표시용 배지
124
-
125
- ### 레이아웃 컴포넌트
126
-
127
- - `Card` - 콘텐츠 그룹핑용 카드
128
- - `Separator` - 구분선
129
- - `Container` - 반응형 컨테이너
130
-
131
- ### 폼 컴포넌트
132
-
133
- - `Form` - 폼 래퍼 및 검증
134
- - `Select` - 드롭다운 선택
135
- - `Checkbox` - 체크박스
136
- - `RadioGroup` - 라디오 버튼 그룹
137
-
138
- ### 피드백 컴포넌트
139
-
140
- - `Toast` - 알림 메시지
141
- - `Alert` - 경고 및 정보 표시
142
- - `Progress` - 진행률 표시
143
-
144
- ## 🛠️ 개발 환경 설정
145
-
146
- ### Tailwind CSS 설정
147
-
148
- `tailwind.config.js`에 다음을 추가하세요:
149
-
150
- ```js
151
- module.exports = {
152
- content: [
153
- "./node_modules/@youngduck/yd-ui/dist/**/*.{js,ts,jsx,tsx}",
154
- // ... 기타 경로
155
- ],
156
- theme: {
157
- extend: {
158
- // yd-ui preset이 자동으로 적용됩니다
159
- },
160
- },
161
- plugins: [],
162
- };
163
- ```
164
-
165
- ### TypeScript 설정
166
-
167
- 완전한 타입 지원을 위한 설정:
168
-
169
- ```json
170
- {
171
- "compilerOptions": {
172
- "moduleResolution": "node",
173
- "allowSyntheticDefaultImports": true,
174
- "esModuleInterop": true
175
- }
176
- }
177
- ```
178
-
179
- ## 🤝 기여하기
180
-
181
- 기여를 환영합니다! 다음 단계를 따라주세요:
182
-
183
- 1. 저장소를 포크합니다
184
- 2. 기능 브랜치를 생성합니다 (`git checkout -b feature/amazing-feature`)
185
- 3. 변경사항을 커밋합니다 (`git commit -m 'Add amazing feature'`)
186
- 4. 브랜치에 푸시합니다 (`git push origin feature/amazing-feature`)
187
- 5. Pull Request를 생성합니다
188
-
189
- ## 📝 라이선스
190
-
191
- MIT 라이선스 하에 배포됩니다. 자세한 내용은 `LICENSE` 파일을 참조하세요.
192
-
193
- ## 🔗 링크
194
-
195
- - [공식 문서](https://yd-ui.youngduck.dev)
196
- - [Storybook](https://storybook.yd-ui.youngduck.dev)
197
- - [피그마 디자인 시스템](https://figma.com/youngduck-design-system)
198
- - [GitHub](https://github.com/youngduck/yd-ui)
199
-
200
- ---
201
-
202
- **@youngduck/yd-ui**로 더 나은 사용자 경험을 만들어보세요! 🚀
1
+ # @youngduck/yd-ui
2
+
3
+ Tailwind CSS와 CVA(Class Variance Authority) 기반의 현대적인 Headless UI 컴포넌트 라이브러리
4
+
5
+ ## ✨ 특징
6
+
7
+ - **Headless 컴포넌트** - 완전한 스타일링 자유도와 커스터마이징 가능
8
+ - **CVA 기반 Variant 시스템** - primary, secondary, ghost 등 다양한 스타일 변형 지원
9
+ - **Tailwind CSS 최적화** - 효율적인 클래스 관리와 번들 사이즈 최적화
10
+ - **Design Token 동기화** - 피그마 Variables와 자동 동기화
11
+ - **완전한 TypeScript 지원** - 타입 안전성과 개발자 경험 향상
12
+ - **접근성 중심** - WAI-ARIA 가이드라인 준수
13
+ - **트리 쉐이킹** - 사용하는 컴포넌트만 번들에 포함
14
+
15
+ ## 📦 설치
16
+
17
+ ```bash
18
+ npm install @youngduck/yd-ui
19
+ # 또는
20
+ yarn add @youngduck/yd-ui
21
+ # 또는
22
+ pnpm add @youngduck/yd-ui
23
+ ```
24
+
25
+ ## 🎨 CSS 스타일 적용
26
+
27
+ YD-UI를 사용하기 위해서는 CSS 파일을 import해야 합니다:
28
+
29
+ ### 방법 1: CSS 파일에서 import (권장)
30
+ ```css
31
+ /* your-global-styles.css */
32
+ @import "@youngduck/yd-ui/styles";
33
+ ```
34
+
35
+ ### 방법 2: JavaScript/TypeScript에서 import
36
+ ```typescript
37
+ // App.tsx 또는 main.tsx
38
+ import "@youngduck/yd-ui/styles";
39
+ ```
40
+
41
+ ### 방법 3: 직접 경로 지정
42
+ ```css
43
+ @import "@youngduck/yd-ui/dist/index.css";
44
+ ```
45
+
46
+ ## 🚀 사용법
47
+
48
+ ### 기본 사용
49
+
50
+ ```tsx
51
+ import { Button } from "@youngduck/yd-ui";
52
+
53
+ export function App() {
54
+ return (
55
+ <div>
56
+ <Button variant="fill" color="primary" size="md">
57
+ Primary Button
58
+ </Button>
59
+ <Button variant="outlined" color="primary" size="sm">
60
+ Outlined Button
61
+ </Button>
62
+ </div>
63
+ );
64
+ }
65
+ ```
66
+
67
+ ### Variant 시스템
68
+
69
+ 모든 컴포넌트는 CVA를 활용한 강력한 variant 시스템을 제공합니다:
70
+
71
+ ```tsx
72
+ // Button 컴포넌트 variant 예시
73
+ <Button variant="fill" color="primary">채움 버튼</Button>
74
+ <Button variant="outlined" color="primary">외곽선 버튼</Button>
75
+
76
+ // 크기 조절
77
+ <Button size="sm">작은 버튼</Button>
78
+ <Button size="md">보통 버튼</Button>
79
+ <Button size="lg">큰 버튼</Button>
80
+ <Button size="full">전체 너비 버튼</Button>
81
+
82
+ // 조합 사용
83
+ <Button variant="outlined" color="primary" size="lg" disabled>
84
+ 비활성화된 큰 외곽선 버튼
85
+ </Button>
86
+ ```
87
+
88
+ ### 커스텀 스타일링
89
+
90
+ Headless 설계로 완전한 커스터마이징이 가능합니다:
91
+
92
+ ```tsx
93
+ import { Button } from "@youngduck/yd-ui";
94
+ import { cn } from "@/lib/utils";
95
+
96
+ export function CustomButton() {
97
+ return (
98
+ <Button
99
+ variant="fill"
100
+ color="primary"
101
+ className={cn(
102
+ "bg-gradient-to-r from-purple-500 to-pink-500",
103
+ "hover:from-purple-600 hover:to-pink-600",
104
+ "text-white shadow-lg"
105
+ )}
106
+ >
107
+ 커스텀 그라데이션 버튼
108
+ </Button>
109
+ );
110
+ }
111
+ ```
112
+
113
+ ## 🎨 Design Token 시스템
114
+
115
+ 피그마 Variables와 동기화된 일관된 디자인 토큰을 제공합니다:
116
+
117
+ ```css
118
+ /* 색상 팔레트 */
119
+ --primary: 216 100% 50%;
120
+ --secondary: 214 32% 91%;
121
+ --destructive: 0 85% 60%;
122
+ --muted: 210 40% 98%;
123
+
124
+ /* 타이포그래피 */
125
+ --font-sans: "Inter", sans-serif;
126
+ --text-sm: 0.875rem;
127
+ --text-base: 1rem;
128
+ --text-lg: 1.125rem;
129
+
130
+ /* 간격 시스템 */
131
+ --spacing-1: 0.25rem;
132
+ --spacing-2: 0.5rem;
133
+ --spacing-4: 1rem;
134
+ ```
135
+
136
+ ## 📖 컴포넌트 카탈로그
137
+
138
+ ### 기본 컴포넌트
139
+
140
+ - `Button` - 다양한 variant와 크기를 지원하는 버튼
141
+ - `Input` - 텍스트 입력 필드
142
+ - `Label` - 접근성을 고려한 라벨
143
+ - `Badge` - 상태 표시용 배지
144
+
145
+ ### 레이아웃 컴포넌트
146
+
147
+ - `Card` - 콘텐츠 그룹핑용 카드
148
+ - `Separator` - 구분선
149
+ - `Container` - 반응형 컨테이너
150
+
151
+ ### 폼 컴포넌트
152
+
153
+ - `Form` - 폼 래퍼 및 검증
154
+ - `Select` - 드롭다운 선택
155
+ - `Checkbox` - 체크박스
156
+ - `RadioGroup` - 라디오 버튼 그룹
157
+
158
+ ### 피드백 컴포넌트
159
+
160
+ - `Toast` - 알림 메시지
161
+ - `Alert` - 경고 및 정보 표시
162
+ - `Progress` - 진행률 표시
163
+
164
+ ## 🛠️ 개발 환경 설정
165
+
166
+ ### Tailwind CSS 설정
167
+
168
+ `tailwind.config.js`에 다음을 추가하세요:
169
+
170
+ ```js
171
+ module.exports = {
172
+ content: [
173
+ "./node_modules/@youngduck/yd-ui/dist/**/*.{js,ts,jsx,tsx}",
174
+ // ... 기타 경로
175
+ ],
176
+ theme: {
177
+ extend: {
178
+ // yd-ui preset이 자동으로 적용됩니다
179
+ },
180
+ },
181
+ plugins: [],
182
+ };
183
+ ```
184
+
185
+ ### TypeScript 설정
186
+
187
+ 완전한 타입 지원을 위한 설정:
188
+
189
+ ```json
190
+ {
191
+ "compilerOptions": {
192
+ "moduleResolution": "node",
193
+ "allowSyntheticDefaultImports": true,
194
+ "esModuleInterop": true
195
+ }
196
+ }
197
+ ```
198
+
199
+ ## 🤝 기여하기
200
+
201
+ 기여를 환영합니다! 다음 단계를 따라주세요:
202
+
203
+ 1. 저장소를 포크합니다
204
+ 2. 기능 브랜치를 생성합니다 (`git checkout -b feature/amazing-feature`)
205
+ 3. 변경사항을 커밋합니다 (`git commit -m 'Add amazing feature'`)
206
+ 4. 브랜치에 푸시합니다 (`git push origin feature/amazing-feature`)
207
+ 5. Pull Request를 생성합니다
208
+
209
+ ## 📝 라이선스
210
+
211
+ MIT 라이선스 하에 배포됩니다. 자세한 내용은 `LICENSE` 파일을 참조하세요.
212
+
213
+ ## 🔗 링크
214
+
215
+ - [공식 문서](https://yd-ui.youngduck.dev)
216
+ - [Storybook](https://storybook.yd-ui.youngduck.dev)
217
+ - [피그마 디자인 시스템](https://figma.com/youngduck-design-system)
218
+ - [GitHub](https://github.com/youngduck/yd-ui)
219
+
220
+ ---
221
+
222
+ **@youngduck/yd-ui**로 더 나은 사용자 경험을 만들어보세요! 🚀
package/dist/index.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- "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;
1
+ "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;
2
2
  //# sourceMappingURL=index.cjs.js.map
package/dist/index.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs.js","sources":["../node_modules/clsx/dist/clsx.mjs","../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":"gDAAA,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,EEKzWS,GDYcC,ECZO,wBDYDC,ECZ0B,CAClDC,SAAU,CACRC,KAAM,CACJC,GAAI,OACJC,GAAI,YACJC,GAAI,OACJC,KAAM,UAERC,QAAS,CACPC,KAAM,GACNC,SAAU,2BAEZC,MAAO,CACLC,QAAS,KAGbC,iBAAkB,CAEhB,CACEL,QAAS,OACTG,MAAO,UACPG,MAAO,6BAGT,CACEN,QAAS,WACTG,MAAO,UACPG,MAAO,wCAGXC,gBAAiB,CACfZ,KAAM,KACNK,QAAS,OACTG,MAAO,YDrByBK,IAC5B,IAAIC,EACJ,GAAyE,OAApEhB,aAAuC,EAASA,EAAOC,UAAmB,OAAOL,EAAGG,EAAMgB,aAAqC,EAASA,EAAMF,MAAOE,aAAqC,EAASA,EAAME,WAC9M,MAAMhB,SAAEA,EAAQa,gBAAEA,GAAoBd,EAChCkB,EAAuBC,OAAOC,KAAKnB,GAAUoB,KAAKd,IACpD,MAAMe,EAAcP,aAAqC,EAASA,EAAMR,GAClEgB,EAAqBT,aAAyD,EAASA,EAAgBP,GAC7G,GAAoB,OAAhBe,EAAsB,OAAO,KACjC,MAAME,EAAa9B,EAAc4B,IAAgB5B,EAAc6B,GAC/D,OAAOtB,EAASM,GAASiB,EAAW,IAElCC,EAAwBV,GAASI,OAAOO,QAAQX,GAAOY,QAAO,CAACC,EAAKC,KACtE,IAAKC,EAAKnC,GAASkC,EACnB,YAAcE,IAAVpC,IAGJiC,EAAIE,GAAOnC,GAFAiC,CAGD,GACX,IACGI,EAA+BhC,SAAyG,QAAxDgB,EAA2BhB,EAAOY,wBAA2D,IAA7BI,OAA1E,EAAyHA,EAAyBW,QAAO,CAACC,EAAKC,KACvO,IAAMhB,MAAOoB,EAAShB,UAAWiB,KAAgBC,GAA2BN,EAC5E,OAAOV,OAAOO,QAAQS,GAAwBC,OAAOP,IACjD,IAAKC,EAAKnC,GAASkC,EACnB,OAAOvC,MAAMC,QAAQI,GAASA,EAAM0C,SAAS,IACtCvB,KACAW,GACLK,IAAQ,IACHhB,KACAW,GACJK,KAASnC,CAAK,IAChB,IACEiC,EACHK,EACAC,GACAN,CAAG,GACR,IACH,OAAOhC,EAAGG,EAAMmB,EAAsBc,EAA8BjB,aAAqC,EAASA,EAAMF,MAAOE,aAAqC,EAASA,EAAME,UAAU,GApClL,IAAClB,EAAMC,ECqCpB,SAAUsC,GAAOpC,KAAEA,EAAO,KAAIK,QAAEA,EAAOG,MAAEA,EAAK6B,SAAEA,EAAQtB,UAAEA,EAAY,GAAEuB,IAAEA,KAAQzB,IACtF,OACE0B,gBACED,IAAKA,EACLvB,UAAWnB,EAAe,CAAEI,OAAMK,UAASG,QAAOO,cAClDyB,SAAU,EAAC,aACC3B,EAAM,gBAAsC,iBAAbwB,EAAwBA,EAAW,aAC1ExB,EAEHwB,SAAAA,GAGP,CAEAD,EAAOK,YAAc","x_google_ignoreList":[0,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]}
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- /*! tailwindcss v4.1.11 | 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}:-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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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;--tw-outline-style:solid}}}
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}}}
package/dist/index.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- 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};
1
+ 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};
2
2
  //# sourceMappingURL=index.esm.js.map
package/dist/index.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":["../node_modules/clsx/dist/clsx.mjs","../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]}
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]}
package/package.json CHANGED
@@ -1,76 +1,82 @@
1
- {
2
- "name": "@youngduck/yd-ui",
3
- "version": "0.1.3",
4
- "type": "module",
5
- "main": "./dist/index.cjs.js",
6
- "module": "./dist/index.esm.js",
7
- "types": "./dist/index.d.ts",
8
- "exports": {
9
- ".": {
10
- "import": "./dist/index.esm.js",
11
- "require": "./dist/index.cjs.js",
12
- "types": "./dist/index.d.ts"
13
- }
14
- },
15
- "files": ["dist", "dist/index.css"],
16
- "scripts": {
17
- "build": "rollup -c",
18
- "watch": "rollup -c -w",
19
- "storybook": "storybook dev -p 6006",
20
- "build-storybook": "storybook build",
21
- "lint": "eslint src --ext .js,.jsx,.ts,.tsx",
22
- "lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
23
- "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
24
- "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx}\"",
25
- "check": "npm run lint && npm run format:check"
26
- },
27
- "peerDependencies": {
28
- "react": "^18.2.0",
29
- "react-dom": "^18.2.0"
30
- },
31
- "devDependencies": {
32
- "@babel/core": "^7.26.0",
33
- "@babel/preset-env": "^7.26.0",
34
- "@babel/preset-react": "^7.26.3",
35
- "@chromatic-com/storybook": "^3.2.3",
36
- "@eslint/js": "^9.32.0",
37
- "@rollup/plugin-babel": "^6.0.4",
38
- "@rollup/plugin-commonjs": "^28.0.2",
39
- "@rollup/plugin-json": "^6.1.0",
40
- "@rollup/plugin-node-resolve": "^16.0.0",
41
- "@rollup/plugin-terser": "^0.4.4",
42
- "@rollup/plugin-typescript": "^12.1.2",
43
- "@storybook/addon-essentials": "^8.4.7",
44
- "@storybook/addon-interactions": "^8.4.7",
45
- "@storybook/addon-onboarding": "^8.4.7",
46
- "@storybook/blocks": "^8.4.7",
47
- "@storybook/react": "^8.4.7",
48
- "@storybook/react-vite": "^8.4.7",
49
- "@storybook/test": "^8.4.7",
50
- "@types/react": "^19.0.2",
51
- "@types/react-dom": "^19.0.2",
52
- "autoprefixer": "^10.4.19",
53
- "class-variance-authority": "^0.7.1",
54
- "clsx": "^2.1.0",
55
- "eslint": "^9.32.0",
56
- "eslint-config-prettier": "^10.1.8",
57
- "globals": "^16.3.0",
58
- "jiti": "^2.5.1",
59
- "prettier": "^3.6.2",
60
- "react": "^19.0.0",
61
- "react-dom": "^19.0.0",
62
- "rollup": "^4.29.1",
63
- "rollup-plugin-dts": "^6.1.1",
64
- "rollup-plugin-peer-deps-external": "^2.2.4",
65
- "rollup-plugin-postcss": "^4.0.2",
66
- "storybook": "^8.4.7",
67
- "tslib": "^2.8.1",
68
- "typescript": "^5.7.2",
69
- "typescript-eslint": "^8.38.0"
70
- },
71
- "dependencies": {
72
- "@tailwindcss/postcss": "^4.1.11",
73
- "postcss": "^8.5.6",
74
- "tailwindcss": "^4.1.11"
75
- }
76
- }
1
+ {
2
+ "name": "@youngduck/yd-ui",
3
+ "version": "0.1.5",
4
+ "type": "module",
5
+ "main": "./dist/index.cjs.js",
6
+ "module": "./dist/index.esm.js",
7
+ "types": "./dist/index.d.ts",
8
+ "exports": {
9
+ ".": {
10
+ "import": "./dist/index.esm.js",
11
+ "require": "./dist/index.cjs.js",
12
+ "types": "./dist/index.d.ts"
13
+ },
14
+ "./styles": "./dist/index.css",
15
+ "./dist/*": "./dist/*",
16
+ "./package.json": "./package.json"
17
+ },
18
+ "files": [
19
+ "dist",
20
+ "dist/index.css"
21
+ ],
22
+ "peerDependencies": {
23
+ "react": "^18.2.0",
24
+ "react-dom": "^18.2.0"
25
+ },
26
+ "devDependencies": {
27
+ "@babel/core": "^7.26.0",
28
+ "@babel/preset-env": "^7.26.0",
29
+ "@babel/preset-react": "^7.26.3",
30
+ "@chromatic-com/storybook": "^3.2.3",
31
+ "@eslint/js": "^9.32.0",
32
+ "@rollup/plugin-babel": "^6.0.4",
33
+ "@rollup/plugin-commonjs": "^28.0.2",
34
+ "@rollup/plugin-json": "^6.1.0",
35
+ "@rollup/plugin-node-resolve": "^16.0.0",
36
+ "@rollup/plugin-terser": "^0.4.4",
37
+ "@rollup/plugin-typescript": "^12.1.2",
38
+ "@storybook/addon-essentials": "^8.4.7",
39
+ "@storybook/addon-interactions": "^8.4.7",
40
+ "@storybook/addon-onboarding": "^8.4.7",
41
+ "@storybook/blocks": "^8.4.7",
42
+ "@storybook/react": "^8.4.7",
43
+ "@storybook/react-vite": "^8.4.7",
44
+ "@storybook/test": "^8.4.7",
45
+ "@types/react": "^19.0.2",
46
+ "@types/react-dom": "^19.0.2",
47
+ "autoprefixer": "^10.4.19",
48
+ "class-variance-authority": "^0.7.1",
49
+ "clsx": "^2.1.0",
50
+ "eslint": "^9.32.0",
51
+ "eslint-config-prettier": "^10.1.8",
52
+ "globals": "^16.3.0",
53
+ "jiti": "^2.5.1",
54
+ "prettier": "^3.6.2",
55
+ "react": "^19.0.0",
56
+ "react-dom": "^19.0.0",
57
+ "rollup": "^4.29.1",
58
+ "rollup-plugin-dts": "^6.1.1",
59
+ "rollup-plugin-peer-deps-external": "^2.2.4",
60
+ "rollup-plugin-postcss": "^4.0.2",
61
+ "storybook": "^8.4.7",
62
+ "tslib": "^2.8.1",
63
+ "typescript": "^5.7.2",
64
+ "typescript-eslint": "^8.38.0"
65
+ },
66
+ "dependencies": {
67
+ "@tailwindcss/postcss": "^4.1.11",
68
+ "postcss": "^8.5.6",
69
+ "tailwindcss": "^4.1.11"
70
+ },
71
+ "scripts": {
72
+ "build": "rollup -c",
73
+ "watch": "rollup -c -w",
74
+ "storybook": "storybook dev -p 6006",
75
+ "build-storybook": "storybook build",
76
+ "lint": "eslint src --ext .js,.jsx,.ts,.tsx",
77
+ "lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
78
+ "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
79
+ "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx}\"",
80
+ "check": "npm run lint && npm run format:check"
81
+ }
82
+ }