@j-solution/components 1.0.0

package/assets/styles/themes.css

@@ -0,0 +1,337 @@
+/* tweakcn 테마 정의 */
+
+/* Default 테마 (기본) - :root에도 적용하여 기본값 제공 */
+:root,
+.theme-default {
+  --background: 0 0% 100%;
+  --foreground: 222.2 84% 4.9%;
+  --card: 0 0% 100%;
+  --card-foreground: 222.2 84% 4.9%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 222.2 84% 4.9%;
+  --primary: 222.2 47.4% 11.2%;
+  --primary-foreground: 210 40% 98%;
+  --secondary: 210 40% 96.1%;
+  --secondary-foreground: 222.2 47.4% 11.2%;
+  --muted: 210 40% 96.1%;
+  --muted-foreground: 215.4 16.3% 46.9%;
+  --accent: 210 40% 96.1%;
+  --accent-foreground: 222.2 47.4% 11.2%;
+  --destructive: 0 84.2% 60.2%;
+  --destructive-foreground: 210 40% 98%;
+  --border: 214.3 31.8% 91.4%;
+  --input: 214.3 31.8% 91.4%;
+  --ring: 222.2 84% 4.9%;
+}
+
+.theme-default.dark {
+  --background: 222.2 84% 4.9%;
+  --foreground: 210 40% 98%;
+  --card: 222.2 84% 4.9%;
+  --card-foreground: 210 40% 98%;
+  --popover: 222.2 84% 4.9%;
+  --popover-foreground: 210 40% 98%;
+  --primary: 210 40% 98%;
+  --primary-foreground: 222.2 47.4% 11.2%;
+  --secondary: 217.2 32.6% 17.5%;
+  --secondary-foreground: 210 40% 98%;
+  --muted: 217.2 32.6% 17.5%;
+  --muted-foreground: 215 20.2% 65.1%;
+  --accent: 217.2 32.6% 17.5%;
+  --accent-foreground: 210 40% 98%;
+  --destructive: 0 62.8% 30.6%;
+  --destructive-foreground: 210 40% 98%;
+  --border: 217.2 32.6% 17.5%;
+  --input: 217.2 32.6% 17.5%;
+  --ring: 212.7 26.8% 83.9%;
+}
+
+/* Slate 테마 */
+.theme-slate {
+  --background: 0 0% 100%;
+  --foreground: 222.2 47.4% 11.2%;
+  --card: 0 0% 100%;
+  --card-foreground: 222.2 47.4% 11.2%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 222.2 47.4% 11.2%;
+  --primary: 222.2 47.4% 11.2%;
+  --primary-foreground: 210 40% 98%;
+  --secondary: 210 40% 96.1%;
+  --secondary-foreground: 222.2 47.4% 11.2%;
+  --muted: 210 40% 96.1%;
+  --muted-foreground: 215.4 16.3% 46.9%;
+  --accent: 210 40% 96.1%;
+  --accent-foreground: 222.2 47.4% 11.2%;
+  --destructive: 0 84.2% 60.2%;
+  --destructive-foreground: 210 40% 98%;
+  --border: 214.3 31.8% 91.4%;
+  --input: 214.3 31.8% 91.4%;
+  --ring: 222.2 47.4% 11.2%;
+}
+
+.theme-slate.dark {
+  --background: 222.2 47.4% 11.2%;
+  --foreground: 210 40% 98%;
+  --card: 222.2 47.4% 11.2%;
+  --card-foreground: 210 40% 98%;
+  --popover: 222.2 47.4% 11.2%;
+  --popover-foreground: 210 40% 98%;
+  --primary: 210 40% 98%;
+  --primary-foreground: 222.2 47.4% 11.2%;
+  --secondary: 217.2 32.6% 17.5%;
+  --secondary-foreground: 210 40% 98%;
+  --muted: 217.2 32.6% 17.5%;
+  --muted-foreground: 215 20.2% 65.1%;
+  --accent: 217.2 32.6% 17.5%;
+  --accent-foreground: 210 40% 98%;
+  --destructive: 0 62.8% 30.6%;
+  --destructive-foreground: 210 40% 98%;
+  --border: 217.2 32.6% 17.5%;
+  --input: 217.2 32.6% 17.5%;
+  --ring: 212.7 26.8% 83.9%;
+}
+
+/* Rose 테마 */
+.theme-rose {
+  --background: 0 0% 100%;
+  --foreground: 240 10% 3.9%;
+  --card: 0 0% 100%;
+  --card-foreground: 240 10% 3.9%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 240 10% 3.9%;
+  --primary: 346.8 77.2% 49.8%;
+  --primary-foreground: 355.7 100% 97.3%;
+  --secondary: 240 4.8% 95.9%;
+  --secondary-foreground: 240 5.9% 10%;
+  --muted: 240 4.8% 95.9%;
+  --muted-foreground: 240 3.8% 46.1%;
+  --accent: 240 4.8% 95.9%;
+  --accent-foreground: 240 5.9% 10%;
+  --destructive: 0 84.2% 60.2%;
+  --destructive-foreground: 0 0% 98%;
+  --border: 240 5.9% 90%;
+  --input: 240 5.9% 90%;
+  --ring: 346.8 77.2% 49.8%;
+}
+
+.theme-rose.dark {
+  --background: 20 14.3% 4.1%;
+  --foreground: 0 0% 95%;
+  --card: 24 9.8% 10%;
+  --card-foreground: 0 0% 95%;
+  --popover: 0 0% 9%;
+  --popover-foreground: 0 0% 95%;
+  --primary: 346.8 77.2% 49.8%;
+  --primary-foreground: 355.7 100% 97.3%;
+  --secondary: 240 3.7% 15.9%;
+  --secondary-foreground: 0 0% 98%;
+  --muted: 0 0% 15%;
+  --muted-foreground: 240 5% 64.9%;
+  --accent: 12 6.5% 15.1%;
+  --accent-foreground: 0 0% 98%;
+  --destructive: 0 62.8% 30.6%;
+  --destructive-foreground: 0 85.7% 97.3%;
+  --border: 240 3.7% 15.9%;
+  --input: 240 3.7% 15.9%;
+  --ring: 346.8 77.2% 49.8%;
+}
+
+/* Blue 테마 */
+.theme-blue {
+  --background: 0 0% 100%;
+  --foreground: 222.2 84% 4.9%;
+  --card: 0 0% 100%;
+  --card-foreground: 222.2 84% 4.9%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 222.2 84% 4.9%;
+  --primary: 221.2 83.2% 53.3%;
+  --primary-foreground: 210 40% 98%;
+  --secondary: 210 40% 96.1%;
+  --secondary-foreground: 222.2 47.4% 11.2%;
+  --muted: 210 40% 96.1%;
+  --muted-foreground: 215.4 16.3% 46.9%;
+  --accent: 210 40% 96.1%;
+  --accent-foreground: 222.2 47.4% 11.2%;
+  --destructive: 0 84.2% 60.2%;
+  --destructive-foreground: 210 40% 98%;
+  --border: 214.3 31.8% 91.4%;
+  --input: 214.3 31.8% 91.4%;
+  --ring: 221.2 83.2% 53.3%;
+}
+
+.theme-blue.dark {
+  --background: 222.2 84% 4.9%;
+  --foreground: 210 40% 98%;
+  --card: 222.2 84% 4.9%;
+  --card-foreground: 210 40% 98%;
+  --popover: 222.2 84% 4.9%;
+  --popover-foreground: 210 40% 98%;
+  --primary: 217.2 91.2% 59.8%;
+  --primary-foreground: 222.2 47.4% 11.2%;
+  --secondary: 217.2 32.6% 17.5%;
+  --secondary-foreground: 210 40% 98%;
+  --muted: 217.2 32.6% 17.5%;
+  --muted-foreground: 215 20.2% 65.1%;
+  --accent: 217.2 32.6% 17.5%;
+  --accent-foreground: 210 40% 98%;
+  --destructive: 0 62.8% 30.6%;
+  --destructive-foreground: 210 40% 98%;
+  --border: 217.2 32.6% 17.5%;
+  --input: 217.2 32.6% 17.5%;
+  --ring: 224.3 76.3% 94.9%;
+}
+
+/* Green 테마 */
+.theme-green {
+  --background: 0 0% 100%;
+  --foreground: 240 10% 3.9%;
+  --card: 0 0% 100%;
+  --card-foreground: 240 10% 3.9%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 240 10% 3.9%;
+  --primary: 142.1 76.2% 36.3%;
+  --primary-foreground: 355.7 100% 97.3%;
+  --secondary: 240 4.8% 95.9%;
+  --secondary-foreground: 240 5.9% 10%;
+  --muted: 240 4.8% 95.9%;
+  --muted-foreground: 240 3.8% 46.1%;
+  --accent: 240 4.8% 95.9%;
+  --accent-foreground: 240 5.9% 10%;
+  --destructive: 0 84.2% 60.2%;
+  --destructive-foreground: 0 0% 98%;
+  --border: 240 5.9% 90%;
+  --input: 240 5.9% 90%;
+  --ring: 142.1 76.2% 36.3%;
+}
+
+.theme-green.dark {
+  --background: 20 14.3% 4.1%;
+  --foreground: 0 0% 95%;
+  --card: 24 9.8% 10%;
+  --card-foreground: 0 0% 95%;
+  --popover: 0 0% 9%;
+  --popover-foreground: 0 0% 95%;
+  --primary: 142.1 70.6% 45.3%;
+  --primary-foreground: 144.9 80.4% 10%;
+  --secondary: 240 3.7% 15.9%;
+  --secondary-foreground: 0 0% 98%;
+  --muted: 0 0% 15%;
+  --muted-foreground: 240 5% 64.9%;
+  --accent: 12 6.5% 15.1%;
+  --accent-foreground: 0 0% 98%;
+  --destructive: 0 62.8% 30.6%;
+  --destructive-foreground: 0 85.7% 97.3%;
+  --border: 240 3.7% 15.9%;
+  --input: 240 3.7% 15.9%;
+  --ring: 142.4 71.8% 29.2%;
+}
+
+/* ============================================
+   커스텀 테마 예시 (Custom Theme Examples)
+   ============================================
+   
+   아래는 커스텀 테마를 추가하는 방법의 예시입니다.
+   tweakcn에서 생성한 테마를 이 형식으로 변환하여 추가할 수 있습니다.
+   
+   사용 방법:
+   1. tweakcn (https://tweakcn.com)에서 원하는 테마 생성
+   2. 생성된 CSS 변수를 아래 형식으로 변환
+   3. .theme-{name} 클래스로 추가
+   4. 라이트/다크 모드 모두 정의
+   5. 코드 수정 없이 자동으로 JHeader의 테마 선택기에 표시됨
+   
+   주의사항:
+   - .theme-default 클래스는 반드시 포함되어야 합니다 (이미 위에 정의됨)
+   - 테마 이름은 영문, 숫자, 하이픈, 언더스코어만 사용 가능
+   ============================================ */
+
+/* 커스텀 테마 예시 1: Purple 테마 */
+.theme-purple {
+  --background: 0 0% 100%;
+  --foreground: 280 8.9% 10%;
+  --card: 0 0% 100%;
+  --card-foreground: 280 8.9% 10%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 280 8.9% 10%;
+  --primary: 280 91% 65%;
+  --primary-foreground: 0 0% 98%;
+  --secondary: 280 4.8% 95.9%;
+  --secondary-foreground: 280 5.9% 10%;
+  --muted: 280 4.8% 95.9%;
+  --muted-foreground: 280 3.8% 46.1%;
+  --accent: 280 4.8% 95.9%;
+  --accent-foreground: 280 5.9% 10%;
+  --destructive: 0 84.2% 60.2%;
+  --destructive-foreground: 0 0% 98%;
+  --border: 280 5.9% 90%;
+  --input: 280 5.9% 90%;
+  --ring: 280 91% 65%;
+}
+
+.theme-purple.dark {
+  --background: 280 10% 3.9%;
+  --foreground: 0 0% 95%;
+  --card: 280 10% 5%;
+  --card-foreground: 0 0% 95%;
+  --popover: 280 10% 3.9%;
+  --popover-foreground: 0 0% 95%;
+  --primary: 280 91% 65%;
+  --primary-foreground: 280 10% 3.9%;
+  --secondary: 280 3.7% 15.9%;
+  --secondary-foreground: 0 0% 98%;
+  --muted: 280 3.7% 15.9%;
+  --muted-foreground: 280 5% 64.9%;
+  --accent: 280 3.7% 15.9%;
+  --accent-foreground: 0 0% 98%;
+  --destructive: 0 62.8% 30.6%;
+  --destructive-foreground: 0 85.7% 97.3%;
+  --border: 280 3.7% 15.9%;
+  --input: 280 3.7% 15.9%;
+  --ring: 280 91% 65%;
+}
+
+/* 커스텀 테마 예시 2: Orange 테마 */
+.theme-orange {
+  --background: 0 0% 100%;
+  --foreground: 20 14.3% 4.1%;
+  --card: 0 0% 100%;
+  --card-foreground: 20 14.3% 4.1%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 20 14.3% 4.1%;
+  --primary: 24.6 95% 53.1%;
+  --primary-foreground: 60 9.1% 97.8%;
+  --secondary: 60 4.8% 95.9%;
+  --secondary-foreground: 20 5.9% 10%;
+  --muted: 60 4.8% 95.9%;
+  --muted-foreground: 25 5.3% 44.7%;
+  --accent: 60 4.8% 95.9%;
+  --accent-foreground: 20 5.9% 10%;
+  --destructive: 0 84.2% 60.2%;
+  --destructive-foreground: 60 9.1% 97.8%;
+  --border: 20 5.9% 90%;
+  --input: 20 5.9% 90%;
+  --ring: 24.6 95% 53.1%;
+}
+
+.theme-orange.dark {
+  --background: 20 14.3% 4.1%;
+  --foreground: 60 9.1% 97.8%;
+  --card: 20 14.3% 4.1%;
+  --card-foreground: 60 9.1% 97.8%;
+  --popover: 20 14.3% 4.1%;
+  --popover-foreground: 60 9.1% 97.8%;
+  --primary: 20.5 90.2% 48.2%;
+  --primary-foreground: 60 9.1% 97.8%;
+  --secondary: 12 6.5% 15.1%;
+  --secondary-foreground: 60 9.1% 97.8%;
+  --muted: 12 6.5% 15.1%;
+  --muted-foreground: 24 5.4% 63.9%;
+  --accent: 12 6.5% 15.1%;
+  --accent-foreground: 60 9.1% 97.8%;
+  --destructive: 0 62.8% 30.6%;
+  --destructive-foreground: 60 9.1% 97.8%;
+  --border: 12 6.5% 15.1%;
+  --input: 12 6.5% 15.1%;
+  --ring: 20.5 90.2% 48.2%;
+}
+

