@j-solution/components 1.6.0 → 1.7.0

package/assets/styles/themes.css

@@ -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,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;
+"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||"sm"),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

@@ -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":["../../../../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\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,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,aAAQC,EAAA,OAAA,SAAA,CAAA"}

package/components/atoms/JButton.vue.js

@@ -15,7 +15,7 @@ const x = /* @__PURE__ */ y({
   },
   emits: ["click"],
   setup(l, { emit: d }) {
-    const a = l, u = d, i = {
+    const a = l, u = d, s = {
       default: {
         variant: "default"
       },
@@ -59,16 +59,16 @@ const x = /* @__PURE__ */ y({
       }
     }, 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 s[e] ?? s.default;
+    }), f = t(() => a.variant || n.value?.variant), v = t(() => a.size || n.value?.size || "sm"), m = t(() => [n.value?.class, a.class].filter(Boolean).join(" ")), i = t(() => a.disabled || a.loading), p = (e) => {
+      i.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,
+      disabled: i.value,
       onClick: p
     }, {
       default: b(() => [

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":["../../../../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\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,IAAI,GACnEK,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;;;;;"}

package/components/atoms/JDatepicker.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("lucide-vue-next"),v=require("@internationalized/date");require("../shadcn/index.cjs");const y=require("../../lib/utils.cjs"),g=require("../shadcn/Popover.vue.cjs"),V=require("../shadcn/PopoverTrigger.vue.cjs"),h=require("../shadcn/Button.vue.cjs"),C=require("../shadcn/PopoverContent.vue.cjs"),b=require("../shadcn/Calendar.vue.cjs"),S=e.defineComponent({__name:"JDatepicker",props:{modelValue:{},id:{},placeholder:{default:"날짜를 선택하세요"},disabled:{type:Boolean},required:{type:Boolean},name:{},class:{},styletype:{default:"default"}},emits:["update:modelValue","change","focus","blur"],setup(n,{emit:i}){const l=n,o=i,s={default:{buttonClass:"h-10"},sm:{buttonClass:"h-9 text-sm"},lg:{buttonClass:"h-11 text-base"}},a=e.ref(),d=t=>{if(t)try{return v.parseDate(t)}catch{return}},c=t=>t?`${t.year}-${String(t.month).padStart(2,"0")}-${String(t.day).padStart(2,"0")}`:null;e.watch(()=>l.modelValue,t=>{const u=d(t);JSON.stringify(a.value)!==JSON.stringify(u)&&(a.value=u)},{immediate:!0});const f=t=>{a.value=t;const u=c(t);u!==l.modelValue&&(o("update:modelValue",u),o("change",u))},m=e.computed(()=>{if(!a.value)return l.placeholder;const t=new Date(a.value.year,a.value.month-1,a.value.day);return new Intl.DateTimeFormat("ko-KR",{year:"numeric",month:"long",day:"numeric"}).format(t)}),p=e.computed(()=>{const t=l.styletype||"default",u=s[t]??s.default,r=l.class||"";return y.cn("w-full justify-start text-left font-normal",u?.buttonClass??"h-10",!a.value&&"text-muted-foreground",r)});return(t,u)=>(e.openBlock(),e.createBlock(e.unref(g.default),null,{default:e.withCtx(()=>[e.createVNode(e.unref(V.default),{"as-child":""},{default:e.withCtx(()=>[e.createVNode(e.unref(h.default),{id:n.id,name:n.name,disabled:n.disabled,class:e.normalizeClass(p.value),variant:"outline",onFocus:u[0]||(u[0]=r=>o("focus",r)),onBlur:u[1]||(u[1]=r=>o("blur",r))},{default:e.withCtx(()=>[e.createVNode(e.unref(_.Calendar),{class:"mr-2 h-4 w-4"}),e.createTextVNode(" "+e.toDisplayString(m.value),1)]),_:1},8,["id","name","disabled","class"])]),_:1}),e.createVNode(e.unref(C.default),{class:"w-auto p-0"},{default:e.withCtx(()=>[e.createVNode(e.unref(b.default),{modelValue:a.value,"onUpdate:modelValue":[u[2]||(u[2]=r=>a.value=r),f],locale:"ko-KR","initial-focus":""},null,8,["modelValue"])]),_:1})]),_:1}))}});exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("lucide-vue-next"),v=require("@internationalized/date");require("../shadcn/index.cjs");const y=require("../../lib/utils.cjs"),g=require("../shadcn/Popover.vue.cjs"),x=require("../shadcn/PopoverTrigger.vue.cjs"),V=require("../shadcn/Button.vue.cjs"),h=require("../shadcn/PopoverContent.vue.cjs"),C=require("../shadcn/Calendar.vue.cjs"),b=e.defineComponent({__name:"JDatepicker",props:{modelValue:{},id:{},placeholder:{default:"날짜를 선택하세요"},disabled:{type:Boolean},required:{type:Boolean},name:{},class:{},styletype:{default:"default"}},emits:["update:modelValue","change","focus","blur"],setup(n,{emit:i}){const l=n,o=i,s={default:{buttonClass:"h-8 text-xs px-2.5"},sm:{buttonClass:"h-7 text-[11px] px-2"},lg:{buttonClass:"h-9 text-sm px-3"}},a=e.ref(),d=t=>{if(t)try{return v.parseDate(t)}catch{return}},c=t=>t?`${t.year}-${String(t.month).padStart(2,"0")}-${String(t.day).padStart(2,"0")}`:null;e.watch(()=>l.modelValue,t=>{const u=d(t);JSON.stringify(a.value)!==JSON.stringify(u)&&(a.value=u)},{immediate:!0});const f=t=>{a.value=t;const u=c(t);u!==l.modelValue&&(o("update:modelValue",u),o("change",u))},p=e.computed(()=>{if(!a.value)return l.placeholder;const t=new Date(a.value.year,a.value.month-1,a.value.day);return new Intl.DateTimeFormat("ko-KR",{year:"numeric",month:"long",day:"numeric"}).format(t)}),m=e.computed(()=>{const t=l.styletype||"default",u=s[t]??s.default,r=l.class||"";return y.cn("w-full justify-start text-left font-normal",u?.buttonClass??"h-10",!a.value&&"text-muted-foreground",r)});return(t,u)=>(e.openBlock(),e.createBlock(e.unref(g.default),null,{default:e.withCtx(()=>[e.createVNode(e.unref(x.default),{"as-child":""},{default:e.withCtx(()=>[e.createVNode(e.unref(V.default),{id:n.id,name:n.name,disabled:n.disabled,class:e.normalizeClass(m.value),variant:"outline",onFocus:u[0]||(u[0]=r=>o("focus",r)),onBlur:u[1]||(u[1]=r=>o("blur",r))},{default:e.withCtx(()=>[e.createVNode(e.unref(_.Calendar),{class:"mr-2 h-4 w-4"}),e.createTextVNode(" "+e.toDisplayString(p.value),1)]),_:1},8,["id","name","disabled","class"])]),_:1}),e.createVNode(e.unref(h.default),{class:"w-auto p-0"},{default:e.withCtx(()=>[e.createVNode(e.unref(C.default),{modelValue:a.value,"onUpdate:modelValue":[u[2]||(u[2]=r=>a.value=r),f],locale:"ko-KR","initial-focus":""},null,8,["modelValue"])]),_:1})]),_:1}))}});exports.default=b;
 //# sourceMappingURL=JDatepicker.vue.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"JDatepicker.vue.cjs","sources":["../../../../src/components/atoms/JDatepicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, ref, watch } from 'vue'\r\nimport { Calendar as CalendarIcon } from 'lucide-vue-next'\r\nimport { type DateValue, parseDate } from '@internationalized/date'\r\nimport {\r\n  Calendar,\r\n  Popover,\r\n  PopoverContent,\r\n  PopoverTrigger,\r\n  Button,\r\n} from '@/components/shadcn'\r\nimport { cn } from '@/lib/utils'\r\n\r\n// Props 정의\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** v-model로 양방향 데이터 바인딩 (ISO 8601 문자열: YYYY-MM-DD) */\r\n    modelValue?: string | null\r\n    /** Input 요소의 id */\r\n    id?: string\r\n    /** 입력 전 표시되는 안내문 */\r\n    placeholder?: string\r\n    /** 비활성화 상태 */\r\n    disabled?: boolean\r\n    /** 필수 입력 여부 */\r\n    required?: boolean\r\n    /** form 데이터 전송 시 키 이름 */\r\n    name?: string\r\n    /** 추가 CSS 클래스 */\r\n    class?: string\r\n    /** 스타일 테마 지정 */\r\n    styletype?: 'default' | 'sm' | 'lg'\r\n  }>(),\r\n  {\r\n    placeholder: '날짜를 선택하세요',\r\n    styletype: 'default',\r\n  }\r\n)\r\n\r\n// 이벤트 정의\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string | null]\r\n  'change': [value: string | null]\r\n  'focus': [event: FocusEvent]\r\n  'blur': [event: FocusEvent]\r\n}>()\r\n\r\n// 스타일 프리셋\r\nconst STYLE_PRESETS: Record<string, { buttonClass: string }> = {\r\n  default: {\r\n    buttonClass: 'h-10',\r\n  },\r\n  sm: {\r\n    buttonClass: 'h-9 text-sm',\r\n  },\r\n  lg: {\r\n    buttonClass: 'h-11 text-base',\r\n  },\r\n}\r\n\r\n// 내부 상태로 DateValue 관리\r\nconst internalDate = ref<DateValue | undefined>()\r\n\r\n// modelValue를 DateValue로 변환\r\nconst convertToDateValue = (value: string | null | undefined): DateValue | undefined => {\r\n  if (!value) return undefined\r\n  \r\n  try {\r\n    // ISO 8601 문자열을 직접 parseDate로 변환\r\n    return parseDate(value)\r\n  } catch {\r\n    return undefined\r\n  }\r\n}\r\n\r\n// DateValue를 ISO 문자열로 변환\r\nconst convertToString = (date: DateValue | undefined): string | null => {\r\n  if (!date) return null\r\n  return `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`\r\n}\r\n\r\n// modelValue 변경 감지\r\nwatch(\r\n  () => props.modelValue,\r\n  (newValue) => {\r\n    const converted = convertToDateValue(newValue)\r\n    if (JSON.stringify(internalDate.value) !== JSON.stringify(converted)) {\r\n      internalDate.value = converted\r\n    }\r\n  },\r\n  { immediate: true }\r\n)\r\n\r\n// 내부 날짜 변경 시 emit\r\nconst handleDateChange = (date: DateValue | undefined) => {\r\n  internalDate.value = date\r\n  const stringValue = convertToString(date)\r\n  \r\n  if (stringValue !== props.modelValue) {\r\n    emit('update:modelValue', stringValue)\r\n    emit('change', stringValue)\r\n  }\r\n}\r\n\r\n// 포맷팅된 날짜 표시\r\nconst formattedDate = computed(() => {\r\n  if (!internalDate.value) return props.placeholder\r\n  \r\n  const date = new Date(\r\n    internalDate.value.year,\r\n    internalDate.value.month - 1,\r\n    internalDate.value.day\r\n  )\r\n  \r\n  return new Intl.DateTimeFormat('ko-KR', {\r\n    year: 'numeric',\r\n    month: 'long',\r\n    day: 'numeric',\r\n  }).format(date)\r\n})\r\n\r\n// 버튼 클래스 계산\r\nconst buttonClass = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  const userClass = props.class || ''\r\n  \r\n  return cn(\r\n    'w-full justify-start text-left font-normal',\r\n    preset?.buttonClass ?? 'h-10',\r\n    !internalDate.value && 'text-muted-foreground',\r\n    userClass\r\n  )\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Popover>\r\n    <PopoverTrigger as-child>\r\n      <Button\r\n        :id=\"id\"\r\n        :name=\"name\"\r\n        :disabled=\"disabled\"\r\n        :class=\"buttonClass\"\r\n        variant=\"outline\"\r\n        @focus=\"emit('focus', $event)\"\r\n        @blur=\"emit('blur', $event)\"\r\n      >\r\n        <CalendarIcon class=\"mr-2 h-4 w-4\" />\r\n        {{ formattedDate }}\r\n      </Button>\r\n    </PopoverTrigger>\r\n    <PopoverContent class=\"w-auto p-0\">\r\n      <Calendar\r\n        v-model=\"internalDate\"\r\n        :locale=\"'ko-KR'\"\r\n        initial-focus\r\n        @update:model-value=\"handleDateChange\"\r\n      />\r\n    </PopoverContent>\r\n  </Popover>\r\n</template>\r\n\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","internalDate","ref","convertToDateValue","value","parseDate","convertToString","date","watch","newValue","converted","handleDateChange","stringValue","formattedDate","computed","buttonClass","styleKey","preset","userClass","cn","_createBlock","_unref","Popover","_createVNode","PopoverTrigger","Button","_cache","$event","CalendarIcon","_createTextVNode","PopoverContent","Calendar"],"mappings":"yuBAcA,MAAMA,EAAQC,EA0BRC,EAAOC,EAQPC,EAAyD,CAC7D,QAAS,CACP,YAAa,MAAA,EAEf,GAAI,CACF,YAAa,aAAA,EAEf,GAAI,CACF,YAAa,gBAAA,CACf,EAIIC,EAAeC,EAAAA,IAAA,EAGfC,EAAsBC,GAA4D,CACtF,GAAKA,EAEL,GAAI,CAEF,OAAOC,EAAAA,UAAUD,CAAK,CACxB,MAAQ,CACN,MACF,CACF,EAGME,EAAmBC,GAClBA,EACE,GAAGA,EAAK,IAAI,IAAI,OAAOA,EAAK,KAAK,EAAE,SAAS,EAAG,GAAG,CAAC,IAAI,OAAOA,EAAK,GAAG,EAAE,SAAS,EAAG,GAAG,CAAC,GAD7E,KAKpBC,EAAAA,MACE,IAAMZ,EAAM,WACXa,GAAa,CACZ,MAAMC,EAAYP,EAAmBM,CAAQ,EACzC,KAAK,UAAUR,EAAa,KAAK,IAAM,KAAK,UAAUS,CAAS,IACjET,EAAa,MAAQS,EAEzB,EACA,CAAE,UAAW,EAAA,CAAK,EAIpB,MAAMC,EAAoBJ,GAAgC,CACxDN,EAAa,MAAQM,EACrB,MAAMK,EAAcN,EAAgBC,CAAI,EAEpCK,IAAgBhB,EAAM,aACxBE,EAAK,oBAAqBc,CAAW,EACrCd,EAAK,SAAUc,CAAW,EAE9B,EAGMC,EAAgBC,EAAAA,SAAS,IAAM,CACnC,GAAI,CAACb,EAAa,MAAO,OAAOL,EAAM,YAEtC,MAAMW,EAAO,IAAI,KACfN,EAAa,MAAM,KACnBA,EAAa,MAAM,MAAQ,EAC3BA,EAAa,MAAM,GAAA,EAGrB,OAAO,IAAI,KAAK,eAAe,QAAS,CACtC,KAAM,UACN,MAAO,OACP,IAAK,SAAA,CACN,EAAE,OAAOM,CAAI,CAChB,CAAC,EAGKQ,EAAcD,EAAAA,SAAS,IAAM,CACjC,MAAME,EAAWpB,EAAM,WAAa,UAC9BqB,EAASjB,EAAcgB,CAAQ,GAAKhB,EAAc,QAClDkB,EAAYtB,EAAM,OAAS,GAEjC,OAAOuB,EAAAA,GACL,6CACAF,GAAQ,aAAe,OACvB,CAAChB,EAAa,OAAS,wBACvBiB,CAAA,CAEJ,CAAC,8BAICE,EAAAA,YAuBUC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,KAAA,mBAtBR,IAaiB,CAbjBC,EAAAA,YAaiBF,EAAAA,MAAAG,EAAAA,OAAA,EAAA,CAbD,WAAA,IAAQ,mBACtB,IAWS,CAXTD,cAWSF,EAAAA,MAAAI,EAAAA,OAAA,EAAA,CAVN,GAAI5B,EAAA,GACJ,KAAMA,EAAA,KACN,SAAUA,EAAA,SACV,uBAAOkB,EAAA,KAAW,EACnB,QAAQ,UACP,QAAKW,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAE7B,EAAI,QAAU6B,CAAM,GAC3B,OAAID,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAE7B,EAAI,OAAS6B,CAAM,EAAA,qBAE1B,IAAqC,CAArCJ,EAAAA,YAAqCF,EAAAA,MAAAO,EAAAA,QAAA,EAAA,CAAvB,MAAM,eAAc,EAAGC,EAAAA,gBAAA,sBAClChB,EAAA,KAAa,EAAA,CAAA,CAAA,oDAGpBU,EAAAA,YAOiBF,EAAAA,MAAAS,EAAAA,OAAA,EAAA,CAPD,MAAM,cAAY,mBAChC,IAKE,CALFP,cAKEF,EAAAA,MAAAU,EAAAA,OAAA,EAAA,YAJS9B,EAAA,4CAAAA,EAAY,MAAA0B,GAGAhB,CAAA,EAFpB,OAAQ,QACT,gBAAA,EAAA"}
+{"version":3,"file":"JDatepicker.vue.cjs","sources":["../../../../src/components/atoms/JDatepicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, ref, watch } from 'vue'\r\nimport { Calendar as CalendarIcon } from 'lucide-vue-next'\r\nimport { type DateValue, parseDate } from '@internationalized/date'\r\nimport {\r\n  Calendar,\r\n  Popover,\r\n  PopoverContent,\r\n  PopoverTrigger,\r\n  Button,\r\n} from '@/components/shadcn'\r\nimport { cn } from '@/lib/utils'\r\n\r\n// Props 정의\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** v-model로 양방향 데이터 바인딩 (ISO 8601 문자열: YYYY-MM-DD) */\r\n    modelValue?: string | null\r\n    /** Input 요소의 id */\r\n    id?: string\r\n    /** 입력 전 표시되는 안내문 */\r\n    placeholder?: string\r\n    /** 비활성화 상태 */\r\n    disabled?: boolean\r\n    /** 필수 입력 여부 */\r\n    required?: boolean\r\n    /** form 데이터 전송 시 키 이름 */\r\n    name?: string\r\n    /** 추가 CSS 클래스 */\r\n    class?: string\r\n    /** 스타일 테마 지정 */\r\n    styletype?: 'default' | 'sm' | 'lg'\r\n  }>(),\r\n  {\r\n    placeholder: '날짜를 선택하세요',\r\n    styletype: 'default',\r\n  }\r\n)\r\n\r\n// 이벤트 정의\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string | null]\r\n  'change': [value: string | null]\r\n  'focus': [event: FocusEvent]\r\n  'blur': [event: FocusEvent]\r\n}>()\r\n\r\n// 스타일 프리셋\nconst STYLE_PRESETS: Record<string, { buttonClass: string }> = {\n  default: {\n    buttonClass: 'h-8 text-xs px-2.5',\n  },\n  sm: {\n    buttonClass: 'h-7 text-[11px] px-2',\n  },\n  lg: {\n    buttonClass: 'h-9 text-sm px-3',\n  },\n}\n\r\n// 내부 상태로 DateValue 관리\r\nconst internalDate = ref<DateValue | undefined>()\r\n\r\n// modelValue를 DateValue로 변환\r\nconst convertToDateValue = (value: string | null | undefined): DateValue | undefined => {\r\n  if (!value) return undefined\r\n  \r\n  try {\r\n    // ISO 8601 문자열을 직접 parseDate로 변환\r\n    return parseDate(value)\r\n  } catch {\r\n    return undefined\r\n  }\r\n}\r\n\r\n// DateValue를 ISO 문자열로 변환\r\nconst convertToString = (date: DateValue | undefined): string | null => {\r\n  if (!date) return null\r\n  return `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`\r\n}\r\n\r\n// modelValue 변경 감지\r\nwatch(\r\n  () => props.modelValue,\r\n  (newValue) => {\r\n    const converted = convertToDateValue(newValue)\r\n    if (JSON.stringify(internalDate.value) !== JSON.stringify(converted)) {\r\n      internalDate.value = converted\r\n    }\r\n  },\r\n  { immediate: true }\r\n)\r\n\r\n// 내부 날짜 변경 시 emit\r\nconst handleDateChange = (date: DateValue | undefined) => {\r\n  internalDate.value = date\r\n  const stringValue = convertToString(date)\r\n  \r\n  if (stringValue !== props.modelValue) {\r\n    emit('update:modelValue', stringValue)\r\n    emit('change', stringValue)\r\n  }\r\n}\r\n\r\n// 포맷팅된 날짜 표시\r\nconst formattedDate = computed(() => {\r\n  if (!internalDate.value) return props.placeholder\r\n  \r\n  const date = new Date(\r\n    internalDate.value.year,\r\n    internalDate.value.month - 1,\r\n    internalDate.value.day\r\n  )\r\n  \r\n  return new Intl.DateTimeFormat('ko-KR', {\r\n    year: 'numeric',\r\n    month: 'long',\r\n    day: 'numeric',\r\n  }).format(date)\r\n})\r\n\r\n// 버튼 클래스 계산\r\nconst buttonClass = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  const userClass = props.class || ''\r\n  \r\n  return cn(\r\n    'w-full justify-start text-left font-normal',\r\n    preset?.buttonClass ?? 'h-10',\r\n    !internalDate.value && 'text-muted-foreground',\r\n    userClass\r\n  )\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Popover>\r\n    <PopoverTrigger as-child>\r\n      <Button\r\n        :id=\"id\"\r\n        :name=\"name\"\r\n        :disabled=\"disabled\"\r\n        :class=\"buttonClass\"\r\n        variant=\"outline\"\r\n        @focus=\"emit('focus', $event)\"\r\n        @blur=\"emit('blur', $event)\"\r\n      >\r\n        <CalendarIcon class=\"mr-2 h-4 w-4\" />\r\n        {{ formattedDate }}\r\n      </Button>\r\n    </PopoverTrigger>\r\n    <PopoverContent class=\"w-auto p-0\">\r\n      <Calendar\r\n        v-model=\"internalDate\"\r\n        :locale=\"'ko-KR'\"\r\n        initial-focus\r\n        @update:model-value=\"handleDateChange\"\r\n      />\r\n    </PopoverContent>\r\n  </Popover>\r\n</template>\r\n\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","internalDate","ref","convertToDateValue","value","parseDate","convertToString","date","watch","newValue","converted","handleDateChange","stringValue","formattedDate","computed","buttonClass","styleKey","preset","userClass","cn","_createBlock","_unref","Popover","_createVNode","PopoverTrigger","Button","_cache","$event","CalendarIcon","_createTextVNode","PopoverContent","Calendar"],"mappings":"yuBAcA,MAAMA,EAAQC,EA0BRC,EAAOC,EAQPC,EAAyD,CAC7D,QAAS,CACP,YAAa,oBAAA,EAEf,GAAI,CACF,YAAa,sBAAA,EAEf,GAAI,CACF,YAAa,kBAAA,CACf,EAIIC,EAAeC,EAAAA,IAAA,EAGfC,EAAsBC,GAA4D,CACtF,GAAKA,EAEL,GAAI,CAEF,OAAOC,EAAAA,UAAUD,CAAK,CACxB,MAAQ,CACN,MACF,CACF,EAGME,EAAmBC,GAClBA,EACE,GAAGA,EAAK,IAAI,IAAI,OAAOA,EAAK,KAAK,EAAE,SAAS,EAAG,GAAG,CAAC,IAAI,OAAOA,EAAK,GAAG,EAAE,SAAS,EAAG,GAAG,CAAC,GAD7E,KAKpBC,EAAAA,MACE,IAAMZ,EAAM,WACXa,GAAa,CACZ,MAAMC,EAAYP,EAAmBM,CAAQ,EACzC,KAAK,UAAUR,EAAa,KAAK,IAAM,KAAK,UAAUS,CAAS,IACjET,EAAa,MAAQS,EAEzB,EACA,CAAE,UAAW,EAAA,CAAK,EAIpB,MAAMC,EAAoBJ,GAAgC,CACxDN,EAAa,MAAQM,EACrB,MAAMK,EAAcN,EAAgBC,CAAI,EAEpCK,IAAgBhB,EAAM,aACxBE,EAAK,oBAAqBc,CAAW,EACrCd,EAAK,SAAUc,CAAW,EAE9B,EAGMC,EAAgBC,EAAAA,SAAS,IAAM,CACnC,GAAI,CAACb,EAAa,MAAO,OAAOL,EAAM,YAEtC,MAAMW,EAAO,IAAI,KACfN,EAAa,MAAM,KACnBA,EAAa,MAAM,MAAQ,EAC3BA,EAAa,MAAM,GAAA,EAGrB,OAAO,IAAI,KAAK,eAAe,QAAS,CACtC,KAAM,UACN,MAAO,OACP,IAAK,SAAA,CACN,EAAE,OAAOM,CAAI,CAChB,CAAC,EAGKQ,EAAcD,EAAAA,SAAS,IAAM,CACjC,MAAME,EAAWpB,EAAM,WAAa,UAC9BqB,EAASjB,EAAcgB,CAAQ,GAAKhB,EAAc,QAClDkB,EAAYtB,EAAM,OAAS,GAEjC,OAAOuB,EAAAA,GACL,6CACAF,GAAQ,aAAe,OACvB,CAAChB,EAAa,OAAS,wBACvBiB,CAAA,CAEJ,CAAC,8BAICE,EAAAA,YAuBUC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,KAAA,mBAtBR,IAaiB,CAbjBC,EAAAA,YAaiBF,EAAAA,MAAAG,EAAAA,OAAA,EAAA,CAbD,WAAA,IAAQ,mBACtB,IAWS,CAXTD,cAWSF,EAAAA,MAAAI,EAAAA,OAAA,EAAA,CAVN,GAAI5B,EAAA,GACJ,KAAMA,EAAA,KACN,SAAUA,EAAA,SACV,uBAAOkB,EAAA,KAAW,EACnB,QAAQ,UACP,QAAKW,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAE7B,EAAI,QAAU6B,CAAM,GAC3B,OAAID,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAE7B,EAAI,OAAS6B,CAAM,EAAA,qBAE1B,IAAqC,CAArCJ,EAAAA,YAAqCF,EAAAA,MAAAO,EAAAA,QAAA,EAAA,CAAvB,MAAM,eAAc,EAAGC,EAAAA,gBAAA,sBAClChB,EAAA,KAAa,EAAA,CAAA,CAAA,oDAGpBU,EAAAA,YAOiBF,EAAAA,MAAAS,EAAAA,OAAA,EAAA,CAPD,MAAM,cAAY,mBAChC,IAKE,CALFP,cAKEF,EAAAA,MAAAU,EAAAA,OAAA,EAAA,YAJS9B,EAAA,4CAAAA,EAAY,MAAA0B,GAGAhB,CAAA,EAFpB,OAAQ,QACT,gBAAA,EAAA"}

package/components/atoms/JDatepicker.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as h, ref as b, watch as V, computed as d, createBlock as C, openBlock as S, unref as o, withCtx as i, createVNode as r, normalizeClass as D, createTextVNode as _, toDisplayString as x } from "vue";
+import { defineComponent as g, ref as h, watch as V, computed as d, createBlock as b, openBlock as C, unref as o, withCtx as i, createVNode as r, normalizeClass as S, createTextVNode as D, toDisplayString as _ } from "vue";
 import { Calendar as $ } from "lucide-vue-next";
 import { parseDate as w } from "@internationalized/date";
 import "../shadcn/index.js";
@@ -8,7 +8,7 @@ import B from "../shadcn/PopoverTrigger.vue.js";
 import N from "../shadcn/Button.vue.js";
 import E from "../shadcn/PopoverContent.vue.js";
 import J from "../shadcn/Calendar.vue.js";
-const U = /* @__PURE__ */ h({
+const U = /* @__PURE__ */ g({
   __name: "JDatepicker",
   props: {
     modelValue: {},
@@ -24,15 +24,15 @@ const U = /* @__PURE__ */ h({
   setup(s, { emit: f }) {
     const n = s, u = f, m = {
       default: {
-        buttonClass: "h-10"
+        buttonClass: "h-8 text-xs px-2.5"
       },
       sm: {
-        buttonClass: "h-9 text-sm"
+        buttonClass: "h-7 text-[11px] px-2"
       },
       lg: {
-        buttonClass: "h-11 text-base"
+        buttonClass: "h-9 text-sm px-3"
       }
-    }, a = b(), c = (e) => {
+    }, a = h(), c = (e) => {
       if (e)
         try {
           return w(e);
@@ -64,7 +64,7 @@ const U = /* @__PURE__ */ h({
         month: "long",
         day: "numeric"
       }).format(e);
-    }), g = d(() => {
+    }), x = d(() => {
       const e = n.styletype || "default", t = m[e] ?? m.default, l = n.class || "";
       return T(
         "w-full justify-start text-left font-normal",
@@ -73,7 +73,7 @@ const U = /* @__PURE__ */ h({
         l
       );
     });
-    return (e, t) => (S(), C(o(k), null, {
+    return (e, t) => (C(), b(o(k), null, {
       default: i(() => [
         r(o(B), { "as-child": "" }, {
           default: i(() => [
@@ -81,14 +81,14 @@ const U = /* @__PURE__ */ h({
               id: s.id,
               name: s.name,
               disabled: s.disabled,
-              class: D(g.value),
+              class: S(x.value),
               variant: "outline",
               onFocus: t[0] || (t[0] = (l) => u("focus", l)),
               onBlur: t[1] || (t[1] = (l) => u("blur", l))
             }, {
               default: i(() => [
                 r(o($), { class: "mr-2 h-4 w-4" }),
-                _(" " + x(v.value), 1)
+                D(" " + _(v.value), 1)
               ]),
               _: 1
             }, 8, ["id", "name", "disabled", "class"])