@j-solution/components 2.0.3 → 2.0.5

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"),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;
+"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-sm 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\">\nimport { computed } from 'vue'\nimport Badge from '@/components/shadcn/Badge.vue'\n\ntype StyleType =\n  | 'default'   // 기본 스타일\n  | 'primary'   // 강조 스타일 (파랑)\n  | 'success'   // 성공 스타일 (초록)\n  | 'warning'   // 경고 스타일 (주황)\n  | 'danger'    // 위험 스타일 (빨강)\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: 'default' | 'secondary' | 'destructive' | 'outline'\n    class?: string\n    /** 스타일 프리셋 */\n    styletype?: StyleType\n    /** 배지 크기 */\n    size?: 'xs' | 'sm' | 'md' | 'lg'\n  }>(),\n  {\n    variant: 'default',\n    styletype: 'default',\n    size: 'sm',\n  },\n)\n\n/**\n * styletype -> variant, class 매핑\n */\nconst STYLE_PRESETS: Record<StyleType, { variant?: string; class: string }> = {\n  default: { class: '' },\n  primary: { \n    variant: 'default',\n    class: 'bg-blue-500 text-white hover:bg-blue-600',\n  },\n  success: { \n    variant: 'default',\n    class: 'bg-green-500 text-white hover:bg-green-600',\n  },\n  warning: { \n    variant: 'default',\n    class: 'bg-amber-500 text-white hover:bg-amber-600',\n  },\n  danger: { \n    variant: 'default',\n    class: 'bg-red-500 text-white hover:bg-red-600',\n  },\n}\n\n/**\n * size -> class 매핑\n */\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\n/** 최종 바인딩: 직접 넘긴 props가 있으면 styletype 기본값과 병합 */\nconst mapped = computed(() => {\n  const preset = STYLE_PRESETS[props.styletype!]\n  const sizeClass = SIZE_PRESETS[props.size!]\n  \n  const finalVariant = props.variant || preset.variant\n  let styleClass = ''\n  \n  // variant에 따른 스타일 처리\n  if (finalVariant === 'outline') {\n    // outline: 테두리 색상만 적용 (styletype 색상 사용)\n    styleClass = getOutlineStyleClass(props.styletype!)\n  } else if (finalVariant === 'secondary') {\n    // secondary: 고정된 회색 계열 스타일 (styletype 무시)\n    styleClass = 'bg-gray-100 text-gray-800 hover:bg-gray-200'\n  } else if (finalVariant === 'destructive') {\n    // destructive: 고정된 빨간색 계열 스타일 (styletype 무시)\n    styleClass = 'bg-red-500 text-white hover:bg-red-600'\n  } else {\n    // default: styletype의 배경색 스타일 적용\n    styleClass = preset.class\n  }\n  \n  const finalClass = [styleClass, sizeClass, props.class].filter(Boolean).join(' ')\n  \n  return {\n    variant: finalVariant,\n    class: finalClass,\n  }\n})\n\n/**\n * outline variant용 스타일 클래스\n */\nconst getOutlineStyleClass = (styletype: StyleType): string => {\n  const outlineStyles: Record<StyleType, string> = {\n    default: 'border-gray-300 text-gray-700',\n    primary: 'border-blue-500 text-blue-600',\n    success: 'border-green-500 text-green-600',\n    warning: 'border-amber-500 text-amber-600',\n    danger: 'border-red-500 text-red-600',\n  }\n  return outlineStyles[styletype] || ''\n}\n</script>\n\n<template>\n  <Badge v-bind=\"mapped\">\n    <slot />\n  </Badge>\n</template>\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"}
+{"version":3,"file":"JBadge.vue.cjs","sources":["../../../../src/components/atoms/JBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport Badge from '@/components/shadcn/Badge.vue'\n\ntype StyleType =\n  | 'default'   // 기본 스타일\n  | 'primary'   // 강조 스타일 (파랑)\n  | 'success'   // 성공 스타일 (초록)\n  | 'warning'   // 경고 스타일 (주황)\n  | 'danger'    // 위험 스타일 (빨강)\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: 'default' | 'secondary' | 'destructive' | 'outline'\n    class?: string\n    /** 스타일 프리셋 */\n    styletype?: StyleType\n    /** 배지 크기 */\n    size?: 'xs' | 'sm' | 'md' | 'lg'\n  }>(),\n  {\n    variant: 'default',\n    styletype: 'default',\n    size: 'sm',\n  },\n)\n\n/**\n * styletype -> variant, class 매핑\n */\nconst STYLE_PRESETS: Record<StyleType, { variant?: string; class: string }> = {\n  default: { class: '' },\n  primary: { \n    variant: 'default',\n    class: 'bg-blue-500 text-white hover:bg-blue-600',\n  },\n  success: { \n    variant: 'default',\n    class: 'bg-green-500 text-white hover:bg-green-600',\n  },\n  warning: { \n    variant: 'default',\n    class: 'bg-amber-500 text-white hover:bg-amber-600',\n  },\n  danger: { \n    variant: 'default',\n    class: 'bg-red-500 text-white hover:bg-red-600',\n  },\n}\n\n/**\n * size -> class 매핑\n */\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-sm px-2 py-1',\n  lg: 'text-sm px-2.5 py-1',\n}\n\n/** 최종 바인딩: 직접 넘긴 props가 있으면 styletype 기본값과 병합 */\nconst mapped = computed(() => {\n  const preset = STYLE_PRESETS[props.styletype!]\n  const sizeClass = SIZE_PRESETS[props.size!]\n  \n  const finalVariant = props.variant || preset.variant\n  let styleClass = ''\n  \n  // variant에 따른 스타일 처리\n  if (finalVariant === 'outline') {\n    // outline: 테두리 색상만 적용 (styletype 색상 사용)\n    styleClass = getOutlineStyleClass(props.styletype!)\n  } else if (finalVariant === 'secondary') {\n    // secondary: 고정된 회색 계열 스타일 (styletype 무시)\n    styleClass = 'bg-gray-100 text-gray-800 hover:bg-gray-200'\n  } else if (finalVariant === 'destructive') {\n    // destructive: 고정된 빨간색 계열 스타일 (styletype 무시)\n    styleClass = 'bg-red-500 text-white hover:bg-red-600'\n  } else {\n    // default: styletype의 배경색 스타일 적용\n    styleClass = preset.class\n  }\n  \n  const finalClass = [styleClass, sizeClass, props.class].filter(Boolean).join(' ')\n  \n  return {\n    variant: finalVariant,\n    class: finalClass,\n  }\n})\n\n/**\n * outline variant용 스타일 클래스\n */\nconst getOutlineStyleClass = (styletype: StyleType): string => {\n  const outlineStyles: Record<StyleType, string> = {\n    default: 'border-gray-300 text-gray-700',\n    primary: 'border-blue-500 text-blue-600',\n    success: 'border-green-500 text-green-600',\n    warning: 'border-amber-500 text-amber-600',\n    danger: 'border-red-500 text-red-600',\n  }\n  return outlineStyles[styletype] || ''\n}\n</script>\n\n<template>\n  <Badge v-bind=\"mapped\">\n    <slot />\n  </Badge>\n</template>\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 x, withCtx as y, renderSlot as m } from "vue";
+import { defineComponent as u, computed as g, createBlock as p, openBlock as b, normalizeProps as f, guardReactiveProps as x, withCtx as m, renderSlot as y } from "vue";
 import v from "../shadcn/Badge.vue.js";
 const _ = /* @__PURE__ */ u({
   __name: "JBadge",
@@ -30,7 +30,7 @@ const _ = /* @__PURE__ */ u({
     }, o = {
       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",
+      md: "text-sm 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;
@@ -49,8 +49,8 @@ const _ = /* @__PURE__ */ u({
       danger: "border-red-500 text-red-600"
     })[e] || "";
     return (e, s) => (b(), p(v, f(x(i.value)), {
-      default: y(() => [
-        m(e.$slots, "default")
+      default: m(() => [
+        y(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\">\nimport { computed } from 'vue'\nimport Badge from '@/components/shadcn/Badge.vue'\n\ntype StyleType =\n  | 'default'   // 기본 스타일\n  | 'primary'   // 강조 스타일 (파랑)\n  | 'success'   // 성공 스타일 (초록)\n  | 'warning'   // 경고 스타일 (주황)\n  | 'danger'    // 위험 스타일 (빨강)\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: 'default' | 'secondary' | 'destructive' | 'outline'\n    class?: string\n    /** 스타일 프리셋 */\n    styletype?: StyleType\n    /** 배지 크기 */\n    size?: 'xs' | 'sm' | 'md' | 'lg'\n  }>(),\n  {\n    variant: 'default',\n    styletype: 'default',\n    size: 'sm',\n  },\n)\n\n/**\n * styletype -> variant, class 매핑\n */\nconst STYLE_PRESETS: Record<StyleType, { variant?: string; class: string }> = {\n  default: { class: '' },\n  primary: { \n    variant: 'default',\n    class: 'bg-blue-500 text-white hover:bg-blue-600',\n  },\n  success: { \n    variant: 'default',\n    class: 'bg-green-500 text-white hover:bg-green-600',\n  },\n  warning: { \n    variant: 'default',\n    class: 'bg-amber-500 text-white hover:bg-amber-600',\n  },\n  danger: { \n    variant: 'default',\n    class: 'bg-red-500 text-white hover:bg-red-600',\n  },\n}\n\n/**\n * size -> class 매핑\n */\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\n/** 최종 바인딩: 직접 넘긴 props가 있으면 styletype 기본값과 병합 */\nconst mapped = computed(() => {\n  const preset = STYLE_PRESETS[props.styletype!]\n  const sizeClass = SIZE_PRESETS[props.size!]\n  \n  const finalVariant = props.variant || preset.variant\n  let styleClass = ''\n  \n  // variant에 따른 스타일 처리\n  if (finalVariant === 'outline') {\n    // outline: 테두리 색상만 적용 (styletype 색상 사용)\n    styleClass = getOutlineStyleClass(props.styletype!)\n  } else if (finalVariant === 'secondary') {\n    // secondary: 고정된 회색 계열 스타일 (styletype 무시)\n    styleClass = 'bg-gray-100 text-gray-800 hover:bg-gray-200'\n  } else if (finalVariant === 'destructive') {\n    // destructive: 고정된 빨간색 계열 스타일 (styletype 무시)\n    styleClass = 'bg-red-500 text-white hover:bg-red-600'\n  } else {\n    // default: styletype의 배경색 스타일 적용\n    styleClass = preset.class\n  }\n  \n  const finalClass = [styleClass, sizeClass, props.class].filter(Boolean).join(' ')\n  \n  return {\n    variant: finalVariant,\n    class: finalClass,\n  }\n})\n\n/**\n * outline variant용 스타일 클래스\n */\nconst getOutlineStyleClass = (styletype: StyleType): string => {\n  const outlineStyles: Record<StyleType, string> = {\n    default: 'border-gray-300 text-gray-700',\n    primary: 'border-blue-500 text-blue-600',\n    success: 'border-green-500 text-green-600',\n    warning: 'border-amber-500 text-amber-600',\n    danger: 'border-red-500 text-red-600',\n  }\n  return outlineStyles[styletype] || ''\n}\n</script>\n\n<template>\n  <Badge v-bind=\"mapped\">\n    <slot />\n  </Badge>\n</template>\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;;;;;"}
+{"version":3,"file":"JBadge.vue.js","sources":["../../../../src/components/atoms/JBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport Badge from '@/components/shadcn/Badge.vue'\n\ntype StyleType =\n  | 'default'   // 기본 스타일\n  | 'primary'   // 강조 스타일 (파랑)\n  | 'success'   // 성공 스타일 (초록)\n  | 'warning'   // 경고 스타일 (주황)\n  | 'danger'    // 위험 스타일 (빨강)\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: 'default' | 'secondary' | 'destructive' | 'outline'\n    class?: string\n    /** 스타일 프리셋 */\n    styletype?: StyleType\n    /** 배지 크기 */\n    size?: 'xs' | 'sm' | 'md' | 'lg'\n  }>(),\n  {\n    variant: 'default',\n    styletype: 'default',\n    size: 'sm',\n  },\n)\n\n/**\n * styletype -> variant, class 매핑\n */\nconst STYLE_PRESETS: Record<StyleType, { variant?: string; class: string }> = {\n  default: { class: '' },\n  primary: { \n    variant: 'default',\n    class: 'bg-blue-500 text-white hover:bg-blue-600',\n  },\n  success: { \n    variant: 'default',\n    class: 'bg-green-500 text-white hover:bg-green-600',\n  },\n  warning: { \n    variant: 'default',\n    class: 'bg-amber-500 text-white hover:bg-amber-600',\n  },\n  danger: { \n    variant: 'default',\n    class: 'bg-red-500 text-white hover:bg-red-600',\n  },\n}\n\n/**\n * size -> class 매핑\n */\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-sm px-2 py-1',\n  lg: 'text-sm px-2.5 py-1',\n}\n\n/** 최종 바인딩: 직접 넘긴 props가 있으면 styletype 기본값과 병합 */\nconst mapped = computed(() => {\n  const preset = STYLE_PRESETS[props.styletype!]\n  const sizeClass = SIZE_PRESETS[props.size!]\n  \n  const finalVariant = props.variant || preset.variant\n  let styleClass = ''\n  \n  // variant에 따른 스타일 처리\n  if (finalVariant === 'outline') {\n    // outline: 테두리 색상만 적용 (styletype 색상 사용)\n    styleClass = getOutlineStyleClass(props.styletype!)\n  } else if (finalVariant === 'secondary') {\n    // secondary: 고정된 회색 계열 스타일 (styletype 무시)\n    styleClass = 'bg-gray-100 text-gray-800 hover:bg-gray-200'\n  } else if (finalVariant === 'destructive') {\n    // destructive: 고정된 빨간색 계열 스타일 (styletype 무시)\n    styleClass = 'bg-red-500 text-white hover:bg-red-600'\n  } else {\n    // default: styletype의 배경색 스타일 적용\n    styleClass = preset.class\n  }\n  \n  const finalClass = [styleClass, sizeClass, props.class].filter(Boolean).join(' ')\n  \n  return {\n    variant: finalVariant,\n    class: finalClass,\n  }\n})\n\n/**\n * outline variant용 스타일 클래스\n */\nconst getOutlineStyleClass = (styletype: StyleType): string => {\n  const outlineStyles: Record<StyleType, string> = {\n    default: 'border-gray-300 text-gray-700',\n    primary: 'border-blue-500 text-blue-600',\n    success: 'border-green-500 text-green-600',\n    warning: 'border-amber-500 text-amber-600',\n    danger: 'border-red-500 text-red-600',\n  }\n  return outlineStyles[styletype] || ''\n}\n</script>\n\n<template>\n  <Badge v-bind=\"mapped\">\n    <slot />\n  </Badge>\n</template>\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/JCombo.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../shadcn/index.cjs");const g=require("../shadcn/Select.vue.cjs"),v=require("../shadcn/SelectTrigger.vue.cjs"),y=require("../shadcn/SelectValue.vue.cjs"),b=require("../shadcn/SelectContent.vue.cjs"),V=require("../shadcn/SelectItem.vue.cjs"),d="__EMPTY_STRING__",x=e.defineComponent({__name:"JCombo",props:{modelValue:{},options:{default:()=>[]},placeholder:{default:"선택하세요"},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{},id:{},multiple:{type:Boolean,default:!1},class:{},styletype:{default:"default"}},emits:["update:modelValue","change","focus","blur"],setup(r,{emit:c}){const a=r,s=c,n={default:{class:""},error:{class:"border-destructive focus:ring-destructive"},success:{class:"border-green-500 focus:ring-green-500"},warning:{class:"border-amber-500 focus:ring-amber-500"},sm:{class:"h-7 text-xs px-2"},lg:{class:"h-12 text-base px-4"}},i=e.computed(()=>{const t=a.styletype||"default";return[(n[t]??n.default)?.class,a.class].filter(Boolean).join(" ")}),o=t=>t===""||t===void 0?d:String(t),f=t=>t===d?"":t,_=e.computed(()=>a.options.map(t=>({...t,value:o(t.value)}))),p=e.computed(()=>o(a.modelValue)),m=t=>{const l=f(t);s("update:modelValue",l),s("change",l)};return(t,l)=>(e.openBlock(),e.createBlock(e.unref(g.default),{"model-value":p.value,disabled:r.disabled,required:r.required,name:r.name,"onUpdate:modelValue":l[0]||(l[0]=u=>m(u)),onFocus:l[1]||(l[1]=u=>s("focus",u)),onBlur:l[2]||(l[2]=u=>s("blur",u))},{default:e.withCtx(()=>[e.createVNode(e.unref(v.default),{id:r.id,class:e.normalizeClass(i.value)},{default:e.withCtx(()=>[e.createVNode(e.unref(y.default),{placeholder:r.placeholder},null,8,["placeholder"])]),_:1},8,["id","class"]),e.createVNode(e.unref(b.default),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,u=>(e.openBlock(),e.createBlock(e.unref(V.default),{key:u.value,value:u.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.label),1)]),_:2},1032,["value"]))),128))]),_:1})]),_:1},8,["model-value","disabled","required","name"]))}});exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../shadcn/index.cjs");const g=require("../shadcn/Select.vue.cjs"),v=require("../shadcn/SelectTrigger.vue.cjs"),y=require("../shadcn/SelectValue.vue.cjs"),b=require("../shadcn/SelectContent.vue.cjs"),V=require("../shadcn/SelectItem.vue.cjs"),d="__EMPTY_STRING__",x=e.defineComponent({__name:"JCombo",props:{modelValue:{},options:{default:()=>[]},placeholder:{default:""},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{},id:{},multiple:{type:Boolean,default:!1},class:{},styletype:{default:"default"}},emits:["update:modelValue","change","focus","blur"],setup(r,{emit:c}){const a=r,s=c,n={default:{class:""},error:{class:"border-destructive focus:ring-destructive"},success:{class:"border-green-500 focus:ring-green-500"},warning:{class:"border-amber-500 focus:ring-amber-500"},sm:{class:"h-7 text-xs px-2"},lg:{class:"h-12 text-base px-4"}},i=e.computed(()=>{const t=a.styletype||"default";return[(n[t]??n.default)?.class,a.class].filter(Boolean).join(" ")}),o=t=>t===""||t===void 0?d:String(t),f=t=>t===d?"":t,_=e.computed(()=>a.options.map(t=>({...t,value:o(t.value)}))),p=e.computed(()=>o(a.modelValue)),m=t=>{const l=f(t);s("update:modelValue",l),s("change",l)};return(t,l)=>(e.openBlock(),e.createBlock(e.unref(g.default),{"model-value":p.value,disabled:r.disabled,required:r.required,name:r.name,"onUpdate:modelValue":l[0]||(l[0]=u=>m(u)),onFocus:l[1]||(l[1]=u=>s("focus",u)),onBlur:l[2]||(l[2]=u=>s("blur",u))},{default:e.withCtx(()=>[e.createVNode(e.unref(v.default),{id:r.id,class:e.normalizeClass(i.value)},{default:e.withCtx(()=>[e.createVNode(e.unref(y.default),{placeholder:r.placeholder},null,8,["placeholder"])]),_:1},8,["id","class"]),e.createVNode(e.unref(b.default),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,u=>(e.openBlock(),e.createBlock(e.unref(V.default),{key:u.value,value:u.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.label),1)]),_:2},1032,["value"]))),128))]),_:1})]),_:1},8,["model-value","disabled","required","name"]))}});exports.default=x;
 //# sourceMappingURL=JCombo.vue.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"JCombo.vue.cjs","sources":["../../../../src/components/atoms/JCombo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/shadcn'\n\n// 빈 문자열 value를 위한 내부 플레이스홀더\n// reka-ui SelectItem이 빈 문자열을 처리하지 못하는 버그 우회\nconst EMPTY_VALUE_PLACEHOLDER = '__EMPTY_STRING__'\n\nexport interface Option {\n  value: string | number\n  label: string\n}\n\ntype StyleType =\n  | 'default'   // 기본 스타일\n  | 'error'     // 에러 상태\n  | 'success'   // 성공 상태\n  | 'warning'   // 경고 상태\n  | 'sm'        // 작은 크기\n  | 'lg'        // 큰 크기\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string | number\n    options?: Option[]\n    placeholder?: string\n    disabled?: boolean\n    required?: boolean\n    name?: string\n    id?: string\n    multiple?: boolean\n    class?: string\n    /** 스타일 프리셋 */\n    styletype?: StyleType\n  }>(),\n  {\n    options: () => [],\n    placeholder: '선택하세요',\n    disabled: false,\n    required: false,\n    multiple: false,\n    styletype: 'default',\n  },\n)\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number]\n  'change': [value: string | number]\n  'focus': [event: FocusEvent]\n  'blur': [event: FocusEvent]\n}>()\n\n/**\n * styletype -> class 매핑\n */\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\n  default: { class: '' },\n  error: { \n    class: 'border-destructive focus:ring-destructive',\n  },\n  success: { \n    class: 'border-green-500 focus:ring-green-500',\n  },\n  warning: { \n    class: 'border-amber-500 focus:ring-amber-500',\n  },\n  sm: { \n    class: 'h-7 text-xs px-2',\n  },\n  lg: { \n    class: 'h-12 text-base px-4',\n  },\n}\n\nconst triggerClass = computed(() => {\n  const styleKey = props.styletype || 'default'\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\n  return [preset?.class, props.class].filter(Boolean).join(' ')\n})\n\n/**\n * 외부 value를 내부 value로 변환\n * 빈 문자열 -> __EMPTY_STRING__\n */\nconst toInternalValue = (value: string | number | undefined): string => {\n  if (value === '' || value === undefined) {\n    return EMPTY_VALUE_PLACEHOLDER\n  }\n  return String(value)\n}\n\n/**\n * 내부 value를 외부 value로 변환\n * __EMPTY_STRING__ -> ''\n */\nconst toExternalValue = (value: string): string | number => {\n  if (value === EMPTY_VALUE_PLACEHOLDER) {\n    return ''\n  }\n  return value\n}\n\n/**\n * 옵션의 value를 내부 형식으로 변환\n * 빈 문자열 value를 가진 옵션 -> __EMPTY_STRING__으로 변환\n */\nconst processedOptions = computed(() => {\n  return props.options.map((option) => ({\n    ...option,\n    value: toInternalValue(option.value),\n  }))\n})\n\n/**\n * 현재 modelValue를 내부 형식으로 변환\n */\nconst internalModelValue = computed(() => toInternalValue(props.modelValue))\n\nconst handleChange = (internalValue: string) => {\n  const externalValue = toExternalValue(internalValue)\n  emit('update:modelValue', externalValue)\n  emit('change', externalValue)\n}\n</script>\n\n<template>\n  <Select\n    :model-value=\"internalModelValue\"\n    :disabled=\"disabled\"\n    :required=\"required\"\n    :name=\"name\"\n    @update:model-value=\"(value) => handleChange(value as string)\"\n    @focus=\"emit('focus', $event as FocusEvent)\"\n    @blur=\"emit('blur', $event as FocusEvent)\"\n  >\n    <SelectTrigger :id=\"id\" :class=\"triggerClass\">\n      <SelectValue :placeholder=\"placeholder\" />\n    </SelectTrigger>\n    <SelectContent>\n      <SelectItem\n        v-for=\"option in processedOptions\"\n        :key=\"option.value\"\n        :value=\"option.value\"\n      >\n        {{ option.label }}\n      </SelectItem>\n    </SelectContent>\n  </Select>\n</template>\n"],"names":["EMPTY_VALUE_PLACEHOLDER","props","__props","emit","__emit","STYLE_PRESETS","triggerClass","computed","styleKey","toInternalValue","value","toExternalValue","processedOptions","option","internalModelValue","handleChange","internalValue","externalValue","_createBlock","_unref","Select","_cache","$event","_createVNode","SelectTrigger","SelectValue","SelectContent","_createElementBlock","_Fragment","_renderList","SelectItem","_createTextVNode","_toDisplayString"],"mappings":"6XAMMA,EAA0B,yWAehC,MAAMC,EAAQC,EAwBRC,EAAOC,EAUPC,EAAsD,CAC1D,QAAS,CAAE,MAAO,EAAA,EAClB,MAAO,CACL,MAAO,2CAAA,EAET,QAAS,CACP,MAAO,uCAAA,EAET,QAAS,CACP,MAAO,uCAAA,EAET,GAAI,CACF,MAAO,kBAAA,EAET,GAAI,CACF,MAAO,qBAAA,CACT,EAGIC,EAAeC,EAAAA,SAAS,IAAM,CAClC,MAAMC,EAAWP,EAAM,WAAa,UAEpC,MAAO,EADQI,EAAcG,CAAQ,GAAKH,EAAc,UACxC,MAAOJ,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,CAC9D,CAAC,EAMKQ,EAAmBC,GACnBA,IAAU,IAAMA,IAAU,OACrBV,EAEF,OAAOU,CAAK,EAOfC,EAAmBD,GACnBA,IAAUV,EACL,GAEFU,EAOHE,EAAmBL,EAAAA,SAAS,IACzBN,EAAM,QAAQ,IAAKY,IAAY,CACpC,GAAGA,EACH,MAAOJ,EAAgBI,EAAO,KAAK,CAAA,EACnC,CACH,EAKKC,EAAqBP,EAAAA,SAAS,IAAME,EAAgBR,EAAM,UAAU,CAAC,EAErEc,EAAgBC,GAA0B,CAC9C,MAAMC,EAAgBN,EAAgBK,CAAa,EACnDb,EAAK,oBAAqBc,CAAa,EACvCd,EAAK,SAAUc,CAAa,CAC9B,8BAIEC,EAAAA,YAqBSC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CApBN,cAAaN,EAAA,MACb,SAAUZ,EAAA,SACV,SAAUA,EAAA,SACV,KAAMA,EAAA,KACN,sBAAkBmB,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAGX,GAAUK,EAAaL,CAAK,GACjD,QAAKW,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEnB,EAAI,QAAUmB,CAAM,GAC3B,OAAID,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEnB,EAAI,OAASmB,CAAM,EAAA,qBAE1B,IAEgB,CAFhBC,cAEgBJ,EAAAA,MAAAK,EAAAA,OAAA,EAAA,CAFA,GAAItB,EAAA,GAAK,uBAAOI,EAAA,KAAY,CAAA,qBAC1C,IAA0C,CAA1CiB,EAAAA,YAA0CJ,EAAAA,MAAAM,SAAA,EAAA,CAA5B,YAAavB,EAAA,aAAW,KAAA,EAAA,CAAA,aAAA,CAAA,CAAA,0BAExCqB,EAAAA,YAQgBJ,EAAAA,MAAAO,SAAA,EAAA,KAAA,mBANZ,IAAkC,kBADpCC,EAAAA,mBAMaC,EAAAA,SAAA,KAAAC,EAAAA,WALMjB,EAAA,MAAVC,kBADTK,EAAAA,YAMaC,EAAAA,MAAAW,EAAAA,OAAA,EAAA,CAJV,IAAKjB,EAAO,MACZ,MAAOA,EAAO,KAAA,qBAEf,IAAkB,CAAfkB,EAAAA,gBAAAC,EAAAA,gBAAAnB,EAAO,KAAK,EAAA,CAAA,CAAA"}
+{"version":3,"file":"JCombo.vue.cjs","sources":["../../../../src/components/atoms/JCombo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/shadcn'\n\n// 빈 문자열 value를 위한 내부 플레이스홀더\n// reka-ui SelectItem이 빈 문자열을 처리하지 못하는 버그 우회\nconst EMPTY_VALUE_PLACEHOLDER = '__EMPTY_STRING__'\n\nexport interface Option {\n  value: string | number\n  label: string\n}\n\ntype StyleType =\n  | 'default'   // 기본 스타일\n  | 'error'     // 에러 상태\n  | 'success'   // 성공 상태\n  | 'warning'   // 경고 상태\n  | 'sm'        // 작은 크기\n  | 'lg'        // 큰 크기\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string | number\n    options?: Option[]\n    placeholder?: string\n    disabled?: boolean\n    required?: boolean\n    name?: string\n    id?: string\n    multiple?: boolean\n    class?: string\n    /** 스타일 프리셋 */\n    styletype?: StyleType\n  }>(),\n  {\n    options: () => [],\n    placeholder: '',\n    disabled: false,\n    required: false,\n    multiple: false,\n    styletype: 'default',\n  },\n)\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number]\n  'change': [value: string | number]\n  'focus': [event: FocusEvent]\n  'blur': [event: FocusEvent]\n}>()\n\n/**\n * styletype -> class 매핑\n */\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\n  default: { class: '' },\n  error: { \n    class: 'border-destructive focus:ring-destructive',\n  },\n  success: { \n    class: 'border-green-500 focus:ring-green-500',\n  },\n  warning: { \n    class: 'border-amber-500 focus:ring-amber-500',\n  },\n  sm: { \n    class: 'h-7 text-xs px-2',\n  },\n  lg: { \n    class: 'h-12 text-base px-4',\n  },\n}\n\nconst triggerClass = computed(() => {\n  const styleKey = props.styletype || 'default'\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\n  return [preset?.class, props.class].filter(Boolean).join(' ')\n})\n\n/**\n * 외부 value를 내부 value로 변환\n * 빈 문자열 -> __EMPTY_STRING__\n */\nconst toInternalValue = (value: string | number | undefined): string => {\n  if (value === '' || value === undefined) {\n    return EMPTY_VALUE_PLACEHOLDER\n  }\n  return String(value)\n}\n\n/**\n * 내부 value를 외부 value로 변환\n * __EMPTY_STRING__ -> ''\n */\nconst toExternalValue = (value: string): string | number => {\n  if (value === EMPTY_VALUE_PLACEHOLDER) {\n    return ''\n  }\n  return value\n}\n\n/**\n * 옵션의 value를 내부 형식으로 변환\n * 빈 문자열 value를 가진 옵션 -> __EMPTY_STRING__으로 변환\n */\nconst processedOptions = computed(() => {\n  return props.options.map((option) => ({\n    ...option,\n    value: toInternalValue(option.value),\n  }))\n})\n\n/**\n * 현재 modelValue를 내부 형식으로 변환\n */\nconst internalModelValue = computed(() => toInternalValue(props.modelValue))\n\nconst handleChange = (internalValue: string) => {\n  const externalValue = toExternalValue(internalValue)\n  emit('update:modelValue', externalValue)\n  emit('change', externalValue)\n}\n</script>\n\n<template>\n  <Select\n    :model-value=\"internalModelValue\"\n    :disabled=\"disabled\"\n    :required=\"required\"\n    :name=\"name\"\n    @update:model-value=\"(value) => handleChange(value as string)\"\n    @focus=\"emit('focus', $event as FocusEvent)\"\n    @blur=\"emit('blur', $event as FocusEvent)\"\n  >\n    <SelectTrigger :id=\"id\" :class=\"triggerClass\">\n      <SelectValue :placeholder=\"placeholder\" />\n    </SelectTrigger>\n    <SelectContent>\n      <SelectItem\n        v-for=\"option in processedOptions\"\n        :key=\"option.value\"\n        :value=\"option.value\"\n      >\n        {{ option.label }}\n      </SelectItem>\n    </SelectContent>\n  </Select>\n</template>\n"],"names":["EMPTY_VALUE_PLACEHOLDER","props","__props","emit","__emit","STYLE_PRESETS","triggerClass","computed","styleKey","toInternalValue","value","toExternalValue","processedOptions","option","internalModelValue","handleChange","internalValue","externalValue","_createBlock","_unref","Select","_cache","$event","_createVNode","SelectTrigger","SelectValue","SelectContent","_createElementBlock","_Fragment","_renderList","SelectItem","_createTextVNode","_toDisplayString"],"mappings":"6XAMMA,EAA0B,oWAehC,MAAMC,EAAQC,EAwBRC,EAAOC,EAUPC,EAAsD,CAC1D,QAAS,CAAE,MAAO,EAAA,EAClB,MAAO,CACL,MAAO,2CAAA,EAET,QAAS,CACP,MAAO,uCAAA,EAET,QAAS,CACP,MAAO,uCAAA,EAET,GAAI,CACF,MAAO,kBAAA,EAET,GAAI,CACF,MAAO,qBAAA,CACT,EAGIC,EAAeC,EAAAA,SAAS,IAAM,CAClC,MAAMC,EAAWP,EAAM,WAAa,UAEpC,MAAO,EADQI,EAAcG,CAAQ,GAAKH,EAAc,UACxC,MAAOJ,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,CAC9D,CAAC,EAMKQ,EAAmBC,GACnBA,IAAU,IAAMA,IAAU,OACrBV,EAEF,OAAOU,CAAK,EAOfC,EAAmBD,GACnBA,IAAUV,EACL,GAEFU,EAOHE,EAAmBL,EAAAA,SAAS,IACzBN,EAAM,QAAQ,IAAKY,IAAY,CACpC,GAAGA,EACH,MAAOJ,EAAgBI,EAAO,KAAK,CAAA,EACnC,CACH,EAKKC,EAAqBP,EAAAA,SAAS,IAAME,EAAgBR,EAAM,UAAU,CAAC,EAErEc,EAAgBC,GAA0B,CAC9C,MAAMC,EAAgBN,EAAgBK,CAAa,EACnDb,EAAK,oBAAqBc,CAAa,EACvCd,EAAK,SAAUc,CAAa,CAC9B,8BAIEC,EAAAA,YAqBSC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CApBN,cAAaN,EAAA,MACb,SAAUZ,EAAA,SACV,SAAUA,EAAA,SACV,KAAMA,EAAA,KACN,sBAAkBmB,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAGX,GAAUK,EAAaL,CAAK,GACjD,QAAKW,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEnB,EAAI,QAAUmB,CAAM,GAC3B,OAAID,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEnB,EAAI,OAASmB,CAAM,EAAA,qBAE1B,IAEgB,CAFhBC,cAEgBJ,EAAAA,MAAAK,EAAAA,OAAA,EAAA,CAFA,GAAItB,EAAA,GAAK,uBAAOI,EAAA,KAAY,CAAA,qBAC1C,IAA0C,CAA1CiB,EAAAA,YAA0CJ,EAAAA,MAAAM,SAAA,EAAA,CAA5B,YAAavB,EAAA,aAAW,KAAA,EAAA,CAAA,aAAA,CAAA,CAAA,0BAExCqB,EAAAA,YAQgBJ,EAAAA,MAAAO,SAAA,EAAA,KAAA,mBANZ,IAAkC,kBADpCC,EAAAA,mBAMaC,EAAAA,SAAA,KAAAC,EAAAA,WALMjB,EAAA,MAAVC,kBADTK,EAAAA,YAMaC,EAAAA,MAAAW,EAAAA,OAAA,EAAA,CAJV,IAAKjB,EAAO,MACZ,MAAOA,EAAO,KAAA,qBAEf,IAAkB,CAAfkB,EAAAA,gBAAAC,EAAAA,gBAAAnB,EAAO,KAAK,EAAA,CAAA,CAAA"}

package/components/atoms/JCombo.vue.js

@@ -10,7 +10,7 @@ const p = "__EMPTY_STRING__", F = /* @__PURE__ */ y({
   props: {
     modelValue: {},
     options: { default: () => [] },
-    placeholder: { default: "선택하세요" },
+    placeholder: { default: "" },
     disabled: { type: Boolean, default: !1 },
     required: { type: Boolean, default: !1 },
     name: {},

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

@@ -1 +1 @@
-{"version":3,"file":"JCombo.vue.js","sources":["../../../../src/components/atoms/JCombo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/shadcn'\n\n// 빈 문자열 value를 위한 내부 플레이스홀더\n// reka-ui SelectItem이 빈 문자열을 처리하지 못하는 버그 우회\nconst EMPTY_VALUE_PLACEHOLDER = '__EMPTY_STRING__'\n\nexport interface Option {\n  value: string | number\n  label: string\n}\n\ntype StyleType =\n  | 'default'   // 기본 스타일\n  | 'error'     // 에러 상태\n  | 'success'   // 성공 상태\n  | 'warning'   // 경고 상태\n  | 'sm'        // 작은 크기\n  | 'lg'        // 큰 크기\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string | number\n    options?: Option[]\n    placeholder?: string\n    disabled?: boolean\n    required?: boolean\n    name?: string\n    id?: string\n    multiple?: boolean\n    class?: string\n    /** 스타일 프리셋 */\n    styletype?: StyleType\n  }>(),\n  {\n    options: () => [],\n    placeholder: '선택하세요',\n    disabled: false,\n    required: false,\n    multiple: false,\n    styletype: 'default',\n  },\n)\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number]\n  'change': [value: string | number]\n  'focus': [event: FocusEvent]\n  'blur': [event: FocusEvent]\n}>()\n\n/**\n * styletype -> class 매핑\n */\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\n  default: { class: '' },\n  error: { \n    class: 'border-destructive focus:ring-destructive',\n  },\n  success: { \n    class: 'border-green-500 focus:ring-green-500',\n  },\n  warning: { \n    class: 'border-amber-500 focus:ring-amber-500',\n  },\n  sm: { \n    class: 'h-7 text-xs px-2',\n  },\n  lg: { \n    class: 'h-12 text-base px-4',\n  },\n}\n\nconst triggerClass = computed(() => {\n  const styleKey = props.styletype || 'default'\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\n  return [preset?.class, props.class].filter(Boolean).join(' ')\n})\n\n/**\n * 외부 value를 내부 value로 변환\n * 빈 문자열 -> __EMPTY_STRING__\n */\nconst toInternalValue = (value: string | number | undefined): string => {\n  if (value === '' || value === undefined) {\n    return EMPTY_VALUE_PLACEHOLDER\n  }\n  return String(value)\n}\n\n/**\n * 내부 value를 외부 value로 변환\n * __EMPTY_STRING__ -> ''\n */\nconst toExternalValue = (value: string): string | number => {\n  if (value === EMPTY_VALUE_PLACEHOLDER) {\n    return ''\n  }\n  return value\n}\n\n/**\n * 옵션의 value를 내부 형식으로 변환\n * 빈 문자열 value를 가진 옵션 -> __EMPTY_STRING__으로 변환\n */\nconst processedOptions = computed(() => {\n  return props.options.map((option) => ({\n    ...option,\n    value: toInternalValue(option.value),\n  }))\n})\n\n/**\n * 현재 modelValue를 내부 형식으로 변환\n */\nconst internalModelValue = computed(() => toInternalValue(props.modelValue))\n\nconst handleChange = (internalValue: string) => {\n  const externalValue = toExternalValue(internalValue)\n  emit('update:modelValue', externalValue)\n  emit('change', externalValue)\n}\n</script>\n\n<template>\n  <Select\n    :model-value=\"internalModelValue\"\n    :disabled=\"disabled\"\n    :required=\"required\"\n    :name=\"name\"\n    @update:model-value=\"(value) => handleChange(value as string)\"\n    @focus=\"emit('focus', $event as FocusEvent)\"\n    @blur=\"emit('blur', $event as FocusEvent)\"\n  >\n    <SelectTrigger :id=\"id\" :class=\"triggerClass\">\n      <SelectValue :placeholder=\"placeholder\" />\n    </SelectTrigger>\n    <SelectContent>\n      <SelectItem\n        v-for=\"option in processedOptions\"\n        :key=\"option.value\"\n        :value=\"option.value\"\n      >\n        {{ option.label }}\n      </SelectItem>\n    </SelectContent>\n  </Select>\n</template>\n"],"names":["EMPTY_VALUE_PLACEHOLDER","props","__props","emit","__emit","STYLE_PRESETS","triggerClass","computed","styleKey","toInternalValue","value","toExternalValue","processedOptions","option","internalModelValue","handleChange","internalValue","externalValue","_createBlock","_unref","Select","_cache","$event","_createVNode","SelectTrigger","SelectValue","SelectContent","_createElementBlock","_Fragment","_renderList","SelectItem","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;AAMA,MAAMA,IAA0B;;;;;;;;;;;;;;;;AAehC,UAAMC,IAAQC,GAwBRC,IAAOC,GAUPC,IAAsD;AAAA,MAC1D,SAAS,EAAE,OAAO,GAAA;AAAA,MAClB,OAAO;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,IACT,GAGIC,IAAeC,EAAS,MAAM;AAClC,YAAMC,IAAWP,EAAM,aAAa;AAEpC,aAAO,EADQI,EAAcG,CAAQ,KAAKH,EAAc,UACxC,OAAOJ,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IAC9D,CAAC,GAMKQ,IAAkB,CAACC,MACnBA,MAAU,MAAMA,MAAU,SACrBV,IAEF,OAAOU,CAAK,GAOfC,IAAkB,CAACD,MACnBA,MAAUV,IACL,KAEFU,GAOHE,IAAmBL,EAAS,MACzBN,EAAM,QAAQ,IAAI,CAACY,OAAY;AAAA,MACpC,GAAGA;AAAA,MACH,OAAOJ,EAAgBI,EAAO,KAAK;AAAA,IAAA,EACnC,CACH,GAKKC,IAAqBP,EAAS,MAAME,EAAgBR,EAAM,UAAU,CAAC,GAErEc,IAAe,CAACC,MAA0B;AAC9C,YAAMC,IAAgBN,EAAgBK,CAAa;AACnD,MAAAb,EAAK,qBAAqBc,CAAa,GACvCd,EAAK,UAAUc,CAAa;AAAA,IAC9B;2BAIEC,EAqBSC,EAAAC,CAAA,GAAA;AAAA,MApBN,eAAaN,EAAA;AAAA,MACb,UAAUZ,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,MAAMA,EAAA;AAAA,MACN,uBAAkBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGX,MAAUK,EAAaL,CAAK;AAAA,MACjD,SAAKW,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEnB,EAAI,SAAUmB,CAAM;AAAA,MAC3B,QAAID,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEnB,EAAI,QAASmB,CAAM;AAAA,IAAA;iBAE1B,MAEgB;AAAA,QAFhBC,EAEgBJ,EAAAK,CAAA,GAAA;AAAA,UAFA,IAAItB,EAAA;AAAA,UAAK,SAAOI,EAAA,KAAY;AAAA,QAAA;qBAC1C,MAA0C;AAAA,YAA1CiB,EAA0CJ,EAAAM,CAAA,GAAA,EAA5B,aAAavB,EAAA,eAAW,MAAA,GAAA,CAAA,aAAA,CAAA;AAAA,UAAA;;;QAExCqB,EAQgBJ,EAAAO,CAAA,GAAA,MAAA;AAAA,qBANZ,MAAkC;AAAA,oBADpCC,EAMaC,GAAA,MAAAC,EALMjB,EAAA,OAAgB,CAA1BC,YADTK,EAMaC,EAAAW,CAAA,GAAA;AAAA,cAJV,KAAKjB,EAAO;AAAA,cACZ,OAAOA,EAAO;AAAA,YAAA;yBAEf,MAAkB;AAAA,gBAAfkB,EAAAC,EAAAnB,EAAO,KAAK,GAAA,CAAA;AAAA,cAAA;;;;;;;;;;;"}
+{"version":3,"file":"JCombo.vue.js","sources":["../../../../src/components/atoms/JCombo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/shadcn'\n\n// 빈 문자열 value를 위한 내부 플레이스홀더\n// reka-ui SelectItem이 빈 문자열을 처리하지 못하는 버그 우회\nconst EMPTY_VALUE_PLACEHOLDER = '__EMPTY_STRING__'\n\nexport interface Option {\n  value: string | number\n  label: string\n}\n\ntype StyleType =\n  | 'default'   // 기본 스타일\n  | 'error'     // 에러 상태\n  | 'success'   // 성공 상태\n  | 'warning'   // 경고 상태\n  | 'sm'        // 작은 크기\n  | 'lg'        // 큰 크기\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string | number\n    options?: Option[]\n    placeholder?: string\n    disabled?: boolean\n    required?: boolean\n    name?: string\n    id?: string\n    multiple?: boolean\n    class?: string\n    /** 스타일 프리셋 */\n    styletype?: StyleType\n  }>(),\n  {\n    options: () => [],\n    placeholder: '',\n    disabled: false,\n    required: false,\n    multiple: false,\n    styletype: 'default',\n  },\n)\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number]\n  'change': [value: string | number]\n  'focus': [event: FocusEvent]\n  'blur': [event: FocusEvent]\n}>()\n\n/**\n * styletype -> class 매핑\n */\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\n  default: { class: '' },\n  error: { \n    class: 'border-destructive focus:ring-destructive',\n  },\n  success: { \n    class: 'border-green-500 focus:ring-green-500',\n  },\n  warning: { \n    class: 'border-amber-500 focus:ring-amber-500',\n  },\n  sm: { \n    class: 'h-7 text-xs px-2',\n  },\n  lg: { \n    class: 'h-12 text-base px-4',\n  },\n}\n\nconst triggerClass = computed(() => {\n  const styleKey = props.styletype || 'default'\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\n  return [preset?.class, props.class].filter(Boolean).join(' ')\n})\n\n/**\n * 외부 value를 내부 value로 변환\n * 빈 문자열 -> __EMPTY_STRING__\n */\nconst toInternalValue = (value: string | number | undefined): string => {\n  if (value === '' || value === undefined) {\n    return EMPTY_VALUE_PLACEHOLDER\n  }\n  return String(value)\n}\n\n/**\n * 내부 value를 외부 value로 변환\n * __EMPTY_STRING__ -> ''\n */\nconst toExternalValue = (value: string): string | number => {\n  if (value === EMPTY_VALUE_PLACEHOLDER) {\n    return ''\n  }\n  return value\n}\n\n/**\n * 옵션의 value를 내부 형식으로 변환\n * 빈 문자열 value를 가진 옵션 -> __EMPTY_STRING__으로 변환\n */\nconst processedOptions = computed(() => {\n  return props.options.map((option) => ({\n    ...option,\n    value: toInternalValue(option.value),\n  }))\n})\n\n/**\n * 현재 modelValue를 내부 형식으로 변환\n */\nconst internalModelValue = computed(() => toInternalValue(props.modelValue))\n\nconst handleChange = (internalValue: string) => {\n  const externalValue = toExternalValue(internalValue)\n  emit('update:modelValue', externalValue)\n  emit('change', externalValue)\n}\n</script>\n\n<template>\n  <Select\n    :model-value=\"internalModelValue\"\n    :disabled=\"disabled\"\n    :required=\"required\"\n    :name=\"name\"\n    @update:model-value=\"(value) => handleChange(value as string)\"\n    @focus=\"emit('focus', $event as FocusEvent)\"\n    @blur=\"emit('blur', $event as FocusEvent)\"\n  >\n    <SelectTrigger :id=\"id\" :class=\"triggerClass\">\n      <SelectValue :placeholder=\"placeholder\" />\n    </SelectTrigger>\n    <SelectContent>\n      <SelectItem\n        v-for=\"option in processedOptions\"\n        :key=\"option.value\"\n        :value=\"option.value\"\n      >\n        {{ option.label }}\n      </SelectItem>\n    </SelectContent>\n  </Select>\n</template>\n"],"names":["EMPTY_VALUE_PLACEHOLDER","props","__props","emit","__emit","STYLE_PRESETS","triggerClass","computed","styleKey","toInternalValue","value","toExternalValue","processedOptions","option","internalModelValue","handleChange","internalValue","externalValue","_createBlock","_unref","Select","_cache","$event","_createVNode","SelectTrigger","SelectValue","SelectContent","_createElementBlock","_Fragment","_renderList","SelectItem","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;AAMA,MAAMA,IAA0B;;;;;;;;;;;;;;;;AAehC,UAAMC,IAAQC,GAwBRC,IAAOC,GAUPC,IAAsD;AAAA,MAC1D,SAAS,EAAE,OAAO,GAAA;AAAA,MAClB,OAAO;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,IACT,GAGIC,IAAeC,EAAS,MAAM;AAClC,YAAMC,IAAWP,EAAM,aAAa;AAEpC,aAAO,EADQI,EAAcG,CAAQ,KAAKH,EAAc,UACxC,OAAOJ,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IAC9D,CAAC,GAMKQ,IAAkB,CAACC,MACnBA,MAAU,MAAMA,MAAU,SACrBV,IAEF,OAAOU,CAAK,GAOfC,IAAkB,CAACD,MACnBA,MAAUV,IACL,KAEFU,GAOHE,IAAmBL,EAAS,MACzBN,EAAM,QAAQ,IAAI,CAACY,OAAY;AAAA,MACpC,GAAGA;AAAA,MACH,OAAOJ,EAAgBI,EAAO,KAAK;AAAA,IAAA,EACnC,CACH,GAKKC,IAAqBP,EAAS,MAAME,EAAgBR,EAAM,UAAU,CAAC,GAErEc,IAAe,CAACC,MAA0B;AAC9C,YAAMC,IAAgBN,EAAgBK,CAAa;AACnD,MAAAb,EAAK,qBAAqBc,CAAa,GACvCd,EAAK,UAAUc,CAAa;AAAA,IAC9B;2BAIEC,EAqBSC,EAAAC,CAAA,GAAA;AAAA,MApBN,eAAaN,EAAA;AAAA,MACb,UAAUZ,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,MAAMA,EAAA;AAAA,MACN,uBAAkBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGX,MAAUK,EAAaL,CAAK;AAAA,MACjD,SAAKW,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEnB,EAAI,SAAUmB,CAAM;AAAA,MAC3B,QAAID,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEnB,EAAI,QAASmB,CAAM;AAAA,IAAA;iBAE1B,MAEgB;AAAA,QAFhBC,EAEgBJ,EAAAK,CAAA,GAAA;AAAA,UAFA,IAAItB,EAAA;AAAA,UAAK,SAAOI,EAAA,KAAY;AAAA,QAAA;qBAC1C,MAA0C;AAAA,YAA1CiB,EAA0CJ,EAAAM,CAAA,GAAA,EAA5B,aAAavB,EAAA,eAAW,MAAA,GAAA,CAAA,aAAA,CAAA;AAAA,UAAA;;;QAExCqB,EAQgBJ,EAAAO,CAAA,GAAA,MAAA;AAAA,qBANZ,MAAkC;AAAA,oBADpCC,EAMaC,GAAA,MAAAC,EALMjB,EAAA,OAAgB,CAA1BC,YADTK,EAMaC,EAAAW,CAAA,GAAA;AAAA,cAJV,KAAKjB,EAAO;AAAA,cACZ,OAAOA,EAAO;AAAA,YAAA;yBAEf,MAAkB;AAAA,gBAAfkB,EAAAC,EAAAnB,EAAO,KAAK,GAAA,CAAA;AAAA,cAAA;;;;;;;;;;;"}

package/components/atoms/JEditor.vue.cjs

@@ -3,5 +3,5 @@
   for (const [t_key, t_val] of t_opts)
     t_merged[t_key] = t_val;
   return t_merged;
-};,u=t(e.default,[["__scopeId","data-v-f2b1f27c"]]);exports.default=u;
+};,u=t(e.default,[["__scopeId","data-v-0b947eae"]]);exports.default=u;
 //# sourceMappingURL=JEditor.vue.cjs.map

package/components/atoms/JEditor.vue.js

@@ -6,8 +6,8 @@ const t = (t_comp, t_opts) => {
     t_merged[t_key] = t_val;
   return t_merged;
 };
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f2b1f27c"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0b947eae"]]);
 export {
-  p as default
+  m as default
 };
 //# sourceMappingURL=JEditor.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"JEditor.vue2.cjs","sources":["../../../../src/components/atoms/JEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted } from 'vue'\nimport { MdEditor } from 'md-editor-v3'\nimport 'md-editor-v3/lib/style.css'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 마크다운 내용 (v-model) */\n    modelValue?: string\n    /** 플레이스홀더 텍스트 */\n    placeholder?: string\n    /** 비활성화 상태 */\n    disabled?: boolean\n    /** 읽기 전용 상태 */\n    readonly?: boolean\n    /** 에디터 높이 */\n    height?: string | number\n    /** 테마 (light/dark) - 설정하지 않으면 자동으로 다크모드 감지 */\n    theme?: 'light' | 'dark'\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    modelValue: '',\n    placeholder: '마크다운을 입력하세요...',\n    disabled: false,\n    readonly: false,\n    height: '300px',\n  },\n)\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n  'change': [value: string]\n  'save': [value: string]\n}>()\n\n// 다크모드 상태\nconst isDarkMode = ref(false)\n\n// 다크모드 감지 함수\nconst detectDarkMode = () => {\n  isDarkMode.value = document.documentElement.classList.contains('dark')\n}\n\n// 현재 테마 계산 (props.theme이 있으면 그것 사용, 없으면 자동 감지)\nconst currentTheme = computed(() => {\n  if (props.theme) {\n    return props.theme\n  }\n  return isDarkMode.value ? 'dark' : 'light'\n})\n\n// MutationObserver로 다크모드 변경 감지\nlet darkModeObserver: MutationObserver | null = null\n\nonMounted(() => {\n  // 초기 다크모드 상태 감지\n  detectDarkMode()\n  \n  // MutationObserver로 class 변경 감지\n  darkModeObserver = new MutationObserver(() => {\n    detectDarkMode()\n  })\n  \n  darkModeObserver.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: ['class'],\n  })\n})\n\nonUnmounted(() => {\n  if (darkModeObserver) {\n    darkModeObserver.disconnect()\n  }\n})\n\nconst handleChange = (value: string) => {\n  emit('update:modelValue', value)\n  emit('change', value)\n}\n\nconst handleSave = (value: string) => {\n  emit('save', value)\n}\n</script>\n\n<template>\n  <div :class=\"['j-editor-wrapper', props.class]\">\n    <MdEditor\n      :model-value=\"modelValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :read-only=\"readonly\"\n      :editor-class-name=\"'j-editor'\"\n      :preview-class-name=\"'j-editor-preview'\"\n      :style=\"{ height: typeof height === 'number' ? `${height}px` : height }\"\n      :theme=\"currentTheme\"\n      language=\"en-US\"\n      @update:model-value=\"handleChange\"\n      @on-save=\"handleSave\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.j-editor-wrapper {\n  @apply w-full;\n}\n</style>\n"],"names":["props","__props","emit","__emit","isDarkMode","ref","detectDarkMode","currentTheme","computed","darkModeObserver","onMounted","onUnmounted","handleChange","value","handleSave","_createElementBlock","_normalizeClass","_createVNode","_unref","MdEditor","_normalizeStyle"],"mappings":"+jBAKA,MAAMA,EAAQC,EA0BRC,EAAOC,EAOPC,EAAaC,EAAAA,IAAI,EAAK,EAGtBC,EAAiB,IAAM,CAC3BF,EAAW,MAAQ,SAAS,gBAAgB,UAAU,SAAS,MAAM,CACvE,EAGMG,EAAeC,EAAAA,SAAS,IACxBR,EAAM,MACDA,EAAM,MAERI,EAAW,MAAQ,OAAS,OACpC,EAGD,IAAIK,EAA4C,KAEhDC,EAAAA,UAAU,IAAM,CAEdJ,EAAA,EAGAG,EAAmB,IAAI,iBAAiB,IAAM,CAC5CH,EAAA,CACF,CAAC,EAEDG,EAAiB,QAAQ,SAAS,gBAAiB,CACjD,WAAY,GACZ,gBAAiB,CAAC,OAAO,CAAA,CAC1B,CACH,CAAC,EAEDE,EAAAA,YAAY,IAAM,CACZF,GACFA,EAAiB,WAAA,CAErB,CAAC,EAED,MAAMG,EAAgBC,GAAkB,CACtCX,EAAK,oBAAqBW,CAAK,EAC/BX,EAAK,SAAUW,CAAK,CACtB,EAEMC,EAAcD,GAAkB,CACpCX,EAAK,OAAQW,CAAK,CACpB,8BAIEE,EAAAA,mBAcM,MAAA,CAdA,MAAKC,EAAAA,eAAA,CAAA,mBAAuBhB,EAAM,KAAK,CAAA,CAAA,GAC3CiB,cAYEC,EAAAA,MAAAC,EAAAA,QAAA,EAAA,CAXC,cAAalB,EAAA,WACb,YAAaA,EAAA,YACb,SAAUA,EAAA,SACV,YAAWA,EAAA,SACX,oBAAmB,WACnB,qBAAoB,mBACpB,MAAKmB,EAAAA,eAAA,CAAA,OAAA,OAAmBnB,EAAA,QAAM,SAAA,GAAmBA,EAAA,MAAM,KAAOA,EAAA,OAAM,EACpE,MAAOM,EAAA,MACR,SAAS,QACR,sBAAoBK,EACpB,SAASE,CAAA"}
+{"version":3,"file":"JEditor.vue2.cjs","sources":["../../../../src/components/atoms/JEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted } from 'vue'\nimport { MdEditor } from 'md-editor-v3'\nimport 'md-editor-v3/lib/style.css'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 마크다운 내용 (v-model) */\n    modelValue?: string\n    /** 플레이스홀더 텍스트 */\n    placeholder?: string\n    /** 비활성화 상태 */\n    disabled?: boolean\n    /** 읽기 전용 상태 */\n    readonly?: boolean\n    /** 에디터 높이 */\n    height?: string | number\n    /** 테마 (light/dark) - 설정하지 않으면 자동으로 다크모드 감지 */\n    theme?: 'light' | 'dark'\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    modelValue: '',\n    placeholder: '마크다운을 입력하세요...',\n    disabled: false,\n    readonly: false,\n    height: '300px',\n  },\n)\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n  'change': [value: string]\n  'save': [value: string]\n}>()\n\n// 다크모드 상태\nconst isDarkMode = ref(false)\n\n// 다크모드 감지 함수\nconst detectDarkMode = () => {\n  isDarkMode.value = document.documentElement.classList.contains('dark')\n}\n\n// 현재 테마 계산 (props.theme이 있으면 그것 사용, 없으면 자동 감지)\nconst currentTheme = computed(() => {\n  if (props.theme) {\n    return props.theme\n  }\n  return isDarkMode.value ? 'dark' : 'light'\n})\n\n// MutationObserver로 다크모드 변경 감지\nlet darkModeObserver: MutationObserver | null = null\n\nonMounted(() => {\n  // 초기 다크모드 상태 감지\n  detectDarkMode()\n  \n  // MutationObserver로 class 변경 감지\n  darkModeObserver = new MutationObserver(() => {\n    detectDarkMode()\n  })\n  \n  darkModeObserver.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: ['class'],\n  })\n})\n\nonUnmounted(() => {\n  if (darkModeObserver) {\n    darkModeObserver.disconnect()\n  }\n})\n\nconst handleChange = (value: string) => {\n  emit('update:modelValue', value)\n  emit('change', value)\n}\n\nconst handleSave = (value: string) => {\n  emit('save', value)\n}\n</script>\n\n<template>\n  <div :class=\"['j-editor-wrapper', props.class]\">\n    <MdEditor\n      :model-value=\"modelValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :read-only=\"readonly\"\n      :editor-class-name=\"'j-editor'\"\n      :preview-class-name=\"'j-editor-preview'\"\n      :style=\"{ height: typeof height === 'number' ? `${height}px` : height }\"\n      :theme=\"currentTheme\"\n      language=\"en-US\"\n      @update:model-value=\"handleChange\"\n      @on-save=\"handleSave\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.j-editor-wrapper {\n  @apply w-full h-full;\n}\n</style>\n"],"names":["props","__props","emit","__emit","isDarkMode","ref","detectDarkMode","currentTheme","computed","darkModeObserver","onMounted","onUnmounted","handleChange","value","handleSave","_createElementBlock","_normalizeClass","_createVNode","_unref","MdEditor","_normalizeStyle"],"mappings":"+jBAKA,MAAMA,EAAQC,EA0BRC,EAAOC,EAOPC,EAAaC,EAAAA,IAAI,EAAK,EAGtBC,EAAiB,IAAM,CAC3BF,EAAW,MAAQ,SAAS,gBAAgB,UAAU,SAAS,MAAM,CACvE,EAGMG,EAAeC,EAAAA,SAAS,IACxBR,EAAM,MACDA,EAAM,MAERI,EAAW,MAAQ,OAAS,OACpC,EAGD,IAAIK,EAA4C,KAEhDC,EAAAA,UAAU,IAAM,CAEdJ,EAAA,EAGAG,EAAmB,IAAI,iBAAiB,IAAM,CAC5CH,EAAA,CACF,CAAC,EAEDG,EAAiB,QAAQ,SAAS,gBAAiB,CACjD,WAAY,GACZ,gBAAiB,CAAC,OAAO,CAAA,CAC1B,CACH,CAAC,EAEDE,EAAAA,YAAY,IAAM,CACZF,GACFA,EAAiB,WAAA,CAErB,CAAC,EAED,MAAMG,EAAgBC,GAAkB,CACtCX,EAAK,oBAAqBW,CAAK,EAC/BX,EAAK,SAAUW,CAAK,CACtB,EAEMC,EAAcD,GAAkB,CACpCX,EAAK,OAAQW,CAAK,CACpB,8BAIEE,EAAAA,mBAcM,MAAA,CAdA,MAAKC,EAAAA,eAAA,CAAA,mBAAuBhB,EAAM,KAAK,CAAA,CAAA,GAC3CiB,cAYEC,EAAAA,MAAAC,EAAAA,QAAA,EAAA,CAXC,cAAalB,EAAA,WACb,YAAaA,EAAA,YACb,SAAUA,EAAA,SACV,YAAWA,EAAA,SACX,oBAAmB,WACnB,qBAAoB,mBACpB,MAAKmB,EAAAA,eAAA,CAAA,OAAA,OAAmBnB,EAAA,QAAM,SAAA,GAAmBA,EAAA,MAAM,KAAOA,EAAA,OAAM,EACpE,MAAOM,EAAA,MACR,SAAS,QACR,sBAAoBK,EACpB,SAASE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"JEditor.vue2.js","sources":["../../../../src/components/atoms/JEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted } from 'vue'\nimport { MdEditor } from 'md-editor-v3'\nimport 'md-editor-v3/lib/style.css'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 마크다운 내용 (v-model) */\n    modelValue?: string\n    /** 플레이스홀더 텍스트 */\n    placeholder?: string\n    /** 비활성화 상태 */\n    disabled?: boolean\n    /** 읽기 전용 상태 */\n    readonly?: boolean\n    /** 에디터 높이 */\n    height?: string | number\n    /** 테마 (light/dark) - 설정하지 않으면 자동으로 다크모드 감지 */\n    theme?: 'light' | 'dark'\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    modelValue: '',\n    placeholder: '마크다운을 입력하세요...',\n    disabled: false,\n    readonly: false,\n    height: '300px',\n  },\n)\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n  'change': [value: string]\n  'save': [value: string]\n}>()\n\n// 다크모드 상태\nconst isDarkMode = ref(false)\n\n// 다크모드 감지 함수\nconst detectDarkMode = () => {\n  isDarkMode.value = document.documentElement.classList.contains('dark')\n}\n\n// 현재 테마 계산 (props.theme이 있으면 그것 사용, 없으면 자동 감지)\nconst currentTheme = computed(() => {\n  if (props.theme) {\n    return props.theme\n  }\n  return isDarkMode.value ? 'dark' : 'light'\n})\n\n// MutationObserver로 다크모드 변경 감지\nlet darkModeObserver: MutationObserver | null = null\n\nonMounted(() => {\n  // 초기 다크모드 상태 감지\n  detectDarkMode()\n  \n  // MutationObserver로 class 변경 감지\n  darkModeObserver = new MutationObserver(() => {\n    detectDarkMode()\n  })\n  \n  darkModeObserver.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: ['class'],\n  })\n})\n\nonUnmounted(() => {\n  if (darkModeObserver) {\n    darkModeObserver.disconnect()\n  }\n})\n\nconst handleChange = (value: string) => {\n  emit('update:modelValue', value)\n  emit('change', value)\n}\n\nconst handleSave = (value: string) => {\n  emit('save', value)\n}\n</script>\n\n<template>\n  <div :class=\"['j-editor-wrapper', props.class]\">\n    <MdEditor\n      :model-value=\"modelValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :read-only=\"readonly\"\n      :editor-class-name=\"'j-editor'\"\n      :preview-class-name=\"'j-editor-preview'\"\n      :style=\"{ height: typeof height === 'number' ? `${height}px` : height }\"\n      :theme=\"currentTheme\"\n      language=\"en-US\"\n      @update:model-value=\"handleChange\"\n      @on-save=\"handleSave\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.j-editor-wrapper {\n  @apply w-full;\n}\n</style>\n"],"names":["props","__props","emit","__emit","isDarkMode","ref","detectDarkMode","currentTheme","computed","darkModeObserver","onMounted","onUnmounted","handleChange","value","handleSave","_createElementBlock","_normalizeClass","_createVNode","_unref","MdEditor","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC,GA0BRC,IAAOC,GAOPC,IAAaC,EAAI,EAAK,GAGtBC,IAAiB,MAAM;AAC3B,MAAAF,EAAW,QAAQ,SAAS,gBAAgB,UAAU,SAAS,MAAM;AAAA,IACvE,GAGMG,IAAeC,EAAS,MACxBR,EAAM,QACDA,EAAM,QAERI,EAAW,QAAQ,SAAS,OACpC;AAGD,QAAIK,IAA4C;AAEhD,IAAAC,EAAU,MAAM;AAEd,MAAAJ,EAAA,GAGAG,IAAmB,IAAI,iBAAiB,MAAM;AAC5C,QAAAH,EAAA;AAAA,MACF,CAAC,GAEDG,EAAiB,QAAQ,SAAS,iBAAiB;AAAA,QACjD,YAAY;AAAA,QACZ,iBAAiB,CAAC,OAAO;AAAA,MAAA,CAC1B;AAAA,IACH,CAAC,GAEDE,EAAY,MAAM;AAChB,MAAIF,KACFA,EAAiB,WAAA;AAAA,IAErB,CAAC;AAED,UAAMG,IAAe,CAACC,MAAkB;AACtC,MAAAX,EAAK,qBAAqBW,CAAK,GAC/BX,EAAK,UAAUW,CAAK;AAAA,IACtB,GAEMC,IAAa,CAACD,MAAkB;AACpC,MAAAX,EAAK,QAAQW,CAAK;AAAA,IACpB;2BAIEE,EAcM,OAAA;AAAA,MAdA,OAAKC,EAAA,CAAA,oBAAuBhB,EAAM,KAAK,CAAA;AAAA,IAAA;MAC3CiB,EAYEC,EAAAC,CAAA,GAAA;AAAA,QAXC,eAAalB,EAAA;AAAA,QACb,aAAaA,EAAA;AAAA,QACb,UAAUA,EAAA;AAAA,QACV,aAAWA,EAAA;AAAA,QACX,qBAAmB;AAAA,QACnB,sBAAoB;AAAA,QACpB,OAAKmB,EAAA,EAAA,QAAA,OAAmBnB,EAAA,UAAM,WAAA,GAAmBA,EAAA,MAAM,OAAOA,EAAA,QAAM;AAAA,QACpE,OAAOM,EAAA;AAAA,QACR,UAAS;AAAA,QACR,uBAAoBK;AAAA,QACpB,UAASE;AAAA,MAAA;;;;"}
+{"version":3,"file":"JEditor.vue2.js","sources":["../../../../src/components/atoms/JEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted } from 'vue'\nimport { MdEditor } from 'md-editor-v3'\nimport 'md-editor-v3/lib/style.css'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 마크다운 내용 (v-model) */\n    modelValue?: string\n    /** 플레이스홀더 텍스트 */\n    placeholder?: string\n    /** 비활성화 상태 */\n    disabled?: boolean\n    /** 읽기 전용 상태 */\n    readonly?: boolean\n    /** 에디터 높이 */\n    height?: string | number\n    /** 테마 (light/dark) - 설정하지 않으면 자동으로 다크모드 감지 */\n    theme?: 'light' | 'dark'\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    modelValue: '',\n    placeholder: '마크다운을 입력하세요...',\n    disabled: false,\n    readonly: false,\n    height: '300px',\n  },\n)\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n  'change': [value: string]\n  'save': [value: string]\n}>()\n\n// 다크모드 상태\nconst isDarkMode = ref(false)\n\n// 다크모드 감지 함수\nconst detectDarkMode = () => {\n  isDarkMode.value = document.documentElement.classList.contains('dark')\n}\n\n// 현재 테마 계산 (props.theme이 있으면 그것 사용, 없으면 자동 감지)\nconst currentTheme = computed(() => {\n  if (props.theme) {\n    return props.theme\n  }\n  return isDarkMode.value ? 'dark' : 'light'\n})\n\n// MutationObserver로 다크모드 변경 감지\nlet darkModeObserver: MutationObserver | null = null\n\nonMounted(() => {\n  // 초기 다크모드 상태 감지\n  detectDarkMode()\n  \n  // MutationObserver로 class 변경 감지\n  darkModeObserver = new MutationObserver(() => {\n    detectDarkMode()\n  })\n  \n  darkModeObserver.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: ['class'],\n  })\n})\n\nonUnmounted(() => {\n  if (darkModeObserver) {\n    darkModeObserver.disconnect()\n  }\n})\n\nconst handleChange = (value: string) => {\n  emit('update:modelValue', value)\n  emit('change', value)\n}\n\nconst handleSave = (value: string) => {\n  emit('save', value)\n}\n</script>\n\n<template>\n  <div :class=\"['j-editor-wrapper', props.class]\">\n    <MdEditor\n      :model-value=\"modelValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :read-only=\"readonly\"\n      :editor-class-name=\"'j-editor'\"\n      :preview-class-name=\"'j-editor-preview'\"\n      :style=\"{ height: typeof height === 'number' ? `${height}px` : height }\"\n      :theme=\"currentTheme\"\n      language=\"en-US\"\n      @update:model-value=\"handleChange\"\n      @on-save=\"handleSave\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.j-editor-wrapper {\n  @apply w-full h-full;\n}\n</style>\n"],"names":["props","__props","emit","__emit","isDarkMode","ref","detectDarkMode","currentTheme","computed","darkModeObserver","onMounted","onUnmounted","handleChange","value","handleSave","_createElementBlock","_normalizeClass","_createVNode","_unref","MdEditor","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC,GA0BRC,IAAOC,GAOPC,IAAaC,EAAI,EAAK,GAGtBC,IAAiB,MAAM;AAC3B,MAAAF,EAAW,QAAQ,SAAS,gBAAgB,UAAU,SAAS,MAAM;AAAA,IACvE,GAGMG,IAAeC,EAAS,MACxBR,EAAM,QACDA,EAAM,QAERI,EAAW,QAAQ,SAAS,OACpC;AAGD,QAAIK,IAA4C;AAEhD,IAAAC,EAAU,MAAM;AAEd,MAAAJ,EAAA,GAGAG,IAAmB,IAAI,iBAAiB,MAAM;AAC5C,QAAAH,EAAA;AAAA,MACF,CAAC,GAEDG,EAAiB,QAAQ,SAAS,iBAAiB;AAAA,QACjD,YAAY;AAAA,QACZ,iBAAiB,CAAC,OAAO;AAAA,MAAA,CAC1B;AAAA,IACH,CAAC,GAEDE,EAAY,MAAM;AAChB,MAAIF,KACFA,EAAiB,WAAA;AAAA,IAErB,CAAC;AAED,UAAMG,IAAe,CAACC,MAAkB;AACtC,MAAAX,EAAK,qBAAqBW,CAAK,GAC/BX,EAAK,UAAUW,CAAK;AAAA,IACtB,GAEMC,IAAa,CAACD,MAAkB;AACpC,MAAAX,EAAK,QAAQW,CAAK;AAAA,IACpB;2BAIEE,EAcM,OAAA;AAAA,MAdA,OAAKC,EAAA,CAAA,oBAAuBhB,EAAM,KAAK,CAAA;AAAA,IAAA;MAC3CiB,EAYEC,EAAAC,CAAA,GAAA;AAAA,QAXC,eAAalB,EAAA;AAAA,QACb,aAAaA,EAAA;AAAA,QACb,UAAUA,EAAA;AAAA,QACV,aAAWA,EAAA;AAAA,QACX,qBAAmB;AAAA,QACnB,sBAAoB;AAAA,QACpB,OAAKmB,EAAA,EAAA,QAAA,OAAmBnB,EAAA,UAAM,WAAA,GAAmBA,EAAA,MAAM,OAAOA,EAAA,QAAM;AAAA,QACpE,OAAOM,EAAA;AAAA,QACR,UAAS;AAAA,QACR,uBAAoBK;AAAA,QACpB,UAASE;AAAA,MAAA;;;;"}

package/components/atoms/JSplitter.vue.cjs

@@ -3,5 +3,5 @@
   for (const [t_key, t_val] of t_opts)
     t_merged[t_key] = t_val;
   return t_merged;
-};,u=t(e.default,[["__scopeId","data-v-25c4d908"]]);exports.default=u;
+};,u=t(e.default,[["__scopeId","data-v-393b9055"]]);exports.default=u;
 //# sourceMappingURL=JSplitter.vue.cjs.map

