@j-solution/components 1.6.1 → 1.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"JKbd.vue.cjs","sources":["../../../../src/components/atoms/JKbd.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport Kbd from '@/components/shadcn/Kbd.vue'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'warning'   // 경고 스타일 (주황)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n\r\ntype SizeType = 'sm' | 'md' | 'lg'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 키보드 키 크기 */\r\n    size?: SizeType\r\n  }>(),\r\n  {\r\n    styletype: 'default',\r\n    size: 'md',\r\n  },\r\n)\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  default: { class: '' },\r\n  primary: { \r\n    class: 'bg-blue-100 text-blue-800 border-blue-200',\r\n  },\r\n  success: { \r\n    class: 'bg-green-100 text-green-800 border-green-200',\r\n  },\r\n  warning: { \r\n    class: 'bg-amber-100 text-amber-800 border-amber-200',\r\n  },\r\n  danger: { \r\n    class: 'bg-red-100 text-red-800 border-red-200',\r\n  },\r\n}\r\n\r\n/**\r\n * size -> class 매핑\r\n */\r\nconst SIZE_PRESETS: Record<SizeType, { class: string }> = {\r\n  sm: { \r\n    class: 'h-4 px-1 text-xs',\r\n  },\r\n  md: { \r\n    class: 'h-5 px-1.5 text-sm',\r\n  },\r\n  lg: { \r\n    class: 'h-6 px-2 text-base',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: styletype과 size를 병합하여 최종 클래스 생성 */\r\nconst mapped = computed(() => {\r\n  const stylePreset = STYLE_PRESETS[props.styletype!]\r\n  const sizePreset = SIZE_PRESETS[props.size!]\r\n  const finalClass = [stylePreset.class, sizePreset.class, props.class].filter(Boolean).join(' ')\r\n  \r\n  return {\r\n    class: finalClass,\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Kbd v-bind=\"mapped\">\r\n    <slot />\r\n  </Kbd>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","SIZE_PRESETS","mapped","computed","stylePreset","sizePreset","_openBlock","_createBlock","Kbd","_renderSlot","_ctx"],"mappings":"qRAaA,MAAMA,EAAQC,EAiBRC,EAAsD,CAC1D,QAAS,CAAE,MAAO,EAAA,EAClB,QAAS,CACP,MAAO,2CAAA,EAET,QAAS,CACP,MAAO,8CAAA,EAET,QAAS,CACP,MAAO,8CAAA,EAET,OAAQ,CACN,MAAO,wCAAA,CACT,EAMIC,EAAoD,CACxD,GAAI,CACF,MAAO,kBAAA,EAET,GAAI,CACF,MAAO,oBAAA,EAET,GAAI,CACF,MAAO,oBAAA,CACT,EAIIC,EAASC,EAAAA,SAAS,IAAM,CAC5B,MAAMC,EAAcJ,EAAcF,EAAM,SAAU,EAC5CO,EAAaJ,EAAaH,EAAM,IAAK,EAG3C,MAAO,CACL,MAHiB,CAACM,EAAY,MAAOC,EAAW,MAAOP,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,CAGrF,CAEX,CAAC,gBAICQ,EAAAA,UAAA,EAAAC,EAAAA,YAEMC,EAAAA,8CAFON,EAAA,KAAM,CAAA,EAAA,mBACjB,IAAQ,CAARO,aAAQC,EAAA,OAAA,SAAA,CAAA"}
+{"version":3,"file":"JKbd.vue.cjs","sources":["../../../../src/components/atoms/JKbd.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport Kbd from '@/components/shadcn/Kbd.vue'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'warning'   // 경고 스타일 (주황)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n\r\ntype SizeType = 'xs' | 'sm' | 'md' | 'lg'\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 키보드 키 크기 */\r\n    size?: SizeType\r\n  }>(),\r\n  {\n    styletype: 'default',\n    size: 'sm',\n  },\n)\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  default: { class: '' },\r\n  primary: { \r\n    class: 'bg-blue-100 text-blue-800 border-blue-200',\r\n  },\r\n  success: { \r\n    class: 'bg-green-100 text-green-800 border-green-200',\r\n  },\r\n  warning: { \r\n    class: 'bg-amber-100 text-amber-800 border-amber-200',\r\n  },\r\n  danger: { \r\n    class: 'bg-red-100 text-red-800 border-red-200',\r\n  },\r\n}\r\n\r\n/**\r\n * size -> class 매핑\r\n */\r\nconst SIZE_PRESETS: Record<SizeType, { class: string }> = {\n  xs: { \n    class: 'h-3.5 px-0.5 text-[10px] min-w-[14px]',\n  },\n  sm: { \n    class: 'h-4 px-1 text-xs min-w-[16px]',\n  },\n  md: { \n    class: 'h-5 px-1.5 text-xs',\n  },\n  lg: { \n    class: 'h-6 px-2 text-sm',\n  },\n}\n\r\n/** 최종 바인딩: styletype과 size를 병합하여 최종 클래스 생성 */\r\nconst mapped = computed(() => {\r\n  const stylePreset = STYLE_PRESETS[props.styletype!]\r\n  const sizePreset = SIZE_PRESETS[props.size!]\r\n  const finalClass = [stylePreset.class, sizePreset.class, props.class].filter(Boolean).join(' ')\r\n  \r\n  return {\r\n    class: finalClass,\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Kbd v-bind=\"mapped\">\r\n    <slot />\r\n  </Kbd>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","SIZE_PRESETS","mapped","computed","stylePreset","sizePreset","_openBlock","_createBlock","Kbd","_renderSlot","_ctx"],"mappings":"qRAaA,MAAMA,EAAQC,EAiBRC,EAAsD,CAC1D,QAAS,CAAE,MAAO,EAAA,EAClB,QAAS,CACP,MAAO,2CAAA,EAET,QAAS,CACP,MAAO,8CAAA,EAET,QAAS,CACP,MAAO,8CAAA,EAET,OAAQ,CACN,MAAO,wCAAA,CACT,EAMIC,EAAoD,CACxD,GAAI,CACF,MAAO,uCAAA,EAET,GAAI,CACF,MAAO,+BAAA,EAET,GAAI,CACF,MAAO,oBAAA,EAET,GAAI,CACF,MAAO,kBAAA,CACT,EAIIC,EAASC,EAAAA,SAAS,IAAM,CAC5B,MAAMC,EAAcJ,EAAcF,EAAM,SAAU,EAC5CO,EAAaJ,EAAaH,EAAM,IAAK,EAG3C,MAAO,CACL,MAHiB,CAACM,EAAY,MAAOC,EAAW,MAAOP,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,CAGrF,CAEX,CAAC,gBAICQ,EAAAA,UAAA,EAAAC,EAAAA,YAEMC,EAAAA,8CAFON,EAAA,KAAM,CAAA,EAAA,mBACjB,IAAQ,CAARO,aAAQC,EAAA,OAAA,SAAA,CAAA"}