package/assets/vue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/components/atoms/JAvatar.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("../shadcn/Avatar.vue.cjs"),f=require("../shadcn/AvatarFallback.vue.cjs"),g=require("../shadcn/AvatarImage.vue.cjs"),p=e.defineComponent({__name:"JAvatar",props:{src:{},alt:{default:""},fallback:{default:"?"},class:{},styletype:{default:"default"},size:{default:"md"},shape:{default:"circle"},status:{}},setup(l){const s=l,r={default:{class:""},primary:{class:"bg-blue-500 text-white"},success:{class:"bg-green-500 text-white"},warning:{class:"bg-amber-500 text-white"},danger:{class:"bg-red-500 text-white"}},c={sm:{class:"h-8 w-8 text-xs"},md:{class:"h-10 w-10 text-sm"},lg:{class:"h-12 w-12 text-base"},xl:{class:"h-16 w-16 text-lg"}},n={circle:{class:"rounded-full"},square:{class:"rounded-none"},rounded:{class:"rounded-lg"}},u={online:{class:"ring-2 ring-green-500 ring-offset-2"},offline:{class:"ring-2 ring-gray-400 ring-offset-2"},away:{class:"ring-2 ring-yellow-500 ring-offset-2"},busy:{class:"ring-2 ring-red-500 ring-offset-2"}},o=e.computed(()=>{const t=r[s.styletype],a=c[s.size],i=n[s.shape],_=s.status?u[s.status]:{class:""};return{class:[t.class,a.class,i.class,_.class,s.class].filter(Boolean).join(" ")}});return(t,a)=>(e.openBlock(),e.createBlock(d.default,e.normalizeProps(e.guardReactiveProps(o.value)),{default:e.withCtx(()=>[s.src?(e.openBlock(),e.createBlock(g.default,{key:0,src:s.src,alt:s.alt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(f.default,{key:1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.fallback),1)]),_:1}))]),_:1},16))}});exports.default=p;
+//# sourceMappingURL=JAvatar.vue.cjs.map