package/components/atoms/JSplitter.vue.js

@@ -6,7 +6,7 @@ const o = (o_comp, o_opts) => {
     o_merged[o_key] = o_val;
   return o_merged;
 };
-const _ = /* @__PURE__ */ o(t, [["__scopeId", "data-v-25c4d908"]]);
+const _ = /* @__PURE__ */ o(t, [["__scopeId", "data-v-393b9055"]]);
 export {
   _ as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"JSplitter.vue2.cjs","sources":["../../../../src/components/atoms/JSplitter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { cn } from '@/lib/utils'\nimport {\n  ResizablePanelGroup,\n  ResizablePanel,\n  ResizableHandle,\n} from '@/components/shadcn/resizable'\n\ntype Orientation = 'horizontal' | 'vertical'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 분할 방향 (horizontal: 좌우, vertical: 상하) */\n    direction?: Orientation\n    /** 첫 번째 패널의 기본 크기 (%) */\n    defaultSize?: number\n    /** 첫 번째 패널의 최소 크기 (%) */\n    minSize?: number\n    /** 첫 번째 패널의 최대 크기 (%) */\n    maxSize?: number\n    /** 두 번째 패널의 최소 크기 (%) */\n    secondMinSize?: number\n    /** 두 번째 패널의 최대 크기 (%) */\n    secondMaxSize?: number\n    /** ResizableHandle에 grip 아이콘 표시 여부 */\n    withHandle?: boolean\n    /** 패널 간 여백 (px) */\n    gap?: number\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    direction: 'horizontal',\n    defaultSize: 40,\n    minSize: 20,\n    withHandle: false,\n    gap: 2,\n  },\n)\n\n// 두 번째 패널의 기본 크기 계산\nconst secondDefaultSize = computed(() => 100 - props.defaultSize)\n</script>\n\n<template>\n  <ResizablePanelGroup :direction=\"direction\" :class=\"cn('jsplitter-group min-h-0 min-w-0', $props.class)\">\n    <!-- 첫 번째 패널 (좌측/상단) -->\n    <ResizablePanel \n      :default-size=\"defaultSize\" \n      :min-size=\"minSize\" \n      :max-size=\"maxSize\"\n      :class=\"gap > 0 ? (direction === 'horizontal' ? 'pr-[calc(var(--gap)/2)]' : 'pb-[calc(var(--gap)/2)]') : ''\"\n      :style=\"gap > 0 ? { '--gap': `${gap}px` } : {}\"\n    >\n      <slot name=\"first\" />\n      <!-- direction=\"horizontal\"일 때 left, vertical일 때 top으로도 사용 가능 -->\n      <slot name=\"left\" />\n      <slot name=\"top\" />\n    </ResizablePanel>\n\n    <!-- 크기 조정 핸들 -->\n    <ResizableHandle :with-handle=\"withHandle\" class=\"jsplitter-handle\" />\n\n    <!-- 두 번째 패널 (우측/하단) -->\n    <ResizablePanel\n      :default-size=\"secondDefaultSize\"\n      :min-size=\"secondMinSize\"\n      :max-size=\"secondMaxSize\"\n      :class=\"gap > 0 ? (direction === 'horizontal' ? 'pl-[calc(var(--gap)/2)]' : 'pt-[calc(var(--gap)/2)]') : ''\"\n      :style=\"gap > 0 ? { '--gap': `${gap}px` } : {}\"\n    >\n      <slot name=\"second\" />\n      <!-- direction=\"horizontal\"일 때 right, vertical일 때 bottom으로도 사용 가능 -->\n      <slot name=\"right\" />\n      <slot name=\"bottom\" />\n    </ResizablePanel>\n  </ResizablePanelGroup>\n</template>\n\n<style scoped>\n/* ── overflow 보호 ──────────────────────────────────────────────────── */\n:deep(.jsplitter-group [data-panel]) {\n  min-width: 0;\n  min-height: 0;\n}\n\n/* ── horizontal 핸들: 8px 히트영역 ─────────────────────────────────── */\n:deep(.jsplitter-handle[data-orientation=\"horizontal\"]) {\n  width: 8px !important;\n  background: transparent !important;\n  position: relative;\n  z-index: 3;\n  transition: background 0.15s ease;\n}\n\n/* ── vertical 핸들: 8px 히트영역 ───────────────────────────────────── */\n:deep(.jsplitter-handle[data-orientation=\"vertical\"]) {\n  height: 8px !important;\n  background: transparent !important;\n  position: relative;\n  z-index: 3;\n  transition: background 0.15s ease;\n}\n\n/* ── 시각선: 1px (after:w-1 override) ──────────────────────────────── */\n:deep(.jsplitter-handle::after) {\n  width: 1px !important;\n  background: hsl(var(--border)) !important;\n  transition: background 0.15s ease, width 0.12s ease !important;\n}\n\n:deep(.jsplitter-handle[data-orientation=\"vertical\"]::after) {\n  height: 1px !important;\n  width: 100% !important;\n}\n\n/* ── 그립 도트 인디케이터 (::before) ───────────────────────────────── */\n:deep(.jsplitter-handle::before) {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 3px;\n  height: 20px;\n  background-image: radial-gradient(circle, hsl(var(--muted-foreground) / 0.5) 1px, transparent 1px);\n  background-size: 3px 6px;\n  background-repeat: repeat-y;\n  border-radius: 2px;\n  opacity: 0;\n  transition: opacity 0.15s ease;\n  pointer-events: none;\n  z-index: 4;\n}\n\n:deep(.jsplitter-handle[data-orientation=\"vertical\"]::before) {\n  width: 20px;\n  height: 3px;\n  background-size: 6px 3px;\n  background-repeat: repeat-x;\n  background-image: radial-gradient(circle, hsl(var(--muted-foreground) / 0.5) 1px, transparent 1px);\n}\n\n/* ── hover ──────────────────────────────────────────────────────────── */\n:deep(.jsplitter-handle:hover) {\n  background: hsl(var(--primary) / 0.04) !important;\n}\n\n:deep(.jsplitter-handle:hover::after) {\n  width: 2px !important;\n  background: hsl(var(--primary) / 0.55) !important;\n}\n\n:deep(.jsplitter-handle:hover::before) {\n  opacity: 1;\n}\n\n/* ── drag / active ──────────────────────────────────────────────────── */\n:deep(.jsplitter-handle[data-state=\"drag\"]),\n:deep(.jsplitter-handle:active) {\n  background: hsl(var(--primary) / 0.06) !important;\n}\n\n:deep(.jsplitter-handle[data-state=\"drag\"]::after),\n:deep(.jsplitter-handle:active::after) {\n  width: 2px !important;\n  background: hsl(var(--primary)) !important;\n}\n\n:deep(.jsplitter-handle[data-state=\"drag\"]::before),\n:deep(.jsplitter-handle:active::before) {\n  opacity: 1;\n  background-image: radial-gradient(circle, hsl(var(--primary) / 0.65) 1px, transparent 1px);\n}\n</style>\n"],"names":["props","__props","secondDefaultSize","computed","_createBlock","_unref","ResizablePanelGroup","_normalizeClass","cn","$props","_createVNode","ResizablePanel","_normalizeStyle","_renderSlot","_ctx","ResizableHandle"],"mappings":"kiBAWA,MAAMA,EAAQC,EA+BRC,EAAoBC,EAAAA,SAAS,IAAM,IAAMH,EAAM,WAAW,8BAI9DI,EAAAA,YA+BsBC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CA/BA,UAAWL,EAAA,UAAY,MAAKM,EAAAA,eAAEF,EAAAA,MAAAG,EAAAA,EAAA,EAAE,kCAAoCC,EAAAA,OAAO,KAAK,CAAA,CAAA,qBAEpG,IAWiB,CAXjBC,cAWiBL,EAAAA,MAAAM,EAAAA,aAAA,EAAA,CAVd,eAAcV,EAAA,YACd,WAAUA,EAAA,QACV,WAAUA,EAAA,QACV,MAAKM,EAAAA,eAAEN,EAAA,IAAG,EAAQA,EAAA,YAAS,aAAA,0BAAA,0BAAA,EAAA,EAC3B,MAAKW,EAAAA,eAAEX,EAAA,IAAG,EAAA,CAAA,QAAA,GAAqBA,EAAA,GAAG,IAAA,EAAA,CAAA,CAAA,CAAA,qBAEnC,IAAqB,CAArBY,EAAAA,WAAqBC,EAAA,OAAA,QAAA,CAAA,EAAA,OAAA,EAAA,EAErBD,EAAAA,WAAoBC,EAAA,OAAA,OAAA,CAAA,EAAA,OAAA,EAAA,EACpBD,EAAAA,WAAmBC,EAAA,OAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,kEAIrBJ,cAAsEL,EAAAA,MAAAU,EAAAA,OAAA,EAAA,CAApD,cAAad,EAAA,WAAY,MAAM,kBAAA,0BAGjDS,cAWiBL,EAAAA,MAAAM,EAAAA,aAAA,EAAA,CAVd,eAAcT,EAAA,MACd,WAAUD,EAAA,cACV,WAAUA,EAAA,cACV,MAAKM,EAAAA,eAAEN,EAAA,IAAG,EAAQA,EAAA,YAAS,aAAA,0BAAA,0BAAA,EAAA,EAC3B,MAAKW,EAAAA,eAAEX,EAAA,IAAG,EAAA,CAAA,QAAA,GAAqBA,EAAA,GAAG,IAAA,EAAA,CAAA,CAAA,CAAA,qBAEnC,IAAsB,CAAtBY,EAAAA,WAAsBC,EAAA,OAAA,SAAA,CAAA,EAAA,OAAA,EAAA,EAEtBD,EAAAA,WAAqBC,EAAA,OAAA,QAAA,CAAA,EAAA,OAAA,EAAA,EACrBD,EAAAA,WAAsBC,EAAA,OAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA"}