package/components/atoms/JKbd.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as c, computed as n, createBlock as d, openBlock as p, normalizeProps as m, guardReactiveProps as u, withCtx as i, renderSlot as b } from "vue";
-import f from "../shadcn/Kbd.vue.js";
-const S = /* @__PURE__ */ c({
+import { defineComponent as o, computed as n, createBlock as p, openBlock as d, normalizeProps as m, guardReactiveProps as x, withCtx as i, renderSlot as u } from "vue";
+import b from "../shadcn/Kbd.vue.js";
+const S = /* @__PURE__ */ o({
   __name: "JKbd",
   props: {
     class: {},
     styletype: { default: "default" },
-    size: { default: "md" }
+    size: { default: "sm" }
   },
   setup(r) {
     const e = r, a = {
@@ -23,24 +23,27 @@ const S = /* @__PURE__ */ c({
         class: "bg-red-100 text-red-800 border-red-200"
       }
     }, l = {
+      xs: {
+        class: "h-3.5 px-0.5 text-[10px] min-w-[14px]"
+      },
       sm: {
-        class: "h-4 px-1 text-xs"
+        class: "h-4 px-1 text-xs min-w-[16px]"
       },
       md: {
-        class: "h-5 px-1.5 text-sm"
+        class: "h-5 px-1.5 text-xs"
       },
       lg: {
-        class: "h-6 px-2 text-base"
+        class: "h-6 px-2 text-sm"
       }
-    }, o = n(() => {
+    }, c = n(() => {
       const s = a[e.styletype], t = l[e.size];
       return {
         class: [s.class, t.class, e.class].filter(Boolean).join(" ")
       };
     });
-    return (s, t) => (p(), d(f, m(u(o.value)), {
+    return (s, t) => (d(), p(b, m(x(c.value)), {
       default: i(() => [
-        b(s.$slots, "default")
+        u(s.$slots, "default")
       ]),
       _: 3
     }, 16));

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

@@ -1 +1 @@
-{"version":3,"file":"JKbd.vue.js","sources":["../../../../src/components/atoms/JKbd.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport Kbd from '@/components/shadcn/Kbd.vue'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'warning'   // 경고 스타일 (주황)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n\r\ntype SizeType = 'sm' | 'md' | 'lg'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 키보드 키 크기 */\r\n    size?: SizeType\r\n  }>(),\r\n  {\r\n    styletype: 'default',\r\n    size: 'md',\r\n  },\r\n)\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  default: { class: '' },\r\n  primary: { \r\n    class: 'bg-blue-100 text-blue-800 border-blue-200',\r\n  },\r\n  success: { \r\n    class: 'bg-green-100 text-green-800 border-green-200',\r\n  },\r\n  warning: { \r\n    class: 'bg-amber-100 text-amber-800 border-amber-200',\r\n  },\r\n  danger: { \r\n    class: 'bg-red-100 text-red-800 border-red-200',\r\n  },\r\n}\r\n\r\n/**\r\n * size -> class 매핑\r\n */\r\nconst SIZE_PRESETS: Record<SizeType, { class: string }> = {\r\n  sm: { \r\n    class: 'h-4 px-1 text-xs',\r\n  },\r\n  md: { \r\n    class: 'h-5 px-1.5 text-sm',\r\n  },\r\n  lg: { \r\n    class: 'h-6 px-2 text-base',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: styletype과 size를 병합하여 최종 클래스 생성 */\r\nconst mapped = computed(() => {\r\n  const stylePreset = STYLE_PRESETS[props.styletype!]\r\n  const sizePreset = SIZE_PRESETS[props.size!]\r\n  const finalClass = [stylePreset.class, sizePreset.class, props.class].filter(Boolean).join(' ')\r\n  \r\n  return {\r\n    class: finalClass,\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Kbd v-bind=\"mapped\">\r\n    <slot />\r\n  </Kbd>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","SIZE_PRESETS","mapped","computed","stylePreset","sizePreset","_openBlock","_createBlock","Kbd","_renderSlot","_ctx"],"mappings":";;;;;;;;;;AAaA,UAAMA,IAAQC,GAiBRC,IAAsD;AAAA,MAC1D,SAAS,EAAE,OAAO,GAAA;AAAA,MAClB,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,QAAQ;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT,GAMIC,IAAoD;AAAA,MACxD,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,IACT,GAIIC,IAASC,EAAS,MAAM;AAC5B,YAAMC,IAAcJ,EAAcF,EAAM,SAAU,GAC5CO,IAAaJ,EAAaH,EAAM,IAAK;AAG3C,aAAO;AAAA,QACL,OAHiB,CAACM,EAAY,OAAOC,EAAW,OAAOP,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAGrF;AAAA,IAEX,CAAC;sBAICQ,EAAA,GAAAC,EAEMC,OAFON,EAAA,KAAM,CAAA,GAAA;AAAA,iBACjB,MAAQ;AAAA,QAARO,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}
+{"version":3,"file":"JKbd.vue.js","sources":["../../../../src/components/atoms/JKbd.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport Kbd from '@/components/shadcn/Kbd.vue'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'warning'   // 경고 스타일 (주황)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n\r\ntype SizeType = 'xs' | 'sm' | 'md' | 'lg'\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 키보드 키 크기 */\r\n    size?: SizeType\r\n  }>(),\r\n  {\n    styletype: 'default',\n    size: 'sm',\n  },\n)\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  default: { class: '' },\r\n  primary: { \r\n    class: 'bg-blue-100 text-blue-800 border-blue-200',\r\n  },\r\n  success: { \r\n    class: 'bg-green-100 text-green-800 border-green-200',\r\n  },\r\n  warning: { \r\n    class: 'bg-amber-100 text-amber-800 border-amber-200',\r\n  },\r\n  danger: { \r\n    class: 'bg-red-100 text-red-800 border-red-200',\r\n  },\r\n}\r\n\r\n/**\r\n * size -> class 매핑\r\n */\r\nconst SIZE_PRESETS: Record<SizeType, { class: string }> = {\n  xs: { \n    class: 'h-3.5 px-0.5 text-[10px] min-w-[14px]',\n  },\n  sm: { \n    class: 'h-4 px-1 text-xs min-w-[16px]',\n  },\n  md: { \n    class: 'h-5 px-1.5 text-xs',\n  },\n  lg: { \n    class: 'h-6 px-2 text-sm',\n  },\n}\n\r\n/** 최종 바인딩: styletype과 size를 병합하여 최종 클래스 생성 */\r\nconst mapped = computed(() => {\r\n  const stylePreset = STYLE_PRESETS[props.styletype!]\r\n  const sizePreset = SIZE_PRESETS[props.size!]\r\n  const finalClass = [stylePreset.class, sizePreset.class, props.class].filter(Boolean).join(' ')\r\n  \r\n  return {\r\n    class: finalClass,\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Kbd v-bind=\"mapped\">\r\n    <slot />\r\n  </Kbd>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","SIZE_PRESETS","mapped","computed","stylePreset","sizePreset","_openBlock","_createBlock","Kbd","_renderSlot","_ctx"],"mappings":";;;;;;;;;;AAaA,UAAMA,IAAQC,GAiBRC,IAAsD;AAAA,MAC1D,SAAS,EAAE,OAAO,GAAA;AAAA,MAClB,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,QAAQ;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT,GAMIC,IAAoD;AAAA,MACxD,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,IACT,GAIIC,IAASC,EAAS,MAAM;AAC5B,YAAMC,IAAcJ,EAAcF,EAAM,SAAU,GAC5CO,IAAaJ,EAAaH,EAAM,IAAK;AAG3C,aAAO;AAAA,QACL,OAHiB,CAACM,EAAY,OAAOC,EAAW,OAAOP,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAGrF;AAAA,IAEX,CAAC;sBAICQ,EAAA,GAAAC,EAEMC,OAFON,EAAA,KAAM,CAAA,GAAA;AAAA,iBACjB,MAAQ;AAAA,QAARO,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}

package/components/atoms/JLabel.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 u=require("../shadcn/Label.vue.cjs"),n={key:0,class:"text-red-500 mr-1"},d={key:1,class:"text-red-500 mr-1"},i=e.defineComponent({__name:"JLabel",props:{text:{default:""},required:{type:Boolean,default:!1},styletype:{default:"default"},for:{}},setup(t){const s=t,l={default:{class:""},required:{class:"text-red-600"},optional:{class:"text-gray-500"},error:{class:"text-red-600"},success:{class:"text-green-600"},warning:{class:"text-amber-600"},sm:{class:"text-xs"},lg:{class:"text-base"}},a=e.computed(()=>{const r=s.styletype||"default",o=l[r]??l.default;return{for:s.for,class:o?.class||""}}),c=e.computed(()=>s.text?s.text:"");return(r,o)=>(e.openBlock(),e.createBlock(e.unref(u.default),e.mergeProps(a.value,{class:["text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",a.value.class]}),{default:e.withCtx(()=>[t.required&&t.styletype==="required"?(e.openBlock(),e.createElementBlock("span",n,"*")):t.required?(e.openBlock(),e.createElementBlock("span",d,"*")):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(c.value)+" ",1),e.renderSlot(r.$slots,"default")]),_:3},16,["class"]))}});exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../shadcn/index.cjs");const n=require("../../lib/utils.cjs"),u=require("../shadcn/Label.vue.cjs"),d={key:0,class:"text-red-500 mr-1"},i={key:1,class:"text-red-500 mr-1"},f=e.defineComponent({__name:"JLabel",props:{text:{default:""},required:{type:Boolean,default:!1},styletype:{default:"default"},for:{},class:{}},setup(s){const t=s,l={default:{class:""},required:{class:"text-red-600"},optional:{class:"text-gray-500"},error:{class:"text-red-600"},success:{class:"text-green-600"},warning:{class:"text-amber-600"},sm:{class:"text-xs"},lg:{class:"text-base"}},a=e.computed(()=>{const r=t.styletype||"default",o=l[r]??l.default;return{for:t.for,class:o?.class||""}}),c=e.computed(()=>t.text?t.text:"");return(r,o)=>(e.openBlock(),e.createBlock(e.unref(u.default),{for:a.value.for,class:e.normalizeClass(e.unref(n.cn)("text-xs font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",a.value.class,t.class))},{default:e.withCtx(()=>[s.required&&s.styletype==="required"?(e.openBlock(),e.createElementBlock("span",d,"*")):s.required?(e.openBlock(),e.createElementBlock("span",i,"*")):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(c.value)+" ",1),e.renderSlot(r.$slots,"default")]),_:3},8,["for","class"]))}});exports.default=f;
 //# sourceMappingURL=JLabel.vue.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"JLabel.vue.cjs","sources":["../../../../src/components/atoms/JLabel.vue"],"sourcesContent":["<!-- TODO: 컴포넌트 래핑 초안 - 스타일 및 기능 개선 필요 -->\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Label } from '@/components/shadcn'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'required' // 필수 필드 표시 (빨간 별표)\r\n  | 'optional' // 선택 필드 표시 (회색 텍스트)\r\n  | 'error'     // 에러 상태 (빨간 텍스트)\r\n  | 'success'   // 성공 상태 (초록 텍스트)\r\n  | 'warning'   // 경고 상태 (주황 텍스트)\r\n  | 'sm'        // 작은 크기\r\n  | 'lg'        // 큰 크기\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 라벨 텍스트 */\r\n    text?: string\r\n    /** 필수 필드 여부 */\r\n    required?: boolean\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** HTML for 속성 (연결할 input의 id) */\r\n    for?: string\r\n  }>(),\r\n  {\r\n    text: '',\r\n    required: false,\r\n    styletype: 'default',\r\n  },\r\n)\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  default: { class: '' },\r\n  required: { \r\n    class: 'text-red-600',\r\n  },\r\n  optional: { \r\n    class: 'text-gray-500',\r\n  },\r\n  error: { \r\n    class: 'text-red-600',\r\n  },\r\n  success: { \r\n    class: 'text-green-600',\r\n  },\r\n  warning: { \r\n    class: 'text-amber-600',\r\n  },\r\n  sm: { \r\n    class: 'text-xs',\r\n  },\r\n  lg: { \r\n    class: 'text-base',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: styletype에 따른 클래스 적용 */\r\nconst mapped = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  \r\n  return {\r\n    for: props.for,\r\n    class: preset?.class || '',\r\n  }\r\n})\r\n\r\nconst displayText = computed(() => {\r\n  if (props.text) {\r\n    return props.text\r\n  }\r\n  return ''\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Label \r\n    v-bind=\"mapped\"\r\n    :class=\"[\r\n      'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\r\n      mapped.class\r\n    ]\"\r\n  >\r\n    <span v-if=\"required && styletype === 'required'\" class=\"text-red-500 mr-1\">*</span>\r\n    <span v-else-if=\"required\" class=\"text-red-500 mr-1\">*</span>\r\n    {{ displayText }}\r\n    <slot />\r\n  </Label>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","mapped","computed","styleKey","preset","displayText","_createBlock","_unref","Label","_mergeProps","_createElementBlock","_hoisted_1","_hoisted_2","_toDisplayString","_renderSlot","_ctx"],"mappings":"qaAeA,MAAMA,EAAQC,EAqBRC,EAAsD,CAC1D,QAAS,CAAE,MAAO,EAAA,EAClB,SAAU,CACR,MAAO,cAAA,EAET,SAAU,CACR,MAAO,eAAA,EAET,MAAO,CACL,MAAO,cAAA,EAET,QAAS,CACP,MAAO,gBAAA,EAET,QAAS,CACP,MAAO,gBAAA,EAET,GAAI,CACF,MAAO,SAAA,EAET,GAAI,CACF,MAAO,WAAA,CACT,EAIIC,EAASC,EAAAA,SAAS,IAAM,CAC5B,MAAMC,EAAWL,EAAM,WAAa,UAC9BM,EAASJ,EAAcG,CAAQ,GAAKH,EAAc,QAExD,MAAO,CACL,IAAKF,EAAM,IACX,MAAOM,GAAQ,OAAS,EAAA,CAE5B,CAAC,EAEKC,EAAcH,EAAAA,SAAS,IACvBJ,EAAM,KACDA,EAAM,KAER,EACR,8BAICQ,EAAAA,YAWQC,EAAAA,MAAAC,EAAAA,OAAA,EAXRC,EAAAA,WAWQR,EAAA,MAVQ,CACb,MAAK,8FAAgHA,EAAA,MAAO,KAAA,uBAK7H,IAAoF,CAAxEF,EAAA,UAAYA,EAAA,YAAS,0BAAjCW,EAAAA,mBAAoF,OAApFC,EAA4E,GAAC,GAC5DZ,EAAA,wBAAjBW,EAAAA,mBAA6D,OAA7DE,EAAqD,GAAC,iDAAO,IAC7DC,kBAAGR,EAAA,KAAW,EAAG,IACjB,CAAA,EAAAS,aAAQC,EAAA,OAAA,SAAA,CAAA"}
+{"version":3,"file":"JLabel.vue.cjs","sources":["../../../../src/components/atoms/JLabel.vue"],"sourcesContent":["<!-- TODO: 컴포넌트 래핑 초안 - 스타일 및 기능 개선 필요 -->\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Label } from '@/components/shadcn'\r\nimport { cn } from '@/lib/utils'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'required' // 필수 필드 표시 (빨간 별표)\r\n  | 'optional' // 선택 필드 표시 (회색 텍스트)\r\n  | 'error'     // 에러 상태 (빨간 텍스트)\r\n  | 'success'   // 성공 상태 (초록 텍스트)\r\n  | 'warning'   // 경고 상태 (주황 텍스트)\r\n  | 'sm'        // 작은 크기\r\n  | 'lg'        // 큰 크기\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 라벨 텍스트 */\r\n    text?: string\r\n    /** 필수 필드 여부 */\r\n    required?: boolean\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** HTML for 속성 (연결할 input의 id) */\r\n    for?: string\r\n    /** 추가 클래스 (외부 커스터마이징용) */\r\n    class?: string\r\n  }>(),\r\n  {\r\n    text: '',\r\n    required: false,\r\n    styletype: 'default',\r\n  },\r\n)\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  default: { class: '' },\r\n  required: { \r\n    class: 'text-red-600',\r\n  },\r\n  optional: { \r\n    class: 'text-gray-500',\r\n  },\r\n  error: { \r\n    class: 'text-red-600',\r\n  },\r\n  success: { \r\n    class: 'text-green-600',\r\n  },\r\n  warning: { \r\n    class: 'text-amber-600',\r\n  },\r\n  sm: { \r\n    class: 'text-xs',\r\n  },\r\n  lg: { \r\n    class: 'text-base',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: styletype에 따른 클래스 적용 */\r\nconst mapped = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  \r\n  return {\r\n    for: props.for,\r\n    class: preset?.class || '',\r\n  }\r\n})\r\n\r\nconst displayText = computed(() => {\r\n  if (props.text) {\r\n    return props.text\r\n  }\r\n  return ''\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Label\r\n    :for=\"mapped.for\"\r\n    :class=\"cn(\r\n      'text-xs font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\r\n      mapped.class,\r\n      props.class\r\n    )\"\r\n  >\r\n    <span v-if=\"required && styletype === 'required'\" class=\"text-red-500 mr-1\">*</span>\r\n    <span v-else-if=\"required\" class=\"text-red-500 mr-1\">*</span>\r\n    {{ displayText }}\r\n    <slot />\r\n  </Label>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","mapped","computed","styleKey","preset","displayText","_createBlock","_unref","Label","cn","_createElementBlock","_hoisted_1","_hoisted_2","_toDisplayString","_renderSlot","_ctx"],"mappings":"+cAgBA,MAAMA,EAAQC,EAuBRC,EAAsD,CAC1D,QAAS,CAAE,MAAO,EAAA,EAClB,SAAU,CACR,MAAO,cAAA,EAET,SAAU,CACR,MAAO,eAAA,EAET,MAAO,CACL,MAAO,cAAA,EAET,QAAS,CACP,MAAO,gBAAA,EAET,QAAS,CACP,MAAO,gBAAA,EAET,GAAI,CACF,MAAO,SAAA,EAET,GAAI,CACF,MAAO,WAAA,CACT,EAIIC,EAASC,EAAAA,SAAS,IAAM,CAC5B,MAAMC,EAAWL,EAAM,WAAa,UAC9BM,EAASJ,EAAcG,CAAQ,GAAKH,EAAc,QAExD,MAAO,CACL,IAAKF,EAAM,IACX,MAAOM,GAAQ,OAAS,EAAA,CAE5B,CAAC,EAEKC,EAAcH,EAAAA,SAAS,IACvBJ,EAAM,KACDA,EAAM,KAER,EACR,8BAICQ,EAAAA,YAYQC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CAXL,IAAKP,EAAA,MAAO,IACZ,uBAAOM,EAAAA,MAAAE,IAAA,+FAAgHR,EAAA,MAAO,MAAcH,EAAM,KAAA,uBAMnJ,IAAoF,CAAxEC,EAAA,UAAYA,EAAA,YAAS,0BAAjCW,EAAAA,mBAAoF,OAApFC,EAA4E,GAAC,GAC5DZ,EAAA,wBAAjBW,EAAAA,mBAA6D,OAA7DE,EAAqD,GAAC,iDAAO,IAC7DC,kBAAGR,EAAA,KAAW,EAAG,IACjB,CAAA,EAAAS,aAAQC,EAAA,OAAA,SAAA,CAAA"}

package/components/atoms/JLabel.vue.js

@@ -1,22 +1,24 @@
-import { defineComponent as u, computed as c, createBlock as i, openBlock as r, unref as f, mergeProps as m, withCtx as p, createElementBlock as n, createCommentVNode as x, createTextVNode as y, renderSlot as g, toDisplayString as _ } from "vue";
+import { defineComponent as i, computed as c, createBlock as f, openBlock as r, unref as n, normalizeClass as m, withCtx as p, createElementBlock as d, createCommentVNode as x, createTextVNode as y, renderSlot as _, toDisplayString as g } from "vue";
 import "../shadcn/index.js";
-import b from "../shadcn/Label.vue.js";
-const k = {
+import { cn as b } from "../../lib/utils.js";
+import k from "../shadcn/Label.vue.js";
+const q = {
   key: 0,
   class: "text-red-500 mr-1"
-}, q = {
+}, S = {
   key: 1,
   class: "text-red-500 mr-1"
-}, E = /* @__PURE__ */ u({
+}, T = /* @__PURE__ */ i({
   __name: "JLabel",
   props: {
     text: { default: "" },
     required: { type: Boolean, default: !1 },
     styletype: { default: "default" },
-    for: {}
+    for: {},
+    class: {}
   },
-  setup(e) {
-    const t = e, a = {
+  setup(t) {
+    const e = t, a = {
       default: { class: "" },
       required: {
         class: "text-red-600"
@@ -40,28 +42,30 @@ const k = {
         class: "text-base"
       }
     }, l = c(() => {
-      const s = t.styletype || "default", o = a[s] ?? a.default;
+      const s = e.styletype || "default", o = a[s] ?? a.default;
       return {
-        for: t.for,
+        for: e.for,
         class: o?.class || ""
       };
-    }), d = c(() => t.text ? t.text : "");
-    return (s, o) => (r(), i(f(b), m(l.value, {
-      class: [
-        "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-        l.value.class
-      ]
-    }), {
+    }), u = c(() => e.text ? e.text : "");
+    return (s, o) => (r(), f(n(k), {
+      for: l.value.for,
+      class: m(n(b)(
+        "text-xs font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        l.value.class,
+        e.class
+      ))
+    }, {
       default: p(() => [
-        e.required && e.styletype === "required" ? (r(), n("span", k, "*")) : e.required ? (r(), n("span", q, "*")) : x("", !0),
-        y(" " + _(d.value) + " ", 1),
-        g(s.$slots, "default")
+        t.required && t.styletype === "required" ? (r(), d("span", q, "*")) : t.required ? (r(), d("span", S, "*")) : x("", !0),
+        y(" " + g(u.value) + " ", 1),
+        _(s.$slots, "default")
       ]),
       _: 3
-    }, 16, ["class"]));
+    }, 8, ["for", "class"]));
   }
 });
 export {
-  E as default
+  T as default
 };
 //# sourceMappingURL=JLabel.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"JLabel.vue.js","sources":["../../../../src/components/atoms/JLabel.vue"],"sourcesContent":["<!-- TODO: 컴포넌트 래핑 초안 - 스타일 및 기능 개선 필요 -->\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Label } from '@/components/shadcn'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'required' // 필수 필드 표시 (빨간 별표)\r\n  | 'optional' // 선택 필드 표시 (회색 텍스트)\r\n  | 'error'     // 에러 상태 (빨간 텍스트)\r\n  | 'success'   // 성공 상태 (초록 텍스트)\r\n  | 'warning'   // 경고 상태 (주황 텍스트)\r\n  | 'sm'        // 작은 크기\r\n  | 'lg'        // 큰 크기\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 라벨 텍스트 */\r\n    text?: string\r\n    /** 필수 필드 여부 */\r\n    required?: boolean\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** HTML for 속성 (연결할 input의 id) */\r\n    for?: string\r\n  }>(),\r\n  {\r\n    text: '',\r\n    required: false,\r\n    styletype: 'default',\r\n  },\r\n)\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  default: { class: '' },\r\n  required: { \r\n    class: 'text-red-600',\r\n  },\r\n  optional: { \r\n    class: 'text-gray-500',\r\n  },\r\n  error: { \r\n    class: 'text-red-600',\r\n  },\r\n  success: { \r\n    class: 'text-green-600',\r\n  },\r\n  warning: { \r\n    class: 'text-amber-600',\r\n  },\r\n  sm: { \r\n    class: 'text-xs',\r\n  },\r\n  lg: { \r\n    class: 'text-base',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: styletype에 따른 클래스 적용 */\r\nconst mapped = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  \r\n  return {\r\n    for: props.for,\r\n    class: preset?.class || '',\r\n  }\r\n})\r\n\r\nconst displayText = computed(() => {\r\n  if (props.text) {\r\n    return props.text\r\n  }\r\n  return ''\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Label \r\n    v-bind=\"mapped\"\r\n    :class=\"[\r\n      'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\r\n      mapped.class\r\n    ]\"\r\n  >\r\n    <span v-if=\"required && styletype === 'required'\" class=\"text-red-500 mr-1\">*</span>\r\n    <span v-else-if=\"required\" class=\"text-red-500 mr-1\">*</span>\r\n    {{ displayText }}\r\n    <slot />\r\n  </Label>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","mapped","computed","styleKey","preset","displayText","_createBlock","_unref","Label","_mergeProps","_createElementBlock","_hoisted_1","_hoisted_2","_toDisplayString","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,UAAMA,IAAQC,GAqBRC,IAAsD;AAAA,MAC1D,SAAS,EAAE,OAAO,GAAA;AAAA,MAClB,UAAU;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,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,GAIIC,IAASC,EAAS,MAAM;AAC5B,YAAMC,IAAWL,EAAM,aAAa,WAC9BM,IAASJ,EAAcG,CAAQ,KAAKH,EAAc;AAExD,aAAO;AAAA,QACL,KAAKF,EAAM;AAAA,QACX,OAAOM,GAAQ,SAAS;AAAA,MAAA;AAAA,IAE5B,CAAC,GAEKC,IAAcH,EAAS,MACvBJ,EAAM,OACDA,EAAM,OAER,EACR;2BAICQ,EAWQC,EAAAC,CAAA,GAXRC,EAWQR,EAAA,OAVQ;AAAA,MACb,OAAK;AAAA;QAAgHA,EAAA,MAAO;AAAA,MAAA;AAAA;iBAK7H,MAAoF;AAAA,QAAxEF,EAAA,YAAYA,EAAA,cAAS,mBAAjCW,EAAoF,QAApFC,GAA4E,GAAC,KAC5DZ,EAAA,iBAAjBW,EAA6D,QAA7DE,GAAqD,GAAC;UAAO,MAC7DC,EAAGR,EAAA,KAAW,IAAG,KACjB,CAAA;AAAA,QAAAS,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}
+{"version":3,"file":"JLabel.vue.js","sources":["../../../../src/components/atoms/JLabel.vue"],"sourcesContent":["<!-- TODO: 컴포넌트 래핑 초안 - 스타일 및 기능 개선 필요 -->\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Label } from '@/components/shadcn'\r\nimport { cn } from '@/lib/utils'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'required' // 필수 필드 표시 (빨간 별표)\r\n  | 'optional' // 선택 필드 표시 (회색 텍스트)\r\n  | 'error'     // 에러 상태 (빨간 텍스트)\r\n  | 'success'   // 성공 상태 (초록 텍스트)\r\n  | 'warning'   // 경고 상태 (주황 텍스트)\r\n  | 'sm'        // 작은 크기\r\n  | 'lg'        // 큰 크기\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 라벨 텍스트 */\r\n    text?: string\r\n    /** 필수 필드 여부 */\r\n    required?: boolean\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** HTML for 속성 (연결할 input의 id) */\r\n    for?: string\r\n    /** 추가 클래스 (외부 커스터마이징용) */\r\n    class?: string\r\n  }>(),\r\n  {\r\n    text: '',\r\n    required: false,\r\n    styletype: 'default',\r\n  },\r\n)\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  default: { class: '' },\r\n  required: { \r\n    class: 'text-red-600',\r\n  },\r\n  optional: { \r\n    class: 'text-gray-500',\r\n  },\r\n  error: { \r\n    class: 'text-red-600',\r\n  },\r\n  success: { \r\n    class: 'text-green-600',\r\n  },\r\n  warning: { \r\n    class: 'text-amber-600',\r\n  },\r\n  sm: { \r\n    class: 'text-xs',\r\n  },\r\n  lg: { \r\n    class: 'text-base',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: styletype에 따른 클래스 적용 */\r\nconst mapped = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  \r\n  return {\r\n    for: props.for,\r\n    class: preset?.class || '',\r\n  }\r\n})\r\n\r\nconst displayText = computed(() => {\r\n  if (props.text) {\r\n    return props.text\r\n  }\r\n  return ''\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Label\r\n    :for=\"mapped.for\"\r\n    :class=\"cn(\r\n      'text-xs font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\r\n      mapped.class,\r\n      props.class\r\n    )\"\r\n  >\r\n    <span v-if=\"required && styletype === 'required'\" class=\"text-red-500 mr-1\">*</span>\r\n    <span v-else-if=\"required\" class=\"text-red-500 mr-1\">*</span>\r\n    {{ displayText }}\r\n    <slot />\r\n  </Label>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","mapped","computed","styleKey","preset","displayText","_createBlock","_unref","Label","cn","_createElementBlock","_hoisted_1","_hoisted_2","_toDisplayString","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgBA,UAAMA,IAAQC,GAuBRC,IAAsD;AAAA,MAC1D,SAAS,EAAE,OAAO,GAAA;AAAA,MAClB,UAAU;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,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,GAIIC,IAASC,EAAS,MAAM;AAC5B,YAAMC,IAAWL,EAAM,aAAa,WAC9BM,IAASJ,EAAcG,CAAQ,KAAKH,EAAc;AAExD,aAAO;AAAA,QACL,KAAKF,EAAM;AAAA,QACX,OAAOM,GAAQ,SAAS;AAAA,MAAA;AAAA,IAE5B,CAAC,GAEKC,IAAcH,EAAS,MACvBJ,EAAM,OACDA,EAAM,OAER,EACR;2BAICQ,EAYQC,EAAAC,CAAA,GAAA;AAAA,MAXL,KAAKP,EAAA,MAAO;AAAA,MACZ,SAAOM,EAAAE,CAAA;AAAA;QAAgHR,EAAA,MAAO;AAAA,QAAcH,EAAM;AAAA,MAAA;;iBAMnJ,MAAoF;AAAA,QAAxEC,EAAA,YAAYA,EAAA,cAAS,mBAAjCW,EAAoF,QAApFC,GAA4E,GAAC,KAC5DZ,EAAA,iBAAjBW,EAA6D,QAA7DE,GAAqD,GAAC;UAAO,MAC7DC,EAAGR,EAAA,KAAW,IAAG,KACjB,CAAA;AAAA,QAAAS,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}

package/components/atoms/JLink.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 c=require("../shadcn/Button.vue.cjs"),u=e.defineComponent({__name:"JLink",props:{href:{},text:{},target:{},styletype:{default:"default"},disabled:{type:Boolean,default:!1},class:{}},setup(s){const t=s,n={default:{variant:"link",class:"text-primary underline-offset-4 hover:underline"},primary:{variant:"link",class:"text-primary-foreground bg-primary hover:bg-primary/90"},secondary:{variant:"link",class:"text-secondary-foreground bg-secondary hover:bg-secondary/80"},destructive:{variant:"link",class:"text-destructive hover:text-destructive/90"},outline:{variant:"outline",class:"border border-input bg-background hover:bg-accent hover:text-accent-foreground"},ghost:{variant:"ghost",class:"hover:bg-accent hover:text-accent-foreground"},sm:{variant:"link",size:"sm",class:"h-8 px-3 text-xs"},lg:{variant:"link",size:"lg",class:"h-12 px-8 text-base"}},o=e.computed(()=>{const r=t.styletype||"default",a=n[r]??n.default,i=[a?.class,t.class].filter(Boolean).join(" ");return{variant:a?.variant||"link",size:a?.size||"default",class:i,disabled:t.disabled}}),l=e.computed(()=>{const r={as:"a"};return t.href&&(r.href=t.href),t.target&&(r.target=t.target),r});return(r,a)=>(e.openBlock(),e.createBlock(e.unref(c.default),e.normalizeProps(e.guardReactiveProps({...o.value,...l.value})),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(s.text),1)])]),_:3},16))}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../shadcn/index.cjs");const c=require("../shadcn/Button.vue.cjs"),u=e.defineComponent({__name:"JLink",props:{href:{},text:{},target:{},styletype:{default:"default"},disabled:{type:Boolean,default:!1},class:{}},setup(s){const t=s,n={default:{variant:"link",class:"text-primary underline-offset-4 hover:underline"},primary:{variant:"link",class:"text-primary-foreground bg-primary hover:bg-primary/90"},secondary:{variant:"link",class:"text-secondary-foreground bg-secondary hover:bg-secondary/80"},destructive:{variant:"link",class:"text-destructive hover:text-destructive/90"},outline:{variant:"outline",class:"border border-input bg-background hover:bg-accent hover:text-accent-foreground"},ghost:{variant:"ghost",class:"hover:bg-accent hover:text-accent-foreground"},sm:{variant:"link",size:"sm",class:"h-8 px-3 text-xs"},lg:{variant:"link",size:"lg",class:"h-12 px-8 text-base"}},o=e.computed(()=>{const r=t.styletype||"default",a=n[r]??n.default,i=[a?.class,t.class].filter(Boolean).join(" ");return{variant:a?.variant||"link",size:a?.size||"sm",class:i,disabled:t.disabled}}),l=e.computed(()=>{const r={as:"a"};return t.href&&(r.href=t.href),t.target&&(r.target=t.target),r});return(r,a)=>(e.openBlock(),e.createBlock(e.unref(c.default),e.normalizeProps(e.guardReactiveProps({...o.value,...l.value})),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(s.text),1)])]),_:3},16))}});exports.default=u;
 //# sourceMappingURL=JLink.vue.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"JLink.vue.cjs","sources":["../../../../src/components/atoms/JLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Button } from '@/components/shadcn'\n\ntype StyleType = 'default' | 'primary' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'sm' | 'lg'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 링크 URL */\n    href?: string\n    /** 링크 텍스트 */\n    text?: string\n    /** 새 탭에서 열기 */\n    target?: '_blank' | '_self' | '_parent' | '_top'\n    /** 링크 스타일 테마 */\n    styletype?: StyleType\n    /** 비활성화 상태 */\n    disabled?: boolean\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    styletype: 'default',\n    disabled: false,\n  },\n)\n\nconst STYLE_PRESETS: Record<StyleType, { variant?: string; size?: string; class?: string }> = {\n  default: { variant: 'link', class: 'text-primary underline-offset-4 hover:underline' },\n  primary: { variant: 'link', class: 'text-primary-foreground bg-primary hover:bg-primary/90' },\n  secondary: { variant: 'link', class: 'text-secondary-foreground bg-secondary hover:bg-secondary/80' },\n  destructive: { variant: 'link', class: 'text-destructive hover:text-destructive/90' },\n  outline: { variant: 'outline', class: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground' },\n  ghost: { variant: 'ghost', class: 'hover:bg-accent hover:text-accent-foreground' },\n  sm: { variant: 'link', size: 'sm', class: 'h-8 px-3 text-xs' },\n  lg: { variant: 'link', size: 'lg', class: 'h-12 px-8 text-base' },\n}\n\nconst mapped = computed(() => {\n  const styleKey = props.styletype || 'default'\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\n  const finalClass = [preset?.class, props.class].filter(Boolean).join(' ')\n\n  return {\n    variant: (preset?.variant || 'link') as 'link' | 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost',\n    size: (preset?.size || 'default') as 'default' | 'sm' | 'lg' | 'icon',\n    class: finalClass,\n    disabled: props.disabled,\n  }\n})\n\nconst linkProps = computed(() => {\n  const baseProps: Record<string, any> = {\n    as: 'a',\n  }\n\n  if (props.href) {\n    baseProps.href = props.href\n  }\n\n  if (props.target) {\n    baseProps.target = props.target\n  }\n\n  return baseProps\n})\n</script>\n\n<template>\n  <Button v-bind=\"{ ...mapped, ...linkProps }\">\n    <slot>{{ text }}</slot>\n  </Button>\n</template>\n"],"names":["props","__props","STYLE_PRESETS","mapped","computed","styleKey","preset","finalClass","linkProps","baseProps","_createBlock","_unref","Button","_normalizeProps","_guardReactiveProps","_renderSlot","_ctx"],"mappings":"uWAMA,MAAMA,EAAQC,EAqBRC,EAAwF,CAC5F,QAAS,CAAE,QAAS,OAAQ,MAAO,iDAAA,EACnC,QAAS,CAAE,QAAS,OAAQ,MAAO,wDAAA,EACnC,UAAW,CAAE,QAAS,OAAQ,MAAO,8DAAA,EACrC,YAAa,CAAE,QAAS,OAAQ,MAAO,4CAAA,EACvC,QAAS,CAAE,QAAS,UAAW,MAAO,gFAAA,EACtC,MAAO,CAAE,QAAS,QAAS,MAAO,8CAAA,EAClC,GAAI,CAAE,QAAS,OAAQ,KAAM,KAAM,MAAO,kBAAA,EAC1C,GAAI,CAAE,QAAS,OAAQ,KAAM,KAAM,MAAO,qBAAA,CAAsB,EAG5DC,EAASC,EAAAA,SAAS,IAAM,CAC5B,MAAMC,EAAWL,EAAM,WAAa,UAC9BM,EAASJ,EAAcG,CAAQ,GAAKH,EAAc,QAClDK,EAAa,CAACD,GAAQ,MAAON,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAExE,MAAO,CACL,QAAUM,GAAQ,SAAW,OAC7B,KAAOA,GAAQ,MAAQ,UACvB,MAAOC,EACP,SAAUP,EAAM,QAAA,CAEpB,CAAC,EAEKQ,EAAYJ,EAAAA,SAAS,IAAM,CAC/B,MAAMK,EAAiC,CACrC,GAAI,GAAA,EAGN,OAAIT,EAAM,OACRS,EAAU,KAAOT,EAAM,MAGrBA,EAAM,SACRS,EAAU,OAAST,EAAM,QAGpBS,CACT,CAAC,8BAICC,EAAAA,YAESC,EAAAA,MAAAC,EAAAA,OAAA,EAAAC,EAAAA,eAAAC,EAAAA,mBAAA,CAAA,GAFYX,EAAA,MAAM,GAAKK,EAAA,KAAA,CAAS,CAAA,EAAA,mBACvC,IAAuB,CAAvBO,EAAAA,WAAuBC,sBAAvB,IAAuB,qCAAdf,EAAA,IAAI,EAAA,CAAA,CAAA"}
+{"version":3,"file":"JLink.vue.cjs","sources":["../../../../src/components/atoms/JLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Button } from '@/components/shadcn'\n\ntype StyleType = 'default' | 'primary' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'sm' | 'lg'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 링크 URL */\n    href?: string\n    /** 링크 텍스트 */\n    text?: string\n    /** 새 탭에서 열기 */\n    target?: '_blank' | '_self' | '_parent' | '_top'\n    /** 링크 스타일 테마 */\n    styletype?: StyleType\n    /** 비활성화 상태 */\n    disabled?: boolean\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    styletype: 'default',\n    disabled: false,\n  },\n)\n\nconst STYLE_PRESETS: Record<StyleType, { variant?: string; size?: string; class?: string }> = {\n  default: { variant: 'link', class: 'text-primary underline-offset-4 hover:underline' },\n  primary: { variant: 'link', class: 'text-primary-foreground bg-primary hover:bg-primary/90' },\n  secondary: { variant: 'link', class: 'text-secondary-foreground bg-secondary hover:bg-secondary/80' },\n  destructive: { variant: 'link', class: 'text-destructive hover:text-destructive/90' },\n  outline: { variant: 'outline', class: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground' },\n  ghost: { variant: 'ghost', class: 'hover:bg-accent hover:text-accent-foreground' },\n  sm: { variant: 'link', size: 'sm', class: 'h-8 px-3 text-xs' },\n  lg: { variant: 'link', size: 'lg', class: 'h-12 px-8 text-base' },\n}\n\nconst mapped = computed(() => {\n  const styleKey = props.styletype || 'default'\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\n  const finalClass = [preset?.class, props.class].filter(Boolean).join(' ')\n\n  return {\n    variant: (preset?.variant || 'link') as 'link' | 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost',\n    size: (preset?.size || 'sm') as 'xs' | 'sm' | 'md' | 'lg' | 'icon',\n    class: finalClass,\n    disabled: props.disabled,\n  }\n})\n\nconst linkProps = computed(() => {\n  const baseProps: Record<string, any> = {\n    as: 'a',\n  }\n\n  if (props.href) {\n    baseProps.href = props.href\n  }\n\n  if (props.target) {\n    baseProps.target = props.target\n  }\n\n  return baseProps\n})\n</script>\n\n<template>\n  <Button v-bind=\"{ ...mapped, ...linkProps }\">\n    <slot>{{ text }}</slot>\n  </Button>\n</template>\n"],"names":["props","__props","STYLE_PRESETS","mapped","computed","styleKey","preset","finalClass","linkProps","baseProps","_createBlock","_unref","Button","_normalizeProps","_guardReactiveProps","_renderSlot","_ctx"],"mappings":"uWAMA,MAAMA,EAAQC,EAqBRC,EAAwF,CAC5F,QAAS,CAAE,QAAS,OAAQ,MAAO,iDAAA,EACnC,QAAS,CAAE,QAAS,OAAQ,MAAO,wDAAA,EACnC,UAAW,CAAE,QAAS,OAAQ,MAAO,8DAAA,EACrC,YAAa,CAAE,QAAS,OAAQ,MAAO,4CAAA,EACvC,QAAS,CAAE,QAAS,UAAW,MAAO,gFAAA,EACtC,MAAO,CAAE,QAAS,QAAS,MAAO,8CAAA,EAClC,GAAI,CAAE,QAAS,OAAQ,KAAM,KAAM,MAAO,kBAAA,EAC1C,GAAI,CAAE,QAAS,OAAQ,KAAM,KAAM,MAAO,qBAAA,CAAsB,EAG5DC,EAASC,EAAAA,SAAS,IAAM,CAC5B,MAAMC,EAAWL,EAAM,WAAa,UAC9BM,EAASJ,EAAcG,CAAQ,GAAKH,EAAc,QAClDK,EAAa,CAACD,GAAQ,MAAON,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAExE,MAAO,CACL,QAAUM,GAAQ,SAAW,OAC7B,KAAOA,GAAQ,MAAQ,KACvB,MAAOC,EACP,SAAUP,EAAM,QAAA,CAEpB,CAAC,EAEKQ,EAAYJ,EAAAA,SAAS,IAAM,CAC/B,MAAMK,EAAiC,CACrC,GAAI,GAAA,EAGN,OAAIT,EAAM,OACRS,EAAU,KAAOT,EAAM,MAGrBA,EAAM,SACRS,EAAU,OAAST,EAAM,QAGpBS,CACT,CAAC,8BAICC,EAAAA,YAESC,EAAAA,MAAAC,EAAAA,OAAA,EAAAC,EAAAA,eAAAC,EAAAA,mBAAA,CAAA,GAFYX,EAAA,MAAM,GAAKK,EAAA,KAAA,CAAS,CAAA,EAAA,mBACvC,IAAuB,CAAvBO,EAAAA,WAAuBC,sBAAvB,IAAuB,qCAAdf,EAAA,IAAI,EAAA,CAAA,CAAA"}

package/components/atoms/JLink.vue.js

@@ -22,20 +22,20 @@ const z = /* @__PURE__ */ c({
       sm: { variant: "link", size: "sm", class: "h-8 px-3 text-xs" },
       lg: { variant: "link", size: "lg", class: "h-12 px-8 text-base" }
     }, o = n(() => {
-      const t = e.styletype || "default", r = s[t] ?? s.default, i = [r?.class, e.class].filter(Boolean).join(" ");
+      const t = e.styletype || "default", r = s[t] ?? s.default, l = [r?.class, e.class].filter(Boolean).join(" ");
       return {
         variant: r?.variant || "link",
-        size: r?.size || "default",
-        class: i,
+        size: r?.size || "sm",
+        class: l,
         disabled: e.disabled
       };
-    }), l = n(() => {
+    }), i = n(() => {
       const t = {
         as: "a"
       };
       return e.href && (t.href = e.href), e.target && (t.target = e.target), t;
     });
-    return (t, r) => (u(), d(f(y), p(v({ ...o.value, ...l.value })), {
+    return (t, r) => (u(), d(f(y), p(v({ ...o.value, ...i.value })), {
       default: g(() => [
         m(t.$slots, "default", {}, () => [
           h(x(a.text), 1)

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

@@ -1 +1 @@
-{"version":3,"file":"JLink.vue.js","sources":["../../../../src/components/atoms/JLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Button } from '@/components/shadcn'\n\ntype StyleType = 'default' | 'primary' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'sm' | 'lg'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 링크 URL */\n    href?: string\n    /** 링크 텍스트 */\n    text?: string\n    /** 새 탭에서 열기 */\n    target?: '_blank' | '_self' | '_parent' | '_top'\n    /** 링크 스타일 테마 */\n    styletype?: StyleType\n    /** 비활성화 상태 */\n    disabled?: boolean\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    styletype: 'default',\n    disabled: false,\n  },\n)\n\nconst STYLE_PRESETS: Record<StyleType, { variant?: string; size?: string; class?: string }> = {\n  default: { variant: 'link', class: 'text-primary underline-offset-4 hover:underline' },\n  primary: { variant: 'link', class: 'text-primary-foreground bg-primary hover:bg-primary/90' },\n  secondary: { variant: 'link', class: 'text-secondary-foreground bg-secondary hover:bg-secondary/80' },\n  destructive: { variant: 'link', class: 'text-destructive hover:text-destructive/90' },\n  outline: { variant: 'outline', class: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground' },\n  ghost: { variant: 'ghost', class: 'hover:bg-accent hover:text-accent-foreground' },\n  sm: { variant: 'link', size: 'sm', class: 'h-8 px-3 text-xs' },\n  lg: { variant: 'link', size: 'lg', class: 'h-12 px-8 text-base' },\n}\n\nconst mapped = computed(() => {\n  const styleKey = props.styletype || 'default'\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\n  const finalClass = [preset?.class, props.class].filter(Boolean).join(' ')\n\n  return {\n    variant: (preset?.variant || 'link') as 'link' | 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost',\n    size: (preset?.size || 'default') as 'default' | 'sm' | 'lg' | 'icon',\n    class: finalClass,\n    disabled: props.disabled,\n  }\n})\n\nconst linkProps = computed(() => {\n  const baseProps: Record<string, any> = {\n    as: 'a',\n  }\n\n  if (props.href) {\n    baseProps.href = props.href\n  }\n\n  if (props.target) {\n    baseProps.target = props.target\n  }\n\n  return baseProps\n})\n</script>\n\n<template>\n  <Button v-bind=\"{ ...mapped, ...linkProps }\">\n    <slot>{{ text }}</slot>\n  </Button>\n</template>\n"],"names":["props","__props","STYLE_PRESETS","mapped","computed","styleKey","preset","finalClass","linkProps","baseProps","_createBlock","_unref","Button","_normalizeProps","_guardReactiveProps","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAqBRC,IAAwF;AAAA,MAC5F,SAAS,EAAE,SAAS,QAAQ,OAAO,kDAAA;AAAA,MACnC,SAAS,EAAE,SAAS,QAAQ,OAAO,yDAAA;AAAA,MACnC,WAAW,EAAE,SAAS,QAAQ,OAAO,+DAAA;AAAA,MACrC,aAAa,EAAE,SAAS,QAAQ,OAAO,6CAAA;AAAA,MACvC,SAAS,EAAE,SAAS,WAAW,OAAO,iFAAA;AAAA,MACtC,OAAO,EAAE,SAAS,SAAS,OAAO,+CAAA;AAAA,MAClC,IAAI,EAAE,SAAS,QAAQ,MAAM,MAAM,OAAO,mBAAA;AAAA,MAC1C,IAAI,EAAE,SAAS,QAAQ,MAAM,MAAM,OAAO,sBAAA;AAAA,IAAsB,GAG5DC,IAASC,EAAS,MAAM;AAC5B,YAAMC,IAAWL,EAAM,aAAa,WAC9BM,IAASJ,EAAcG,CAAQ,KAAKH,EAAc,SAClDK,IAAa,CAACD,GAAQ,OAAON,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAExE,aAAO;AAAA,QACL,SAAUM,GAAQ,WAAW;AAAA,QAC7B,MAAOA,GAAQ,QAAQ;AAAA,QACvB,OAAOC;AAAA,QACP,UAAUP,EAAM;AAAA,MAAA;AAAA,IAEpB,CAAC,GAEKQ,IAAYJ,EAAS,MAAM;AAC/B,YAAMK,IAAiC;AAAA,QACrC,IAAI;AAAA,MAAA;AAGN,aAAIT,EAAM,SACRS,EAAU,OAAOT,EAAM,OAGrBA,EAAM,WACRS,EAAU,SAAST,EAAM,SAGpBS;AAAA,IACT,CAAC;2BAICC,EAESC,EAAAC,CAAA,GAAAC,EAAAC,EAAA,EAAA,GAFYX,EAAA,OAAM,GAAKK,EAAA,MAAA,CAAS,CAAA,GAAA;AAAA,iBACvC,MAAuB;AAAA,QAAvBO,EAAuBC,yBAAvB,MAAuB;AAAA,cAAdf,EAAA,IAAI,GAAA,CAAA;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"JLink.vue.js","sources":["../../../../src/components/atoms/JLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Button } from '@/components/shadcn'\n\ntype StyleType = 'default' | 'primary' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'sm' | 'lg'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 링크 URL */\n    href?: string\n    /** 링크 텍스트 */\n    text?: string\n    /** 새 탭에서 열기 */\n    target?: '_blank' | '_self' | '_parent' | '_top'\n    /** 링크 스타일 테마 */\n    styletype?: StyleType\n    /** 비활성화 상태 */\n    disabled?: boolean\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    styletype: 'default',\n    disabled: false,\n  },\n)\n\nconst STYLE_PRESETS: Record<StyleType, { variant?: string; size?: string; class?: string }> = {\n  default: { variant: 'link', class: 'text-primary underline-offset-4 hover:underline' },\n  primary: { variant: 'link', class: 'text-primary-foreground bg-primary hover:bg-primary/90' },\n  secondary: { variant: 'link', class: 'text-secondary-foreground bg-secondary hover:bg-secondary/80' },\n  destructive: { variant: 'link', class: 'text-destructive hover:text-destructive/90' },\n  outline: { variant: 'outline', class: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground' },\n  ghost: { variant: 'ghost', class: 'hover:bg-accent hover:text-accent-foreground' },\n  sm: { variant: 'link', size: 'sm', class: 'h-8 px-3 text-xs' },\n  lg: { variant: 'link', size: 'lg', class: 'h-12 px-8 text-base' },\n}\n\nconst mapped = computed(() => {\n  const styleKey = props.styletype || 'default'\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\n  const finalClass = [preset?.class, props.class].filter(Boolean).join(' ')\n\n  return {\n    variant: (preset?.variant || 'link') as 'link' | 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost',\n    size: (preset?.size || 'sm') as 'xs' | 'sm' | 'md' | 'lg' | 'icon',\n    class: finalClass,\n    disabled: props.disabled,\n  }\n})\n\nconst linkProps = computed(() => {\n  const baseProps: Record<string, any> = {\n    as: 'a',\n  }\n\n  if (props.href) {\n    baseProps.href = props.href\n  }\n\n  if (props.target) {\n    baseProps.target = props.target\n  }\n\n  return baseProps\n})\n</script>\n\n<template>\n  <Button v-bind=\"{ ...mapped, ...linkProps }\">\n    <slot>{{ text }}</slot>\n  </Button>\n</template>\n"],"names":["props","__props","STYLE_PRESETS","mapped","computed","styleKey","preset","finalClass","linkProps","baseProps","_createBlock","_unref","Button","_normalizeProps","_guardReactiveProps","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAqBRC,IAAwF;AAAA,MAC5F,SAAS,EAAE,SAAS,QAAQ,OAAO,kDAAA;AAAA,MACnC,SAAS,EAAE,SAAS,QAAQ,OAAO,yDAAA;AAAA,MACnC,WAAW,EAAE,SAAS,QAAQ,OAAO,+DAAA;AAAA,MACrC,aAAa,EAAE,SAAS,QAAQ,OAAO,6CAAA;AAAA,MACvC,SAAS,EAAE,SAAS,WAAW,OAAO,iFAAA;AAAA,MACtC,OAAO,EAAE,SAAS,SAAS,OAAO,+CAAA;AAAA,MAClC,IAAI,EAAE,SAAS,QAAQ,MAAM,MAAM,OAAO,mBAAA;AAAA,MAC1C,IAAI,EAAE,SAAS,QAAQ,MAAM,MAAM,OAAO,sBAAA;AAAA,IAAsB,GAG5DC,IAASC,EAAS,MAAM;AAC5B,YAAMC,IAAWL,EAAM,aAAa,WAC9BM,IAASJ,EAAcG,CAAQ,KAAKH,EAAc,SAClDK,IAAa,CAACD,GAAQ,OAAON,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAExE,aAAO;AAAA,QACL,SAAUM,GAAQ,WAAW;AAAA,QAC7B,MAAOA,GAAQ,QAAQ;AAAA,QACvB,OAAOC;AAAA,QACP,UAAUP,EAAM;AAAA,MAAA;AAAA,IAEpB,CAAC,GAEKQ,IAAYJ,EAAS,MAAM;AAC/B,YAAMK,IAAiC;AAAA,QACrC,IAAI;AAAA,MAAA;AAGN,aAAIT,EAAM,SACRS,EAAU,OAAOT,EAAM,OAGrBA,EAAM,WACRS,EAAU,SAAST,EAAM,SAGpBS;AAAA,IACT,CAAC;2BAICC,EAESC,EAAAC,CAAA,GAAAC,EAAAC,EAAA,EAAA,GAFYX,EAAA,OAAM,GAAKK,EAAA,MAAA,CAAS,CAAA,GAAA;AAAA,iBACvC,MAAuB;AAAA,QAAvBO,EAAuBC,yBAAvB,MAAuB;AAAA,cAAdf,EAAA,IAAI,GAAA,CAAA;AAAA,QAAA;;;;;;"}

package/components/atoms/JPreview.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-b07e3dcb"]]);exports.default=u;
+};,u=t(e.default,[["__scopeId","data-v-0ce9f9f8"]]);exports.default=u;
 //# sourceMappingURL=JPreview.vue.cjs.map

package/components/atoms/JPreview.vue.js

@@ -6,8 +6,8 @@ const r = (r_comp, r_opts) => {
     r_merged[r_key] = r_val;
   return r_merged;
 };
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b07e3dcb"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0ce9f9f8"]]);
 export {
-  p as default
+  m as default
 };
 //# sourceMappingURL=JPreview.vue.js.map

package/components/atoms/JPreview.vue2.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("md-editor-v3");;/* empty css                                                                                                                 */const m=require("dompurify"),c=["innerHTML"],u=e.defineComponent({__name:"JPreview",props:{modelValue:{default:""},theme:{default:"light"},class:{}},setup(l){const r=l;function n(s){const t=s.trim();return t.startsWith("<!DOCTYPE html")||t.startsWith("<!doctype html")||t.startsWith("<!DOCTYPE HTML")||t.startsWith("<!DOCTYPE Html")||t.startsWith("<html")||t.startsWith("<HTML")||t.startsWith("<Html")?"html":"markdown"}const a=e.computed(()=>n(r.modelValue||"")),i=e.computed(()=>a.value==="html"?m.sanitize(r.modelValue||"",{ALLOWED_TAGS:["p","br","strong","em","u","s","h1","h2","h3","h4","h5","h6","ul","ol","li","blockquote","pre","code","a","img","table","thead","tbody","tr","th","td","div","span","hr","blockquote","del","ins","sub","sup","kbd","mark","abbr","dfn","cite","q","samp","var","time","b","i","small","big","center","font","strike","tt","html","head","body","title","meta","link","style","script","noscript"],ALLOWED_ATTR:["href","src","alt","title","width","height","class","id","style","target","rel","type","charset","name","content","http-equiv","lang"],ALLOW_DATA_ATTR:!1}):"");return(s,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["j-preview-wrapper",r.class])},[a.value==="html"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["j-preview-html",l.theme==="dark"?"dark":""]),innerHTML:i.value},null,10,c)):(e.openBlock(),e.createBlock(e.unref(o.MdPreview),{key:1,"model-value":l.modelValue,theme:l.theme,"preview-class-name":"j-preview-markdown",language:"en-US"},null,8,["model-value","theme"]))],2))}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("md-editor-v3");;/* empty css                                                                                                                 */const h=require("dompurify"),p=["innerHTML"],v=e.defineComponent({__name:"JPreview",props:{modelValue:{default:""},theme:{},class:{}},setup(n){const r=n,s=e.ref(!1),a=()=>{s.value=document.documentElement.classList.contains("dark")},o=e.computed(()=>r.theme?r.theme:s.value?"dark":"light");let l=null;e.onMounted(()=>{a(),l=new MutationObserver(()=>{a()}),l.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]})}),e.onUnmounted(()=>{l&&l.disconnect()});function c(u){const t=u.trim();return t.startsWith("<!DOCTYPE html")||t.startsWith("<!doctype html")||t.startsWith("<!DOCTYPE HTML")||t.startsWith("<!DOCTYPE Html")||t.startsWith("<html")||t.startsWith("<HTML")||t.startsWith("<Html")?"html":"markdown"}const i=e.computed(()=>c(r.modelValue||"")),m=e.computed(()=>i.value==="html"?h.sanitize(r.modelValue||"",{ALLOWED_TAGS:["p","br","strong","em","u","s","h1","h2","h3","h4","h5","h6","ul","ol","li","blockquote","pre","code","a","img","table","thead","tbody","tr","th","td","div","span","hr","blockquote","del","ins","sub","sup","kbd","mark","abbr","dfn","cite","q","samp","var","time","b","i","small","big","center","font","strike","tt","html","head","body","title","meta","link","style","script","noscript"],ALLOWED_ATTR:["href","src","alt","title","width","height","class","id","style","target","rel","type","charset","name","content","http-equiv","lang"],ALLOW_DATA_ATTR:!1}):"");return(u,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["j-preview-wrapper",r.class])},[i.value==="html"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["j-preview-html",o.value==="dark"?"dark":""]),innerHTML:m.value},null,10,p)):(e.openBlock(),e.createBlock(e.unref(d.MdPreview),{key:1,"model-value":n.modelValue,theme:o.value,"preview-class-name":"j-preview-markdown",language:"en-US"},null,8,["model-value","theme"]))],2))}});exports.default=v;
 //# sourceMappingURL=JPreview.vue2.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"JPreview.vue2.cjs","sources":["../../../../src/components/atoms/JPreview.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { MdPreview } from 'md-editor-v3'\r\nimport 'md-editor-v3/lib/style.css'\r\nimport DOMPurify from 'dompurify'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 마크다운 또는 HTML 내용 */\r\n    modelValue?: string\r\n    /** 테마 (light/dark) */\r\n    theme?: 'light' | 'dark'\r\n    /** 추가 CSS 클래스 */\r\n    class?: string\r\n  }>(),\r\n  {\r\n    modelValue: '',\r\n    theme: 'light',\r\n  },\r\n)\r\n\r\n/**\r\n * 콘텐츠 타입 자동 감지\r\n */\r\nfunction detectContentType(content: string): 'markdown' | 'html' {\r\n  const trimmed = content.trim()\r\n  \r\n  // HTML 문서 시작 태그 확인\r\n  if (\r\n    trimmed.startsWith('<!DOCTYPE html') ||\r\n    trimmed.startsWith('<!doctype html') ||\r\n    trimmed.startsWith('<!DOCTYPE HTML') ||\r\n    trimmed.startsWith('<!DOCTYPE Html') ||\r\n    trimmed.startsWith('<html') ||\r\n    trimmed.startsWith('<HTML') ||\r\n    trimmed.startsWith('<Html')\r\n  ) {\r\n    return 'html'\r\n  }\r\n  \r\n  return 'markdown'\r\n}\r\n\r\nconst contentType = computed(() => detectContentType(props.modelValue || ''))\r\n\r\nconst sanitizedHtml = computed(() => {\r\n  if (contentType.value === 'html') {\r\n    return DOMPurify.sanitize(props.modelValue || '', {\r\n      ALLOWED_TAGS: [\r\n        'p', 'br', 'strong', 'em', 'u', 's', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',\r\n        'ul', 'ol', 'li', 'blockquote', 'pre', 'code', 'a', 'img', 'table', 'thead',\r\n        'tbody', 'tr', 'th', 'td', 'div', 'span', 'hr', 'blockquote', 'del', 'ins',\r\n        'sub', 'sup', 'kbd', 'mark', 'abbr', 'dfn', 'cite', 'q', 'samp', 'var',\r\n        'time', 'b', 'i', 'small', 'big', 'center', 'font', 'strike', 'tt',\r\n        'html', 'head', 'body', 'title', 'meta', 'link', 'style', 'script', 'noscript'\r\n      ],\r\n      ALLOWED_ATTR: [\r\n        'href', 'src', 'alt', 'title', 'width', 'height', 'class', 'id', 'style',\r\n        'target', 'rel', 'type', 'charset', 'name', 'content', 'http-equiv', 'lang'\r\n      ],\r\n      ALLOW_DATA_ATTR: false,\r\n    })\r\n  }\r\n  return ''\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"['j-preview-wrapper', props.class]\">\r\n    <!-- HTML 렌더링 -->\r\n    <div\r\n      v-if=\"contentType === 'html'\"\r\n      :class=\"['j-preview-html', theme === 'dark' ? 'dark' : '']\"\r\n      v-html=\"sanitizedHtml\"\r\n    />\r\n    \r\n    <!-- 마크다운 렌더링 -->\r\n    <MdPreview\r\n      v-else\r\n      :model-value=\"modelValue\"\r\n      :theme=\"theme\"\r\n      :preview-class-name=\"'j-preview-markdown'\"\r\n      language=\"en-US\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.j-preview-wrapper {\r\n  @apply w-full;\r\n}\r\n\r\n.j-preview-html {\r\n  @apply prose prose-slate max-w-none;\r\n}\r\n\r\n.j-preview-html.dark {\r\n  @apply prose-invert;\r\n}\r\n\r\n:deep(.j-preview-markdown) {\r\n  @apply w-full;\r\n}\r\n</style>\r\n"],"names":["props","__props","detectContentType","content","trimmed","contentType","computed","sanitizedHtml","DOMPurify","_createElementBlock","_normalizeClass","_createBlock","_unref","MdPreview"],"mappings":"2bAMA,MAAMA,EAAQC,EAkBd,SAASC,EAAkBC,EAAsC,CAC/D,MAAMC,EAAUD,EAAQ,KAAA,EAGxB,OACEC,EAAQ,WAAW,gBAAgB,GACnCA,EAAQ,WAAW,gBAAgB,GACnCA,EAAQ,WAAW,gBAAgB,GACnCA,EAAQ,WAAW,gBAAgB,GACnCA,EAAQ,WAAW,OAAO,GAC1BA,EAAQ,WAAW,OAAO,GAC1BA,EAAQ,WAAW,OAAO,EAEnB,OAGF,UACT,CAEA,MAAMC,EAAcC,EAAAA,SAAS,IAAMJ,EAAkBF,EAAM,YAAc,EAAE,CAAC,EAEtEO,EAAgBD,EAAAA,SAAS,IACzBD,EAAY,QAAU,OACjBG,EAAU,SAASR,EAAM,YAAc,GAAI,CAChD,aAAc,CACZ,IAAK,KAAM,SAAU,KAAM,IAAK,IAAK,KAAM,KAAM,KAAM,KAAM,KAAM,KACnE,KAAM,KAAM,KAAM,aAAc,MAAO,OAAQ,IAAK,MAAO,QAAS,QACpE,QAAS,KAAM,KAAM,KAAM,MAAO,OAAQ,KAAM,aAAc,MAAO,MACrE,MAAO,MAAO,MAAO,OAAQ,OAAQ,MAAO,OAAQ,IAAK,OAAQ,MACjE,OAAQ,IAAK,IAAK,QAAS,MAAO,SAAU,OAAQ,SAAU,KAC9D,OAAQ,OAAQ,OAAQ,QAAS,OAAQ,OAAQ,QAAS,SAAU,UAAA,EAEtE,aAAc,CACZ,OAAQ,MAAO,MAAO,QAAS,QAAS,SAAU,QAAS,KAAM,QACjE,SAAU,MAAO,OAAQ,UAAW,OAAQ,UAAW,aAAc,MAAA,EAEvE,gBAAiB,EAAA,CAClB,EAEI,EACR,8BAICS,EAAAA,mBAgBM,MAAA,CAhBA,MAAKC,EAAAA,eAAA,CAAA,oBAAwBV,EAAM,KAAK,CAAA,CAAA,GAGpCK,EAAA,QAAW,sBADnBI,EAAAA,mBAIE,MAAA,OAFC,yCAA0BR,EAAA,QAAK,OAAA,OAAA,EAAA,CAAA,EAChC,UAAQM,EAAA,KAAA,6BAIVI,EAAAA,YAMEC,QAAAC,EAAAA,SAAA,EAAA,OAJC,cAAaZ,EAAA,WACb,MAAOA,EAAA,MACP,qBAAoB,qBACrB,SAAS,OAAA"}
+{"version":3,"file":"JPreview.vue2.cjs","sources":["../../../../src/components/atoms/JPreview.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted } from 'vue'\nimport { MdPreview } from 'md-editor-v3'\nimport 'md-editor-v3/lib/style.css'\nimport DOMPurify from 'dompurify'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 마크다운 또는 HTML 내용 */\n    modelValue?: string\n    /** 테마 (light/dark) - 설정하지 않으면 자동으로 다크모드 감지 */\n    theme?: 'light' | 'dark'\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    modelValue: '',\n  },\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\r\n/**\r\n * 콘텐츠 타입 자동 감지\r\n */\r\nfunction detectContentType(content: string): 'markdown' | 'html' {\r\n  const trimmed = content.trim()\r\n  \r\n  // HTML 문서 시작 태그 확인\r\n  if (\r\n    trimmed.startsWith('<!DOCTYPE html') ||\r\n    trimmed.startsWith('<!doctype html') ||\r\n    trimmed.startsWith('<!DOCTYPE HTML') ||\r\n    trimmed.startsWith('<!DOCTYPE Html') ||\r\n    trimmed.startsWith('<html') ||\r\n    trimmed.startsWith('<HTML') ||\r\n    trimmed.startsWith('<Html')\r\n  ) {\r\n    return 'html'\r\n  }\r\n  \r\n  return 'markdown'\r\n}\r\n\r\nconst contentType = computed(() => detectContentType(props.modelValue || ''))\r\n\r\nconst sanitizedHtml = computed(() => {\r\n  if (contentType.value === 'html') {\r\n    return DOMPurify.sanitize(props.modelValue || '', {\r\n      ALLOWED_TAGS: [\r\n        'p', 'br', 'strong', 'em', 'u', 's', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',\r\n        'ul', 'ol', 'li', 'blockquote', 'pre', 'code', 'a', 'img', 'table', 'thead',\r\n        'tbody', 'tr', 'th', 'td', 'div', 'span', 'hr', 'blockquote', 'del', 'ins',\r\n        'sub', 'sup', 'kbd', 'mark', 'abbr', 'dfn', 'cite', 'q', 'samp', 'var',\r\n        'time', 'b', 'i', 'small', 'big', 'center', 'font', 'strike', 'tt',\r\n        'html', 'head', 'body', 'title', 'meta', 'link', 'style', 'script', 'noscript'\r\n      ],\r\n      ALLOWED_ATTR: [\r\n        'href', 'src', 'alt', 'title', 'width', 'height', 'class', 'id', 'style',\r\n        'target', 'rel', 'type', 'charset', 'name', 'content', 'http-equiv', 'lang'\r\n      ],\r\n      ALLOW_DATA_ATTR: false,\r\n    })\r\n  }\r\n  return ''\r\n})\r\n</script>\r\n\r\n<template>\n  <div :class=\"['j-preview-wrapper', props.class]\">\n    <!-- HTML 렌더링 -->\n    <div\n      v-if=\"contentType === 'html'\"\n      :class=\"['j-preview-html', currentTheme === 'dark' ? 'dark' : '']\"\n      v-html=\"sanitizedHtml\"\n    />\n    \n    <!-- 마크다운 렌더링 -->\n    <MdPreview\n      v-else\n      :model-value=\"modelValue\"\n      :theme=\"currentTheme\"\n      :preview-class-name=\"'j-preview-markdown'\"\n      language=\"en-US\"\n    />\n  </div>\n</template>\n\r\n<style scoped>\r\n.j-preview-wrapper {\r\n  @apply w-full;\r\n}\r\n\r\n.j-preview-html {\r\n  @apply prose prose-slate max-w-none;\r\n}\r\n\r\n.j-preview-html.dark {\r\n  @apply prose-invert;\r\n}\r\n\r\n:deep(.j-preview-markdown) {\r\n  @apply w-full;\r\n}\r\n</style>\r\n"],"names":["props","__props","isDarkMode","ref","detectDarkMode","currentTheme","computed","darkModeObserver","onMounted","onUnmounted","detectContentType","content","trimmed","contentType","sanitizedHtml","DOMPurify","_createElementBlock","_normalizeClass","_createBlock","_unref","MdPreview"],"mappings":"4aAMA,MAAMA,EAAQC,EAeRC,EAAaC,EAAAA,IAAI,EAAK,EAGtBC,EAAiB,IAAM,CAC3BF,EAAW,MAAQ,SAAS,gBAAgB,UAAU,SAAS,MAAM,CACvE,EAGMG,EAAeC,EAAAA,SAAS,IACxBN,EAAM,MACDA,EAAM,MAERE,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,EAKD,SAASG,EAAkBC,EAAsC,CAC/D,MAAMC,EAAUD,EAAQ,KAAA,EAGxB,OACEC,EAAQ,WAAW,gBAAgB,GACnCA,EAAQ,WAAW,gBAAgB,GACnCA,EAAQ,WAAW,gBAAgB,GACnCA,EAAQ,WAAW,gBAAgB,GACnCA,EAAQ,WAAW,OAAO,GAC1BA,EAAQ,WAAW,OAAO,GAC1BA,EAAQ,WAAW,OAAO,EAEnB,OAGF,UACT,CAEA,MAAMC,EAAcP,EAAAA,SAAS,IAAMI,EAAkBV,EAAM,YAAc,EAAE,CAAC,EAEtEc,EAAgBR,EAAAA,SAAS,IACzBO,EAAY,QAAU,OACjBE,EAAU,SAASf,EAAM,YAAc,GAAI,CAChD,aAAc,CACZ,IAAK,KAAM,SAAU,KAAM,IAAK,IAAK,KAAM,KAAM,KAAM,KAAM,KAAM,KACnE,KAAM,KAAM,KAAM,aAAc,MAAO,OAAQ,IAAK,MAAO,QAAS,QACpE,QAAS,KAAM,KAAM,KAAM,MAAO,OAAQ,KAAM,aAAc,MAAO,MACrE,MAAO,MAAO,MAAO,OAAQ,OAAQ,MAAO,OAAQ,IAAK,OAAQ,MACjE,OAAQ,IAAK,IAAK,QAAS,MAAO,SAAU,OAAQ,SAAU,KAC9D,OAAQ,OAAQ,OAAQ,QAAS,OAAQ,OAAQ,QAAS,SAAU,UAAA,EAEtE,aAAc,CACZ,OAAQ,MAAO,MAAO,QAAS,QAAS,SAAU,QAAS,KAAM,QACjE,SAAU,MAAO,OAAQ,UAAW,OAAQ,UAAW,aAAc,MAAA,EAEvE,gBAAiB,EAAA,CAClB,EAEI,EACR,8BAICgB,EAAAA,mBAgBM,MAAA,CAhBA,MAAKC,EAAAA,eAAA,CAAA,oBAAwBjB,EAAM,KAAK,CAAA,CAAA,GAGpCa,EAAA,QAAW,sBADnBG,EAAAA,mBAIE,MAAA,OAFC,yCAA0BX,EAAA,QAAY,OAAA,OAAA,EAAA,CAAA,EACvC,UAAQS,EAAA,KAAA,6BAIVI,EAAAA,YAMEC,QAAAC,EAAAA,SAAA,EAAA,OAJC,cAAanB,EAAA,WACb,MAAOI,EAAA,MACP,qBAAoB,qBACrB,SAAS,OAAA"}

package/components/atoms/JPreview.vue2.js

@@ -1,21 +1,34 @@
-import { defineComponent as c, computed as i, createElementBlock as n, openBlock as r, normalizeClass as m, createBlock as d, unref as u } from "vue";
-import { MdPreview as p } from "md-editor-v3";
+import { defineComponent as v, ref as f, computed as l, onMounted as k, onUnmounted as b, createElementBlock as u, openBlock as n, normalizeClass as d, createBlock as T, unref as w } from "vue";
+import { MdPreview as y } from "md-editor-v3";
 /* empty css                                                                                                               */
-import f from "dompurify";
-const v = ["innerHTML"], w = /* @__PURE__ */ c({
+import L from "dompurify";
+const M = ["innerHTML"], O = /* @__PURE__ */ v({
   __name: "JPreview",
   props: {
     modelValue: { default: "" },
-    theme: { default: "light" },
+    theme: {},
     class: {}
   },
-  setup(e) {
-    const l = e;
-    function o(s) {
-      const t = s.trim();
-      return t.startsWith("<!DOCTYPE html") || t.startsWith("<!doctype html") || t.startsWith("<!DOCTYPE HTML") || t.startsWith("<!DOCTYPE Html") || t.startsWith("<html") || t.startsWith("<HTML") || t.startsWith("<Html") ? "html" : "markdown";
+  setup(a) {
+    const t = a, s = f(!1), o = () => {
+      s.value = document.documentElement.classList.contains("dark");
+    }, i = l(() => t.theme ? t.theme : s.value ? "dark" : "light");
+    let r = null;
+    k(() => {
+      o(), r = new MutationObserver(() => {
+        o();
+      }), r.observe(document.documentElement, {
+        attributes: !0,
+        attributeFilter: ["class"]
+      });
+    }), b(() => {
+      r && r.disconnect();
+    });
+    function h(c) {
+      const e = c.trim();
+      return e.startsWith("<!DOCTYPE html") || e.startsWith("<!doctype html") || e.startsWith("<!DOCTYPE HTML") || e.startsWith("<!DOCTYPE Html") || e.startsWith("<html") || e.startsWith("<HTML") || e.startsWith("<Html") ? "html" : "markdown";
     }
-    const a = i(() => o(l.modelValue || "")), h = i(() => a.value === "html" ? f.sanitize(l.modelValue || "", {
+    const m = l(() => h(t.modelValue || "")), p = l(() => m.value === "html" ? L.sanitize(t.modelValue || "", {
       ALLOWED_TAGS: [
         "p",
         "br",
@@ -99,17 +112,17 @@ const v = ["innerHTML"], w = /* @__PURE__ */ c({
       ],
       ALLOW_DATA_ATTR: !1
     }) : "");
-    return (s, t) => (r(), n("div", {
-      class: m(["j-preview-wrapper", l.class])
+    return (c, e) => (n(), u("div", {
+      class: d(["j-preview-wrapper", t.class])
     }, [
-      a.value === "html" ? (r(), n("div", {
+      m.value === "html" ? (n(), u("div", {
         key: 0,
-        class: m(["j-preview-html", e.theme === "dark" ? "dark" : ""]),
-        innerHTML: h.value
-      }, null, 10, v)) : (r(), d(u(p), {
+        class: d(["j-preview-html", i.value === "dark" ? "dark" : ""]),
+        innerHTML: p.value
+      }, null, 10, M)) : (n(), T(w(y), {
         key: 1,
-        "model-value": e.modelValue,
-        theme: e.theme,
+        "model-value": a.modelValue,
+        theme: i.value,
         "preview-class-name": "j-preview-markdown",
         language: "en-US"
       }, null, 8, ["model-value", "theme"]))
@@ -117,6 +130,6 @@ const v = ["innerHTML"], w = /* @__PURE__ */ c({
   }
 });
 export {
-  w as default
+  O as default
 };
 //# sourceMappingURL=JPreview.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"JPreview.vue2.js","sources":["../../../../src/components/atoms/JPreview.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { MdPreview } from 'md-editor-v3'\r\nimport 'md-editor-v3/lib/style.css'\r\nimport DOMPurify from 'dompurify'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 마크다운 또는 HTML 내용 */\r\n    modelValue?: string\r\n    /** 테마 (light/dark) */\r\n    theme?: 'light' | 'dark'\r\n    /** 추가 CSS 클래스 */\r\n    class?: string\r\n  }>(),\r\n  {\r\n    modelValue: '',\r\n    theme: 'light',\r\n  },\r\n)\r\n\r\n/**\r\n * 콘텐츠 타입 자동 감지\r\n */\r\nfunction detectContentType(content: string): 'markdown' | 'html' {\r\n  const trimmed = content.trim()\r\n  \r\n  // HTML 문서 시작 태그 확인\r\n  if (\r\n    trimmed.startsWith('<!DOCTYPE html') ||\r\n    trimmed.startsWith('<!doctype html') ||\r\n    trimmed.startsWith('<!DOCTYPE HTML') ||\r\n    trimmed.startsWith('<!DOCTYPE Html') ||\r\n    trimmed.startsWith('<html') ||\r\n    trimmed.startsWith('<HTML') ||\r\n    trimmed.startsWith('<Html')\r\n  ) {\r\n    return 'html'\r\n  }\r\n  \r\n  return 'markdown'\r\n}\r\n\r\nconst contentType = computed(() => detectContentType(props.modelValue || ''))\r\n\r\nconst sanitizedHtml = computed(() => {\r\n  if (contentType.value === 'html') {\r\n    return DOMPurify.sanitize(props.modelValue || '', {\r\n      ALLOWED_TAGS: [\r\n        'p', 'br', 'strong', 'em', 'u', 's', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',\r\n        'ul', 'ol', 'li', 'blockquote', 'pre', 'code', 'a', 'img', 'table', 'thead',\r\n        'tbody', 'tr', 'th', 'td', 'div', 'span', 'hr', 'blockquote', 'del', 'ins',\r\n        'sub', 'sup', 'kbd', 'mark', 'abbr', 'dfn', 'cite', 'q', 'samp', 'var',\r\n        'time', 'b', 'i', 'small', 'big', 'center', 'font', 'strike', 'tt',\r\n        'html', 'head', 'body', 'title', 'meta', 'link', 'style', 'script', 'noscript'\r\n      ],\r\n      ALLOWED_ATTR: [\r\n        'href', 'src', 'alt', 'title', 'width', 'height', 'class', 'id', 'style',\r\n        'target', 'rel', 'type', 'charset', 'name', 'content', 'http-equiv', 'lang'\r\n      ],\r\n      ALLOW_DATA_ATTR: false,\r\n    })\r\n  }\r\n  return ''\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"['j-preview-wrapper', props.class]\">\r\n    <!-- HTML 렌더링 -->\r\n    <div\r\n      v-if=\"contentType === 'html'\"\r\n      :class=\"['j-preview-html', theme === 'dark' ? 'dark' : '']\"\r\n      v-html=\"sanitizedHtml\"\r\n    />\r\n    \r\n    <!-- 마크다운 렌더링 -->\r\n    <MdPreview\r\n      v-else\r\n      :model-value=\"modelValue\"\r\n      :theme=\"theme\"\r\n      :preview-class-name=\"'j-preview-markdown'\"\r\n      language=\"en-US\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.j-preview-wrapper {\r\n  @apply w-full;\r\n}\r\n\r\n.j-preview-html {\r\n  @apply prose prose-slate max-w-none;\r\n}\r\n\r\n.j-preview-html.dark {\r\n  @apply prose-invert;\r\n}\r\n\r\n:deep(.j-preview-markdown) {\r\n  @apply w-full;\r\n}\r\n</style>\r\n"],"names":["props","__props","detectContentType","content","trimmed","contentType","computed","sanitizedHtml","DOMPurify","_createElementBlock","_normalizeClass","_createBlock","_unref","MdPreview"],"mappings":";;;;;;;;;;;;AAMA,UAAMA,IAAQC;AAkBd,aAASC,EAAkBC,GAAsC;AAC/D,YAAMC,IAAUD,EAAQ,KAAA;AAGxB,aACEC,EAAQ,WAAW,gBAAgB,KACnCA,EAAQ,WAAW,gBAAgB,KACnCA,EAAQ,WAAW,gBAAgB,KACnCA,EAAQ,WAAW,gBAAgB,KACnCA,EAAQ,WAAW,OAAO,KAC1BA,EAAQ,WAAW,OAAO,KAC1BA,EAAQ,WAAW,OAAO,IAEnB,SAGF;AAAA,IACT;AAEA,UAAMC,IAAcC,EAAS,MAAMJ,EAAkBF,EAAM,cAAc,EAAE,CAAC,GAEtEO,IAAgBD,EAAS,MACzBD,EAAY,UAAU,SACjBG,EAAU,SAASR,EAAM,cAAc,IAAI;AAAA,MAChD,cAAc;AAAA,QACZ;AAAA,QAAK;AAAA,QAAM;AAAA,QAAU;AAAA,QAAM;AAAA,QAAK;AAAA,QAAK;AAAA,QAAM;AAAA,QAAM;AAAA,QAAM;AAAA,QAAM;AAAA,QAAM;AAAA,QACnE;AAAA,QAAM;AAAA,QAAM;AAAA,QAAM;AAAA,QAAc;AAAA,QAAO;AAAA,QAAQ;AAAA,QAAK;AAAA,QAAO;AAAA,QAAS;AAAA,QACpE;AAAA,QAAS;AAAA,QAAM;AAAA,QAAM;AAAA,QAAM;AAAA,QAAO;AAAA,QAAQ;AAAA,QAAM;AAAA,QAAc;AAAA,QAAO;AAAA,QACrE;AAAA,QAAO;AAAA,QAAO;AAAA,QAAO;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAO;AAAA,QAAQ;AAAA,QAAK;AAAA,QAAQ;AAAA,QACjE;AAAA,QAAQ;AAAA,QAAK;AAAA,QAAK;AAAA,QAAS;AAAA,QAAO;AAAA,QAAU;AAAA,QAAQ;AAAA,QAAU;AAAA,QAC9D;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAS;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAS;AAAA,QAAU;AAAA,MAAA;AAAA,MAEtE,cAAc;AAAA,QACZ;AAAA,QAAQ;AAAA,QAAO;AAAA,QAAO;AAAA,QAAS;AAAA,QAAS;AAAA,QAAU;AAAA,QAAS;AAAA,QAAM;AAAA,QACjE;AAAA,QAAU;AAAA,QAAO;AAAA,QAAQ;AAAA,QAAW;AAAA,QAAQ;AAAA,QAAW;AAAA,QAAc;AAAA,MAAA;AAAA,MAEvE,iBAAiB;AAAA,IAAA,CAClB,IAEI,EACR;2BAICS,EAgBM,OAAA;AAAA,MAhBA,OAAKC,EAAA,CAAA,qBAAwBV,EAAM,KAAK,CAAA;AAAA,IAAA;MAGpCK,EAAA,UAAW,eADnBI,EAIE,OAAA;AAAA;QAFC,4BAA0BR,EAAA,UAAK,SAAA,SAAA,EAAA,CAAA;AAAA,QAChC,WAAQM,EAAA;AAAA,MAAA,yBAIVI,EAMEC,EAAAC,CAAA,GAAA;AAAA;QAJC,eAAaZ,EAAA;AAAA,QACb,OAAOA,EAAA;AAAA,QACP,sBAAoB;AAAA,QACrB,UAAS;AAAA,MAAA;;;;"}
+{"version":3,"file":"JPreview.vue2.js","sources":["../../../../src/components/atoms/JPreview.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted } from 'vue'\nimport { MdPreview } from 'md-editor-v3'\nimport 'md-editor-v3/lib/style.css'\nimport DOMPurify from 'dompurify'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 마크다운 또는 HTML 내용 */\n    modelValue?: string\n    /** 테마 (light/dark) - 설정하지 않으면 자동으로 다크모드 감지 */\n    theme?: 'light' | 'dark'\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    modelValue: '',\n  },\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\r\n/**\r\n * 콘텐츠 타입 자동 감지\r\n */\r\nfunction detectContentType(content: string): 'markdown' | 'html' {\r\n  const trimmed = content.trim()\r\n  \r\n  // HTML 문서 시작 태그 확인\r\n  if (\r\n    trimmed.startsWith('<!DOCTYPE html') ||\r\n    trimmed.startsWith('<!doctype html') ||\r\n    trimmed.startsWith('<!DOCTYPE HTML') ||\r\n    trimmed.startsWith('<!DOCTYPE Html') ||\r\n    trimmed.startsWith('<html') ||\r\n    trimmed.startsWith('<HTML') ||\r\n    trimmed.startsWith('<Html')\r\n  ) {\r\n    return 'html'\r\n  }\r\n  \r\n  return 'markdown'\r\n}\r\n\r\nconst contentType = computed(() => detectContentType(props.modelValue || ''))\r\n\r\nconst sanitizedHtml = computed(() => {\r\n  if (contentType.value === 'html') {\r\n    return DOMPurify.sanitize(props.modelValue || '', {\r\n      ALLOWED_TAGS: [\r\n        'p', 'br', 'strong', 'em', 'u', 's', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',\r\n        'ul', 'ol', 'li', 'blockquote', 'pre', 'code', 'a', 'img', 'table', 'thead',\r\n        'tbody', 'tr', 'th', 'td', 'div', 'span', 'hr', 'blockquote', 'del', 'ins',\r\n        'sub', 'sup', 'kbd', 'mark', 'abbr', 'dfn', 'cite', 'q', 'samp', 'var',\r\n        'time', 'b', 'i', 'small', 'big', 'center', 'font', 'strike', 'tt',\r\n        'html', 'head', 'body', 'title', 'meta', 'link', 'style', 'script', 'noscript'\r\n      ],\r\n      ALLOWED_ATTR: [\r\n        'href', 'src', 'alt', 'title', 'width', 'height', 'class', 'id', 'style',\r\n        'target', 'rel', 'type', 'charset', 'name', 'content', 'http-equiv', 'lang'\r\n      ],\r\n      ALLOW_DATA_ATTR: false,\r\n    })\r\n  }\r\n  return ''\r\n})\r\n</script>\r\n\r\n<template>\n  <div :class=\"['j-preview-wrapper', props.class]\">\n    <!-- HTML 렌더링 -->\n    <div\n      v-if=\"contentType === 'html'\"\n      :class=\"['j-preview-html', currentTheme === 'dark' ? 'dark' : '']\"\n      v-html=\"sanitizedHtml\"\n    />\n    \n    <!-- 마크다운 렌더링 -->\n    <MdPreview\n      v-else\n      :model-value=\"modelValue\"\n      :theme=\"currentTheme\"\n      :preview-class-name=\"'j-preview-markdown'\"\n      language=\"en-US\"\n    />\n  </div>\n</template>\n\r\n<style scoped>\r\n.j-preview-wrapper {\r\n  @apply w-full;\r\n}\r\n\r\n.j-preview-html {\r\n  @apply prose prose-slate max-w-none;\r\n}\r\n\r\n.j-preview-html.dark {\r\n  @apply prose-invert;\r\n}\r\n\r\n:deep(.j-preview-markdown) {\r\n  @apply w-full;\r\n}\r\n</style>\r\n"],"names":["props","__props","isDarkMode","ref","detectDarkMode","currentTheme","computed","darkModeObserver","onMounted","onUnmounted","detectContentType","content","trimmed","contentType","sanitizedHtml","DOMPurify","_createElementBlock","_normalizeClass","_createBlock","_unref","MdPreview"],"mappings":";;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAeRC,IAAaC,EAAI,EAAK,GAGtBC,IAAiB,MAAM;AAC3B,MAAAF,EAAW,QAAQ,SAAS,gBAAgB,UAAU,SAAS,MAAM;AAAA,IACvE,GAGMG,IAAeC,EAAS,MACxBN,EAAM,QACDA,EAAM,QAERE,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;AAKD,aAASG,EAAkBC,GAAsC;AAC/D,YAAMC,IAAUD,EAAQ,KAAA;AAGxB,aACEC,EAAQ,WAAW,gBAAgB,KACnCA,EAAQ,WAAW,gBAAgB,KACnCA,EAAQ,WAAW,gBAAgB,KACnCA,EAAQ,WAAW,gBAAgB,KACnCA,EAAQ,WAAW,OAAO,KAC1BA,EAAQ,WAAW,OAAO,KAC1BA,EAAQ,WAAW,OAAO,IAEnB,SAGF;AAAA,IACT;AAEA,UAAMC,IAAcP,EAAS,MAAMI,EAAkBV,EAAM,cAAc,EAAE,CAAC,GAEtEc,IAAgBR,EAAS,MACzBO,EAAY,UAAU,SACjBE,EAAU,SAASf,EAAM,cAAc,IAAI;AAAA,MAChD,cAAc;AAAA,QACZ;AAAA,QAAK;AAAA,QAAM;AAAA,QAAU;AAAA,QAAM;AAAA,QAAK;AAAA,QAAK;AAAA,QAAM;AAAA,QAAM;AAAA,QAAM;AAAA,QAAM;AAAA,QAAM;AAAA,QACnE;AAAA,QAAM;AAAA,QAAM;AAAA,QAAM;AAAA,QAAc;AAAA,QAAO;AAAA,QAAQ;AAAA,QAAK;AAAA,QAAO;AAAA,QAAS;AAAA,QACpE;AAAA,QAAS;AAAA,QAAM;AAAA,QAAM;AAAA,QAAM;AAAA,QAAO;AAAA,QAAQ;AAAA,QAAM;AAAA,QAAc;AAAA,QAAO;AAAA,QACrE;AAAA,QAAO;AAAA,QAAO;AAAA,QAAO;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAO;AAAA,QAAQ;AAAA,QAAK;AAAA,QAAQ;AAAA,QACjE;AAAA,QAAQ;AAAA,QAAK;AAAA,QAAK;AAAA,QAAS;AAAA,QAAO;AAAA,QAAU;AAAA,QAAQ;AAAA,QAAU;AAAA,QAC9D;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAS;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAS;AAAA,QAAU;AAAA,MAAA;AAAA,MAEtE,cAAc;AAAA,QACZ;AAAA,QAAQ;AAAA,QAAO;AAAA,QAAO;AAAA,QAAS;AAAA,QAAS;AAAA,QAAU;AAAA,QAAS;AAAA,QAAM;AAAA,QACjE;AAAA,QAAU;AAAA,QAAO;AAAA,QAAQ;AAAA,QAAW;AAAA,QAAQ;AAAA,QAAW;AAAA,QAAc;AAAA,MAAA;AAAA,MAEvE,iBAAiB;AAAA,IAAA,CAClB,IAEI,EACR;2BAICgB,EAgBM,OAAA;AAAA,MAhBA,OAAKC,EAAA,CAAA,qBAAwBjB,EAAM,KAAK,CAAA;AAAA,IAAA;MAGpCa,EAAA,UAAW,eADnBG,EAIE,OAAA;AAAA;QAFC,4BAA0BX,EAAA,UAAY,SAAA,SAAA,EAAA,CAAA;AAAA,QACvC,WAAQS,EAAA;AAAA,MAAA,yBAIVI,EAMEC,EAAAC,CAAA,GAAA;AAAA;QAJC,eAAanB,EAAA;AAAA,QACb,OAAOI,EAAA;AAAA,QACP,sBAAoB;AAAA,QACrB,UAAS;AAAA,MAAA;;;;"}

package/components/atoms/JProgress.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("../shadcn/Progress.vue.cjs"),f={class:"space-y-2"},k={key:0,class:"flex justify-between items-center"},_={key:0,class:"text-sm font-medium text-gray-700"},v={key:1,class:"text-sm font-medium text-gray-600"},h={key:1,class:"text-center mb-2"},g={class:"text-sm font-medium text-gray-700"},B={key:2},b={key:3,class:"flex justify-center"},E={key:0},x={class:"w-full h-full animate-spin",viewBox:"0 0 100 100"},S=["stroke"],w={key:1},V={class:"w-full h-full transform -rotate-90",viewBox:"0 0 100 100"},z=["stroke","stroke-dashoffset"],N={key:2,class:"absolute inset-0 flex items-center justify-center"},C={class:"text-sm font-medium text-gray-700"},P={key:4,class:"text-center mt-2"},D={class:"text-xs text-gray-500"},L={key:5,class:"text-xs text-gray-500"},T=e.defineComponent({__name:"JProgress",props:{value:{default:0},max:{default:100},class:{},styletype:{default:"default"},size:{default:"md"},label:{default:""},showLabel:{type:Boolean,default:!0},description:{default:""},variant:{default:"linear"},indeterminate:{type:Boolean,default:!1}},setup(i){const t=i,d={default:{class:""},primary:{class:"[&>div]:bg-blue-500"},success:{class:"[&>div]:bg-green-500"},warning:{class:"[&>div]:bg-amber-500"},danger:{class:"[&>div]:bg-red-500"}},a={sm:{class:"h-2"},md:{class:"h-4"},lg:{class:"h-6"}},u={sm:{size:60},md:{size:80},lg:{size:100}},n=e.computed(()=>Math.round(t.value/t.max*100)),m=e.computed(()=>{const s=d[t.styletype],l=a[t.size],p=[s.class,l.class,t.class].filter(Boolean).join(" ");return{modelValue:t.value,max:t.max,class:p}}),o=e.computed(()=>{const s=u[t.size];let l="#000000";return t.styletype==="primary"?l="#3b82f6":t.styletype==="success"?l="#10b981":t.styletype==="warning"?l="#f59e0b":t.styletype==="danger"&&(l="#ef4444"),{size:s.size,color:l}}),r=e.computed(()=>t.indeterminate?"로딩 중...":`${n.value}%`),c=e.computed(()=>{let s="#000000";return t.styletype==="primary"?s="#3b82f6":t.styletype==="success"?s="#10b981":t.styletype==="warning"?s="#f59e0b":t.styletype==="danger"&&(s="#ef4444"),s});return(s,l)=>(e.openBlock(),e.createElementBlock("div",f,[t.variant==="linear"&&(t.label||t.showLabel||t.indeterminate)?(e.openBlock(),e.createElementBlock("div",k,[t.label?(e.openBlock(),e.createElementBlock("p",_,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),t.showLabel||t.indeterminate?(e.openBlock(),e.createElementBlock("p",v,e.toDisplayString(r.value),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.variant==="circular"&&t.label?(e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("p",g,e.toDisplayString(t.label),1)])):e.createCommentVNode("",!0),t.variant==="linear"?(e.openBlock(),e.createElementBlock("div",B,[t.indeterminate?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["relative overflow-hidden rounded-full bg-gray-200",a[t.size].class])},[e.createElementVNode("div",{class:"absolute h-full w-full animate-pulse",style:e.normalizeStyle({backgroundColor:c.value})},null,4),e.createElementVNode("div",{class:"absolute h-full w-1/3 animate-[indeterminate-linear_2s_infinite]",style:e.normalizeStyle({backgroundColor:c.value})},null,4)],2)):(e.openBlock(),e.createBlock(y.default,e.normalizeProps(e.mergeProps({key:1},m.value)),null,16))])):t.variant==="circular"?(e.openBlock(),e.createElementBlock("div",b,[e.createElementVNode("div",{class:"relative",style:e.normalizeStyle({width:o.value.size+"px",height:o.value.size+"px"})},[t.indeterminate?(e.openBlock(),e.createElementBlock("div",E,[(e.openBlock(),e.createElementBlock("svg",x,[l[0]||(l[0]=e.createElementVNode("circle",{cx:"50",cy:"50",r:"45",stroke:"#e5e7eb","stroke-width":"8",fill:"none"},null,-1)),e.createElementVNode("circle",{cx:"50",cy:"50",r:"45",stroke:o.value.color,"stroke-width":"8",fill:"none","stroke-linecap":"round","stroke-dasharray":"70 213","stroke-dashoffset":"0",class:"animate-[indeterminate-circular_2s_ease-in-out_infinite]"},null,8,S)]))])):(e.openBlock(),e.createElementBlock("div",w,[(e.openBlock(),e.createElementBlock("svg",V,[l[1]||(l[1]=e.createElementVNode("circle",{cx:"50",cy:"50",r:"45",stroke:"#e5e7eb","stroke-width":"8",fill:"none"},null,-1)),e.createElementVNode("circle",{cx:"50",cy:"50",r:"45",stroke:o.value.color,"stroke-width":"8",fill:"none","stroke-linecap":"round","stroke-dasharray":283,"stroke-dashoffset":283-283*n.value/100,class:"transition-all duration-300 ease-in-out"},null,8,z)]))])),t.showLabel||t.indeterminate?(e.openBlock(),e.createElementBlock("div",N,[e.createElementVNode("span",C,e.toDisplayString(r.value),1)])):e.createCommentVNode("",!0)],4)])):e.createCommentVNode("",!0),t.variant==="circular"&&t.description?(e.openBlock(),e.createElementBlock("div",P,[e.createElementVNode("p",D,e.toDisplayString(t.description),1)])):e.createCommentVNode("",!0),t.variant==="linear"&&t.description?(e.openBlock(),e.createElementBlock("p",L,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)]))}});exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("../shadcn/Progress.vue.cjs"),f={class:"space-y-2"},k={key:0,class:"flex justify-between items-center"},_={key:0,class:"text-sm font-medium text-gray-700"},v={key:1,class:"text-sm font-medium text-gray-600"},h={key:1,class:"text-center mb-2"},g={class:"text-sm font-medium text-gray-700"},B={key:2},x={key:3,class:"flex justify-center"},b={key:0},E={class:"w-full h-full animate-spin",viewBox:"0 0 100 100"},S=["stroke"],w={key:1},z={class:"w-full h-full transform -rotate-90",viewBox:"0 0 100 100"},V=["stroke","stroke-dashoffset"],N={key:2,class:"absolute inset-0 flex items-center justify-center"},C={class:"text-sm font-medium text-gray-700"},P={key:4,class:"text-center mt-2"},D={class:"text-xs text-gray-500"},L={key:5,class:"text-xs text-gray-500"},T=e.defineComponent({__name:"JProgress",props:{value:{default:0},max:{default:100},class:{},styletype:{default:"default"},size:{default:"sm"},label:{default:""},showLabel:{type:Boolean,default:!0},description:{default:""},variant:{default:"linear"},indeterminate:{type:Boolean,default:!1}},setup(i){const t=i,d={default:{class:""},primary:{class:"[&>div]:bg-blue-500"},success:{class:"[&>div]:bg-green-500"},warning:{class:"[&>div]:bg-amber-500"},danger:{class:"[&>div]:bg-red-500"}},a={xs:{class:"h-1"},sm:{class:"h-2"},md:{class:"h-3"},lg:{class:"h-4"}},u={xs:{size:48},sm:{size:60},md:{size:72},lg:{size:88}},n=e.computed(()=>Math.round(t.value/t.max*100)),m=e.computed(()=>{const s=d[t.styletype],l=a[t.size],p=[s.class,l.class,t.class].filter(Boolean).join(" ");return{modelValue:t.value,max:t.max,class:p}}),o=e.computed(()=>{const s=u[t.size];let l="#000000";return t.styletype==="primary"?l="#3b82f6":t.styletype==="success"?l="#10b981":t.styletype==="warning"?l="#f59e0b":t.styletype==="danger"&&(l="#ef4444"),{size:s.size,color:l}}),r=e.computed(()=>t.indeterminate?"로딩 중...":`${n.value}%`),c=e.computed(()=>{let s="#000000";return t.styletype==="primary"?s="#3b82f6":t.styletype==="success"?s="#10b981":t.styletype==="warning"?s="#f59e0b":t.styletype==="danger"&&(s="#ef4444"),s});return(s,l)=>(e.openBlock(),e.createElementBlock("div",f,[t.variant==="linear"&&(t.label||t.showLabel||t.indeterminate)?(e.openBlock(),e.createElementBlock("div",k,[t.label?(e.openBlock(),e.createElementBlock("p",_,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),t.showLabel||t.indeterminate?(e.openBlock(),e.createElementBlock("p",v,e.toDisplayString(r.value),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.variant==="circular"&&t.label?(e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("p",g,e.toDisplayString(t.label),1)])):e.createCommentVNode("",!0),t.variant==="linear"?(e.openBlock(),e.createElementBlock("div",B,[t.indeterminate?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["relative overflow-hidden rounded-full bg-gray-200",a[t.size].class])},[e.createElementVNode("div",{class:"absolute h-full w-full animate-pulse",style:e.normalizeStyle({backgroundColor:c.value})},null,4),e.createElementVNode("div",{class:"absolute h-full w-1/3 animate-[indeterminate-linear_2s_infinite]",style:e.normalizeStyle({backgroundColor:c.value})},null,4)],2)):(e.openBlock(),e.createBlock(y.default,e.normalizeProps(e.mergeProps({key:1},m.value)),null,16))])):t.variant==="circular"?(e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("div",{class:"relative",style:e.normalizeStyle({width:o.value.size+"px",height:o.value.size+"px"})},[t.indeterminate?(e.openBlock(),e.createElementBlock("div",b,[(e.openBlock(),e.createElementBlock("svg",E,[l[0]||(l[0]=e.createElementVNode("circle",{cx:"50",cy:"50",r:"45",stroke:"#e5e7eb","stroke-width":"8",fill:"none"},null,-1)),e.createElementVNode("circle",{cx:"50",cy:"50",r:"45",stroke:o.value.color,"stroke-width":"8",fill:"none","stroke-linecap":"round","stroke-dasharray":"70 213","stroke-dashoffset":"0",class:"animate-[indeterminate-circular_2s_ease-in-out_infinite]"},null,8,S)]))])):(e.openBlock(),e.createElementBlock("div",w,[(e.openBlock(),e.createElementBlock("svg",z,[l[1]||(l[1]=e.createElementVNode("circle",{cx:"50",cy:"50",r:"45",stroke:"#e5e7eb","stroke-width":"8",fill:"none"},null,-1)),e.createElementVNode("circle",{cx:"50",cy:"50",r:"45",stroke:o.value.color,"stroke-width":"8",fill:"none","stroke-linecap":"round","stroke-dasharray":283,"stroke-dashoffset":283-283*n.value/100,class:"transition-all duration-300 ease-in-out"},null,8,V)]))])),t.showLabel||t.indeterminate?(e.openBlock(),e.createElementBlock("div",N,[e.createElementVNode("span",C,e.toDisplayString(r.value),1)])):e.createCommentVNode("",!0)],4)])):e.createCommentVNode("",!0),t.variant==="circular"&&t.description?(e.openBlock(),e.createElementBlock("div",P,[e.createElementVNode("p",D,e.toDisplayString(t.description),1)])):e.createCommentVNode("",!0),t.variant==="linear"&&t.description?(e.openBlock(),e.createElementBlock("p",L,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)]))}});exports.default=T;
 //# sourceMappingURL=JProgress.vue.cjs.map