package/components/atoms/JAvatar.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JAvatar.vue.cjs","sources":["../../../../src/components/atoms/JAvatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport Avatar from '@/components/shadcn/Avatar.vue'\r\nimport AvatarFallback from '@/components/shadcn/AvatarFallback.vue'\r\nimport AvatarImage from '@/components/shadcn/AvatarImage.vue'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'warning'   // 경고 스타일 (주황)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n\r\ntype Size = 'sm' | 'md' | 'lg' | 'xl'\r\n\r\ntype Shape = 'circle' | 'square' | 'rounded'\r\n\r\ntype Status = 'online' | 'offline' | 'away' | 'busy'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    src?: string\r\n    alt?: string\r\n    fallback?: string\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 아바타 크기 */\r\n    size?: Size\r\n    /** 아바타 모양 */\r\n    shape?: Shape\r\n    /** 상태 표시 */\r\n    status?: Status\r\n  }>(),\r\n  {\r\n    alt: '',\r\n    fallback: '?',\r\n    styletype: 'default',\r\n    size: 'md',\r\n    shape: 'circle',\r\n  },\r\n)\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  default: { class: '' },\r\n  primary: { \r\n    class: 'bg-blue-500 text-white',\r\n  },\r\n  success: { \r\n    class: 'bg-green-500 text-white',\r\n  },\r\n  warning: { \r\n    class: 'bg-amber-500 text-white',\r\n  },\r\n  danger: { \r\n    class: 'bg-red-500 text-white',\r\n  },\r\n}\r\n\r\n/**\r\n * size -> class 매핑\r\n */\r\nconst SIZE_PRESETS: Record<Size, { class: string }> = {\r\n  sm: { \r\n    class: 'h-8 w-8 text-xs',\r\n  },\r\n  md: { \r\n    class: 'h-10 w-10 text-sm',\r\n  },\r\n  lg: { \r\n    class: 'h-12 w-12 text-base',\r\n  },\r\n  xl: { \r\n    class: 'h-16 w-16 text-lg',\r\n  },\r\n}\r\n\r\n/**\r\n * shape -> class 매핑\r\n */\r\nconst SHAPE_PRESETS: Record<Shape, { class: string }> = {\r\n  circle: { \r\n    class: 'rounded-full',\r\n  },\r\n  square: { \r\n    class: 'rounded-none',\r\n  },\r\n  rounded: { \r\n    class: 'rounded-lg',\r\n  },\r\n}\r\n\r\n/**\r\n * status -> class 매핑\r\n */\r\nconst STATUS_PRESETS: Record<Status, { class: string }> = {\r\n  online: { \r\n    class: 'ring-2 ring-green-500 ring-offset-2',\r\n  },\r\n  offline: { \r\n    class: 'ring-2 ring-gray-400 ring-offset-2',\r\n  },\r\n  away: { \r\n    class: 'ring-2 ring-yellow-500 ring-offset-2',\r\n  },\r\n  busy: { \r\n    class: 'ring-2 ring-red-500 ring-offset-2',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: 직접 넘긴 class가 있으면 styletype, size, shape, status 기본값과 병합 */\r\nconst mapped = computed(() => {\r\n  const stylePreset = STYLE_PRESETS[props.styletype!]\r\n  const sizePreset = SIZE_PRESETS[props.size!]\r\n  const shapePreset = SHAPE_PRESETS[props.shape!]\r\n  const statusPreset = props.status ? STATUS_PRESETS[props.status] : { class: '' }\r\n  const finalClass = [stylePreset.class, sizePreset.class, shapePreset.class, statusPreset.class, props.class].filter(Boolean).join(' ')\r\n  \r\n  return {\r\n    class: finalClass,\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Avatar v-bind=\"mapped\">\r\n    <AvatarImage v-if=\"props.src\" :src=\"props.src\" :alt=\"props.alt\" />\r\n    <AvatarFallback v-else>{{ props.fallback }}</AvatarFallback>\r\n  </Avatar>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","SIZE_PRESETS","SHAPE_PRESETS","STATUS_PRESETS","mapped","computed","stylePreset","sizePreset","shapePreset","statusPreset","_openBlock","_createBlock","Avatar","AvatarImage","AvatarFallback","_createTextVNode","_toDisplayString"],"mappings":"scAmBA,MAAMA,EAAQC,EA2BRC,EAAsD,CAC1D,QAAS,CAAE,MAAO,EAAA,EAClB,QAAS,CACP,MAAO,wBAAA,EAET,QAAS,CACP,MAAO,yBAAA,EAET,QAAS,CACP,MAAO,yBAAA,EAET,OAAQ,CACN,MAAO,uBAAA,CACT,EAMIC,EAAgD,CACpD,GAAI,CACF,MAAO,iBAAA,EAET,GAAI,CACF,MAAO,mBAAA,EAET,GAAI,CACF,MAAO,qBAAA,EAET,GAAI,CACF,MAAO,mBAAA,CACT,EAMIC,EAAkD,CACtD,OAAQ,CACN,MAAO,cAAA,EAET,OAAQ,CACN,MAAO,cAAA,EAET,QAAS,CACP,MAAO,YAAA,CACT,EAMIC,EAAoD,CACxD,OAAQ,CACN,MAAO,qCAAA,EAET,QAAS,CACP,MAAO,oCAAA,EAET,KAAM,CACJ,MAAO,sCAAA,EAET,KAAM,CACJ,MAAO,mCAAA,CACT,EAIIC,EAASC,EAAAA,SAAS,IAAM,CAC5B,MAAMC,EAAcN,EAAcF,EAAM,SAAU,EAC5CS,EAAaN,EAAaH,EAAM,IAAK,EACrCU,EAAcN,EAAcJ,EAAM,KAAM,EACxCW,EAAeX,EAAM,OAASK,EAAeL,EAAM,MAAM,EAAI,CAAE,MAAO,EAAA,EAG5E,MAAO,CACL,MAHiB,CAACQ,EAAY,MAAOC,EAAW,MAAOC,EAAY,MAAOC,EAAa,MAAOX,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,CAG5H,CAEX,CAAC,gBAICY,EAAAA,UAAA,EAAAC,EAAAA,YAGSC,EAAAA,8CAHOR,EAAA,KAAM,CAAA,EAAA,mBACpB,IAAkE,CAA/CN,EAAM,mBAAzBa,EAAAA,YAAkEE,EAAAA,QAAA,OAAnC,IAAKf,EAAM,IAAM,IAAKA,EAAM,GAAA,wCAC3Da,EAAAA,YAA4DG,EAAAA,QAAA,CAAA,IAAA,GAAA,mBAArC,IAAoB,CAAjBC,EAAAA,gBAAAC,EAAAA,gBAAAlB,EAAM,QAAQ,EAAA,CAAA,CAAA"}