+{"version":3,"file":"JSplitter.vue2.cjs","sources":["../../../../src/components/atoms/JSplitter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { cn } from '@/lib/utils'\nimport {\n  ResizablePanelGroup,\n  ResizablePanel,\n  ResizableHandle,\n} from '@/components/shadcn/resizable'\n\ntype Orientation = 'horizontal' | 'vertical'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 분할 방향 (horizontal: 좌우, vertical: 상하) */\n    direction?: Orientation\n    /** 첫 번째 패널의 기본 크기 (%) */\n    defaultSize?: number\n    /** 첫 번째 패널의 최소 크기 (%) */\n    minSize?: number\n    /** 첫 번째 패널의 최대 크기 (%) */\n    maxSize?: number\n    /** 두 번째 패널의 최소 크기 (%) */\n    secondMinSize?: number\n    /** 두 번째 패널의 최대 크기 (%) */\n    secondMaxSize?: number\n    /** ResizableHandle에 grip 아이콘 표시 여부 */\n    withHandle?: boolean\n    /** 패널 간 여백 (px) */\n    gap?: number\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    direction: 'horizontal',\n    defaultSize: 40,\n    minSize: 20,\n    withHandle: false,\n    gap: 2,\n  },\n)\n\n// 두 번째 패널의 기본 크기 계산\nconst secondDefaultSize = computed(() => 100 - props.defaultSize)\n</script>\n\n<template>\n  <ResizablePanelGroup :direction=\"direction\" :class=\"cn('jsplitter-group min-h-0 min-w-0', $props.class)\">\n    <!-- 첫 번째 패널 (좌측/상단) -->\n    <ResizablePanel \n      :default-size=\"defaultSize\" \n      :min-size=\"minSize\" \n      :max-size=\"maxSize\"\n      :class=\"gap > 0 ? (direction === 'horizontal' ? 'pr-[calc(var(--gap)/2)]' : 'pb-[calc(var(--gap)/2)]') : ''\"\n      :style=\"gap > 0 ? { '--gap': `${gap}px` } : {}\"\n    >\n      <slot name=\"first\" />\n      <!-- direction=\"horizontal\"일 때 left, vertical일 때 top으로도 사용 가능 -->\n      <slot name=\"left\" />\n      <slot name=\"top\" />\n    </ResizablePanel>\n\n    <!-- 크기 조정 핸들 -->\n    <ResizableHandle :with-handle=\"withHandle\" class=\"jsplitter-handle\" />\n\n    <!-- 두 번째 패널 (우측/하단) -->\n    <ResizablePanel\n      :default-size=\"secondDefaultSize\"\n      :min-size=\"secondMinSize\"\n      :max-size=\"secondMaxSize\"\n      :class=\"gap > 0 ? (direction === 'horizontal' ? 'pl-[calc(var(--gap)/2)]' : 'pt-[calc(var(--gap)/2)]') : ''\"\n      :style=\"gap > 0 ? { '--gap': `${gap}px` } : {}\"\n    >\n      <slot name=\"second\" />\n      <!-- direction=\"horizontal\"일 때 right, vertical일 때 bottom으로도 사용 가능 -->\n      <slot name=\"right\" />\n      <slot name=\"bottom\" />\n    </ResizablePanel>\n  </ResizablePanelGroup>\n</template>\n\n<style scoped>\n/* ── overflow 보호 ──────────────────────────────────────────────────── */\n:deep(.jsplitter-group [data-panel]) {\n  min-width: 0;\n  min-height: 0;\n}\n\n/* ── horizontal 핸들: 8px 히트영역 ─────────────────────────────────── */\n:deep(.jsplitter-handle[data-orientation=\"horizontal\"]) {\n  width: 8px !important;\n  background: transparent !important;\n  position: relative;\n  z-index: 3;\n  transition: background 0.15s ease;\n}\n\n/* ── vertical 핸들: 8px 히트영역 ───────────────────────────────────── */\n:deep(.jsplitter-handle[data-orientation=\"vertical\"]) {\n  height: 8px !important;\n  background: transparent !important;\n  position: relative;\n  z-index: 3;\n  transition: background 0.15s ease;\n}\n\n/* ── 시각선: 1px (after:w-1 override) ──────────────────────────────── */\n:deep(.jsplitter-handle::after) {\n  width: 1px !important;\n  background: hsl(var(--border)) !important;\n  transition: background 0.15s ease, width 0.12s ease !important;\n}\n\n:deep(.jsplitter-handle[data-orientation=\"vertical\"]::after) {\n  height: 1px !important;\n  width: 100% !important;\n}\n\n/* ── 그립 도트 인디케이터 (::before) ───────────────────────────────── */\n:deep(.jsplitter-handle::before) {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 3px;\n  height: 20px;\n  background-image: radial-gradient(circle, hsl(var(--muted-foreground) / 0.5) 1px, transparent 1px);\n  background-size: 3px 6px;\n  background-repeat: repeat-y;\n  border-radius: 2px;\n  opacity: 0.5;\n  transition: opacity 0.15s ease;\n  pointer-events: none;\n  z-index: 4;\n}\n\n:deep(.jsplitter-handle[data-orientation=\"vertical\"]::before) {\n  width: 20px;\n  height: 3px;\n  background-size: 6px 3px;\n  background-repeat: repeat-x;\n  background-image: radial-gradient(circle, hsl(var(--muted-foreground) / 0.5) 1px, transparent 1px);\n}\n\n/* ── hover ──────────────────────────────────────────────────────────── */\n:deep(.jsplitter-handle:hover) {\n  background: hsl(var(--primary) / 0.04) !important;\n}\n\n:deep(.jsplitter-handle:hover::after) {\n  width: 2px !important;\n  background: hsl(var(--primary) / 0.55) !important;\n}\n\n:deep(.jsplitter-handle:hover::before) {\n  opacity: 1;\n}\n\n/* ── drag / active ──────────────────────────────────────────────────── */\n:deep(.jsplitter-handle[data-state=\"drag\"]),\n:deep(.jsplitter-handle:active) {\n  background: hsl(var(--primary) / 0.06) !important;\n}\n\n:deep(.jsplitter-handle[data-state=\"drag\"]::after),\n:deep(.jsplitter-handle:active::after) {\n  width: 2px !important;\n  background: hsl(var(--primary)) !important;\n}\n\n:deep(.jsplitter-handle[data-state=\"drag\"]::before),\n:deep(.jsplitter-handle:active::before) {\n  opacity: 1;\n  background-image: radial-gradient(circle, hsl(var(--primary) / 0.65) 1px, transparent 1px);\n}\n</style>\n"],"names":["props","__props","secondDefaultSize","computed","_createBlock","_unref","ResizablePanelGroup","_normalizeClass","cn","$props","_createVNode","ResizablePanel","_normalizeStyle","_renderSlot","_ctx","ResizableHandle"],"mappings":"kiBAWA,MAAMA,EAAQC,EA+BRC,EAAoBC,EAAAA,SAAS,IAAM,IAAMH,EAAM,WAAW,8BAI9DI,EAAAA,YA+BsBC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CA/BA,UAAWL,EAAA,UAAY,MAAKM,EAAAA,eAAEF,EAAAA,MAAAG,EAAAA,EAAA,EAAE,kCAAoCC,EAAAA,OAAO,KAAK,CAAA,CAAA,qBAEpG,IAWiB,CAXjBC,cAWiBL,EAAAA,MAAAM,EAAAA,aAAA,EAAA,CAVd,eAAcV,EAAA,YACd,WAAUA,EAAA,QACV,WAAUA,EAAA,QACV,MAAKM,EAAAA,eAAEN,EAAA,IAAG,EAAQA,EAAA,YAAS,aAAA,0BAAA,0BAAA,EAAA,EAC3B,MAAKW,EAAAA,eAAEX,EAAA,IAAG,EAAA,CAAA,QAAA,GAAqBA,EAAA,GAAG,IAAA,EAAA,CAAA,CAAA,CAAA,qBAEnC,IAAqB,CAArBY,EAAAA,WAAqBC,EAAA,OAAA,QAAA,CAAA,EAAA,OAAA,EAAA,EAErBD,EAAAA,WAAoBC,EAAA,OAAA,OAAA,CAAA,EAAA,OAAA,EAAA,EACpBD,EAAAA,WAAmBC,EAAA,OAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,kEAIrBJ,cAAsEL,EAAAA,MAAAU,EAAAA,OAAA,EAAA,CAApD,cAAad,EAAA,WAAY,MAAM,kBAAA,0BAGjDS,cAWiBL,EAAAA,MAAAM,EAAAA,aAAA,EAAA,CAVd,eAAcT,EAAA,MACd,WAAUD,EAAA,cACV,WAAUA,EAAA,cACV,MAAKM,EAAAA,eAAEN,EAAA,IAAG,EAAQA,EAAA,YAAS,aAAA,0BAAA,0BAAA,EAAA,EAC3B,MAAKW,EAAAA,eAAEX,EAAA,IAAG,EAAA,CAAA,QAAA,GAAqBA,EAAA,GAAG,IAAA,EAAA,CAAA,CAAA,CAAA,qBAEnC,IAAsB,CAAtBY,EAAAA,WAAsBC,EAAA,OAAA,SAAA,CAAA,EAAA,OAAA,EAAA,EAEtBD,EAAAA,WAAqBC,EAAA,OAAA,QAAA,CAAA,EAAA,OAAA,EAAA,EACrBD,EAAAA,WAAsBC,EAAA,OAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"JSplitter.vue2.js","sources":["../../../../src/components/atoms/JSplitter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { cn } from '@/lib/utils'\nimport {\n  ResizablePanelGroup,\n  ResizablePanel,\n  ResizableHandle,\n} from '@/components/shadcn/resizable'\n\ntype Orientation = 'horizontal' | 'vertical'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 분할 방향 (horizontal: 좌우, vertical: 상하) */\n    direction?: Orientation\n    /** 첫 번째 패널의 기본 크기 (%) */\n    defaultSize?: number\n    /** 첫 번째 패널의 최소 크기 (%) */\n    minSize?: number\n    /** 첫 번째 패널의 최대 크기 (%) */\n    maxSize?: number\n    /** 두 번째 패널의 최소 크기 (%) */\n    secondMinSize?: number\n    /** 두 번째 패널의 최대 크기 (%) */\n    secondMaxSize?: number\n    /** ResizableHandle에 grip 아이콘 표시 여부 */\n    withHandle?: boolean\n    /** 패널 간 여백 (px) */\n    gap?: number\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    direction: 'horizontal',\n    defaultSize: 40,\n    minSize: 20,\n    withHandle: false,\n    gap: 2,\n  },\n)\n\n// 두 번째 패널의 기본 크기 계산\nconst secondDefaultSize = computed(() => 100 - props.defaultSize)\n</script>\n\n<template>\n  <ResizablePanelGroup :direction=\"direction\" :class=\"cn('jsplitter-group min-h-0 min-w-0', $props.class)\">\n    <!-- 첫 번째 패널 (좌측/상단) -->\n    <ResizablePanel \n      :default-size=\"defaultSize\" \n      :min-size=\"minSize\" \n      :max-size=\"maxSize\"\n      :class=\"gap > 0 ? (direction === 'horizontal' ? 'pr-[calc(var(--gap)/2)]' : 'pb-[calc(var(--gap)/2)]') : ''\"\n      :style=\"gap > 0 ? { '--gap': `${gap}px` } : {}\"\n    >\n      <slot name=\"first\" />\n      <!-- direction=\"horizontal\"일 때 left, vertical일 때 top으로도 사용 가능 -->\n      <slot name=\"left\" />\n      <slot name=\"top\" />\n    </ResizablePanel>\n\n    <!-- 크기 조정 핸들 -->\n    <ResizableHandle :with-handle=\"withHandle\" class=\"jsplitter-handle\" />\n\n    <!-- 두 번째 패널 (우측/하단) -->\n    <ResizablePanel\n      :default-size=\"secondDefaultSize\"\n      :min-size=\"secondMinSize\"\n      :max-size=\"secondMaxSize\"\n      :class=\"gap > 0 ? (direction === 'horizontal' ? 'pl-[calc(var(--gap)/2)]' : 'pt-[calc(var(--gap)/2)]') : ''\"\n      :style=\"gap > 0 ? { '--gap': `${gap}px` } : {}\"\n    >\n      <slot name=\"second\" />\n      <!-- direction=\"horizontal\"일 때 right, vertical일 때 bottom으로도 사용 가능 -->\n      <slot name=\"right\" />\n      <slot name=\"bottom\" />\n    </ResizablePanel>\n  </ResizablePanelGroup>\n</template>\n\n<style scoped>\n/* ── overflow 보호 ──────────────────────────────────────────────────── */\n:deep(.jsplitter-group [data-panel]) {\n  min-width: 0;\n  min-height: 0;\n}\n\n/* ── horizontal 핸들: 8px 히트영역 ─────────────────────────────────── */\n:deep(.jsplitter-handle[data-orientation=\"horizontal\"]) {\n  width: 8px !important;\n  background: transparent !important;\n  position: relative;\n  z-index: 3;\n  transition: background 0.15s ease;\n}\n\n/* ── vertical 핸들: 8px 히트영역 ───────────────────────────────────── */\n:deep(.jsplitter-handle[data-orientation=\"vertical\"]) {\n  height: 8px !important;\n  background: transparent !important;\n  position: relative;\n  z-index: 3;\n  transition: background 0.15s ease;\n}\n\n/* ── 시각선: 1px (after:w-1 override) ──────────────────────────────── */\n:deep(.jsplitter-handle::after) {\n  width: 1px !important;\n  background: hsl(var(--border)) !important;\n  transition: background 0.15s ease, width 0.12s ease !important;\n}\n\n:deep(.jsplitter-handle[data-orientation=\"vertical\"]::after) {\n  height: 1px !important;\n  width: 100% !important;\n}\n\n/* ── 그립 도트 인디케이터 (::before) ───────────────────────────────── */\n:deep(.jsplitter-handle::before) {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 3px;\n  height: 20px;\n  background-image: radial-gradient(circle, hsl(var(--muted-foreground) / 0.5) 1px, transparent 1px);\n  background-size: 3px 6px;\n  background-repeat: repeat-y;\n  border-radius: 2px;\n  opacity: 0;\n  transition: opacity 0.15s ease;\n  pointer-events: none;\n  z-index: 4;\n}\n\n:deep(.jsplitter-handle[data-orientation=\"vertical\"]::before) {\n  width: 20px;\n  height: 3px;\n  background-size: 6px 3px;\n  background-repeat: repeat-x;\n  background-image: radial-gradient(circle, hsl(var(--muted-foreground) / 0.5) 1px, transparent 1px);\n}\n\n/* ── hover ──────────────────────────────────────────────────────────── */\n:deep(.jsplitter-handle:hover) {\n  background: hsl(var(--primary) / 0.04) !important;\n}\n\n:deep(.jsplitter-handle:hover::after) {\n  width: 2px !important;\n  background: hsl(var(--primary) / 0.55) !important;\n}\n\n:deep(.jsplitter-handle:hover::before) {\n  opacity: 1;\n}\n\n/* ── drag / active ──────────────────────────────────────────────────── */\n:deep(.jsplitter-handle[data-state=\"drag\"]),\n:deep(.jsplitter-handle:active) {\n  background: hsl(var(--primary) / 0.06) !important;\n}\n\n:deep(.jsplitter-handle[data-state=\"drag\"]::after),\n:deep(.jsplitter-handle:active::after) {\n  width: 2px !important;\n  background: hsl(var(--primary)) !important;\n}\n\n:deep(.jsplitter-handle[data-state=\"drag\"]::before),\n:deep(.jsplitter-handle:active::before) {\n  opacity: 1;\n  background-image: radial-gradient(circle, hsl(var(--primary) / 0.65) 1px, transparent 1px);\n}\n</style>\n"],"names":["props","__props","secondDefaultSize","computed","_createBlock","_unref","ResizablePanelGroup","_normalizeClass","cn","$props","_createVNode","ResizablePanel","_normalizeStyle","_renderSlot","_ctx","ResizableHandle"],"mappings":";;;;;;;;;;;;;;;;;;;AAWA,UAAMA,IAAQC,GA+BRC,IAAoBC,EAAS,MAAM,MAAMH,EAAM,WAAW;2BAI9DI,EA+BsBC,EAAAC,CAAA,GAAA;AAAA,MA/BA,WAAWL,EAAA;AAAA,MAAY,OAAKM,EAAEF,EAAAG,CAAA,EAAE,mCAAoCC,EAAAA,OAAO,KAAK,CAAA;AAAA,IAAA;iBAEpG,MAWiB;AAAA,QAXjBC,EAWiBL,EAAAM,CAAA,GAAA;AAAA,UAVd,gBAAcV,EAAA;AAAA,UACd,YAAUA,EAAA;AAAA,UACV,YAAUA,EAAA;AAAA,UACV,OAAKM,EAAEN,EAAA,MAAG,IAAQA,EAAA,cAAS,eAAA,4BAAA,4BAAA,EAAA;AAAA,UAC3B,OAAKW,EAAEX,EAAA,MAAG,IAAA,EAAA,SAAA,GAAqBA,EAAA,GAAG,KAAA,IAAA,CAAA,CAAA;AAAA,QAAA;qBAEnC,MAAqB;AAAA,YAArBY,EAAqBC,EAAA,QAAA,SAAA,CAAA,GAAA,QAAA,EAAA;AAAA,YAErBD,EAAoBC,EAAA,QAAA,QAAA,CAAA,GAAA,QAAA,EAAA;AAAA,YACpBD,EAAmBC,EAAA,QAAA,OAAA,CAAA,GAAA,QAAA,EAAA;AAAA,UAAA;;;QAIrBJ,EAAsEL,EAAAU,CAAA,GAAA;AAAA,UAApD,eAAad,EAAA;AAAA,UAAY,OAAM;AAAA,QAAA;QAGjDS,EAWiBL,EAAAM,CAAA,GAAA;AAAA,UAVd,gBAAcT,EAAA;AAAA,UACd,YAAUD,EAAA;AAAA,UACV,YAAUA,EAAA;AAAA,UACV,OAAKM,EAAEN,EAAA,MAAG,IAAQA,EAAA,cAAS,eAAA,4BAAA,4BAAA,EAAA;AAAA,UAC3B,OAAKW,EAAEX,EAAA,MAAG,IAAA,EAAA,SAAA,GAAqBA,EAAA,GAAG,KAAA,IAAA,CAAA,CAAA;AAAA,QAAA;qBAEnC,MAAsB;AAAA,YAAtBY,EAAsBC,EAAA,QAAA,UAAA,CAAA,GAAA,QAAA,EAAA;AAAA,YAEtBD,EAAqBC,EAAA,QAAA,SAAA,CAAA,GAAA,QAAA,EAAA;AAAA,YACrBD,EAAsBC,EAAA,QAAA,UAAA,CAAA,GAAA,QAAA,EAAA;AAAA,UAAA;;;;;;;;"}
+{"version":3,"file":"JSplitter.vue2.js","sources":["../../../../src/components/atoms/JSplitter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { cn } from '@/lib/utils'\nimport {\n  ResizablePanelGroup,\n  ResizablePanel,\n  ResizableHandle,\n} from '@/components/shadcn/resizable'\n\ntype Orientation = 'horizontal' | 'vertical'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 분할 방향 (horizontal: 좌우, vertical: 상하) */\n    direction?: Orientation\n    /** 첫 번째 패널의 기본 크기 (%) */\n    defaultSize?: number\n    /** 첫 번째 패널의 최소 크기 (%) */\n    minSize?: number\n    /** 첫 번째 패널의 최대 크기 (%) */\n    maxSize?: number\n    /** 두 번째 패널의 최소 크기 (%) */\n    secondMinSize?: number\n    /** 두 번째 패널의 최대 크기 (%) */\n    secondMaxSize?: number\n    /** ResizableHandle에 grip 아이콘 표시 여부 */\n    withHandle?: boolean\n    /** 패널 간 여백 (px) */\n    gap?: number\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    direction: 'horizontal',\n    defaultSize: 40,\n    minSize: 20,\n    withHandle: false,\n    gap: 2,\n  },\n)\n\n// 두 번째 패널의 기본 크기 계산\nconst secondDefaultSize = computed(() => 100 - props.defaultSize)\n</script>\n\n<template>\n  <ResizablePanelGroup :direction=\"direction\" :class=\"cn('jsplitter-group min-h-0 min-w-0', $props.class)\">\n    <!-- 첫 번째 패널 (좌측/상단) -->\n    <ResizablePanel \n      :default-size=\"defaultSize\" \n      :min-size=\"minSize\" \n      :max-size=\"maxSize\"\n      :class=\"gap > 0 ? (direction === 'horizontal' ? 'pr-[calc(var(--gap)/2)]' : 'pb-[calc(var(--gap)/2)]') : ''\"\n      :style=\"gap > 0 ? { '--gap': `${gap}px` } : {}\"\n    >\n      <slot name=\"first\" />\n      <!-- direction=\"horizontal\"일 때 left, vertical일 때 top으로도 사용 가능 -->\n      <slot name=\"left\" />\n      <slot name=\"top\" />\n    </ResizablePanel>\n\n    <!-- 크기 조정 핸들 -->\n    <ResizableHandle :with-handle=\"withHandle\" class=\"jsplitter-handle\" />\n\n    <!-- 두 번째 패널 (우측/하단) -->\n    <ResizablePanel\n      :default-size=\"secondDefaultSize\"\n      :min-size=\"secondMinSize\"\n      :max-size=\"secondMaxSize\"\n      :class=\"gap > 0 ? (direction === 'horizontal' ? 'pl-[calc(var(--gap)/2)]' : 'pt-[calc(var(--gap)/2)]') : ''\"\n      :style=\"gap > 0 ? { '--gap': `${gap}px` } : {}\"\n    >\n      <slot name=\"second\" />\n      <!-- direction=\"horizontal\"일 때 right, vertical일 때 bottom으로도 사용 가능 -->\n      <slot name=\"right\" />\n      <slot name=\"bottom\" />\n    </ResizablePanel>\n  </ResizablePanelGroup>\n</template>\n\n<style scoped>\n/* ── overflow 보호 ──────────────────────────────────────────────────── */\n:deep(.jsplitter-group [data-panel]) {\n  min-width: 0;\n  min-height: 0;\n}\n\n/* ── horizontal 핸들: 8px 히트영역 ─────────────────────────────────── */\n:deep(.jsplitter-handle[data-orientation=\"horizontal\"]) {\n  width: 8px !important;\n  background: transparent !important;\n  position: relative;\n  z-index: 3;\n  transition: background 0.15s ease;\n}\n\n/* ── vertical 핸들: 8px 히트영역 ───────────────────────────────────── */\n:deep(.jsplitter-handle[data-orientation=\"vertical\"]) {\n  height: 8px !important;\n  background: transparent !important;\n  position: relative;\n  z-index: 3;\n  transition: background 0.15s ease;\n}\n\n/* ── 시각선: 1px (after:w-1 override) ──────────────────────────────── */\n:deep(.jsplitter-handle::after) {\n  width: 1px !important;\n  background: hsl(var(--border)) !important;\n  transition: background 0.15s ease, width 0.12s ease !important;\n}\n\n:deep(.jsplitter-handle[data-orientation=\"vertical\"]::after) {\n  height: 1px !important;\n  width: 100% !important;\n}\n\n/* ── 그립 도트 인디케이터 (::before) ───────────────────────────────── */\n:deep(.jsplitter-handle::before) {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 3px;\n  height: 20px;\n  background-image: radial-gradient(circle, hsl(var(--muted-foreground) / 0.5) 1px, transparent 1px);\n  background-size: 3px 6px;\n  background-repeat: repeat-y;\n  border-radius: 2px;\n  opacity: 0.5;\n  transition: opacity 0.15s ease;\n  pointer-events: none;\n  z-index: 4;\n}\n\n:deep(.jsplitter-handle[data-orientation=\"vertical\"]::before) {\n  width: 20px;\n  height: 3px;\n  background-size: 6px 3px;\n  background-repeat: repeat-x;\n  background-image: radial-gradient(circle, hsl(var(--muted-foreground) / 0.5) 1px, transparent 1px);\n}\n\n/* ── hover ──────────────────────────────────────────────────────────── */\n:deep(.jsplitter-handle:hover) {\n  background: hsl(var(--primary) / 0.04) !important;\n}\n\n:deep(.jsplitter-handle:hover::after) {\n  width: 2px !important;\n  background: hsl(var(--primary) / 0.55) !important;\n}\n\n:deep(.jsplitter-handle:hover::before) {\n  opacity: 1;\n}\n\n/* ── drag / active ──────────────────────────────────────────────────── */\n:deep(.jsplitter-handle[data-state=\"drag\"]),\n:deep(.jsplitter-handle:active) {\n  background: hsl(var(--primary) / 0.06) !important;\n}\n\n:deep(.jsplitter-handle[data-state=\"drag\"]::after),\n:deep(.jsplitter-handle:active::after) {\n  width: 2px !important;\n  background: hsl(var(--primary)) !important;\n}\n\n:deep(.jsplitter-handle[data-state=\"drag\"]::before),\n:deep(.jsplitter-handle:active::before) {\n  opacity: 1;\n  background-image: radial-gradient(circle, hsl(var(--primary) / 0.65) 1px, transparent 1px);\n}\n</style>\n"],"names":["props","__props","secondDefaultSize","computed","_createBlock","_unref","ResizablePanelGroup","_normalizeClass","cn","$props","_createVNode","ResizablePanel","_normalizeStyle","_renderSlot","_ctx","ResizableHandle"],"mappings":";;;;;;;;;;;;;;;;;;;AAWA,UAAMA,IAAQC,GA+BRC,IAAoBC,EAAS,MAAM,MAAMH,EAAM,WAAW;2BAI9DI,EA+BsBC,EAAAC,CAAA,GAAA;AAAA,MA/BA,WAAWL,EAAA;AAAA,MAAY,OAAKM,EAAEF,EAAAG,CAAA,EAAE,mCAAoCC,EAAAA,OAAO,KAAK,CAAA;AAAA,IAAA;iBAEpG,MAWiB;AAAA,QAXjBC,EAWiBL,EAAAM,CAAA,GAAA;AAAA,UAVd,gBAAcV,EAAA;AAAA,UACd,YAAUA,EAAA;AAAA,UACV,YAAUA,EAAA;AAAA,UACV,OAAKM,EAAEN,EAAA,MAAG,IAAQA,EAAA,cAAS,eAAA,4BAAA,4BAAA,EAAA;AAAA,UAC3B,OAAKW,EAAEX,EAAA,MAAG,IAAA,EAAA,SAAA,GAAqBA,EAAA,GAAG,KAAA,IAAA,CAAA,CAAA;AAAA,QAAA;qBAEnC,MAAqB;AAAA,YAArBY,EAAqBC,EAAA,QAAA,SAAA,CAAA,GAAA,QAAA,EAAA;AAAA,YAErBD,EAAoBC,EAAA,QAAA,QAAA,CAAA,GAAA,QAAA,EAAA;AAAA,YACpBD,EAAmBC,EAAA,QAAA,OAAA,CAAA,GAAA,QAAA,EAAA;AAAA,UAAA;;;QAIrBJ,EAAsEL,EAAAU,CAAA,GAAA;AAAA,UAApD,eAAad,EAAA;AAAA,UAAY,OAAM;AAAA,QAAA;QAGjDS,EAWiBL,EAAAM,CAAA,GAAA;AAAA,UAVd,gBAAcT,EAAA;AAAA,UACd,YAAUD,EAAA;AAAA,UACV,YAAUA,EAAA;AAAA,UACV,OAAKM,EAAEN,EAAA,MAAG,IAAQA,EAAA,cAAS,eAAA,4BAAA,4BAAA,EAAA;AAAA,UAC3B,OAAKW,EAAEX,EAAA,MAAG,IAAA,EAAA,SAAA,GAAqBA,EAAA,GAAG,KAAA,IAAA,CAAA,CAAA;AAAA,QAAA;qBAEnC,MAAsB;AAAA,YAAtBY,EAAsBC,EAAA,QAAA,UAAA,CAAA,GAAA,QAAA,EAAA;AAAA,YAEtBD,EAAqBC,EAAA,QAAA,SAAA,CAAA,GAAA,QAAA,EAAA;AAAA,YACrBD,EAAsBC,EAAA,QAAA,UAAA,CAAA,GAAA,QAAA,EAAA;AAAA,UAAA;;;;;;;;"}

