@j-solution/components 1.6.1 → 1.8.0

package/assets/styles/themes.css

@@ -24,27 +24,27 @@
   --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%;
-}
+.theme-default.dark {
+  --background: 222 47% 11%;
+  --foreground: 210 40% 98%;
+  --card: 222 47% 14%;
+  --card-foreground: 210 40% 98%;
+  --popover: 222 47% 14%;
+  --popover-foreground: 210 40% 98%;
+  --primary: 217 91% 60%;
+  --primary-foreground: 222 47% 11%;
+  --secondary: 217 32% 17%;
+  --secondary-foreground: 210 40% 98%;
+  --muted: 217 32% 17%;
+  --muted-foreground: 215 20% 65%;
+  --accent: 217 32% 17%;
+  --accent-foreground: 210 40% 98%;
+  --destructive: 0 63% 31%;
+  --destructive-foreground: 210 40% 98%;
+  --border: 217 32% 17%;
+  --input: 217 32% 17%;
+  --ring: 217 91% 60%;
+}
 
 /* Slate 테마 */
 .theme-slate {
@@ -335,3 +335,110 @@
   --ring: 20.5 90.2% 48.2%;
 }
 
+.theme-vescrow {
+  --background: 270 50% 99.2157%;
+  --foreground: 277.5000 44.4444% 3.5294%;
+  --card: 0 0% 100%;
+  --card-foreground: 277.5000 44.4444% 3.5294%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 277.5000 44.4444% 3.5294%;
+  --primary: 240 93.8144% 19.0196%;
+  --primary-foreground: 0 0% 100%;
+  --secondary: 220.0000 87.0968% 93.9216%;
+  --secondary-foreground: 220 98.1308% 41.9608%;
+  --muted: 270 13.3333% 94.1176%;
+  --muted-foreground: 270.0000 6.0606% 38.8235%;
+  --accent: 233.0769 100.0000% 94.9020%;
+  --accent-foreground: 220 98.1308% 41.9608%;
+  --destructive: 346.8367 77.1654% 49.8039%;
+  --destructive-foreground: 0 0% 100%;
+  --border: 277.5000 15.3846% 89.8039%;
+  --input: 277.5000 15.3846% 89.8039%;
+  --ring: 219.8969 100% 61.9608%;
+  --chart-1: 220 98.1308% 41.9608%;
+  --chart-2: 258.3117 89.5349% 66.2745%;
+  --chart-3: 292.1893 84.0796% 60.5882%;
+  --chart-4: 349.7238 89.1626% 60.1961%;
+  --chart-5: 24.5815 94.9791% 53.1373%;
+  --sidebar: 220.0000 87.0968% 93.9216%;
+  --sidebar-foreground: 217.8947 93.4426% 11.9608%;
+  --sidebar-primary: 270 50% 99.2157%;
+  --sidebar-primary-foreground: 226.6667 44.2623% 11.9608%;
+  --sidebar-accent: 235.5000 43.4783% 18.0392%;
+  --sidebar-accent-foreground: 0 0% 100%;
+  --sidebar-border: 241.5000 43.4783% 18.0392%;
+  --sidebar-ring: 236.3636 58.5799% 33.1373%;
+  --font-sans: Bricolage Grotesque, ui-sans-serif, sans-serif, system-ui;
+  --font-serif: Georgia, serif;
+  --font-mono: JetBrains Mono, monospace;
+  --radius: 1.25rem;
+  --shadow-x: 0px;
+  --shadow-y: 4px;
+  --shadow-blur: 10px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0.1;
+  --shadow-color: 0, 0, 0;
+  --shadow-2xs: 0px 4px 10px 0px hsl(0, 0, 0 / 0.05);
+  --shadow-xs: 0px 4px 10px 0px hsl(0, 0, 0 / 0.05);
+  --shadow-sm: 0px 4px 10px 0px hsl(0, 0, 0 / 0.10), 0px 1px 2px -1px hsl(0, 0, 0 / 0.10);
+  --shadow: 0px 4px 10px 0px hsl(0, 0, 0 / 0.10), 0px 1px 2px -1px hsl(0, 0, 0 / 0.10);
+  --shadow-md: 0px 4px 10px 0px hsl(0, 0, 0 / 0.10), 0px 2px 4px -1px hsl(0, 0, 0 / 0.10);
+  --shadow-lg: 0px 4px 10px 0px hsl(0, 0, 0 / 0.10), 0px 4px 6px -1px hsl(0, 0, 0 / 0.10);
+  --shadow-xl: 0px 4px 10px 0px hsl(0, 0, 0 / 0.10), 0px 8px 10px -1px hsl(0, 0, 0 / 0.10);
+  --shadow-2xl: 0px 4px 10px 0px hsl(0, 0, 0 / 0.25);
+  --tracking-normal: -0.01em;
+  --spacing: 0.25rem;
+}
+
+.theme-vescrow.dark {
+  --background: 222.8571 63.6364% 2.1569%;
+  --foreground: 270 50% 99.2157%;
+  --card: 221.5385 52.0000% 4.9020%;
+  --card-foreground: 270 50% 99.2157%;
+  --popover: 226.1538 52.0000% 4.9020%;
+  --popover-foreground: 270 50% 99.2157%;
+  --primary: 227.9221 83.6957% 36.0784%;
+  --primary-foreground: 0 0% 100%;
+  --secondary: 226.6667 44.2623% 11.9608%;
+  --secondary-foreground: 270 50% 99.2157%;
+  --muted: 229.0909 47.8261% 9.0196%;
+  --muted-foreground: 240 7.9365% 62.9412%;
+  --accent: 232.5000 43.4783% 18.0392%;
+  --accent-foreground: 270 50% 99.2157%;
+  --destructive: 346.8000 63.2911% 30.9804%;
+  --destructive-foreground: 0 0% 100%;
+  --border: 241.5000 43.4783% 18.0392%;
+  --input: 229.5000 43.4783% 18.0392%;
+  --ring: 238.1818 58.5799% 33.1373%;
+  --chart-1: 230.1316 90.4762% 67.0588%;
+  --chart-2: 28.8889 83.5052% 61.9608%;
+  --chart-3: 349.7238 89.1626% 60.1961%;
+  --chart-4: 24.5815 94.9791% 53.1373%;
+  --chart-5: 238.1818 58.5799% 33.1373%;
+  --sidebar: 228 50% 7.8431%;
+  --sidebar-foreground: 235.5556 12.0000% 55.8824%;
+  --sidebar-primary: 270 50% 99.2157%;
+  --sidebar-primary-foreground: 231 50% 7.8431%;
+  --sidebar-accent: 235.5556 44.2623% 11.9608%;
+  --sidebar-accent-foreground: 270 50% 99.2157%;
+  --sidebar-border: 237.7778 44.2623% 11.9608%;
+  --sidebar-ring: 236.3636 58.5799% 33.1373%;
+  --font-sans: Bricolage Grotesque, ui-sans-serif, sans-serif, system-ui;
+  --font-serif: Georgia, serif;
+  --font-mono: JetBrains Mono, monospace;
+  --radius: 1.25rem;
+  --shadow-x: 0px;
+  --shadow-y: 10px;
+  --shadow-blur: 20px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0.5;
+  --shadow-color: 0, 0, 0;
+  --shadow-2xs: 0px 10px 20px 0px hsl(0, 0, 0 / 0.25);
+  --shadow-xs: 0px 10px 20px 0px hsl(0, 0, 0 / 0.25);
+  --shadow-sm: 0px 10px 20px 0px hsl(0, 0, 0 / 0.50), 0px 1px 2px -1px hsl(0, 0, 0 / 0.50);
+  --shadow: 0px 10px 20px 0px hsl(0, 0, 0 / 0.50), 0px 1px 2px -1px hsl(0, 0, 0 / 0.50);
+  --shadow-md: 0px 10px 20px 0px hsl(0, 0, 0 / 0.50), 0px 2px 4px -1px hsl(0, 0, 0 / 0.50);
+  --shadow-lg: 0px 10px 20px 0px hsl(0, 0, 0 / 0.50), 0px 4px 6px -1px hsl(0, 0, 0 / 0.50);
+  --shadow-xl: 0px 10px 20px 0px hsl(0, 0, 0 / 0.50), 0px 8px 10px -1px hsl(0, 0, 0 / 0.50);
+  --shadow-2xl: 0px 10px 20px 0px hsl(0, 0, 0 / 1.25);
+}