package/components/atoms/JAvatar.vue.js

@@ -0,0 +1,94 @@
+import { defineComponent as p, computed as m, createBlock as e, openBlock as t, normalizeProps as _, guardReactiveProps as x, withCtx as r, createTextVNode as S, toDisplayString as h } from "vue";
+import y from "../shadcn/Avatar.vue.js";
+import w from "../shadcn/AvatarFallback.vue.js";
+import E from "../shadcn/AvatarImage.vue.js";
+const z = /* @__PURE__ */ p({
+  __name: "JAvatar",
+  props: {
+    src: {},
+    alt: { default: "" },
+    fallback: { default: "?" },
+    class: {},
+    styletype: { default: "default" },
+    size: { default: "md" },
+    shape: { default: "circle" },
+    status: {}
+  },
+  setup(c) {
+    const s = c, n = {
+      default: { class: "" },
+      primary: {
+        class: "bg-blue-500 text-white"
+      },
+      success: {
+        class: "bg-green-500 text-white"
+      },
+      warning: {
+        class: "bg-amber-500 text-white"
+      },
+      danger: {
+        class: "bg-red-500 text-white"
+      }
+    }, o = {
+      sm: {
+        class: "h-8 w-8 text-xs"
+      },
+      md: {
+        class: "h-10 w-10 text-sm"
+      },
+      lg: {
+        class: "h-12 w-12 text-base"
+      },
+      xl: {
+        class: "h-16 w-16 text-lg"
+      }
+    }, i = {
+      circle: {
+        class: "rounded-full"
+      },
+      square: {
+        class: "rounded-none"
+      },
+      rounded: {
+        class: "rounded-lg"
+      }
+    }, f = {
+      online: {
+        class: "ring-2 ring-green-500 ring-offset-2"
+      },
+      offline: {
+        class: "ring-2 ring-gray-400 ring-offset-2"
+      },
+      away: {
+        class: "ring-2 ring-yellow-500 ring-offset-2"
+      },
+      busy: {
+        class: "ring-2 ring-red-500 ring-offset-2"
+      }
+    }, u = m(() => {
+      const a = n[s.styletype], l = o[s.size], d = i[s.shape], g = s.status ? f[s.status] : { class: "" };
+      return {
+        class: [a.class, l.class, d.class, g.class, s.class].filter(Boolean).join(" ")
+      };
+    });
+    return (a, l) => (t(), e(y, _(x(u.value)), {
+      default: r(() => [
+        s.src ? (t(), e(E, {
+          key: 0,
+          src: s.src,
+          alt: s.alt
+        }, null, 8, ["src", "alt"])) : (t(), e(w, { key: 1 }, {
+          default: r(() => [
+            S(h(s.fallback), 1)
+          ]),
+          _: 1
+        }))
+      ]),
+      _: 1
+    }, 16));
+  }
+});
+export {
+  z as default
+};
+//# sourceMappingURL=JAvatar.vue.js.map