package/components/molecules/JCard.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../shadcn/index.cjs");const s=require("../../lib/utils.cjs"),l=require("../shadcn/Card.vue.cjs"),n=require("../shadcn/CardHeader.vue.cjs"),u=require("../shadcn/CardTitle.vue.cjs"),c=require("../shadcn/CardDescription.vue.cjs"),i=require("../shadcn/CardContent.vue.cjs"),d=require("../shadcn/CardFooter.vue.cjs"),_={class:"flex justify-between items-center gap-3"},f={class:"flex-1"},p={key:0,class:"flex gap-2 flex-shrink-0"},v=e.defineComponent({__name:"JCard",props:{class:{},title:{},description:{},footer:{},variant:{default:"default"}},setup(t){const o=t,a=e.computed(()=>({default:"shadow-sm",elevated:"shadow-md"})[o.variant]);return(r,m)=>(e.openBlock(),e.createBlock(e.unref(l.default),{class:e.normalizeClass(e.unref(s.cn)(a.value,o.class))},{default:e.withCtx(()=>[t.title||t.description||r.$slots.actions?(e.openBlock(),e.createBlock(e.unref(n.default),{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",_,[e.createElementVNode("div",f,[t.title?(e.openBlock(),e.createBlock(e.unref(u.default),{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:1})):e.createCommentVNode("",!0),t.description?(e.openBlock(),e.createBlock(e.unref(c.default),{key:1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.description),1)]),_:1})):e.createCommentVNode("",!0)]),r.$slots.actions?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(r.$slots,"actions")])):e.createCommentVNode("",!0)])]),_:3})):e.createCommentVNode("",!0),e.createVNode(e.unref(i.default),null,{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3}),r.$slots.footer||t.footer?(e.openBlock(),e.createBlock(e.unref(d.default),{key:1},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"footer",{},()=>[e.createTextVNode(e.toDisplayString(t.footer),1)])]),_:3})):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../shadcn/index.cjs");const a=require("../../lib/utils.cjs"),n=require("../shadcn/Card.vue.cjs"),s=require("../shadcn/CardHeader.vue.cjs"),u=require("../shadcn/CardTitle.vue.cjs"),c=require("../shadcn/CardDescription.vue.cjs"),i=require("../shadcn/CardContent.vue.cjs"),d=require("../shadcn/CardFooter.vue.cjs"),f={class:"flex justify-between items-center gap-3"},_={class:"flex-1"},C={key:0,class:"flex gap-2 flex-shrink-0"},v=e.defineComponent({__name:"JCard",props:{class:{},title:{},description:{},footer:{},variant:{default:"default"},fillContent:{type:Boolean}},setup(t){const o=t,l=e.computed(()=>({default:"shadow-sm",elevated:"shadow-md"})[o.variant]);return(r,m)=>(e.openBlock(),e.createBlock(e.unref(n.default),{class:e.normalizeClass(e.unref(a.cn)(l.value,t.fillContent&&"flex flex-col",o.class))},{default:e.withCtx(()=>[t.title||t.description||r.$slots.actions?(e.openBlock(),e.createBlock(e.unref(s.default),{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",f,[e.createElementVNode("div",_,[t.title?(e.openBlock(),e.createBlock(e.unref(u.default),{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:1})):e.createCommentVNode("",!0),t.description?(e.openBlock(),e.createBlock(e.unref(c.default),{key:1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.description),1)]),_:1})):e.createCommentVNode("",!0)]),r.$slots.actions?(e.openBlock(),e.createElementBlock("div",C,[e.renderSlot(r.$slots,"actions")])):e.createCommentVNode("",!0)])]),_:3})):e.createCommentVNode("",!0),e.createVNode(e.unref(i.default),{class:e.normalizeClass(t.fillContent&&"flex-1 flex flex-col min-h-0")},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["class"]),r.$slots.footer||t.footer?(e.openBlock(),e.createBlock(e.unref(d.default),{key:1},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"footer",{},()=>[e.createTextVNode(e.toDisplayString(t.footer),1)])]),_:3})):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});exports.default=v;
 //# sourceMappingURL=JCard.vue.cjs.map