package/components/atoms/JAvatar.vue.cjs

@@ -1,2 +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;
+"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:"sm"},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={xs:{class:"h-6 w-6 text-[10px]"},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

@@ -1 +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"}
+{"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 = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\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  {\n    alt: '',\n    fallback: '?',\n    styletype: 'default',\n    size: 'sm',\n    shape: 'circle',\n  },\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 }> = {\n  xs: { \n    class: 'h-6 w-6 text-[10px]',\n  },\n  sm: { \n    class: 'h-8 w-8 text-xs',\n  },\n  md: { \n    class: 'h-10 w-10 text-sm',\n  },\n  lg: { \n    class: 'h-12 w-12 text-base',\n  },\n  xl: { \n    class: 'h-16 w-16 text-lg',\n  },\n}\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,qBAAA,EAET,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

@@ -1,6 +1,6 @@
-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 { defineComponent as p, computed as m, createBlock as e, openBlock as t, normalizeProps as _, guardReactiveProps as x, withCtx as r, createTextVNode as h, toDisplayString as S } from "vue";
+import w from "../shadcn/Avatar.vue.js";
+import y from "../shadcn/AvatarFallback.vue.js";
 import E from "../shadcn/AvatarImage.vue.js";
 const z = /* @__PURE__ */ p({
   __name: "JAvatar",
@@ -10,7 +10,7 @@ const z = /* @__PURE__ */ p({
     fallback: { default: "?" },
     class: {},
     styletype: { default: "default" },
-    size: { default: "md" },
+    size: { default: "sm" },
     shape: { default: "circle" },
     status: {}
   },
@@ -30,6 +30,9 @@ const z = /* @__PURE__ */ p({
         class: "bg-red-500 text-white"
       }
     }, o = {
+      xs: {
+        class: "h-6 w-6 text-[10px]"
+      },
       sm: {
         class: "h-8 w-8 text-xs"
       },
@@ -71,15 +74,15 @@ const z = /* @__PURE__ */ p({
         class: [a.class, l.class, d.class, g.class, s.class].filter(Boolean).join(" ")
       };
     });
-    return (a, l) => (t(), e(y, _(x(u.value)), {
+    return (a, l) => (t(), e(w, _(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 }, {
+        }, null, 8, ["src", "alt"])) : (t(), e(y, { key: 1 }, {
           default: r(() => [
-            S(h(s.fallback), 1)
+            h(S(s.fallback), 1)
           ]),
           _: 1
         }))

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

@@ -1 +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;;;;;;;;"}
+{"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 = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\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  {\n    alt: '',\n    fallback: '?',\n    styletype: 'default',\n    size: 'sm',\n    shape: 'circle',\n  },\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 }> = {\n  xs: { \n    class: 'h-6 w-6 text-[10px]',\n  },\n  sm: { \n    class: 'h-8 w-8 text-xs',\n  },\n  md: { \n    class: 'h-10 w-10 text-sm',\n  },\n  lg: { \n    class: 'h-12 w-12 text-base',\n  },\n  xl: { \n    class: 'h-16 w-16 text-lg',\n  },\n}\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,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/JBadge.vue.cjs

@@ -1,2 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("../shadcn/Badge.vue.cjs"),p=e.defineComponent({__name:"JBadge",props:{variant:{default:"default"},class:{},styletype:{default:"default"},size:{default:"sm"}},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"}},i={xs:"text-[10px] px-1 py-0.5 leading-tight",sm:"text-xs px-1.5 py-0.5",md:"text-xs px-2 py-1",lg:"text-sm px-2.5 py-1"},u=e.computed(()=>{const t=o[r.styletype],l=i[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(u.value)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16))}});exports.default=p;
 //# sourceMappingURL=JBadge.vue.cjs.map

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

@@ -1 +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"}
+{"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    /** 배지 크기 */\n    size?: 'xs' | 'sm' | 'md' | 'lg'\n  }>(),\r\n  {\n    variant: 'default',\n    styletype: 'default',\n    size: 'sm',\n  },\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<'xs' | 'sm' | 'md' | 'lg', string> = {\n  xs: 'text-[10px] px-1 py-0.5 leading-tight',\n  sm: 'text-xs px-1.5 py-0.5',\n  md: 'text-xs px-2 py-1',\n  lg: 'text-sm px-2.5 py-1',\n}\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,EAA0D,CAC9D,GAAI,wCACJ,GAAI,wBACJ,GAAI,oBACJ,GAAI,qBAAA,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

@@ -1,4 +1,4 @@
-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 { defineComponent as u, computed as g, createBlock as p, openBlock as b, normalizeProps as f, guardReactiveProps as x, withCtx as y, renderSlot as m } from "vue";
 import v from "../shadcn/Badge.vue.js";
 const _ = /* @__PURE__ */ u({
   __name: "JBadge",
@@ -6,7 +6,7 @@ const _ = /* @__PURE__ */ u({
     variant: { default: "default" },
     class: {},
     styletype: { default: "default" },
-    size: { default: "md" }
+    size: { default: "sm" }
   },
   setup(l) {
     const t = l, n = {
@@ -28,9 +28,10 @@ const _ = /* @__PURE__ */ u({
         class: "bg-red-500 text-white hover:bg-red-600"
       }
     }, o = {
+      xs: "text-[10px] px-1 py-0.5 leading-tight",
       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"
+      md: "text-xs px-2 py-1",
+      lg: "text-sm px-2.5 py-1"
     }, i = g(() => {
       const e = n[t.styletype], s = o[t.size], a = t.variant || e.variant;
       let r = "";
@@ -47,9 +48,9 @@ const _ = /* @__PURE__ */ u({
       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)), {
+    return (e, s) => (b(), p(v, f(x(i.value)), {
       default: y(() => [
-        x(e.$slots, "default")
+        m(e.$slots, "default")
       ]),
       _: 3
     }, 16));

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

@@ -1 +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;;;;;"}
+{"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    /** 배지 크기 */\n    size?: 'xs' | 'sm' | 'md' | 'lg'\n  }>(),\r\n  {\n    variant: 'default',\n    styletype: 'default',\n    size: 'sm',\n  },\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<'xs' | 'sm' | 'md' | 'lg', string> = {\n  xs: 'text-[10px] px-1 py-0.5 leading-tight',\n  sm: 'text-xs px-1.5 py-0.5',\n  md: 'text-xs px-2 py-1',\n  lg: 'text-sm px-2.5 py-1',\n}\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,IAA0D;AAAA,MAC9D,IAAI;AAAA,MACJ,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/JButton.vue.cjs

@@ -1,2 +1,7 @@
-"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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./JButton.vue2.cjs");;/* empty css               */const t = (t_comp, t_opts) => {
+  const t_merged = t_comp.__vccOpts || t_comp;
+  for (const [t_key, t_val] of t_opts)
+    t_merged[t_key] = t_val;
+  return t_merged;
+};,u=t(e.default,[["__scopeId","data-v-90794cf0"]]);exports.default=u;
 //# sourceMappingURL=JButton.vue.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"JButton.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/atoms/JButton.vue.js

@@ -1,88 +1,13 @@
-import { defineComponent as y, computed as t, createBlock as r, openBlock as o, unref as c, normalizeClass as g, withCtx as b, createCommentVNode as z, renderSlot as k } from "vue";
-import { Loader2 as h } from "lucide-vue-next";
-import "../shadcn/index.js";
-import C from "../shadcn/Button.vue.js";
-const x = /* @__PURE__ */ y({
-  __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: d }) {
-    const a = l, u = d, i = {
-      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 = t(() => {
-      const e = a.styletype || "default";
-      return i[e] ?? i.default;
-    }), f = t(() => a.variant || n.value?.variant), v = t(() => a.size || n.value?.size || "default"), m = t(() => [n.value?.class, a.class].filter(Boolean).join(" ")), s = t(() => a.disabled || a.loading), p = (e) => {
-      s.value || u("click", e);
-    };
-    return (e, B) => (o(), r(c(C), {
-      type: l.type,
-      variant: f.value,
-      size: v.value,
-      class: g(m.value),
-      disabled: s.value,
-      onClick: p
-    }, {
-      default: b(() => [
-        l.loading ? (o(), r(c(h), {
-          key: 0,
-          class: "mr-2 h-4 w-4 animate-spin"
-        })) : z("", !0),
-        k(e.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["type", "variant", "size", "class", "disabled"]));
-  }
-});
+import o from "./JButton.vue2.js";
+/* empty css             */
+const t = (t_comp, t_opts) => {
+  const t_merged = t_comp.__vccOpts || t_comp;
+  for (const [t_key, t_val] of t_opts)
+    t_merged[t_key] = t_val;
+  return t_merged;
+};
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-90794cf0"]]);
 export {
-  x as default
+  p as default
 };
 //# sourceMappingURL=JButton.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"JButton.vue.js","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":";;;;;;;;;;;;;;;;;AAmBA,UAAMA,IAAQC,GAyBRC,IAAOC,GAOPC,IAA0H;AAAA,MAC9H,SAAS;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,MAEX,SAAS;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,MAEX,WAAW;AAAA,QACT,SAAS;AAAA,MAAA;AAAA,MAEX,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,MAAA;AAAA,MAEX,SAAS;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,MAEX,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,MAEX,MAAM;AAAA,QACJ,SAAS;AAAA,MAAA;AAAA,MAEX,IAAI;AAAA,QACF,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAER,IAAI;AAAA,QACF,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR,GAGIC,IAASC,EAAS,MAAM;AAC5B,YAAMC,IAAWP,EAAM,aAAa;AACpC,aAAOI,EAAcG,CAAQ,KAAKH,EAAc;AAAA,IAClD,CAAC,GAEKI,IAAeF,EAAS,MAAMN,EAAM,WAAWK,EAAO,OAAO,OAAO,GACpEI,IAAYH,EAAS,MAAMN,EAAM,QAAQK,EAAO,OAAO,QAAQ,SAAS,GACxEK,IAAaJ,EAAS,MAAM,CAACD,EAAO,OAAO,OAAOL,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,CAAC,GAExFW,IAAaL,EAAS,MAAMN,EAAM,YAAYA,EAAM,OAAO,GAE3DY,IAAc,CAACC,MAAsB;AACzC,MAAKF,EAAW,SACdT,EAAK,SAASW,CAAK;AAAA,IAEvB;2BAIEC,EAUSC,EAAAC,CAAA,GAAA;AAAA,MATN,MAAMf,EAAA;AAAA,MACN,SAASO,EAAA;AAAA,MACT,MAAMC,EAAA;AAAA,MACN,SAAOC,EAAA,KAAU;AAAA,MACjB,UAAUC,EAAA;AAAA,MACV,SAAOC;AAAA,IAAA;iBAER,MAA4D;AAAA,QAA7CX,EAAA,gBAAfa,EAA4DC,EAAAE,CAAA,GAAA;AAAA;UAApC,OAAM;AAAA,QAAA;QAC9BC,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}
+{"version":3,"file":"JButton.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/atoms/JButton.vue2.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./JButton.vue.cjs");exports.default=e.default;
+"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 t=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 a=t.styletype||"default";return s[a]??s.default}),o=e.computed(()=>t.variant||n.value?.variant),c=e.computed(()=>t.size||n.value?.size||"sm"),d=e.computed(()=>[n.value?.class,t.class].filter(Boolean).join(" ")),i=e.computed(()=>t.disabled||t.loading),v=a=>{i.value||u("click",a)};return(a,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(a.$slots,"default",{},void 0,!0)]),_:3},8,["type","variant","size","class","disabled"]))}});exports.default=m;
 //# sourceMappingURL=JButton.vue2.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"JButton.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"JButton.vue2.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)\nconst finalSize = computed(() => props.size || preset.value?.size || 'sm')\nconst finalClass = computed(() => [preset.value?.class, props.class].filter(Boolean).join(' '))\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\n    :type=\"type\"\n    :variant=\"finalVariant\"\n    :size=\"finalSize\"\n    :class=\"finalClass\"\n    :disabled=\"isDisabled\"\n    @click=\"handleClick\"\n  >\n    <Loader2 v-if=\"loading\" class=\"mr-2 h-4 w-4 animate-spin\" />\n    <slot />\n  </Button>\n</template>\n\n<style scoped>\n/* ========================================\n   패턴 10: Button 향상 효과\n   ======================================== */\n:deep(button) {\n  transition: all 0.2s ease;\n}\n\n:deep(button:not(:disabled):hover) {\n  transform: translateY(-1px);\n  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n}\n\n:deep(button:not(:disabled):active) {\n  transform: translateY(0);\n}\n</style>\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,IAAI,EACnEK,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,EAAAA,WAAQC,EAAA,OAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA"}