package/components/atoms/JAvatar.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JAvatar.vue.js","sources":["../../../../src/components/atoms/JAvatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport Avatar from '@/components/shadcn/Avatar.vue'\r\nimport AvatarFallback from '@/components/shadcn/AvatarFallback.vue'\r\nimport AvatarImage from '@/components/shadcn/AvatarImage.vue'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'warning'   // 경고 스타일 (주황)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n\r\ntype Size = 'sm' | 'md' | 'lg' | 'xl'\r\n\r\ntype Shape = 'circle' | 'square' | 'rounded'\r\n\r\ntype Status = 'online' | 'offline' | 'away' | 'busy'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    src?: string\r\n    alt?: string\r\n    fallback?: string\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 아바타 크기 */\r\n    size?: Size\r\n    /** 아바타 모양 */\r\n    shape?: Shape\r\n    /** 상태 표시 */\r\n    status?: Status\r\n  }>(),\r\n  {\r\n    alt: '',\r\n    fallback: '?',\r\n    styletype: 'default',\r\n    size: 'md',\r\n    shape: 'circle',\r\n  },\r\n)\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  default: { class: '' },\r\n  primary: { \r\n    class: 'bg-blue-500 text-white',\r\n  },\r\n  success: { \r\n    class: 'bg-green-500 text-white',\r\n  },\r\n  warning: { \r\n    class: 'bg-amber-500 text-white',\r\n  },\r\n  danger: { \r\n    class: 'bg-red-500 text-white',\r\n  },\r\n}\r\n\r\n/**\r\n * size -> class 매핑\r\n */\r\nconst SIZE_PRESETS: Record<Size, { class: string }> = {\r\n  sm: { \r\n    class: 'h-8 w-8 text-xs',\r\n  },\r\n  md: { \r\n    class: 'h-10 w-10 text-sm',\r\n  },\r\n  lg: { \r\n    class: 'h-12 w-12 text-base',\r\n  },\r\n  xl: { \r\n    class: 'h-16 w-16 text-lg',\r\n  },\r\n}\r\n\r\n/**\r\n * shape -> class 매핑\r\n */\r\nconst SHAPE_PRESETS: Record<Shape, { class: string }> = {\r\n  circle: { \r\n    class: 'rounded-full',\r\n  },\r\n  square: { \r\n    class: 'rounded-none',\r\n  },\r\n  rounded: { \r\n    class: 'rounded-lg',\r\n  },\r\n}\r\n\r\n/**\r\n * status -> class 매핑\r\n */\r\nconst STATUS_PRESETS: Record<Status, { class: string }> = {\r\n  online: { \r\n    class: 'ring-2 ring-green-500 ring-offset-2',\r\n  },\r\n  offline: { \r\n    class: 'ring-2 ring-gray-400 ring-offset-2',\r\n  },\r\n  away: { \r\n    class: 'ring-2 ring-yellow-500 ring-offset-2',\r\n  },\r\n  busy: { \r\n    class: 'ring-2 ring-red-500 ring-offset-2',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: 직접 넘긴 class가 있으면 styletype, size, shape, status 기본값과 병합 */\r\nconst mapped = computed(() => {\r\n  const stylePreset = STYLE_PRESETS[props.styletype!]\r\n  const sizePreset = SIZE_PRESETS[props.size!]\r\n  const shapePreset = SHAPE_PRESETS[props.shape!]\r\n  const statusPreset = props.status ? STATUS_PRESETS[props.status] : { class: '' }\r\n  const finalClass = [stylePreset.class, sizePreset.class, shapePreset.class, statusPreset.class, props.class].filter(Boolean).join(' ')\r\n  \r\n  return {\r\n    class: finalClass,\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Avatar v-bind=\"mapped\">\r\n    <AvatarImage v-if=\"props.src\" :src=\"props.src\" :alt=\"props.alt\" />\r\n    <AvatarFallback v-else>{{ props.fallback }}</AvatarFallback>\r\n  </Avatar>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","SIZE_PRESETS","SHAPE_PRESETS","STATUS_PRESETS","mapped","computed","stylePreset","sizePreset","shapePreset","statusPreset","_openBlock","_createBlock","Avatar","AvatarImage","AvatarFallback","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,UAAMA,IAAQC,GA2BRC,IAAsD;AAAA,MAC1D,SAAS,EAAE,OAAO,GAAA;AAAA,MAClB,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,QAAQ;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT,GAMIC,IAAgD;AAAA,MACpD,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,IACT,GAMIC,IAAkD;AAAA,MACtD,QAAQ;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,QAAQ;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACT,GAMIC,IAAoD;AAAA,MACxD,QAAQ;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,MAAM;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,MAET,MAAM;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,IACT,GAIIC,IAASC,EAAS,MAAM;AAC5B,YAAMC,IAAcN,EAAcF,EAAM,SAAU,GAC5CS,IAAaN,EAAaH,EAAM,IAAK,GACrCU,IAAcN,EAAcJ,EAAM,KAAM,GACxCW,IAAeX,EAAM,SAASK,EAAeL,EAAM,MAAM,IAAI,EAAE,OAAO,GAAA;AAG5E,aAAO;AAAA,QACL,OAHiB,CAACQ,EAAY,OAAOC,EAAW,OAAOC,EAAY,OAAOC,EAAa,OAAOX,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAG5H;AAAA,IAEX,CAAC;sBAICY,EAAA,GAAAC,EAGSC,OAHOR,EAAA,KAAM,CAAA,GAAA;AAAA,iBACpB,MAAkE;AAAA,QAA/CN,EAAM,YAAzBa,EAAkEE,GAAA;AAAA;UAAnC,KAAKf,EAAM;AAAA,UAAM,KAAKA,EAAM;AAAA,QAAA,qCAC3Da,EAA4DG,GAAA,EAAA,KAAA,KAAA;AAAA,qBAArC,MAAoB;AAAA,YAAjBC,EAAAC,EAAAlB,EAAM,QAAQ,GAAA,CAAA;AAAA,UAAA;;;;;;;;"}

package/components/atoms/JAvatar.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./JAvatar.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=JAvatar.vue2.cjs.map

package/components/atoms/JAvatar.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JAvatar.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/atoms/JAvatar.vue2.js

@@ -0,0 +1,5 @@
+import f from "./JAvatar.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=JAvatar.vue2.js.map

package/components/atoms/JAvatar.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JAvatar.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/atoms/JBadge.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("../shadcn/Badge.vue.cjs"),b=e.defineComponent({__name:"JBadge",props:{variant:{default:"default"},class:{},styletype:{default:"default"},size:{default:"md"}},setup(n){const r=n,o={default:{class:""},primary:{variant:"default",class:"bg-blue-500 text-white hover:bg-blue-600"},success:{variant:"default",class:"bg-green-500 text-white hover:bg-green-600"},warning:{variant:"default",class:"bg-amber-500 text-white hover:bg-amber-600"},danger:{variant:"default",class:"bg-red-500 text-white hover:bg-red-600"}},u={sm:"text-xs px-1.5 py-0.5",md:"text-sm px-2.5 py-1",lg:"text-base px-3.5 py-1.5"},i=e.computed(()=>{const t=o[r.styletype],l=u[r.size],s=r.variant||t.variant;let a="";s==="outline"?a=d(r.styletype):s==="secondary"?a="bg-gray-100 text-gray-800 hover:bg-gray-200":s==="destructive"?a="bg-red-500 text-white hover:bg-red-600":a=t.class;const c=[a,l,r.class].filter(Boolean).join(" ");return{variant:s,class:c}}),d=t=>({default:"border-gray-300 text-gray-700",primary:"border-blue-500 text-blue-600",success:"border-green-500 text-green-600",warning:"border-amber-500 text-amber-600",danger:"border-red-500 text-red-600"})[t]||"";return(t,l)=>(e.openBlock(),e.createBlock(g.default,e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16))}});exports.default=b;
+//# sourceMappingURL=JBadge.vue.cjs.map