package/components/molecules/JCard.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"JCard.vue.cjs","sources":["../../../../src/components/molecules/JCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { HTMLAttributes } from \"vue\"\nimport { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@/components/shadcn'\nimport { cn } from \"@/lib/utils\"\n\ntype CardVariant = 'default' | 'elevated'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Card 자체의 클래스 */\n    class?: HTMLAttributes[\"class\"]\n    /** 카드 제목 */\n    title?: string\n    /** 카드 설명 */\n    description?: string\n    /** 카드 푸터 텍스트 */\n    footer?: string\n    /** 카드 variant (패턴 4) */\n    variant?: CardVariant\n  }>(),\n  {\n    variant: 'default',\n  }\n)\n\n// 패턴 4: variant 클래스\nconst variantClasses = computed(() => {\n  const variants = {\n    default: 'shadow-sm',\n    elevated: 'shadow-md',\n  }\n  return variants[props.variant]\n})\n</script>\n\n<template>\n  <Card :class=\"cn(variantClasses, props.class)\">\n    <!-- Header: title/description + actions 슬롯 (패턴 7) -->\n    <CardHeader v-if=\"title || description || $slots.actions\">\n      <div class=\"flex justify-between items-center gap-3\">\n        <!-- 좌측: 제목/설명 -->\n        <div class=\"flex-1\">\n          <CardTitle v-if=\"title\">{{ title }}</CardTitle>\n          <CardDescription v-if=\"description\">{{ description }}</CardDescription>\n        </div>\n        \n        <!-- 우측: actions 슬롯 (패턴 7) -->\n        <div v-if=\"$slots.actions\" class=\"flex gap-2 flex-shrink-0\">\n          <slot name=\"actions\" />\n        </div>\n      </div>\n    </CardHeader>\n\n    <!-- Content -->\n    <CardContent>\n      <slot />\n    </CardContent>\n\n    <!-- Footer: 슬롯 우선, 없으면 텍스트 -->\n    <CardFooter v-if=\"$slots.footer || footer\">\n      <slot name=\"footer\">{{ footer }}</slot>\n    </CardFooter>\n  </Card>\n</template>\n"],"names":["props","__props","variantClasses","computed","_createBlock","_unref","Card","cn","$slots","CardHeader","_createElementVNode","_hoisted_1","_hoisted_2","CardTitle","CardDescription","_openBlock","_createElementBlock","_hoisted_3","_renderSlot","_ctx","_createVNode","CardContent","CardFooter"],"mappings":"krBAQA,MAAMA,EAAQC,EAmBRC,EAAiBC,EAAAA,SAAS,KACb,CACf,QAAS,YACT,SAAU,WAAA,GAEIH,EAAM,OAAO,CAC9B,8BAICI,EAAAA,YA0BOC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CA1BA,uBAAOD,EAAAA,MAAAE,EAAAA,EAAA,EAAGL,QAAgBF,EAAM,KAAK,CAAA,CAAA,qBAE1C,IAaa,CAbKC,EAAA,OAASA,EAAA,aAAeO,EAAAA,OAAO,uBAAjDJ,EAAAA,YAaaC,EAAAA,MAAAI,EAAAA,OAAA,EAAA,CAAA,IAAA,GAAA,mBAZX,IAWM,CAXNC,EAAAA,mBAWM,MAXNC,EAWM,CATJD,EAAAA,mBAGM,MAHNE,EAGM,CAFaX,EAAA,qBAAjBG,EAAAA,YAA+CC,QAAAQ,EAAAA,OAAA,EAAA,CAAA,IAAA,GAAA,mBAAvB,IAAW,qCAARZ,EAAA,KAAK,EAAA,CAAA,CAAA,sCACTA,EAAA,2BAAvBG,EAAAA,YAAuEC,QAAAS,EAAAA,OAAA,EAAA,CAAA,IAAA,GAAA,mBAAnC,IAAiB,qCAAdb,EAAA,WAAW,EAAA,CAAA,CAAA,wCAIzCO,EAAAA,OAAO,SAAlBO,EAAAA,YAAAC,EAAAA,mBAEM,MAFNC,EAEM,CADJC,aAAuBC,EAAA,OAAA,SAAA,CAAA,uEAM7BC,EAAAA,YAEcf,EAAAA,MAAAgB,SAAA,EAAA,KAAA,mBADZ,IAAQ,CAARH,aAAQC,EAAA,OAAA,SAAA,CAAA,SAIQX,EAAAA,OAAO,QAAUP,EAAA,sBAAnCG,EAAAA,YAEaC,EAAAA,MAAAiB,EAAAA,OAAA,EAAA,CAAA,IAAA,GAAA,mBADX,IAAuC,CAAvCJ,EAAAA,WAAuCC,qBAAvC,IAAuC,qCAAhBlB,EAAA,MAAM,EAAA,CAAA,CAAA"}
+{"version":3,"file":"JCard.vue.cjs","sources":["../../../../src/components/molecules/JCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { HTMLAttributes } from \"vue\"\nimport { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@/components/shadcn'\nimport { cn } from \"@/lib/utils\"\n\ntype CardVariant = 'default' | 'elevated'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Card 자체의 클래스 */\n    class?: HTMLAttributes[\"class\"]\n    /** 카드 제목 */\n    title?: string\n    /** 카드 설명 */\n    description?: string\n    /** 카드 푸터 텍스트 */\n    footer?: string\n    /** 카드 variant (패턴 4) */\n    variant?: CardVariant\n    /** CardContent가 남은 세로 공간을 채우도록 flex column 적용 */\n    fillContent?: boolean\n  }>(),\n  {\n    variant: 'default',\n  }\n)\n\n// 패턴 4: variant 클래스\nconst variantClasses = computed(() => {\n  const variants = {\n    default: 'shadow-sm',\n    elevated: 'shadow-md',\n  }\n  return variants[props.variant]\n})\n</script>\n\n<template>\n  <Card :class=\"cn(variantClasses, fillContent && 'flex flex-col', props.class)\">\n    <!-- Header: title/description + actions 슬롯 (패턴 7) -->\n    <CardHeader v-if=\"title || description || $slots.actions\">\n      <div class=\"flex justify-between items-center gap-3\">\n        <!-- 좌측: 제목/설명 -->\n        <div class=\"flex-1\">\n          <CardTitle v-if=\"title\">{{ title }}</CardTitle>\n          <CardDescription v-if=\"description\">{{ description }}</CardDescription>\n        </div>\n\n        <!-- 우측: actions 슬롯 (패턴 7) -->\n        <div v-if=\"$slots.actions\" class=\"flex gap-2 flex-shrink-0\">\n          <slot name=\"actions\" />\n        </div>\n      </div>\n    </CardHeader>\n\n    <!-- Content -->\n    <CardContent :class=\"fillContent && 'flex-1 flex flex-col min-h-0'\">\n      <slot />\n    </CardContent>\n\n    <!-- Footer: 슬롯 우선, 없으면 텍스트 -->\n    <CardFooter v-if=\"$slots.footer || footer\">\n      <slot name=\"footer\">{{ footer }}</slot>\n    </CardFooter>\n  </Card>\n</template>\n"],"names":["props","__props","variantClasses","computed","_createBlock","_unref","Card","_normalizeClass","$slots","CardHeader","_createElementVNode","_hoisted_1","_hoisted_2","CardTitle","CardDescription","_openBlock","_createElementBlock","_hoisted_3","_renderSlot","_ctx","_createVNode","CardContent","CardFooter"],"mappings":"6sBAQA,MAAMA,EAAQC,EAqBRC,EAAiBC,EAAAA,SAAS,KACb,CACf,QAAS,YACT,SAAU,WAAA,GAEIH,EAAM,OAAO,CAC9B,8BAICI,EAAAA,YA0BOC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CA1BA,MAAKC,EAAAA,eAAEF,cAAGH,EAAA,MAAgBD,EAAA,aAAW,gBAAqBD,EAAM,KAAK,CAAA,CAAA,qBAE1E,IAaa,CAbKC,EAAA,OAASA,EAAA,aAAeO,EAAAA,OAAO,uBAAjDJ,EAAAA,YAaaC,EAAAA,MAAAI,EAAAA,OAAA,EAAA,CAAA,IAAA,GAAA,mBAZX,IAWM,CAXNC,EAAAA,mBAWM,MAXNC,EAWM,CATJD,EAAAA,mBAGM,MAHNE,EAGM,CAFaX,EAAA,qBAAjBG,EAAAA,YAA+CC,QAAAQ,EAAAA,OAAA,EAAA,CAAA,IAAA,GAAA,mBAAvB,IAAW,qCAARZ,EAAA,KAAK,EAAA,CAAA,CAAA,sCACTA,EAAA,2BAAvBG,EAAAA,YAAuEC,QAAAS,EAAAA,OAAA,EAAA,CAAA,IAAA,GAAA,mBAAnC,IAAiB,qCAAdb,EAAA,WAAW,EAAA,CAAA,CAAA,wCAIzCO,EAAAA,OAAO,SAAlBO,EAAAA,YAAAC,EAAAA,mBAEM,MAFNC,EAEM,CADJC,aAAuBC,EAAA,OAAA,SAAA,CAAA,uEAM7BC,cAEcf,EAAAA,MAAAgB,EAAAA,OAAA,EAAA,CAFA,uBAAOpB,EAAA,aAAW,8BAAA,CAAA,qBAC9B,IAAQ,CAARiB,aAAQC,EAAA,OAAA,SAAA,CAAA,qBAIQX,EAAAA,OAAO,QAAUP,EAAA,sBAAnCG,EAAAA,YAEaC,EAAAA,MAAAiB,EAAAA,OAAA,EAAA,CAAA,IAAA,GAAA,mBADX,IAAuC,CAAvCJ,EAAAA,WAAuCC,qBAAvC,IAAuC,qCAAhBlB,EAAA,MAAM,EAAA,CAAA,CAAA"}