package/components/atoms/JBadge.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBadge.vue.cjs","sources":["../../../../src/components/atoms/JBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport Badge from '@/components/shadcn/Badge.vue'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'warning'   // 경고 스타일 (주황)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    variant?: 'default' | 'secondary' | 'destructive' | 'outline'\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 배지 크기 */\r\n    size?: 'sm' | 'md' | 'lg'\r\n  }>(),\r\n  {\r\n    variant: 'default',\r\n    styletype: 'default',\r\n    size: 'md',\r\n  },\r\n)\r\n\r\n/**\r\n * styletype -> variant, class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { variant?: string; class: string }> = {\r\n  default: { class: '' },\r\n  primary: { \r\n    variant: 'default',\r\n    class: 'bg-blue-500 text-white hover:bg-blue-600',\r\n  },\r\n  success: { \r\n    variant: 'default',\r\n    class: 'bg-green-500 text-white hover:bg-green-600',\r\n  },\r\n  warning: { \r\n    variant: 'default',\r\n    class: 'bg-amber-500 text-white hover:bg-amber-600',\r\n  },\r\n  danger: { \r\n    variant: 'default',\r\n    class: 'bg-red-500 text-white hover:bg-red-600',\r\n  },\r\n}\r\n\r\n/**\r\n * size -> class 매핑\r\n */\r\nconst SIZE_PRESETS: Record<'sm' | 'md' | 'lg', string> = {\r\n  sm: 'text-xs px-1.5 py-0.5',\r\n  md: 'text-sm px-2.5 py-1',\r\n  lg: 'text-base px-3.5 py-1.5',\r\n}\r\n\r\n/** 최종 바인딩: 직접 넘긴 props가 있으면 styletype 기본값과 병합 */\r\nconst mapped = computed(() => {\r\n  const preset = STYLE_PRESETS[props.styletype!]\r\n  const sizeClass = SIZE_PRESETS[props.size!]\r\n  \r\n  const finalVariant = props.variant || preset.variant\r\n  let styleClass = ''\r\n  \r\n  // variant에 따른 스타일 처리\r\n  if (finalVariant === 'outline') {\r\n    // outline: 테두리 색상만 적용 (styletype 색상 사용)\r\n    styleClass = getOutlineStyleClass(props.styletype!)\r\n  } else if (finalVariant === 'secondary') {\r\n    // secondary: 고정된 회색 계열 스타일 (styletype 무시)\r\n    styleClass = 'bg-gray-100 text-gray-800 hover:bg-gray-200'\r\n  } else if (finalVariant === 'destructive') {\r\n    // destructive: 고정된 빨간색 계열 스타일 (styletype 무시)\r\n    styleClass = 'bg-red-500 text-white hover:bg-red-600'\r\n  } else {\r\n    // default: styletype의 배경색 스타일 적용\r\n    styleClass = preset.class\r\n  }\r\n  \r\n  const finalClass = [styleClass, sizeClass, props.class].filter(Boolean).join(' ')\r\n  \r\n  return {\r\n    variant: finalVariant,\r\n    class: finalClass,\r\n  }\r\n})\r\n\r\n/**\r\n * outline variant용 스타일 클래스\r\n */\r\nconst getOutlineStyleClass = (styletype: StyleType): string => {\r\n  const outlineStyles: Record<StyleType, string> = {\r\n    default: 'border-gray-300 text-gray-700',\r\n    primary: 'border-blue-500 text-blue-600',\r\n    success: 'border-green-500 text-green-600',\r\n    warning: 'border-amber-500 text-amber-600',\r\n    danger: 'border-red-500 text-red-600',\r\n  }\r\n  return outlineStyles[styletype] || ''\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Badge v-bind=\"mapped\">\r\n    <slot />\r\n  </Badge>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","SIZE_PRESETS","mapped","computed","preset","sizeClass","finalVariant","styleClass","getOutlineStyleClass","finalClass","styletype","_openBlock","_createBlock","Badge","_renderSlot","_ctx"],"mappings":"qTAWA,MAAMA,EAAQC,EAmBRC,EAAwE,CAC5E,QAAS,CAAE,MAAO,EAAA,EAClB,QAAS,CACP,QAAS,UACT,MAAO,0CAAA,EAET,QAAS,CACP,QAAS,UACT,MAAO,4CAAA,EAET,QAAS,CACP,QAAS,UACT,MAAO,4CAAA,EAET,OAAQ,CACN,QAAS,UACT,MAAO,wCAAA,CACT,EAMIC,EAAmD,CACvD,GAAI,wBACJ,GAAI,sBACJ,GAAI,yBAAA,EAIAC,EAASC,EAAAA,SAAS,IAAM,CAC5B,MAAMC,EAASJ,EAAcF,EAAM,SAAU,EACvCO,EAAYJ,EAAaH,EAAM,IAAK,EAEpCQ,EAAeR,EAAM,SAAWM,EAAO,QAC7C,IAAIG,EAAa,GAGbD,IAAiB,UAEnBC,EAAaC,EAAqBV,EAAM,SAAU,EACzCQ,IAAiB,YAE1BC,EAAa,8CACJD,IAAiB,cAE1BC,EAAa,yCAGbA,EAAaH,EAAO,MAGtB,MAAMK,EAAa,CAACF,EAAYF,EAAWP,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAEhF,MAAO,CACL,QAASQ,EACT,MAAOG,CAAA,CAEX,CAAC,EAKKD,EAAwBE,IACqB,CAC/C,QAAS,gCACT,QAAS,gCACT,QAAS,kCACT,QAAS,kCACT,OAAQ,6BAAA,GAEWA,CAAS,GAAK,iBAKnCC,EAAAA,UAAA,EAAAC,EAAAA,YAEQC,EAAAA,8CAFOX,EAAA,KAAM,CAAA,EAAA,mBACnB,IAAQ,CAARY,aAAQC,EAAA,OAAA,SAAA,CAAA"}

package/components/atoms/JBadge.vue.js

@@ -0,0 +1,61 @@
+import { defineComponent as u, computed as g, createBlock as p, openBlock as b, normalizeProps as f, guardReactiveProps as m, withCtx as y, renderSlot as x } from "vue";
+import v from "../shadcn/Badge.vue.js";
+const _ = /* @__PURE__ */ u({
+  __name: "JBadge",
+  props: {
+    variant: { default: "default" },
+    class: {},
+    styletype: { default: "default" },
+    size: { default: "md" }
+  },
+  setup(l) {
+    const t = l, n = {
+      default: { class: "" },
+      primary: {
+        variant: "default",
+        class: "bg-blue-500 text-white hover:bg-blue-600"
+      },
+      success: {
+        variant: "default",
+        class: "bg-green-500 text-white hover:bg-green-600"
+      },
+      warning: {
+        variant: "default",
+        class: "bg-amber-500 text-white hover:bg-amber-600"
+      },
+      danger: {
+        variant: "default",
+        class: "bg-red-500 text-white hover:bg-red-600"
+      }
+    }, o = {
+      sm: "text-xs px-1.5 py-0.5",
+      md: "text-sm px-2.5 py-1",
+      lg: "text-base px-3.5 py-1.5"
+    }, i = g(() => {
+      const e = n[t.styletype], s = o[t.size], a = t.variant || e.variant;
+      let r = "";
+      a === "outline" ? r = d(t.styletype) : a === "secondary" ? r = "bg-gray-100 text-gray-800 hover:bg-gray-200" : a === "destructive" ? r = "bg-red-500 text-white hover:bg-red-600" : r = e.class;
+      const c = [r, s, t.class].filter(Boolean).join(" ");
+      return {
+        variant: a,
+        class: c
+      };
+    }), d = (e) => ({
+      default: "border-gray-300 text-gray-700",
+      primary: "border-blue-500 text-blue-600",
+      success: "border-green-500 text-green-600",
+      warning: "border-amber-500 text-amber-600",
+      danger: "border-red-500 text-red-600"
+    })[e] || "";
+    return (e, s) => (b(), p(v, f(m(i.value)), {
+      default: y(() => [
+        x(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=JBadge.vue.js.map

package/components/atoms/JBadge.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBadge.vue.js","sources":["../../../../src/components/atoms/JBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport Badge from '@/components/shadcn/Badge.vue'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'warning'   // 경고 스타일 (주황)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    variant?: 'default' | 'secondary' | 'destructive' | 'outline'\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 배지 크기 */\r\n    size?: 'sm' | 'md' | 'lg'\r\n  }>(),\r\n  {\r\n    variant: 'default',\r\n    styletype: 'default',\r\n    size: 'md',\r\n  },\r\n)\r\n\r\n/**\r\n * styletype -> variant, class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { variant?: string; class: string }> = {\r\n  default: { class: '' },\r\n  primary: { \r\n    variant: 'default',\r\n    class: 'bg-blue-500 text-white hover:bg-blue-600',\r\n  },\r\n  success: { \r\n    variant: 'default',\r\n    class: 'bg-green-500 text-white hover:bg-green-600',\r\n  },\r\n  warning: { \r\n    variant: 'default',\r\n    class: 'bg-amber-500 text-white hover:bg-amber-600',\r\n  },\r\n  danger: { \r\n    variant: 'default',\r\n    class: 'bg-red-500 text-white hover:bg-red-600',\r\n  },\r\n}\r\n\r\n/**\r\n * size -> class 매핑\r\n */\r\nconst SIZE_PRESETS: Record<'sm' | 'md' | 'lg', string> = {\r\n  sm: 'text-xs px-1.5 py-0.5',\r\n  md: 'text-sm px-2.5 py-1',\r\n  lg: 'text-base px-3.5 py-1.5',\r\n}\r\n\r\n/** 최종 바인딩: 직접 넘긴 props가 있으면 styletype 기본값과 병합 */\r\nconst mapped = computed(() => {\r\n  const preset = STYLE_PRESETS[props.styletype!]\r\n  const sizeClass = SIZE_PRESETS[props.size!]\r\n  \r\n  const finalVariant = props.variant || preset.variant\r\n  let styleClass = ''\r\n  \r\n  // variant에 따른 스타일 처리\r\n  if (finalVariant === 'outline') {\r\n    // outline: 테두리 색상만 적용 (styletype 색상 사용)\r\n    styleClass = getOutlineStyleClass(props.styletype!)\r\n  } else if (finalVariant === 'secondary') {\r\n    // secondary: 고정된 회색 계열 스타일 (styletype 무시)\r\n    styleClass = 'bg-gray-100 text-gray-800 hover:bg-gray-200'\r\n  } else if (finalVariant === 'destructive') {\r\n    // destructive: 고정된 빨간색 계열 스타일 (styletype 무시)\r\n    styleClass = 'bg-red-500 text-white hover:bg-red-600'\r\n  } else {\r\n    // default: styletype의 배경색 스타일 적용\r\n    styleClass = preset.class\r\n  }\r\n  \r\n  const finalClass = [styleClass, sizeClass, props.class].filter(Boolean).join(' ')\r\n  \r\n  return {\r\n    variant: finalVariant,\r\n    class: finalClass,\r\n  }\r\n})\r\n\r\n/**\r\n * outline variant용 스타일 클래스\r\n */\r\nconst getOutlineStyleClass = (styletype: StyleType): string => {\r\n  const outlineStyles: Record<StyleType, string> = {\r\n    default: 'border-gray-300 text-gray-700',\r\n    primary: 'border-blue-500 text-blue-600',\r\n    success: 'border-green-500 text-green-600',\r\n    warning: 'border-amber-500 text-amber-600',\r\n    danger: 'border-red-500 text-red-600',\r\n  }\r\n  return outlineStyles[styletype] || ''\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Badge v-bind=\"mapped\">\r\n    <slot />\r\n  </Badge>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","SIZE_PRESETS","mapped","computed","preset","sizeClass","finalVariant","styleClass","getOutlineStyleClass","finalClass","styletype","_openBlock","_createBlock","Badge","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;AAWA,UAAMA,IAAQC,GAmBRC,IAAwE;AAAA,MAC5E,SAAS,EAAE,OAAO,GAAA;AAAA,MAClB,SAAS;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAET,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,IACT,GAMIC,IAAmD;AAAA,MACvD,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAIAC,IAASC,EAAS,MAAM;AAC5B,YAAMC,IAASJ,EAAcF,EAAM,SAAU,GACvCO,IAAYJ,EAAaH,EAAM,IAAK,GAEpCQ,IAAeR,EAAM,WAAWM,EAAO;AAC7C,UAAIG,IAAa;AAGjB,MAAID,MAAiB,YAEnBC,IAAaC,EAAqBV,EAAM,SAAU,IACzCQ,MAAiB,cAE1BC,IAAa,gDACJD,MAAiB,gBAE1BC,IAAa,2CAGbA,IAAaH,EAAO;AAGtB,YAAMK,IAAa,CAACF,GAAYF,GAAWP,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEhF,aAAO;AAAA,QACL,SAASQ;AAAA,QACT,OAAOG;AAAA,MAAA;AAAA,IAEX,CAAC,GAKKD,IAAuB,CAACE,OACqB;AAAA,MAC/C,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,IAAA,GAEWA,CAAS,KAAK;sBAKnCC,EAAA,GAAAC,EAEQC,OAFOX,EAAA,KAAM,CAAA,GAAA;AAAA,iBACnB,MAAQ;AAAA,QAARY,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}

package/components/atoms/JBadge.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./JBadge.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=JBadge.vue2.cjs.map

package/components/atoms/JBadge.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBadge.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/atoms/JBadge.vue2.js

@@ -0,0 +1,5 @@
+import f from "./JBadge.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=JBadge.vue2.js.map

package/components/atoms/JBadge.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBadge.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/atoms/JButton.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("lucide-vue-next");require("../shadcn/index.cjs");const p=require("../shadcn/Button.vue.cjs"),m=e.defineComponent({__name:"JButton",props:{type:{default:"button"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},variant:{},size:{},class:{},styletype:{default:"default"}},emits:["click"],setup(l,{emit:r}){const a=l,u=r,s={default:{variant:"default"},primary:{variant:"default"},secondary:{variant:"secondary"},success:{variant:"default",class:"bg-green-600 hover:bg-green-700"},warning:{variant:"default",class:"bg-amber-500 hover:bg-amber-600"},danger:{variant:"destructive"},outline:{variant:"outline"},ghost:{variant:"ghost"},link:{variant:"link"},sm:{variant:"default",size:"sm"},lg:{variant:"default",size:"lg"},icon:{variant:"default",size:"icon"}},n=e.computed(()=>{const t=a.styletype||"default";return s[t]??s.default}),o=e.computed(()=>a.variant||n.value?.variant),c=e.computed(()=>a.size||n.value?.size||"default"),d=e.computed(()=>[n.value?.class,a.class].filter(Boolean).join(" ")),i=e.computed(()=>a.disabled||a.loading),v=t=>{i.value||u("click",t)};return(t,g)=>(e.openBlock(),e.createBlock(e.unref(p.default),{type:l.type,variant:o.value,size:c.value,class:e.normalizeClass(d.value),disabled:i.value,onClick:v},{default:e.withCtx(()=>[l.loading?(e.openBlock(),e.createBlock(e.unref(f.Loader2),{key:0,class:"mr-2 h-4 w-4 animate-spin"})):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default")]),_:3},8,["type","variant","size","class","disabled"]))}});exports.default=m;
+//# sourceMappingURL=JButton.vue.cjs.map

package/components/atoms/JButton.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JButton.vue.cjs","sources":["../../../../src/components/atoms/JButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Loader2 } from 'lucide-vue-next'\r\nimport { Button, type ButtonVariants } from '@/components/shadcn'\r\n\r\ntype StyleType =\r\n  | 'default'      // 기본 스타일 (primary)\r\n  | 'primary'      // 강조 버튼 (파랑)\r\n  | 'secondary'    // 보조 버튼 (회색)\r\n  | 'success'      // 성공 버튼 (초록)\r\n  | 'warning'      // 경고 버튼 (주황)\r\n  | 'danger'       // 위험 버튼 (빨강)\r\n  | 'outline'      // 아웃라인 버튼\r\n  | 'ghost'        // 고스트 버튼\r\n  | 'link'         // 링크 스타일\r\n  | 'sm'           // 작은 크기\r\n  | 'lg'           // 큰 크기\r\n  | 'icon'         // 아이콘 전용\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 버튼 타입 */\r\n    type?: 'button' | 'submit' | 'reset'\r\n    /** 비활성화 상태 */\r\n    disabled?: boolean\r\n    /** 로딩 상태 */\r\n    loading?: boolean\r\n    /** shadcn variant */\r\n    variant?: ButtonVariants['variant']\r\n    /** shadcn size */\r\n    size?: ButtonVariants['size']\r\n    /** 추가 CSS 클래스 */\r\n    class?: string\r\n    /** 스타일 프리셋 (variant + size 조합) */\r\n    styletype?: StyleType\r\n  }>(),\r\n  {\r\n    type: 'button',\r\n    disabled: false,\r\n    loading: false,\r\n    styletype: 'default',\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  click: [event: MouseEvent]\r\n}>()\r\n\r\n/**\r\n * styletype -> variant/size 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { variant: ButtonVariants['variant']; size?: ButtonVariants['size']; class?: string }> = {\r\n  default: { \r\n    variant: 'default',\r\n  },\r\n  primary: { \r\n    variant: 'default',\r\n  },\r\n  secondary: { \r\n    variant: 'secondary',\r\n  },\r\n  success: { \r\n    variant: 'default',\r\n    class: 'bg-green-600 hover:bg-green-700',\r\n  },\r\n  warning: { \r\n    variant: 'default',\r\n    class: 'bg-amber-500 hover:bg-amber-600',\r\n  },\r\n  danger: { \r\n    variant: 'destructive',\r\n  },\r\n  outline: { \r\n    variant: 'outline',\r\n  },\r\n  ghost: { \r\n    variant: 'ghost',\r\n  },\r\n  link: { \r\n    variant: 'link',\r\n  },\r\n  sm: { \r\n    variant: 'default',\r\n    size: 'sm',\r\n  },\r\n  lg: { \r\n    variant: 'default',\r\n    size: 'lg',\r\n  },\r\n  icon: { \r\n    variant: 'default',\r\n    size: 'icon',\r\n  },\r\n}\r\n\r\nconst preset = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  return STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n})\r\n\r\nconst finalVariant = computed(() => props.variant || preset.value?.variant)\r\nconst finalSize = computed(() => props.size || preset.value?.size || 'default')\r\nconst finalClass = computed(() => [preset.value?.class, props.class].filter(Boolean).join(' '))\r\n\r\nconst isDisabled = computed(() => props.disabled || props.loading)\r\n\r\nconst handleClick = (event: MouseEvent) => {\r\n  if (!isDisabled.value) {\r\n    emit('click', event)\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Button\r\n    :type=\"type\"\r\n    :variant=\"finalVariant\"\r\n    :size=\"finalSize\"\r\n    :class=\"finalClass\"\r\n    :disabled=\"isDisabled\"\r\n    @click=\"handleClick\"\r\n  >\r\n    <Loader2 v-if=\"loading\" class=\"mr-2 h-4 w-4 animate-spin\" />\r\n    <slot />\r\n  </Button>\r\n</template>\r\n\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","preset","computed","styleKey","finalVariant","finalSize","finalClass","isDisabled","handleClick","event","_createBlock","_unref","Button","Loader2","_renderSlot","_ctx"],"mappings":"kdAmBA,MAAMA,EAAQC,EAyBRC,EAAOC,EAOPC,EAA0H,CAC9H,QAAS,CACP,QAAS,SAAA,EAEX,QAAS,CACP,QAAS,SAAA,EAEX,UAAW,CACT,QAAS,WAAA,EAEX,QAAS,CACP,QAAS,UACT,MAAO,iCAAA,EAET,QAAS,CACP,QAAS,UACT,MAAO,iCAAA,EAET,OAAQ,CACN,QAAS,aAAA,EAEX,QAAS,CACP,QAAS,SAAA,EAEX,MAAO,CACL,QAAS,OAAA,EAEX,KAAM,CACJ,QAAS,MAAA,EAEX,GAAI,CACF,QAAS,UACT,KAAM,IAAA,EAER,GAAI,CACF,QAAS,UACT,KAAM,IAAA,EAER,KAAM,CACJ,QAAS,UACT,KAAM,MAAA,CACR,EAGIC,EAASC,EAAAA,SAAS,IAAM,CAC5B,MAAMC,EAAWP,EAAM,WAAa,UACpC,OAAOI,EAAcG,CAAQ,GAAKH,EAAc,OAClD,CAAC,EAEKI,EAAeF,EAAAA,SAAS,IAAMN,EAAM,SAAWK,EAAO,OAAO,OAAO,EACpEI,EAAYH,EAAAA,SAAS,IAAMN,EAAM,MAAQK,EAAO,OAAO,MAAQ,SAAS,EACxEK,EAAaJ,EAAAA,SAAS,IAAM,CAACD,EAAO,OAAO,MAAOL,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,CAAC,EAExFW,EAAaL,EAAAA,SAAS,IAAMN,EAAM,UAAYA,EAAM,OAAO,EAE3DY,EAAeC,GAAsB,CACpCF,EAAW,OACdT,EAAK,QAASW,CAAK,CAEvB,8BAIEC,EAAAA,YAUSC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CATN,KAAMf,EAAA,KACN,QAASO,EAAA,MACT,KAAMC,EAAA,MACN,uBAAOC,EAAA,KAAU,EACjB,SAAUC,EAAA,MACV,QAAOC,CAAA,qBAER,IAA4D,CAA7CX,EAAA,uBAAfa,EAAAA,YAA4DC,EAAAA,MAAAE,EAAAA,OAAA,EAAA,OAApC,MAAM,2BAAA,gCAC9BC,aAAQC,EAAA,OAAA,SAAA,CAAA"}