package/components/molecules/JCard.vue.js

@@ -1,67 +1,70 @@
-import { defineComponent as u, computed as $, createBlock as r, openBlock as s, unref as o, normalizeClass as v, withCtx as a, createCommentVNode as i, createVNode as k, createElementVNode as m, createElementBlock as p, createTextVNode as l, toDisplayString as n, renderSlot as f } from "vue";
+import { defineComponent as $, computed as v, createBlock as l, openBlock as s, unref as o, normalizeClass as m, withCtx as a, createCommentVNode as i, createVNode as h, createElementVNode as d, createElementBlock as k, createTextVNode as n, toDisplayString as r, renderSlot as f } from "vue";
 import "../shadcn/index.js";
-import { cn as h } from "../../lib/utils.js";
-import _ from "../shadcn/Card.vue.js";
-import y from "../shadcn/CardHeader.vue.js";
-import C from "../shadcn/CardTitle.vue.js";
+import { cn as C } from "../../lib/utils.js";
+import y from "../shadcn/Card.vue.js";
+import x from "../shadcn/CardHeader.vue.js";
+import p from "../shadcn/CardTitle.vue.js";
 import w from "../shadcn/CardDescription.vue.js";
-import N from "../shadcn/CardContent.vue.js";
-import V from "../shadcn/CardFooter.vue.js";
-const g = { class: "flex justify-between items-center gap-3" }, B = { class: "flex-1" }, x = {
+import B from "../shadcn/CardContent.vue.js";
+import N from "../shadcn/CardFooter.vue.js";
+const V = { class: "flex justify-between items-center gap-3" }, _ = { class: "flex-1" }, g = {
   key: 0,
   class: "flex gap-2 flex-shrink-0"
-}, F = /* @__PURE__ */ u({
+}, F = /* @__PURE__ */ $({
   __name: "JCard",
   props: {
     class: {},
     title: {},
     description: {},
     footer: {},
-    variant: { default: "default" }
+    variant: { default: "default" },
+    fillContent: { type: Boolean }
   },
   setup(e) {
-    const c = e, d = $(() => ({
+    const c = e, u = v(() => ({
       default: "shadow-sm",
       elevated: "shadow-md"
     })[c.variant]);
-    return (t, E) => (s(), r(o(_), {
-      class: v(o(h)(d.value, c.class))
+    return (t, E) => (s(), l(o(y), {
+      class: m(o(C)(u.value, e.fillContent && "flex flex-col", c.class))
     }, {
       default: a(() => [
-        e.title || e.description || t.$slots.actions ? (s(), r(o(y), { key: 0 }, {
+        e.title || e.description || t.$slots.actions ? (s(), l(o(x), { key: 0 }, {
           default: a(() => [
-            m("div", g, [
-              m("div", B, [
-                e.title ? (s(), r(o(C), { key: 0 }, {
+            d("div", V, [
+              d("div", _, [
+                e.title ? (s(), l(o(p), { key: 0 }, {
                   default: a(() => [
-                    l(n(e.title), 1)
+                    n(r(e.title), 1)
                   ]),
                   _: 1
                 })) : i("", !0),
-                e.description ? (s(), r(o(w), { key: 1 }, {
+                e.description ? (s(), l(o(w), { key: 1 }, {
                   default: a(() => [
-                    l(n(e.description), 1)
+                    n(r(e.description), 1)
                   ]),
                   _: 1
                 })) : i("", !0)
               ]),
-              t.$slots.actions ? (s(), p("div", x, [
+              t.$slots.actions ? (s(), k("div", g, [
                 f(t.$slots, "actions")
               ])) : i("", !0)
             ])
           ]),
           _: 3
         })) : i("", !0),
-        k(o(N), null, {
+        h(o(B), {
+          class: m(e.fillContent && "flex-1 flex flex-col min-h-0")
+        }, {
           default: a(() => [
             f(t.$slots, "default")
           ]),
           _: 3
-        }),
-        t.$slots.footer || e.footer ? (s(), r(o(V), { key: 1 }, {
+        }, 8, ["class"]),
+        t.$slots.footer || e.footer ? (s(), l(o(N), { key: 1 }, {
           default: a(() => [
             f(t.$slots, "footer", {}, () => [
-              l(n(e.footer), 1)
+              n(r(e.footer), 1)
             ])
           ]),
           _: 3

package/components/molecules/JCard.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"JCard.vue.js","sources":["../../../../src/components/molecules/JCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { HTMLAttributes } from \"vue\"\nimport { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@/components/shadcn'\nimport { cn } from \"@/lib/utils\"\n\ntype CardVariant = 'default' | 'elevated'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Card 자체의 클래스 */\n    class?: HTMLAttributes[\"class\"]\n    /** 카드 제목 */\n    title?: string\n    /** 카드 설명 */\n    description?: string\n    /** 카드 푸터 텍스트 */\n    footer?: string\n    /** 카드 variant (패턴 4) */\n    variant?: CardVariant\n  }>(),\n  {\n    variant: 'default',\n  }\n)\n\n// 패턴 4: variant 클래스\nconst variantClasses = computed(() => {\n  const variants = {\n    default: 'shadow-sm',\n    elevated: 'shadow-md',\n  }\n  return variants[props.variant]\n})\n</script>\n\n<template>\n  <Card :class=\"cn(variantClasses, props.class)\">\n    <!-- Header: title/description + actions 슬롯 (패턴 7) -->\n    <CardHeader v-if=\"title || description || $slots.actions\">\n      <div class=\"flex justify-between items-center gap-3\">\n        <!-- 좌측: 제목/설명 -->\n        <div class=\"flex-1\">\n          <CardTitle v-if=\"title\">{{ title }}</CardTitle>\n          <CardDescription v-if=\"description\">{{ description }}</CardDescription>\n        </div>\n        \n        <!-- 우측: actions 슬롯 (패턴 7) -->\n        <div v-if=\"$slots.actions\" class=\"flex gap-2 flex-shrink-0\">\n          <slot name=\"actions\" />\n        </div>\n      </div>\n    </CardHeader>\n\n    <!-- Content -->\n    <CardContent>\n      <slot />\n    </CardContent>\n\n    <!-- Footer: 슬롯 우선, 없으면 텍스트 -->\n    <CardFooter v-if=\"$slots.footer || footer\">\n      <slot name=\"footer\">{{ footer }}</slot>\n    </CardFooter>\n  </Card>\n</template>\n"],"names":["props","__props","variantClasses","computed","_createBlock","_unref","Card","cn","$slots","CardHeader","_createElementVNode","_hoisted_1","_hoisted_2","CardTitle","CardDescription","_openBlock","_createElementBlock","_hoisted_3","_renderSlot","_ctx","_createVNode","CardContent","CardFooter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAQC,GAmBRC,IAAiBC,EAAS,OACb;AAAA,MACf,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,GAEIH,EAAM,OAAO,CAC9B;2BAICI,EA0BOC,EAAAC,CAAA,GAAA;AAAA,MA1BA,SAAOD,EAAAE,CAAA,EAAGL,SAAgBF,EAAM,KAAK,CAAA;AAAA,IAAA;iBAE1C,MAaa;AAAA,QAbKC,EAAA,SAASA,EAAA,eAAeO,EAAAA,OAAO,gBAAjDJ,EAaaC,EAAAI,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,qBAZX,MAWM;AAAA,YAXNC,EAWM,OAXNC,GAWM;AAAA,cATJD,EAGM,OAHNE,GAGM;AAAA,gBAFaX,EAAA,cAAjBG,EAA+CC,EAAAQ,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,6BAAvB,MAAW;AAAA,wBAARZ,EAAA,KAAK,GAAA,CAAA;AAAA,kBAAA;;;gBACTA,EAAA,oBAAvBG,EAAuEC,EAAAS,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,6BAAnC,MAAiB;AAAA,wBAAdb,EAAA,WAAW,GAAA,CAAA;AAAA,kBAAA;;;;cAIzCO,EAAAA,OAAO,WAAlBO,KAAAC,EAEM,OAFNC,GAEM;AAAA,gBADJC,EAAuBC,EAAA,QAAA,SAAA;AAAA,cAAA;;;;;QAM7BC,EAEcf,EAAAgB,CAAA,GAAA,MAAA;AAAA,qBADZ,MAAQ;AAAA,YAARH,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;QAIQX,EAAAA,OAAO,UAAUP,EAAA,eAAnCG,EAEaC,EAAAiB,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,qBADX,MAAuC;AAAA,YAAvCJ,EAAuCC,wBAAvC,MAAuC;AAAA,kBAAhBlB,EAAA,MAAM,GAAA,CAAA;AAAA,YAAA;;;;;;;;;"}
+{"version":3,"file":"JCard.vue.js","sources":["../../../../src/components/molecules/JCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { HTMLAttributes } from \"vue\"\nimport { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@/components/shadcn'\nimport { cn } from \"@/lib/utils\"\n\ntype CardVariant = 'default' | 'elevated'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Card 자체의 클래스 */\n    class?: HTMLAttributes[\"class\"]\n    /** 카드 제목 */\n    title?: string\n    /** 카드 설명 */\n    description?: string\n    /** 카드 푸터 텍스트 */\n    footer?: string\n    /** 카드 variant (패턴 4) */\n    variant?: CardVariant\n    /** CardContent가 남은 세로 공간을 채우도록 flex column 적용 */\n    fillContent?: boolean\n  }>(),\n  {\n    variant: 'default',\n  }\n)\n\n// 패턴 4: variant 클래스\nconst variantClasses = computed(() => {\n  const variants = {\n    default: 'shadow-sm',\n    elevated: 'shadow-md',\n  }\n  return variants[props.variant]\n})\n</script>\n\n<template>\n  <Card :class=\"cn(variantClasses, fillContent && 'flex flex-col', props.class)\">\n    <!-- Header: title/description + actions 슬롯 (패턴 7) -->\n    <CardHeader v-if=\"title || description || $slots.actions\">\n      <div class=\"flex justify-between items-center gap-3\">\n        <!-- 좌측: 제목/설명 -->\n        <div class=\"flex-1\">\n          <CardTitle v-if=\"title\">{{ title }}</CardTitle>\n          <CardDescription v-if=\"description\">{{ description }}</CardDescription>\n        </div>\n\n        <!-- 우측: actions 슬롯 (패턴 7) -->\n        <div v-if=\"$slots.actions\" class=\"flex gap-2 flex-shrink-0\">\n          <slot name=\"actions\" />\n        </div>\n      </div>\n    </CardHeader>\n\n    <!-- Content -->\n    <CardContent :class=\"fillContent && 'flex-1 flex flex-col min-h-0'\">\n      <slot />\n    </CardContent>\n\n    <!-- Footer: 슬롯 우선, 없으면 텍스트 -->\n    <CardFooter v-if=\"$slots.footer || footer\">\n      <slot name=\"footer\">{{ footer }}</slot>\n    </CardFooter>\n  </Card>\n</template>\n"],"names":["props","__props","variantClasses","computed","_createBlock","_unref","Card","_normalizeClass","$slots","CardHeader","_createElementVNode","_hoisted_1","_hoisted_2","CardTitle","CardDescription","_openBlock","_createElementBlock","_hoisted_3","_renderSlot","_ctx","_createVNode","CardContent","CardFooter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAQC,GAqBRC,IAAiBC,EAAS,OACb;AAAA,MACf,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,GAEIH,EAAM,OAAO,CAC9B;2BAICI,EA0BOC,EAAAC,CAAA,GAAA;AAAA,MA1BA,OAAKC,EAAEF,KAAGH,EAAA,OAAgBD,EAAA,eAAW,iBAAqBD,EAAM,KAAK,CAAA;AAAA,IAAA;iBAE1E,MAaa;AAAA,QAbKC,EAAA,SAASA,EAAA,eAAeO,EAAAA,OAAO,gBAAjDJ,EAaaC,EAAAI,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,qBAZX,MAWM;AAAA,YAXNC,EAWM,OAXNC,GAWM;AAAA,cATJD,EAGM,OAHNE,GAGM;AAAA,gBAFaX,EAAA,cAAjBG,EAA+CC,EAAAQ,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,6BAAvB,MAAW;AAAA,wBAARZ,EAAA,KAAK,GAAA,CAAA;AAAA,kBAAA;;;gBACTA,EAAA,oBAAvBG,EAAuEC,EAAAS,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,6BAAnC,MAAiB;AAAA,wBAAdb,EAAA,WAAW,GAAA,CAAA;AAAA,kBAAA;;;;cAIzCO,EAAAA,OAAO,WAAlBO,KAAAC,EAEM,OAFNC,GAEM;AAAA,gBADJC,EAAuBC,EAAA,QAAA,SAAA;AAAA,cAAA;;;;;QAM7BC,EAEcf,EAAAgB,CAAA,GAAA;AAAA,UAFA,SAAOpB,EAAA,eAAW,8BAAA;AAAA,QAAA;qBAC9B,MAAQ;AAAA,YAARiB,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;QAIQX,EAAAA,OAAO,UAAUP,EAAA,eAAnCG,EAEaC,EAAAiB,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,qBADX,MAAuC;AAAA,YAAvCJ,EAAuCC,wBAAvC,MAAuC;AAAA,kBAAhBlB,EAAA,MAAM,GAAA,CAAA;AAAA,YAAA;;;;;;;;;"}

package/components/molecules/JFormField.vue.cjs

@@ -3,5 +3,5 @@
   for (const [t_key, t_val] of t_opts)
     t_merged[t_key] = t_val;
   return t_merged;
-};,u=t(e.default,[["__scopeId","data-v-a50ba8fe"]]);exports.default=u;
+};,u=t(e.default,[["__scopeId","data-v-df250d3d"]]);exports.default=u;
 //# sourceMappingURL=JFormField.vue.cjs.map

package/components/molecules/JFormField.vue.js

@@ -6,8 +6,8 @@ const r = (r_comp, r_opts) => {
     r_merged[r_key] = r_val;
   return r_merged;
 };
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a50ba8fe"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-df250d3d"]]);
 export {
-  e as default
+  f as default
 };
 //# sourceMappingURL=JFormField.vue.js.map