@j-solution/components 1.0.0

package/components/atoms/JTooltip.vue.js

@@ -0,0 +1,130 @@
+import { defineComponent as S, ref as k, computed as c, onMounted as w, onUnmounted as C, createBlock as P, openBlock as B, withCtx as s, createVNode as i, normalizeProps as u, guardReactiveProps as d, renderSlot as W, createTextVNode as $, toDisplayString as M } from "vue";
+import z from "../shadcn/Tooltip.vue.js";
+import D from "../shadcn/TooltipContent.vue.js";
+import L from "../shadcn/TooltipProvider.vue.js";
+import N from "../shadcn/TooltipTrigger.vue.js";
+const J = /* @__PURE__ */ S({
+  __name: "JTooltip",
+  props: {
+    content: {},
+    side: { default: "top" },
+    align: { default: "center" },
+    class: {},
+    styletype: { default: "default" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    delay: { default: 200 },
+    maxWidth: { default: "200px" },
+    trigger: { default: "hover" }
+  },
+  setup(g, { expose: f }) {
+    const e = g, p = {
+      default: { class: "" },
+      primary: {
+        class: "bg-blue-500 text-white border-blue-600"
+      },
+      success: {
+        class: "bg-green-500 text-white border-green-600"
+      },
+      warning: {
+        class: "bg-amber-500 text-white border-amber-600"
+      },
+      danger: {
+        class: "bg-red-500 text-white border-red-600"
+      }
+    }, m = {
+      sm: {
+        class: "text-xs px-2 py-1"
+      },
+      md: {
+        class: "text-sm px-3 py-1.5"
+      },
+      lg: {
+        class: "text-base px-4 py-2"
+      }
+    }, t = k(!1), h = (o) => {
+      console.log("Click handler called, trigger:", e.trigger), e.trigger === "click" ? (console.log("Toggling tooltip, current state:", t.value), t.value = !t.value, console.log("New state:", t.value)) : e.trigger === "focus" && (o.preventDefault(), o.stopPropagation());
+    };
+    let l = null;
+    const v = () => {
+      e.trigger === "hover" && (l && clearTimeout(l), l = setTimeout(() => {
+        t.value = !0;
+      }, e.delay));
+    }, x = () => {
+      e.trigger === "hover" && (l && (clearTimeout(l), l = null), t.value = !1);
+    }, y = () => {
+      e.trigger === "focus" && (t.value = !0);
+    }, _ = () => {
+      e.trigger === "focus" && (t.value = !1);
+    }, b = c(() => {
+      const o = {
+        disabled: e.disabled
+      };
+      return o.open = t.value, o;
+    }), n = (o) => {
+      if (e.trigger === "hover" && t.value) {
+        const a = o.target, r = document.querySelector("[data-tooltip-trigger]");
+        r && !r.contains(a) && (t.value = !1);
+      }
+    };
+    f({
+      showTooltip: () => {
+        e.trigger === "manual" && (t.value = !0);
+      },
+      hideTooltip: () => {
+        e.trigger === "manual" && (t.value = !1);
+      }
+    }), w(() => {
+      e.trigger === "hover" && document.addEventListener("click", n);
+    }), C(() => {
+      e.trigger === "hover" && document.removeEventListener("click", n), l && clearTimeout(l);
+    });
+    const T = c(() => {
+      const o = p[e.styletype], a = m[e.size], r = [o.class, a.class, e.class].filter(Boolean).join(" "), E = typeof e.maxWidth == "number" ? `${e.maxWidth}px` : e.maxWidth;
+      return {
+        side: e.side,
+        align: e.align,
+        class: r,
+        style: {
+          maxWidth: E
+        }
+      };
+    });
+    return (o, a) => (B(), P(L, {
+      delayDuration: e.delay
+    }, {
+      default: s(() => [
+        i(z, u(d(b.value)), {
+          default: s(() => [
+            i(N, {
+              "as-child": "",
+              "data-tooltip-trigger": !0,
+              onClick: h,
+              onMouseenter: v,
+              onMouseleave: x,
+              onFocus: y,
+              onBlur: _
+            }, {
+              default: s(() => [
+                W(o.$slots, "trigger")
+              ]),
+              _: 3
+            }),
+            i(D, u(d(T.value)), {
+              default: s(() => [
+                $(M(e.content), 1)
+              ]),
+              _: 1
+            }, 16)
+          ]),
+          _: 3
+        }, 16)
+      ]),
+      _: 3
+    }, 8, ["delayDuration"]));
+  }
+});
+export {
+  J as default
+};
+//# sourceMappingURL=JTooltip.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JTooltip.vue.js","sources":["../../../../src/components/atoms/JTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, ref, onMounted, onUnmounted } from 'vue'\r\nimport Tooltip from '@/components/shadcn/Tooltip.vue'\r\nimport TooltipContent from '@/components/shadcn/TooltipContent.vue'\r\nimport TooltipProvider from '@/components/shadcn/TooltipProvider.vue'\r\nimport TooltipTrigger from '@/components/shadcn/TooltipTrigger.vue'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'warning'   // 경고 스타일 (주황)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n\r\ntype Size = 'sm' | 'md' | 'lg'\r\n\r\ntype Trigger = 'hover' | 'focus' | 'click' | 'manual'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    content?: string\r\n    side?: 'top' | 'right' | 'bottom' | 'left'\r\n    align?: 'start' | 'center' | 'end'\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 툴팁 크기 */\r\n    size?: Size\r\n    /** 툴팁 비활성화 */\r\n    disabled?: boolean\r\n    /** 표시 지연 시간 (ms) */\r\n    delay?: number\r\n    /** 툴팁 최대 너비 */\r\n    maxWidth?: string | number\r\n    /** 툴팁 트리거 타입 */\r\n    trigger?: Trigger\r\n  }>(),\r\n  {\r\n    side: 'top',\r\n    align: 'center',\r\n    styletype: 'default',\r\n    size: 'md',\r\n    disabled: false,\r\n    delay: 200,\r\n    maxWidth: '200px',\r\n    trigger: 'hover',\r\n  },\r\n)\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  default: { class: '' },\r\n  primary: { \r\n    class: 'bg-blue-500 text-white border-blue-600',\r\n  },\r\n  success: { \r\n    class: 'bg-green-500 text-white border-green-600',\r\n  },\r\n  warning: { \r\n    class: 'bg-amber-500 text-white border-amber-600',\r\n  },\r\n  danger: { \r\n    class: 'bg-red-500 text-white border-red-600',\r\n  },\r\n}\r\n\r\n/**\r\n * size -> class 매핑\r\n */\r\nconst SIZE_PRESETS: Record<Size, { class: string }> = {\r\n  sm: { \r\n    class: 'text-xs px-2 py-1',\r\n  },\r\n  md: { \r\n    class: 'text-sm px-3 py-1.5',\r\n  },\r\n  lg: { \r\n    class: 'text-base px-4 py-2',\r\n  },\r\n}\r\n\r\n// click과 manual 트리거를 위한 상태 관리\r\nconst isOpen = ref(false)\r\n\r\n// 각 트리거 타입별 핸들러\r\nconst handleClick = (event: MouseEvent) => {\r\n  console.log('Click handler called, trigger:', props.trigger)\r\n  if (props.trigger === 'click') {\r\n    console.log('Toggling tooltip, current state:', isOpen.value)\r\n    isOpen.value = !isOpen.value\r\n    console.log('New state:', isOpen.value)\r\n  } else if (props.trigger === 'focus') {\r\n    // focus 트리거에서는 클릭 이벤트 무시\r\n    event.preventDefault()\r\n    event.stopPropagation()\r\n  }\r\n}\r\n\r\n// delay를 위한 타이머 관리\r\nlet hoverTimer: number | null = null\r\n\r\nconst handleMouseEnter = () => {\r\n  if (props.trigger === 'hover') {\r\n    // 기존 타이머가 있으면 취소\r\n    if (hoverTimer) {\r\n      clearTimeout(hoverTimer)\r\n    }\r\n    // delay 적용\r\n    hoverTimer = setTimeout(() => {\r\n      isOpen.value = true\r\n    }, props.delay)\r\n  }\r\n}\r\n\r\nconst handleMouseLeave = () => {\r\n  if (props.trigger === 'hover') {\r\n    // 타이머 취소\r\n    if (hoverTimer) {\r\n      clearTimeout(hoverTimer)\r\n      hoverTimer = null\r\n    }\r\n    isOpen.value = false\r\n  }\r\n}\r\n\r\nconst handleFocus = () => {\r\n  if (props.trigger === 'focus') {\r\n    isOpen.value = true\r\n  }\r\n}\r\n\r\nconst handleBlur = () => {\r\n  if (props.trigger === 'focus') {\r\n    isOpen.value = false\r\n  }\r\n}\r\n\r\n// 트리거 타입에 따른 Tooltip 설정 계산\r\nconst tooltipConfig = computed(() => {\r\n  const config: any = {\r\n    disabled: props.disabled,\r\n  }\r\n  \r\n  // 모든 트리거 타입에 대해 수동 제어\r\n  config.open = isOpen.value\r\n  \r\n  return config\r\n})\r\n\r\n// 외부 클릭 감지를 위한 핸들러\r\nconst handleOutsideClick = (event: Event) => {\r\n  if (props.trigger === 'hover' && isOpen.value) {\r\n    const target = event.target as HTMLElement\r\n    const tooltipElement = document.querySelector('[data-tooltip-trigger]')\r\n    if (tooltipElement && !tooltipElement.contains(target)) {\r\n      isOpen.value = false\r\n    }\r\n  }\r\n}\r\n\r\n// manual 트리거를 위한 메서드들\r\nconst showTooltip = () => {\r\n  if (props.trigger === 'manual') {\r\n    isOpen.value = true\r\n  }\r\n}\r\n\r\nconst hideTooltip = () => {\r\n  if (props.trigger === 'manual') {\r\n    isOpen.value = false\r\n  }\r\n}\r\n\r\n// 외부에서 사용할 수 있도록 expose\r\ndefineExpose({\r\n  showTooltip,\r\n  hideTooltip,\r\n})\r\n\r\n// 외부 클릭 감지를 위한 이벤트 리스너 등록/해제\r\nonMounted(() => {\r\n  if (props.trigger === 'hover') {\r\n    document.addEventListener('click', handleOutsideClick)\r\n  }\r\n})\r\n\r\nonUnmounted(() => {\r\n  if (props.trigger === 'hover') {\r\n    document.removeEventListener('click', handleOutsideClick)\r\n  }\r\n  \r\n  // 타이머 정리\r\n  if (hoverTimer) {\r\n    clearTimeout(hoverTimer)\r\n  }\r\n})\r\n\r\n/** 최종 바인딩: 직접 넘긴 class가 있으면 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  // maxWidth 스타일 처리\r\n  const maxWidthStyle = typeof props.maxWidth === 'number' \r\n    ? `${props.maxWidth}px` \r\n    : props.maxWidth\r\n  \r\n  return {\r\n    side: props.side,\r\n    align: props.align,\r\n    class: finalClass,\r\n    style: {\r\n      maxWidth: maxWidthStyle,\r\n    },\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <TooltipProvider :delayDuration=\"props.delay\">\r\n    <Tooltip v-bind=\"tooltipConfig\">\r\n      <TooltipTrigger \r\n        as-child\r\n        :data-tooltip-trigger=\"true\"\r\n        @click=\"handleClick\"\r\n        @mouseenter=\"handleMouseEnter\"\r\n        @mouseleave=\"handleMouseLeave\"\r\n        @focus=\"handleFocus\"\r\n        @blur=\"handleBlur\"\r\n      >\r\n        <slot name=\"trigger\" />\r\n      </TooltipTrigger>\r\n      <TooltipContent v-bind=\"mapped\">\r\n        {{ props.content }}\r\n      </TooltipContent>\r\n    </Tooltip>\r\n  </TooltipProvider>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","SIZE_PRESETS","isOpen","ref","handleClick","event","hoverTimer","handleMouseEnter","handleMouseLeave","handleFocus","handleBlur","tooltipConfig","computed","config","handleOutsideClick","target","tooltipElement","__expose","onMounted","onUnmounted","mapped","stylePreset","sizePreset","finalClass","maxWidthStyle","_createBlock","TooltipProvider","_createVNode","Tooltip","TooltipTrigger","_renderSlot","_ctx","TooltipContent","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBA,UAAMA,IAAQC,GAkCRC,IAAsD;AAAA,MAC1D,SAAS,EAAE,OAAO,GAAA;AAAA,MAClB,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,QAAQ;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT,GAMIC,IAAgD;AAAA,MACpD,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,IACT,GAIIC,IAASC,EAAI,EAAK,GAGlBC,IAAc,CAACC,MAAsB;AACzC,cAAQ,IAAI,kCAAkCP,EAAM,OAAO,GACvDA,EAAM,YAAY,WACpB,QAAQ,IAAI,oCAAoCI,EAAO,KAAK,GAC5DA,EAAO,QAAQ,CAACA,EAAO,OACvB,QAAQ,IAAI,cAAcA,EAAO,KAAK,KAC7BJ,EAAM,YAAY,YAE3BO,EAAM,eAAA,GACNA,EAAM,gBAAA;AAAA,IAEV;AAGA,QAAIC,IAA4B;AAEhC,UAAMC,IAAmB,MAAM;AAC7B,MAAIT,EAAM,YAAY,YAEhBQ,KACF,aAAaA,CAAU,GAGzBA,IAAa,WAAW,MAAM;AAC5B,QAAAJ,EAAO,QAAQ;AAAA,MACjB,GAAGJ,EAAM,KAAK;AAAA,IAElB,GAEMU,IAAmB,MAAM;AAC7B,MAAIV,EAAM,YAAY,YAEhBQ,MACF,aAAaA,CAAU,GACvBA,IAAa,OAEfJ,EAAO,QAAQ;AAAA,IAEnB,GAEMO,IAAc,MAAM;AACxB,MAAIX,EAAM,YAAY,YACpBI,EAAO,QAAQ;AAAA,IAEnB,GAEMQ,IAAa,MAAM;AACvB,MAAIZ,EAAM,YAAY,YACpBI,EAAO,QAAQ;AAAA,IAEnB,GAGMS,IAAgBC,EAAS,MAAM;AACnC,YAAMC,IAAc;AAAA,QAClB,UAAUf,EAAM;AAAA,MAAA;AAIlB,aAAAe,EAAO,OAAOX,EAAO,OAEdW;AAAA,IACT,CAAC,GAGKC,IAAqB,CAACT,MAAiB;AAC3C,UAAIP,EAAM,YAAY,WAAWI,EAAO,OAAO;AAC7C,cAAMa,IAASV,EAAM,QACfW,IAAiB,SAAS,cAAc,wBAAwB;AACtE,QAAIA,KAAkB,CAACA,EAAe,SAASD,CAAM,MACnDb,EAAO,QAAQ;AAAA,MAEnB;AAAA,IACF;AAgBA,IAAAe,EAAa;AAAA,MACX,aAdkB,MAAM;AACxB,QAAInB,EAAM,YAAY,aACpBI,EAAO,QAAQ;AAAA,MAEnB;AAAA,MAWE,aATkB,MAAM;AACxB,QAAIJ,EAAM,YAAY,aACpBI,EAAO,QAAQ;AAAA,MAEnB;AAAA,IAKE,CACD,GAGDgB,EAAU,MAAM;AACd,MAAIpB,EAAM,YAAY,WACpB,SAAS,iBAAiB,SAASgB,CAAkB;AAAA,IAEzD,CAAC,GAEDK,EAAY,MAAM;AAChB,MAAIrB,EAAM,YAAY,WACpB,SAAS,oBAAoB,SAASgB,CAAkB,GAItDR,KACF,aAAaA,CAAU;AAAA,IAE3B,CAAC;AAGD,UAAMc,IAASR,EAAS,MAAM;AAC5B,YAAMS,IAAcrB,EAAcF,EAAM,SAAU,GAC5CwB,IAAarB,EAAaH,EAAM,IAAK,GACrCyB,IAAa,CAACF,EAAY,OAAOC,EAAW,OAAOxB,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAGxF0B,IAAgB,OAAO1B,EAAM,YAAa,WAC5C,GAAGA,EAAM,QAAQ,OACjBA,EAAM;AAEV,aAAO;AAAA,QACL,MAAMA,EAAM;AAAA,QACZ,OAAOA,EAAM;AAAA,QACb,OAAOyB;AAAA,QACP,OAAO;AAAA,UACL,UAAUC;AAAA,QAAA;AAAA,MACZ;AAAA,IAEJ,CAAC;2BAICC,EAiBkBC,GAAA;AAAA,MAjBA,eAAe5B,EAAM;AAAA,IAAA;iBACrC,MAeU;AAAA,QAfV6B,EAeUC,OAfOjB,EAAA,KAAa,CAAA,GAAA;AAAA,qBAC5B,MAUiB;AAAA,YAVjBgB,EAUiBE,GAAA;AAAA,cATf,YAAA;AAAA,cACC,wBAAsB;AAAA,cACtB,SAAOzB;AAAA,cACP,cAAYG;AAAA,cACZ,cAAYC;AAAA,cACZ,SAAOC;AAAA,cACP,QAAMC;AAAA,YAAA;yBAEP,MAAuB;AAAA,gBAAvBoB,EAAuBC,EAAA,QAAA,SAAA;AAAA,cAAA;;;YAEzBJ,EAEiBK,OAFOZ,EAAA,KAAM,CAAA,GAAA;AAAA,yBAC5B,MAAmB;AAAA,gBAAhBa,EAAAC,EAAApC,EAAM,OAAO,GAAA,CAAA;AAAA,cAAA;;;;;;;;;;;"}

package/components/atoms/JTooltip.vue2.cjs

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

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

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

package/components/atoms/JTooltip.vue2.js

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

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

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

package/components/molecules/JAccordion.vue.cjs

@@ -0,0 +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"),c=require("../shadcn/Accordion.vue.cjs"),i=require("../shadcn/AccordionItem.vue.cjs"),d=require("../shadcn/AccordionTrigger.vue.cjs"),p=require("../shadcn/AccordionContent.vue.cjs"),_=e.defineComponent({__name:"JAccordion",props:{class:{},items:{default:()=>[]},type:{default:"single"},collapsible:{type:Boolean,default:!0},defaultValue:{}},emits:["valueChange"],setup(a,{emit:o}){const l=a,n=o;return(u,r)=>(e.openBlock(),e.createBlock(e.unref(c.default),{type:l.type,collapsible:l.type==="multiple"?void 0:l.collapsible,defaultValue:l.defaultValue,class:e.normalizeClass(e.unref(s.cn)("w-full",l.class)),"onUpdate:modelValue":r[0]||(r[0]=t=>n("valueChange",t))},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,t=>(e.openBlock(),e.createBlock(e.unref(i.default),{key:t.value,value:t.value,disabled:t.disabled},{default:e.withCtx(()=>[e.createVNode(e.unref(d.default),null,{default:e.withCtx(()=>[e.renderSlot(u.$slots,"trigger",{item:t},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])]),_:2},1024),e.createVNode(e.unref(p.default),null,{default:e.withCtx(()=>[e.renderSlot(u.$slots,"content",{item:t},()=>[e.createTextVNode(e.toDisplayString(t.content),1)])]),_:2},1024)]),_:2},1032,["value","disabled"]))),128))]),_:3},8,["type","collapsible","defaultValue","class"]))}});exports.default=_;
+//# sourceMappingURL=JAccordion.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JAccordion.vue.cjs","sources":["../../../../src/components/molecules/JAccordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/shadcn'\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nexport interface AccordionItem {\r\n  /** 아이템 고유값 */\r\n  value: string\r\n  /** 트리거(제목) 텍스트 */\r\n  title?: string\r\n  /** 내용 텍스트 */\r\n  content?: string\r\n  /** 비활성화 여부 */\r\n  disabled?: boolean\r\n}\r\n\r\n// 타입 안정성을 위한 Conditional Props 정의\r\ntype SingleAccordionProps = {\r\n  /** Accordion 자체의 클래스 */\r\n  class?: HTMLAttributes[\"class\"]\r\n  /** Accordion 아이템 배열 */\r\n  items: AccordionItem[]\r\n  /** Accordion 타입 - single: 하나씩만 열림 */\r\n  type?: \"single\"\r\n  /** collapsible 여부 (type이 single일 때만 적용) */\r\n  collapsible?: boolean\r\n  /** 기본 선택된 값 (single 모드) */\r\n  defaultValue?: string\r\n}\r\n\r\ntype MultipleAccordionProps = {\r\n  /** Accordion 자체의 클래스 */\r\n  class?: HTMLAttributes[\"class\"]\r\n  /** Accordion 아이템 배열 */\r\n  items: AccordionItem[]\r\n  /** Accordion 타입 - multiple: 여러 개 열림 */\r\n  type: \"multiple\"\r\n  /** 기본 선택된 값들 (multiple 모드) */\r\n  defaultValue?: string[]\r\n  /** collapsible 여부 (type이 multiple일 때는 무시됨) */\r\n  collapsible?: never\r\n}\r\n\r\ntype AccordionProps = SingleAccordionProps | MultipleAccordionProps\r\n\r\nconst props = withDefaults(defineProps<AccordionProps>(), {\r\n  type: \"single\",\r\n  collapsible: true,\r\n  items: () => []\r\n})\r\n\r\nconst emit = defineEmits<{\r\n  valueChange: [value: string | string[] | undefined]\r\n}>()\r\n</script>\r\n\r\n<template>\r\n  <Accordion \r\n    :type=\"props.type\" \r\n    :collapsible=\"props.type === 'multiple' ? undefined : props.collapsible\"\r\n    :defaultValue=\"props.defaultValue\"\r\n    :class=\"cn('w-full', props.class)\"\r\n    @update:model-value=\"(value: string | string[] | undefined) => emit('valueChange', value)\"\r\n  >\r\n    <AccordionItem \r\n      v-for=\"item in props.items\" \r\n      :key=\"item.value\"\r\n      :value=\"item.value\"\r\n      :disabled=\"item.disabled\"\r\n    >\r\n      <AccordionTrigger>\r\n        <slot name=\"trigger\" :item=\"item\">\r\n          {{ item.title }}\r\n        </slot>\r\n      </AccordionTrigger>\r\n      <AccordionContent>\r\n        <slot name=\"content\" :item=\"item\">\r\n          {{ item.content }}\r\n        </slot>\r\n      </AccordionContent>\r\n    </AccordionItem>\r\n  </Accordion>\r\n</template>\r\n\r\n"],"names":["props","__props","emit","__emit","_createBlock","_unref","Accordion","_normalizeClass","cn","_cache","value","_openBlock","_createElementBlock","_Fragment","_renderList","item","AccordionItem","_createVNode","AccordionTrigger","_renderSlot","_ctx","_createTextVNode","_toDisplayString","AccordionContent"],"mappings":"skBA6CA,MAAMA,EAAQC,EAMRC,EAAOC,8BAMXC,EAAAA,YAwBYC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CAvBT,KAAMN,EAAM,KACZ,YAAaA,EAAM,kBAAsB,OAAYA,EAAM,YAC3D,aAAcA,EAAM,aACpB,MAAKO,EAAAA,eAAEF,QAAAG,EAAAA,EAAA,EAAE,SAAWR,EAAM,KAAK,CAAA,EAC/B,sBAAkBS,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAGC,GAAyCR,gBAAoBQ,CAAK,EAAA,qBAGtF,IAA2B,EAD7BC,YAAA,EAAA,EAAAC,EAAAA,mBAgBgBC,EAAAA,SAAA,KAAAC,EAAAA,WAfCd,EAAM,MAAde,kBADTX,EAAAA,YAgBgBC,EAAAA,MAAAW,EAAAA,OAAA,EAAA,CAdb,IAAKD,EAAK,MACV,MAAOA,EAAK,MACZ,SAAUA,EAAK,QAAA,qBAEhB,IAImB,CAJnBE,EAAAA,YAImBZ,EAAAA,MAAAa,SAAA,EAAA,KAAA,mBAHjB,IAEO,CAFPC,EAAAA,WAEOC,EAAA,OAAA,UAAA,CAFe,KAAAL,CAAA,EAAtB,IAEO,CADFM,EAAAA,gBAAAC,EAAAA,gBAAAP,EAAK,KAAK,EAAA,CAAA,CAAA,gBAGjBE,EAAAA,YAImBZ,EAAAA,MAAAkB,SAAA,EAAA,KAAA,mBAHjB,IAEO,CAFPJ,EAAAA,WAEOC,EAAA,OAAA,UAAA,CAFe,KAAAL,CAAA,EAAtB,IAEO,CADFM,EAAAA,gBAAAC,EAAAA,gBAAAP,EAAK,OAAO,EAAA,CAAA,CAAA"}

package/components/molecules/JAccordion.vue.js

@@ -0,0 +1,61 @@
+import { defineComponent as _, createBlock as n, openBlock as o, unref as t, normalizeClass as y, withCtx as a, createElementBlock as b, Fragment as g, renderList as v, createVNode as u, renderSlot as i, createTextVNode as p, toDisplayString as d } from "vue";
+import "../shadcn/index.js";
+import { cn as V } from "../../lib/utils.js";
+import $ from "../shadcn/Accordion.vue.js";
+import C from "../shadcn/AccordionItem.vue.js";
+import k from "../shadcn/AccordionTrigger.vue.js";
+import B from "../shadcn/AccordionContent.vue.js";
+const D = /* @__PURE__ */ _({
+  __name: "JAccordion",
+  props: {
+    class: {},
+    items: { default: () => [] },
+    type: { default: "single" },
+    collapsible: { type: Boolean, default: !0 },
+    defaultValue: {}
+  },
+  emits: ["valueChange"],
+  setup(f, { emit: c }) {
+    const l = f, m = c;
+    return (r, s) => (o(), n(t($), {
+      type: l.type,
+      collapsible: l.type === "multiple" ? void 0 : l.collapsible,
+      defaultValue: l.defaultValue,
+      class: y(t(V)("w-full", l.class)),
+      "onUpdate:modelValue": s[0] || (s[0] = (e) => m("valueChange", e))
+    }, {
+      default: a(() => [
+        (o(!0), b(g, null, v(l.items, (e) => (o(), n(t(C), {
+          key: e.value,
+          value: e.value,
+          disabled: e.disabled
+        }, {
+          default: a(() => [
+            u(t(k), null, {
+              default: a(() => [
+                i(r.$slots, "trigger", { item: e }, () => [
+                  p(d(e.title), 1)
+                ])
+              ]),
+              _: 2
+            }, 1024),
+            u(t(B), null, {
+              default: a(() => [
+                i(r.$slots, "content", { item: e }, () => [
+                  p(d(e.content), 1)
+                ])
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          _: 2
+        }, 1032, ["value", "disabled"]))), 128))
+      ]),
+      _: 3
+    }, 8, ["type", "collapsible", "defaultValue", "class"]));
+  }
+});
+export {
+  D as default
+};
+//# sourceMappingURL=JAccordion.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JAccordion.vue.js","sources":["../../../../src/components/molecules/JAccordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/shadcn'\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nexport interface AccordionItem {\r\n  /** 아이템 고유값 */\r\n  value: string\r\n  /** 트리거(제목) 텍스트 */\r\n  title?: string\r\n  /** 내용 텍스트 */\r\n  content?: string\r\n  /** 비활성화 여부 */\r\n  disabled?: boolean\r\n}\r\n\r\n// 타입 안정성을 위한 Conditional Props 정의\r\ntype SingleAccordionProps = {\r\n  /** Accordion 자체의 클래스 */\r\n  class?: HTMLAttributes[\"class\"]\r\n  /** Accordion 아이템 배열 */\r\n  items: AccordionItem[]\r\n  /** Accordion 타입 - single: 하나씩만 열림 */\r\n  type?: \"single\"\r\n  /** collapsible 여부 (type이 single일 때만 적용) */\r\n  collapsible?: boolean\r\n  /** 기본 선택된 값 (single 모드) */\r\n  defaultValue?: string\r\n}\r\n\r\ntype MultipleAccordionProps = {\r\n  /** Accordion 자체의 클래스 */\r\n  class?: HTMLAttributes[\"class\"]\r\n  /** Accordion 아이템 배열 */\r\n  items: AccordionItem[]\r\n  /** Accordion 타입 - multiple: 여러 개 열림 */\r\n  type: \"multiple\"\r\n  /** 기본 선택된 값들 (multiple 모드) */\r\n  defaultValue?: string[]\r\n  /** collapsible 여부 (type이 multiple일 때는 무시됨) */\r\n  collapsible?: never\r\n}\r\n\r\ntype AccordionProps = SingleAccordionProps | MultipleAccordionProps\r\n\r\nconst props = withDefaults(defineProps<AccordionProps>(), {\r\n  type: \"single\",\r\n  collapsible: true,\r\n  items: () => []\r\n})\r\n\r\nconst emit = defineEmits<{\r\n  valueChange: [value: string | string[] | undefined]\r\n}>()\r\n</script>\r\n\r\n<template>\r\n  <Accordion \r\n    :type=\"props.type\" \r\n    :collapsible=\"props.type === 'multiple' ? undefined : props.collapsible\"\r\n    :defaultValue=\"props.defaultValue\"\r\n    :class=\"cn('w-full', props.class)\"\r\n    @update:model-value=\"(value: string | string[] | undefined) => emit('valueChange', value)\"\r\n  >\r\n    <AccordionItem \r\n      v-for=\"item in props.items\" \r\n      :key=\"item.value\"\r\n      :value=\"item.value\"\r\n      :disabled=\"item.disabled\"\r\n    >\r\n      <AccordionTrigger>\r\n        <slot name=\"trigger\" :item=\"item\">\r\n          {{ item.title }}\r\n        </slot>\r\n      </AccordionTrigger>\r\n      <AccordionContent>\r\n        <slot name=\"content\" :item=\"item\">\r\n          {{ item.content }}\r\n        </slot>\r\n      </AccordionContent>\r\n    </AccordionItem>\r\n  </Accordion>\r\n</template>\r\n\r\n"],"names":["props","__props","emit","__emit","_createBlock","_unref","Accordion","_normalizeClass","cn","_cache","value","_openBlock","_createElementBlock","_Fragment","_renderList","item","AccordionItem","_createVNode","AccordionTrigger","_renderSlot","_ctx","_createTextVNode","_toDisplayString","AccordionContent"],"mappings":";;;;;;;;;;;;;;;;;;AA6CA,UAAMA,IAAQC,GAMRC,IAAOC;2BAMXC,EAwBYC,EAAAC,CAAA,GAAA;AAAA,MAvBT,MAAMN,EAAM;AAAA,MACZ,aAAaA,EAAM,sBAAsB,SAAYA,EAAM;AAAA,MAC3D,cAAcA,EAAM;AAAA,MACpB,OAAKO,EAAEF,EAAAG,CAAA,EAAE,UAAWR,EAAM,KAAK,CAAA;AAAA,MAC/B,uBAAkBS,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAyCR,iBAAoBQ,CAAK;AAAA,IAAA;iBAGtF,MAA2B;AAAA,SAD7BC,EAAA,EAAA,GAAAC,EAgBgBC,GAAA,MAAAC,EAfCd,EAAM,QAAde,YADTX,EAgBgBC,EAAAW,CAAA,GAAA;AAAA,UAdb,KAAKD,EAAK;AAAA,UACV,OAAOA,EAAK;AAAA,UACZ,UAAUA,EAAK;AAAA,QAAA;qBAEhB,MAImB;AAAA,YAJnBE,EAImBZ,EAAAa,CAAA,GAAA,MAAA;AAAA,yBAHjB,MAEO;AAAA,gBAFPC,EAEOC,EAAA,QAAA,WAAA,EAFe,MAAAL,EAAA,GAAtB,MAEO;AAAA,kBADFM,EAAAC,EAAAP,EAAK,KAAK,GAAA,CAAA;AAAA,gBAAA;;;;YAGjBE,EAImBZ,EAAAkB,CAAA,GAAA,MAAA;AAAA,yBAHjB,MAEO;AAAA,gBAFPJ,EAEOC,EAAA,QAAA,WAAA,EAFe,MAAAL,EAAA,GAAtB,MAEO;AAAA,kBADFM,EAAAC,EAAAP,EAAK,OAAO,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;;;"}

package/components/molecules/JAccordion.vue2.cjs

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

package/components/molecules/JAccordion.vue2.cjs.map

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

package/components/molecules/JAccordion.vue2.js

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

package/components/molecules/JAccordion.vue2.js.map

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

package/components/molecules/JAlert.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../shadcn/index.cjs");const a=require("../atoms/JButton.vue.cjs");require("lucide-vue-next");const l=require("../../lib/utils.cjs");require("@internationalized/date");require("../shadcn/badge-variants.cjs");require("@vueuse/core");require("reka-ui");;/* empty css                        */require("../shadcn/avatar-variants.cjs");require("ag-grid-vue3");require("ag-grid-community");require("ag-grid-enterprise");;/* empty css                                                                                                            */;/* empty css                                                                                                            */;/* empty css                                                                                                            */;/* empty css                    */const s=require("../shadcn/Alert.vue.cjs"),c=require("../shadcn/AlertTitle.vue.cjs"),d=require("../shadcn/AlertDescription.vue.cjs"),f={key:1,class:"mt-4 flex justify-end gap-2"},_=e.defineComponent({__name:"JAlert",props:{class:{},variant:{default:"default"},title:{},description:{},buttonText:{default:"확인"},onConfirm:{},showFooter:{type:Boolean,default:!0}},emits:["confirm"],setup(t,{emit:i}){const r=t,n=i,o=()=>{r.onConfirm?.(),n("confirm")};return(u,q)=>(e.openBlock(),e.createBlock(e.unref(s.default),{variant:r.variant,class:e.normalizeClass(e.unref(l.cn)(r.class))},{default:e.withCtx(()=>[t.title?(e.openBlock(),e.createBlock(e.unref(c.default),{key:0},{default:e.withCtx(()=>[e.renderSlot(u.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])]),_:3})):e.createCommentVNode("",!0),e.createVNode(e.unref(d.default),null,{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])]),_:3}),t.showFooter?(e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(u.$slots,"footer",{},()=>[e.createVNode(e.unref(a.default),{variant:t.variant==="destructive"?"secondary":"default",size:"sm",onClick:o},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.buttonText),1)]),_:1},8,["variant"])])])):e.createCommentVNode("",!0)]),_:3},8,["variant","class"]))}});exports.default=_;
+//# sourceMappingURL=JAlert.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JAlert.vue.cjs","sources":["../../../../src/components/molecules/JAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport { Alert, AlertTitle, AlertDescription } from '@/components/shadcn'\r\nimport { JButton } from '@/components/atoms'\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Alert 자체의 클래스 */\r\n    class?: HTMLAttributes[\"class\"]\r\n    /** Alert variant 스타일 */\r\n    variant?: \"default\" | \"destructive\"\r\n    /** Alert 제목 (Header) */\r\n    title?: string\r\n    /** Alert 설명/내용 (Body) */\r\n    description?: string\r\n    /** Footer에 표시할 버튼 텍스트 */\r\n    buttonText?: string\r\n    /** Footer 버튼 클릭 핸들러 */\r\n    onConfirm?: () => void\r\n    /** Footer 표시 여부 */\r\n    showFooter?: boolean\r\n  }>(),\r\n  {\r\n    variant: \"default\",\r\n    showFooter: true,\r\n    buttonText: \"확인\"\r\n  }\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  confirm: []\r\n}>()\r\n\r\nconst handleConfirm = () => {\r\n  props.onConfirm?.()\r\n  emit('confirm')\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Alert :variant=\"props.variant\" :class=\"cn(props.class)\">\r\n    <!-- Header -->\r\n    <AlertTitle v-if=\"title\">\r\n      <slot name=\"header\">{{ title }}</slot>\r\n    </AlertTitle>\r\n    \r\n    <!-- Body -->\r\n    <AlertDescription>\r\n      <slot>{{ description }}</slot>\r\n    </AlertDescription>\r\n    \r\n    <!-- Footer -->\r\n    <div v-if=\"showFooter\" class=\"mt-4 flex justify-end gap-2\">\r\n      <slot name=\"footer\">\r\n        <JButton \r\n          :variant=\"variant === 'destructive' ? 'secondary' : 'default'\"\r\n          size=\"sm\"\r\n          @click=\"handleConfirm\"\r\n        >\r\n          {{ buttonText }}\r\n        </JButton>\r\n      </slot>\r\n    </div>\r\n  </Alert>\r\n</template>\r\n"],"names":["props","__props","emit","__emit","handleConfirm","_createBlock","_unref","Alert","_normalizeClass","cn","AlertTitle","_renderSlot","_ctx","_createVNode","AlertDescription","_openBlock","_createElementBlock","_hoisted_1","JButton"],"mappings":"00CAMA,MAAMA,EAAQC,EAwBRC,EAAOC,EAIPC,EAAgB,IAAM,CAC1BJ,EAAM,YAAA,EACNE,EAAK,SAAS,CAChB,8BAIEG,EAAAA,YAuBQC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CAvBA,QAASP,EAAM,QAAU,MAAKQ,EAAAA,eAAEF,EAAAA,MAAAG,EAAAA,EAAA,EAAGT,EAAM,KAAK,CAAA,CAAA,qBAEpD,IAEa,CAFKC,EAAA,qBAAlBI,EAAAA,YAEaC,QAAAI,EAAAA,OAAA,EAAA,CAAA,IAAA,GAAA,mBADX,IAAsC,CAAtCC,EAAAA,WAAsCC,qBAAtC,IAAsC,qCAAfX,EAAA,KAAK,EAAA,CAAA,CAAA,wCAI9BY,EAAAA,YAEmBP,EAAAA,MAAAQ,SAAA,EAAA,KAAA,mBADjB,IAA8B,CAA9BH,EAAAA,WAA8BC,sBAA9B,IAA8B,qCAArBX,EAAA,WAAW,EAAA,CAAA,CAAA,WAIXA,EAAA,YAAXc,EAAAA,UAAA,EAAAC,EAAAA,mBAUM,MAVNC,EAUM,CATJN,EAAAA,WAQOC,qBARP,IAQO,CAPLC,cAMUP,EAAAA,MAAAY,EAAAA,OAAA,EAAA,CALP,QAASjB,EAAA,UAAO,cAAA,YAAA,UACjB,KAAK,KACJ,QAAOG,CAAA,qBAER,IAAgB,qCAAbH,EAAA,UAAU,EAAA,CAAA,CAAA"}

package/components/molecules/JAlert.vue.js

@@ -0,0 +1,84 @@
+import { defineComponent as v, createBlock as l, openBlock as a, unref as e, normalizeClass as C, withCtx as o, createCommentVNode as f, createVNode as c, createElementBlock as h, renderSlot as m, createTextVNode as n, toDisplayString as s } from "vue";
+import "../shadcn/index.js";
+import $ from "../atoms/JButton.vue.js";
+import "lucide-vue-next";
+import { cn as k } from "../../lib/utils.js";
+import "@internationalized/date";
+import "../shadcn/badge-variants.js";
+import "@vueuse/core";
+import "reka-ui";
+/* empty css                      */
+import "../shadcn/avatar-variants.js";
+import "ag-grid-vue3";
+import "ag-grid-community";
+import "ag-grid-enterprise";
+/* empty css                                                                                                          */
+/* empty css                                                                                                          */
+/* empty css                                                                                                          */
+/* empty css                  */
+import y from "../shadcn/Alert.vue.js";
+import _ from "../shadcn/AlertTitle.vue.js";
+import x from "../shadcn/AlertDescription.vue.js";
+const B = {
+  key: 1,
+  class: "mt-4 flex justify-end gap-2"
+}, P = /* @__PURE__ */ v({
+  __name: "JAlert",
+  props: {
+    class: {},
+    variant: { default: "default" },
+    title: {},
+    description: {},
+    buttonText: { default: "확인" },
+    onConfirm: {},
+    showFooter: { type: Boolean, default: !0 }
+  },
+  emits: ["confirm"],
+  setup(t, { emit: d }) {
+    const r = t, u = d, p = () => {
+      r.onConfirm?.(), u("confirm");
+    };
+    return (i, w) => (a(), l(e(y), {
+      variant: r.variant,
+      class: C(e(k)(r.class))
+    }, {
+      default: o(() => [
+        t.title ? (a(), l(e(_), { key: 0 }, {
+          default: o(() => [
+            m(i.$slots, "header", {}, () => [
+              n(s(t.title), 1)
+            ])
+          ]),
+          _: 3
+        })) : f("", !0),
+        c(e(x), null, {
+          default: o(() => [
+            m(i.$slots, "default", {}, () => [
+              n(s(t.description), 1)
+            ])
+          ]),
+          _: 3
+        }),
+        t.showFooter ? (a(), h("div", B, [
+          m(i.$slots, "footer", {}, () => [
+            c(e($), {
+              variant: t.variant === "destructive" ? "secondary" : "default",
+              size: "sm",
+              onClick: p
+            }, {
+              default: o(() => [
+                n(s(t.buttonText), 1)
+              ]),
+              _: 1
+            }, 8, ["variant"])
+          ])
+        ])) : f("", !0)
+      ]),
+      _: 3
+    }, 8, ["variant", "class"]));
+  }
+});
+export {
+  P as default
+};
+//# sourceMappingURL=JAlert.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JAlert.vue.js","sources":["../../../../src/components/molecules/JAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport { Alert, AlertTitle, AlertDescription } from '@/components/shadcn'\r\nimport { JButton } from '@/components/atoms'\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Alert 자체의 클래스 */\r\n    class?: HTMLAttributes[\"class\"]\r\n    /** Alert variant 스타일 */\r\n    variant?: \"default\" | \"destructive\"\r\n    /** Alert 제목 (Header) */\r\n    title?: string\r\n    /** Alert 설명/내용 (Body) */\r\n    description?: string\r\n    /** Footer에 표시할 버튼 텍스트 */\r\n    buttonText?: string\r\n    /** Footer 버튼 클릭 핸들러 */\r\n    onConfirm?: () => void\r\n    /** Footer 표시 여부 */\r\n    showFooter?: boolean\r\n  }>(),\r\n  {\r\n    variant: \"default\",\r\n    showFooter: true,\r\n    buttonText: \"확인\"\r\n  }\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  confirm: []\r\n}>()\r\n\r\nconst handleConfirm = () => {\r\n  props.onConfirm?.()\r\n  emit('confirm')\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Alert :variant=\"props.variant\" :class=\"cn(props.class)\">\r\n    <!-- Header -->\r\n    <AlertTitle v-if=\"title\">\r\n      <slot name=\"header\">{{ title }}</slot>\r\n    </AlertTitle>\r\n    \r\n    <!-- Body -->\r\n    <AlertDescription>\r\n      <slot>{{ description }}</slot>\r\n    </AlertDescription>\r\n    \r\n    <!-- Footer -->\r\n    <div v-if=\"showFooter\" class=\"mt-4 flex justify-end gap-2\">\r\n      <slot name=\"footer\">\r\n        <JButton \r\n          :variant=\"variant === 'destructive' ? 'secondary' : 'default'\"\r\n          size=\"sm\"\r\n          @click=\"handleConfirm\"\r\n        >\r\n          {{ buttonText }}\r\n        </JButton>\r\n      </slot>\r\n    </div>\r\n  </Alert>\r\n</template>\r\n"],"names":["props","__props","emit","__emit","handleConfirm","_createBlock","_unref","Alert","_normalizeClass","cn","AlertTitle","_renderSlot","_ctx","_createVNode","AlertDescription","_openBlock","_createElementBlock","_hoisted_1","JButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAwBRC,IAAOC,GAIPC,IAAgB,MAAM;AAC1B,MAAAJ,EAAM,YAAA,GACNE,EAAK,SAAS;AAAA,IAChB;2BAIEG,EAuBQC,EAAAC,CAAA,GAAA;AAAA,MAvBA,SAASP,EAAM;AAAA,MAAU,OAAKQ,EAAEF,EAAAG,CAAA,EAAGT,EAAM,KAAK,CAAA;AAAA,IAAA;iBAEpD,MAEa;AAAA,QAFKC,EAAA,cAAlBI,EAEaC,EAAAI,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,qBADX,MAAsC;AAAA,YAAtCC,EAAsCC,wBAAtC,MAAsC;AAAA,kBAAfX,EAAA,KAAK,GAAA,CAAA;AAAA,YAAA;;;;QAI9BY,EAEmBP,EAAAQ,CAAA,GAAA,MAAA;AAAA,qBADjB,MAA8B;AAAA,YAA9BH,EAA8BC,yBAA9B,MAA8B;AAAA,kBAArBX,EAAA,WAAW,GAAA,CAAA;AAAA,YAAA;;;;QAIXA,EAAA,cAAXc,EAAA,GAAAC,EAUM,OAVNC,GAUM;AAAA,UATJN,EAQOC,wBARP,MAQO;AAAA,YAPLC,EAMUP,EAAAY,CAAA,GAAA;AAAA,cALP,SAASjB,EAAA,YAAO,gBAAA,cAAA;AAAA,cACjB,MAAK;AAAA,cACJ,SAAOG;AAAA,YAAA;yBAER,MAAgB;AAAA,oBAAbH,EAAA,UAAU,GAAA,CAAA;AAAA,cAAA;;;;;;;;;;"}

package/components/molecules/JAlert.vue2.cjs

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

package/components/molecules/JAlert.vue2.cjs.map

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

package/components/molecules/JAlert.vue2.js

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

package/components/molecules/JAlert.vue2.js.map

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

package/components/molecules/JBreadcrumb.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../atoms/JIcon.vue.cjs"),k=require("../atoms/JLink.vue.cjs"),u=require("../../lib/utils.cjs"),C={class:"flex items-center gap-2 list-none p-0 m-0"},g={key:1},_=e.defineComponent({__name:"JBreadcrumb",props:{items:{},separator:{default:"/"},styletype:{default:"default"},class:{}},emits:["itemClick"],setup(o,{emit:p}){const r=o,d=p,i={default:{containerClass:"flex items-center gap-2 px-4 py-2",itemClass:"text-sm text-muted-foreground hover:text-foreground transition-colors",separatorClass:"text-muted-foreground/50 text-sm",lastItemClass:"text-foreground font-medium"},minimal:{containerClass:"flex items-center gap-1.5 px-2 py-1",itemClass:"text-xs text-muted-foreground hover:text-foreground transition-colors",separatorClass:"text-muted-foreground/40 text-xs",lastItemClass:"text-foreground font-medium"}},s=e.computed(()=>i[r.styletype]??i.default),f=(l,m)=>{l.onClick?.(),d("itemClick",l,m)},n=l=>l===r.items.length-1;return(l,m)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(e.unref(u.cn)(s.value.containerClass,r.class)),"aria-label":"브레드크럼 네비게이션"},[e.createElementVNode("ol",C,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,(t,a)=>(e.openBlock(),e.createElementBlock("li",{key:a,class:"flex items-center gap-2"},[n(a)||!t.href&&!t.onClick?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(u.cn)(s.value.itemClass,s.value.lastItemClass,n(a)&&"cursor-default"))},[t.icon?(e.openBlock(),e.createBlock(c.default,{key:0,name:t.icon,size:"sm",class:"mr-1"},null,8,["name"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.label),1)],2)):(e.openBlock(),e.createBlock(k.default,{key:1,href:t.href,class:e.normalizeClass(e.unref(u.cn)(s.value.itemClass)),onClick:B=>f(t,a)},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createBlock(c.default,{key:0,name:t.icon,size:"sm",class:"mr-1"},null,8,["name"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.label),1)]),_:2},1032,["href","class","onClick"])),n(a)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(s.value.separatorClass),"aria-hidden":"true"},[o.separator==="chevron"?(e.openBlock(),e.createBlock(c.default,{key:0,name:"chevronRight",size:"sm"})):(e.openBlock(),e.createElementBlock("span",g,e.toDisplayString(o.separator),1))],2))]))),128))])],2))}});exports.default=_;
+//# sourceMappingURL=JBreadcrumb.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JBreadcrumb.vue.cjs","sources":["../../../../src/components/molecules/JBreadcrumb.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport JIcon from '@/components/atoms/JIcon.vue'\r\nimport JLink from '@/components/atoms/JLink.vue'\r\nimport { cn } from '@/lib/utils'\r\n\r\n/**\r\n * JBreadcrumb - 브레드크럼 네비게이션 컴포넌트 (molecules)\r\n * Breadcrumb Navigation Component\r\n * \r\n * @description\r\n * 페이지의 네비게이션 경로를 표시하는 브레드크럼 컴포넌트입니다.\r\n * \r\n * Features:\r\n * - 경로 아이템 표시\r\n * - 클릭 가능한 링크 지원\r\n * - 아이콘 지원\r\n * - 커스터마이징 가능한 구분자\r\n * \r\n * @example\r\n * ```vue\r\n * <JBreadcrumb \r\n *   :items=\"[\r\n *     { label: '홈', href: '/' },\r\n *     { label: '제품', href: '/products' },\r\n *     { label: '상세' }\r\n *   ]\"\r\n * />\r\n * ```\r\n */\r\n\r\nexport type BreadcrumbItem = {\r\n  /** 라벨 텍스트 */\r\n  label: string\r\n  /** 링크 URL (없으면 텍스트만 표시) */\r\n  href?: string\r\n  /** 아이콘 이름 */\r\n  icon?: string\r\n  /** 클릭 핸들러 */\r\n  onClick?: () => void\r\n}\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'minimal'   // 최소 스타일 (작은 크기, 얇은 구분자)\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 브레드크럼 아이템 목록 */\r\n    items: BreadcrumbItem[]\r\n    /** 구분자 (기본값: /) */\r\n    separator?: string\r\n    /** 스타일 타입 */\r\n    styletype?: StyleType\r\n    /** 추가 CSS 클래스 */\r\n    class?: string\r\n  }>(),\r\n  {\r\n    separator: '/',\r\n    styletype: 'default',\r\n  }\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  /** 아이템 클릭 이벤트 */\r\n  itemClick: [item: BreadcrumbItem, index: number]\r\n}>()\r\n\r\n/**\r\n * 스타일 프리셋\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, {\r\n  containerClass: string\r\n  itemClass: string\r\n  separatorClass: string\r\n  lastItemClass: string\r\n}> = {\r\n  default: {\r\n    containerClass: 'flex items-center gap-2 px-4 py-2',\r\n    itemClass: 'text-sm text-muted-foreground hover:text-foreground transition-colors',\r\n    separatorClass: 'text-muted-foreground/50 text-sm',\r\n    lastItemClass: 'text-foreground font-medium',\r\n  },\r\n  minimal: {\r\n    containerClass: 'flex items-center gap-1.5 px-2 py-1',\r\n    itemClass: 'text-xs text-muted-foreground hover:text-foreground transition-colors',\r\n    separatorClass: 'text-muted-foreground/40 text-xs',\r\n    lastItemClass: 'text-foreground font-medium',\r\n  },\r\n}\r\n\r\nconst preset = computed(() => {\r\n  return STYLE_PRESETS[props.styletype] ?? STYLE_PRESETS.default\r\n})\r\n\r\n/**\r\n * 아이템 클릭 핸들러\r\n */\r\nconst handleItemClick = (item: BreadcrumbItem, index: number) => {\r\n  item.onClick?.()\r\n  emit('itemClick', item, index)\r\n}\r\n\r\n/**\r\n * 마지막 아이템인지 확인\r\n */\r\nconst isLastItem = (index: number) => {\r\n  return index === props.items.length - 1\r\n}\r\n</script>\r\n\r\n<template>\r\n  <nav \r\n    :class=\"cn(preset.containerClass, props.class)\"\r\n    aria-label=\"브레드크럼 네비게이션\"\r\n  >\r\n    <ol class=\"flex items-center gap-2 list-none p-0 m-0\">\r\n      <li\r\n        v-for=\"(item, index) in items\"\r\n        :key=\"index\"\r\n        class=\"flex items-center gap-2\"\r\n      >\r\n        <!-- 아이템 -->\r\n        <span\r\n          v-if=\"isLastItem(index) || (!item.href && !item.onClick)\"\r\n          :class=\"cn(preset.itemClass, preset.lastItemClass, isLastItem(index) && 'cursor-default')\"\r\n        >\r\n          <!-- 아이콘 -->\r\n          <JIcon\r\n            v-if=\"item.icon\"\r\n            :name=\"item.icon\"\r\n            size=\"sm\"\r\n            class=\"mr-1\"\r\n          />\r\n          {{ item.label }}\r\n        </span>\r\n        \r\n        <JLink\r\n          v-else\r\n          :href=\"item.href\"\r\n          :class=\"cn(preset.itemClass)\"\r\n          @click=\"handleItemClick(item, index)\"\r\n        >\r\n          <!-- 아이콘 -->\r\n          <JIcon\r\n            v-if=\"item.icon\"\r\n            :name=\"item.icon\"\r\n            size=\"sm\"\r\n            class=\"mr-1\"\r\n          />\r\n          {{ item.label }}\r\n        </JLink>\r\n\r\n        <!-- 구분자 (마지막 아이템이 아니면 표시) -->\r\n        <span\r\n          v-if=\"!isLastItem(index)\"\r\n          :class=\"preset.separatorClass\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <JIcon\r\n            v-if=\"separator === 'chevron'\"\r\n            name=\"chevronRight\"\r\n            size=\"sm\"\r\n          />\r\n          <span v-else>{{ separator }}</span>\r\n        </span>\r\n      </li>\r\n    </ol>\r\n  </nav>\r\n</template>\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","preset","computed","handleItemClick","item","index","isLastItem","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_hoisted_1","_openBlock","_Fragment","_renderList","cn","_createBlock","JIcon","_toDisplayString","JLink","$event"],"mappings":"4cA8CA,MAAMA,EAAQC,EAiBRC,EAAOC,EAQPC,EAKD,CACH,QAAS,CACP,eAAgB,oCAChB,UAAW,wEACX,eAAgB,mCAChB,cAAe,6BAAA,EAEjB,QAAS,CACP,eAAgB,sCAChB,UAAW,wEACX,eAAgB,mCAChB,cAAe,6BAAA,CACjB,EAGIC,EAASC,EAAAA,SAAS,IACfF,EAAcJ,EAAM,SAAS,GAAKI,EAAc,OACxD,EAKKG,EAAkB,CAACC,EAAsBC,IAAkB,CAC/DD,EAAK,UAAA,EACLN,EAAK,YAAaM,EAAMC,CAAK,CAC/B,EAKMC,EAAcD,GACXA,IAAUT,EAAM,MAAM,OAAS,8BAKtCW,EAAAA,mBAwDM,MAAA,CAvDH,MAAKC,EAAAA,eAAEC,EAAAA,YAAGR,EAAA,MAAO,eAAgBL,EAAM,KAAK,CAAA,EAC7C,aAAW,aAAA,GAEXc,EAAAA,mBAmDK,KAnDLC,EAmDK,EAlDHC,EAAAA,UAAA,EAAA,EAAAL,EAAAA,mBAiDKM,WAAA,KAAAC,EAAAA,WAhDqBjB,EAAA,MAAK,CAArBO,EAAMC,mBADhBE,EAAAA,mBAiDK,KAAA,CA/CF,IAAKF,EACN,MAAM,yBAAA,GAIEC,EAAWD,CAAK,GAAA,CAAOD,EAAK,MAAI,CAAKA,EAAK,uBADlDG,EAAAA,mBAYO,OAAA,OAVJ,MAAKC,EAAAA,eAAEC,EAAAA,MAAAM,EAAAA,EAAA,EAAGd,EAAA,MAAO,UAAWA,EAAA,MAAO,cAAeK,EAAWD,CAAK,GAAA,gBAAA,CAAA,CAAA,GAI3DD,EAAK,oBADbY,EAAAA,YAKEC,EAAAA,QAAA,OAHC,KAAMb,EAAK,KACZ,KAAK,KACL,MAAM,MAAA,kEACN,IACFc,EAAAA,gBAAGd,EAAK,KAAK,EAAA,CAAA,CAAA,qBAGfY,EAAAA,YAcQG,EAAAA,QAAA,OAZL,KAAMf,EAAK,KACX,MAAKI,EAAAA,eAAEC,QAAAM,EAAAA,EAAA,EAAGd,EAAA,MAAO,SAAS,CAAA,EAC1B,QAAKmB,GAAEjB,EAAgBC,EAAMC,CAAK,CAAA,qBAGnC,IAKE,CAJMD,EAAK,oBADbY,EAAAA,YAKEC,EAAAA,QAAA,OAHC,KAAMb,EAAK,KACZ,KAAK,KACL,MAAM,MAAA,kEACN,IACFc,EAAAA,gBAAGd,EAAK,KAAK,EAAA,CAAA,CAAA,0CAKNE,EAAWD,CAAK,6CADzBE,EAAAA,mBAWO,OAAA,OATJ,MAAKC,EAAAA,eAAEP,EAAA,MAAO,cAAc,EAC7B,cAAY,MAAA,GAGJJ,EAAA,YAAS,yBADjBmB,EAAAA,YAIEC,EAAAA,QAAA,OAFA,KAAK,eACL,KAAK,IAAA,KAEPL,EAAAA,YAAAL,EAAAA,mBAAmC,2BAAnBV,EAAA,SAAS,EAAA,CAAA,EAAA"}

package/components/molecules/JBreadcrumb.vue.js

@@ -0,0 +1,87 @@
+import { defineComponent as _, computed as E, createElementBlock as s, openBlock as t, normalizeClass as o, unref as u, createElementVNode as I, Fragment as b, renderList as z, createBlock as c, createCommentVNode as f, createTextVNode as g, toDisplayString as d, withCtx as B } from "vue";
+import p from "../atoms/JIcon.vue.js";
+import S from "../atoms/JLink.vue.js";
+import { cn as C } from "../../lib/utils.js";
+const L = { class: "flex items-center gap-2 list-none p-0 m-0" }, N = { key: 1 }, D = /* @__PURE__ */ _({
+  __name: "JBreadcrumb",
+  props: {
+    items: {},
+    separator: { default: "/" },
+    styletype: { default: "default" },
+    class: {}
+  },
+  emits: ["itemClick"],
+  setup(n, { emit: h }) {
+    const m = n, y = h, x = {
+      default: {
+        containerClass: "flex items-center gap-2 px-4 py-2",
+        itemClass: "text-sm text-muted-foreground hover:text-foreground transition-colors",
+        separatorClass: "text-muted-foreground/50 text-sm",
+        lastItemClass: "text-foreground font-medium"
+      },
+      minimal: {
+        containerClass: "flex items-center gap-1.5 px-2 py-1",
+        itemClass: "text-xs text-muted-foreground hover:text-foreground transition-colors",
+        separatorClass: "text-muted-foreground/40 text-xs",
+        lastItemClass: "text-foreground font-medium"
+      }
+    }, a = E(() => x[m.styletype] ?? x.default), v = (r, k) => {
+      r.onClick?.(), y("itemClick", r, k);
+    }, i = (r) => r === m.items.length - 1;
+    return (r, k) => (t(), s("nav", {
+      class: o(u(C)(a.value.containerClass, m.class)),
+      "aria-label": "브레드크럼 네비게이션"
+    }, [
+      I("ol", L, [
+        (t(!0), s(b, null, z(n.items, (e, l) => (t(), s("li", {
+          key: l,
+          class: "flex items-center gap-2"
+        }, [
+          i(l) || !e.href && !e.onClick ? (t(), s("span", {
+            key: 0,
+            class: o(u(C)(a.value.itemClass, a.value.lastItemClass, i(l) && "cursor-default"))
+          }, [
+            e.icon ? (t(), c(p, {
+              key: 0,
+              name: e.icon,
+              size: "sm",
+              class: "mr-1"
+            }, null, 8, ["name"])) : f("", !0),
+            g(" " + d(e.label), 1)
+          ], 2)) : (t(), c(S, {
+            key: 1,
+            href: e.href,
+            class: o(u(C)(a.value.itemClass)),
+            onClick: (T) => v(e, l)
+          }, {
+            default: B(() => [
+              e.icon ? (t(), c(p, {
+                key: 0,
+                name: e.icon,
+                size: "sm",
+                class: "mr-1"
+              }, null, 8, ["name"])) : f("", !0),
+              g(" " + d(e.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["href", "class", "onClick"])),
+          i(l) ? f("", !0) : (t(), s("span", {
+            key: 2,
+            class: o(a.value.separatorClass),
+            "aria-hidden": "true"
+          }, [
+            n.separator === "chevron" ? (t(), c(p, {
+              key: 0,
+              name: "chevronRight",
+              size: "sm"
+            })) : (t(), s("span", N, d(n.separator), 1))
+          ], 2))
+        ]))), 128))
+      ])
+    ], 2));
+  }
+});
+export {
+  D as default
+};
+//# sourceMappingURL=JBreadcrumb.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JBreadcrumb.vue.js","sources":["../../../../src/components/molecules/JBreadcrumb.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport JIcon from '@/components/atoms/JIcon.vue'\r\nimport JLink from '@/components/atoms/JLink.vue'\r\nimport { cn } from '@/lib/utils'\r\n\r\n/**\r\n * JBreadcrumb - 브레드크럼 네비게이션 컴포넌트 (molecules)\r\n * Breadcrumb Navigation Component\r\n * \r\n * @description\r\n * 페이지의 네비게이션 경로를 표시하는 브레드크럼 컴포넌트입니다.\r\n * \r\n * Features:\r\n * - 경로 아이템 표시\r\n * - 클릭 가능한 링크 지원\r\n * - 아이콘 지원\r\n * - 커스터마이징 가능한 구분자\r\n * \r\n * @example\r\n * ```vue\r\n * <JBreadcrumb \r\n *   :items=\"[\r\n *     { label: '홈', href: '/' },\r\n *     { label: '제품', href: '/products' },\r\n *     { label: '상세' }\r\n *   ]\"\r\n * />\r\n * ```\r\n */\r\n\r\nexport type BreadcrumbItem = {\r\n  /** 라벨 텍스트 */\r\n  label: string\r\n  /** 링크 URL (없으면 텍스트만 표시) */\r\n  href?: string\r\n  /** 아이콘 이름 */\r\n  icon?: string\r\n  /** 클릭 핸들러 */\r\n  onClick?: () => void\r\n}\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'minimal'   // 최소 스타일 (작은 크기, 얇은 구분자)\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 브레드크럼 아이템 목록 */\r\n    items: BreadcrumbItem[]\r\n    /** 구분자 (기본값: /) */\r\n    separator?: string\r\n    /** 스타일 타입 */\r\n    styletype?: StyleType\r\n    /** 추가 CSS 클래스 */\r\n    class?: string\r\n  }>(),\r\n  {\r\n    separator: '/',\r\n    styletype: 'default',\r\n  }\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  /** 아이템 클릭 이벤트 */\r\n  itemClick: [item: BreadcrumbItem, index: number]\r\n}>()\r\n\r\n/**\r\n * 스타일 프리셋\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, {\r\n  containerClass: string\r\n  itemClass: string\r\n  separatorClass: string\r\n  lastItemClass: string\r\n}> = {\r\n  default: {\r\n    containerClass: 'flex items-center gap-2 px-4 py-2',\r\n    itemClass: 'text-sm text-muted-foreground hover:text-foreground transition-colors',\r\n    separatorClass: 'text-muted-foreground/50 text-sm',\r\n    lastItemClass: 'text-foreground font-medium',\r\n  },\r\n  minimal: {\r\n    containerClass: 'flex items-center gap-1.5 px-2 py-1',\r\n    itemClass: 'text-xs text-muted-foreground hover:text-foreground transition-colors',\r\n    separatorClass: 'text-muted-foreground/40 text-xs',\r\n    lastItemClass: 'text-foreground font-medium',\r\n  },\r\n}\r\n\r\nconst preset = computed(() => {\r\n  return STYLE_PRESETS[props.styletype] ?? STYLE_PRESETS.default\r\n})\r\n\r\n/**\r\n * 아이템 클릭 핸들러\r\n */\r\nconst handleItemClick = (item: BreadcrumbItem, index: number) => {\r\n  item.onClick?.()\r\n  emit('itemClick', item, index)\r\n}\r\n\r\n/**\r\n * 마지막 아이템인지 확인\r\n */\r\nconst isLastItem = (index: number) => {\r\n  return index === props.items.length - 1\r\n}\r\n</script>\r\n\r\n<template>\r\n  <nav \r\n    :class=\"cn(preset.containerClass, props.class)\"\r\n    aria-label=\"브레드크럼 네비게이션\"\r\n  >\r\n    <ol class=\"flex items-center gap-2 list-none p-0 m-0\">\r\n      <li\r\n        v-for=\"(item, index) in items\"\r\n        :key=\"index\"\r\n        class=\"flex items-center gap-2\"\r\n      >\r\n        <!-- 아이템 -->\r\n        <span\r\n          v-if=\"isLastItem(index) || (!item.href && !item.onClick)\"\r\n          :class=\"cn(preset.itemClass, preset.lastItemClass, isLastItem(index) && 'cursor-default')\"\r\n        >\r\n          <!-- 아이콘 -->\r\n          <JIcon\r\n            v-if=\"item.icon\"\r\n            :name=\"item.icon\"\r\n            size=\"sm\"\r\n            class=\"mr-1\"\r\n          />\r\n          {{ item.label }}\r\n        </span>\r\n        \r\n        <JLink\r\n          v-else\r\n          :href=\"item.href\"\r\n          :class=\"cn(preset.itemClass)\"\r\n          @click=\"handleItemClick(item, index)\"\r\n        >\r\n          <!-- 아이콘 -->\r\n          <JIcon\r\n            v-if=\"item.icon\"\r\n            :name=\"item.icon\"\r\n            size=\"sm\"\r\n            class=\"mr-1\"\r\n          />\r\n          {{ item.label }}\r\n        </JLink>\r\n\r\n        <!-- 구분자 (마지막 아이템이 아니면 표시) -->\r\n        <span\r\n          v-if=\"!isLastItem(index)\"\r\n          :class=\"preset.separatorClass\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <JIcon\r\n            v-if=\"separator === 'chevron'\"\r\n            name=\"chevronRight\"\r\n            size=\"sm\"\r\n          />\r\n          <span v-else>{{ separator }}</span>\r\n        </span>\r\n      </li>\r\n    </ol>\r\n  </nav>\r\n</template>\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","preset","computed","handleItemClick","item","index","isLastItem","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_hoisted_1","_openBlock","_Fragment","_renderList","cn","_createBlock","JIcon","_toDisplayString","JLink","$event"],"mappings":";;;;;;;;;;;;;;AA8CA,UAAMA,IAAQC,GAiBRC,IAAOC,GAQPC,IAKD;AAAA,MACH,SAAS;AAAA,QACP,gBAAgB;AAAA,QAChB,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,eAAe;AAAA,MAAA;AAAA,MAEjB,SAAS;AAAA,QACP,gBAAgB;AAAA,QAChB,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,eAAe;AAAA,MAAA;AAAA,IACjB,GAGIC,IAASC,EAAS,MACfF,EAAcJ,EAAM,SAAS,KAAKI,EAAc,OACxD,GAKKG,IAAkB,CAACC,GAAsBC,MAAkB;AAC/D,MAAAD,EAAK,UAAA,GACLN,EAAK,aAAaM,GAAMC,CAAK;AAAA,IAC/B,GAKMC,IAAa,CAACD,MACXA,MAAUT,EAAM,MAAM,SAAS;2BAKtCW,EAwDM,OAAA;AAAA,MAvDH,OAAKC,EAAEC,KAAGR,EAAA,MAAO,gBAAgBL,EAAM,KAAK,CAAA;AAAA,MAC7C,cAAW;AAAA,IAAA;MAEXc,EAmDK,MAnDLC,GAmDK;AAAA,SAlDHC,EAAA,EAAA,GAAAL,EAiDKM,GAAA,MAAAC,EAhDqBjB,EAAA,OAAK,CAArBO,GAAMC,YADhBE,EAiDK,MAAA;AAAA,UA/CF,KAAKF;AAAA,UACN,OAAM;AAAA,QAAA;UAIEC,EAAWD,CAAK,KAAA,CAAOD,EAAK,QAAI,CAAKA,EAAK,gBADlDG,EAYO,QAAA;AAAA;YAVJ,OAAKC,EAAEC,EAAAM,CAAA,EAAGd,EAAA,MAAO,WAAWA,EAAA,MAAO,eAAeK,EAAWD,CAAK,KAAA,gBAAA,CAAA;AAAA,UAAA;YAI3DD,EAAK,aADbY,EAKEC,GAAA;AAAA;cAHC,MAAMb,EAAK;AAAA,cACZ,MAAK;AAAA,cACL,OAAM;AAAA,YAAA;cACN,MACFc,EAAGd,EAAK,KAAK,GAAA,CAAA;AAAA,UAAA,eAGfY,EAcQG,GAAA;AAAA;YAZL,MAAMf,EAAK;AAAA,YACX,OAAKI,EAAEC,EAAAM,CAAA,EAAGd,EAAA,MAAO,SAAS,CAAA;AAAA,YAC1B,SAAK,CAAAmB,MAAEjB,EAAgBC,GAAMC,CAAK;AAAA,UAAA;uBAGnC,MAKE;AAAA,cAJMD,EAAK,aADbY,EAKEC,GAAA;AAAA;gBAHC,MAAMb,EAAK;AAAA,gBACZ,MAAK;AAAA,gBACL,OAAM;AAAA,cAAA;gBACN,MACFc,EAAGd,EAAK,KAAK,GAAA,CAAA;AAAA,YAAA;;;UAKNE,EAAWD,CAAK,sBADzBE,EAWO,QAAA;AAAA;YATJ,OAAKC,EAAEP,EAAA,MAAO,cAAc;AAAA,YAC7B,eAAY;AAAA,UAAA;YAGJJ,EAAA,cAAS,kBADjBmB,EAIEC,GAAA;AAAA;cAFA,MAAK;AAAA,cACL,MAAK;AAAA,YAAA,OAEPL,KAAAL,EAAmC,aAAnBV,EAAA,SAAS,GAAA,CAAA;AAAA,UAAA;;;;;;"}

package/components/molecules/JBreadcrumb.vue2.cjs

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

package/components/molecules/JBreadcrumb.vue2.cjs.map

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

package/components/molecules/JBreadcrumb.vue2.js

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

package/components/molecules/JBreadcrumb.vue2.js.map

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

package/components/molecules/JButtonGroup.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../shadcn/index.cjs");const B=require("../shadcn/ButtonGroupSeparator.vue.cjs"),_=require("../shadcn/ButtonGroup.vue.cjs"),h=e.defineComponent({__name:"JButtonGroup",props:{orientation:{default:"horizontal"},showButtonSeparators:{type:Boolean,default:!0}},setup(y){const l=y,d=e.useSlots(),p=e.computed(()=>l.showButtonSeparators),a=t=>!t||typeof t!="object"?!1:(t.props?.styletype||t.props?.styletype)==="outline",v=e.computed(()=>{const t=d.default?.()||[];if(!p.value)return t;const s=[];return t.forEach((r,n)=>{if(n>0){const i=t[n-1],f=a(i),o=a(r);f||o||s.push(e.h(B.default,{orientation:l.orientation==="vertical"?"horizontal":"vertical"}))}let c=r;if(a(r)){const i=n>0?t[n-1]:null;if(!(i?a(i):!1)&&n>0){const o=r.props?.class||r.props?.class||"";let u;typeof o=="string"?u=`${o} !border-l`:Array.isArray(o)?u=[...o,"!border-l"]:o&&typeof o=="object"?u={...o,"!border-l":!0}:u=[o,"!border-l"].filter(Boolean),c=e.cloneVNode(r,{...r.props,class:u})}}s.push(c)}),s});return(t,s)=>(e.openBlock(),e.createBlock(e.unref(_.default),{orientation:l.orientation??"horizontal"},{default:e.withCtx(()=>[e.createVNode(e.unref(_.default),{orientation:l.orientation??"horizontal"},{default:e.withCtx(()=>[p.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(v.value,(r,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r),{key:n}))),128)):e.renderSlot(t.$slots,"default",{key:1})]),_:3},8,["orientation"])]),_:3},8,["orientation"]))}});exports.default=h;
+//# sourceMappingURL=JButtonGroup.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JButtonGroup.vue.cjs","sources":["../../../../src/components/molecules/JButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { h, useSlots, computed, cloneVNode, type VNode } from 'vue'\r\nimport type { ButtonGroupVariants } from '@/components/shadcn/button-group-variants'\r\nimport { ButtonGroup, ButtonGroupSeparator } from '@/components/shadcn'\r\n\r\n// -------------------------\r\n// props 및 기본값 선언\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    orientation?: ButtonGroupVariants['orientation']  // 수평/수직\r\n    showButtonSeparators?: boolean         // 버튼 사이 separator 표시 여부 (기본값: true)\r\n  }>(),\r\n  {\r\n    orientation: 'horizontal',\r\n    showButtonSeparators: true\r\n  }\r\n)\r\n\r\n// useSlots로 하위 슬롯 노드 접근\r\nconst slots = useSlots()\r\n\r\n// 버튼 사이 separator 표시 여부\r\nconst shouldShowButtonSeparators = computed(() => props.showButtonSeparators)\r\n\r\n// 버튼의 styletype이 outline인지 확인\r\nconst isButtonOutline = (child: any): boolean => {\r\n  if (!child || typeof child !== 'object') return false\r\n  \r\n  // props에서 styletype 확인\r\n  const styletype = child.props?.styletype || child.props?.['styletype']\r\n  return styletype === 'outline'\r\n}\r\n\r\n// slot으로 받은 버튼 리스트에 버튼 사이마다 separator를 자동 삽입\r\n// outline 버튼의 양옆에는 구분선을 넣지 않음 (outline은 자체 경계가 있어 구분선이 중복됨)\r\n// outline 버튼이 양옆에 구분선이 없을 때는 왼쪽 border를 복원해야 함\r\nconst slotWithSeparators = computed(() => {\r\n  const children = slots.default?.() || []\r\n  if (!shouldShowButtonSeparators.value) return children\r\n  \r\n  const result: VNode[] = []\r\n  children.forEach((child: VNode, idx: number) => {\r\n    if (idx > 0) {\r\n      // 이전 버튼과 현재 버튼 확인\r\n      const prevChild = children[idx - 1]\r\n      const isPrevOutline = isButtonOutline(prevChild)\r\n      const isCurrentOutline = isButtonOutline(child)\r\n      \r\n      // outline 버튼이 포함되지 않을 때만 구분선 추가\r\n      // (outline 버튼은 자체 경계가 있어 양옆에 구분선이 필요 없음)\r\n      if (!(isPrevOutline || isCurrentOutline)) {\r\n        result.push(h(ButtonGroupSeparator, {\r\n          orientation: props.orientation === 'vertical' ? 'horizontal' : 'vertical'\r\n        }))\r\n      }\r\n    }\r\n    \r\n    // outline 버튼이 양옆에 구분선이 없을 때 왼쪽 border 복원\r\n    let childToAdd = child\r\n    if (isButtonOutline(child)) {\r\n      const prevChild = idx > 0 ? children[idx - 1] : null\r\n      const isPrevOutline = prevChild ? isButtonOutline(prevChild) : false\r\n      \r\n      // 이전 버튼이 outline이 아니고 (구분선이 없음), 현재 버튼이 첫 번째가 아니면 왼쪽 border 복원\r\n      if (!isPrevOutline && idx > 0) {\r\n        // VNode를 복제하면서 class 추가\r\n        const existingClass = child.props?.class || child.props?.['class'] || ''\r\n        let newClass: string | Array<string | object> | object\r\n        \r\n        if (typeof existingClass === 'string') {\r\n          // 문자열인 경우: 공백으로 구분하여 추가\r\n          newClass = `${existingClass} !border-l`\r\n        } else if (Array.isArray(existingClass)) {\r\n          // 배열인 경우: 새 클래스를 배열에 추가\r\n          newClass = [...existingClass, '!border-l']\r\n        } else if (existingClass && typeof existingClass === 'object') {\r\n          // 객체인 경우: 객체에 border-l 클래스 추가\r\n          newClass = { ...existingClass, '!border-l': true }\r\n        } else {\r\n          // 기타 경우: 배열로 변환\r\n          newClass = [existingClass, '!border-l'].filter(Boolean)\r\n        }\r\n        \r\n        // cloneVNode를 사용하여 VNode를 복제하고 props 수정\r\n        childToAdd = cloneVNode(child, {\r\n          ...child.props,\r\n          class: newClass\r\n        })\r\n      }\r\n    }\r\n    \r\n    result.push(childToAdd)\r\n  })\r\n  return result\r\n})\r\n</script>\r\n\r\n<template>\r\n  <!-- 바깥 ButtonGroup: 버튼 모음 내부 그룹을 수직/수평으로 감쌈 -->\r\n  <ButtonGroup :orientation=\"props.orientation ?? 'horizontal'\">\r\n    <!-- 내부 ButtonGroup: 버튼들 렌더 + 필요시 버튼 사이 separator 자동 삽입 -->\r\n    <ButtonGroup :orientation=\"props.orientation ?? 'horizontal'\">\r\n      <template v-if=\"shouldShowButtonSeparators\">\r\n        <template v-for=\"(vnode, _idx) in slotWithSeparators\" :key=\"_idx\">\r\n          <component :is=\"vnode\" />\r\n        </template>\r\n      </template>\r\n      <slot v-else />\r\n    </ButtonGroup>\r\n  </ButtonGroup>\r\n</template>\r\n\r\n\r\n"],"names":["props","__props","slots","useSlots","shouldShowButtonSeparators","computed","isButtonOutline","child","slotWithSeparators","children","result","idx","prevChild","isPrevOutline","isCurrentOutline","h","ButtonGroupSeparator","childToAdd","existingClass","newClass","cloneVNode","_createBlock","_unref","ButtonGroup","_createVNode","_openBlock","_createElementBlock","_Fragment","_renderList","vnode","_idx","_resolveDynamicComponent","_renderSlot","_ctx"],"mappings":"qZAOA,MAAMA,EAAQC,EAYRC,EAAQC,EAAAA,SAAA,EAGRC,EAA6BC,EAAAA,SAAS,IAAML,EAAM,oBAAoB,EAGtEM,EAAmBC,GACnB,CAACA,GAAS,OAAOA,GAAU,SAAiB,IAG9BA,EAAM,OAAO,WAAaA,EAAM,OAAQ,aACrC,UAMjBC,EAAqBH,EAAAA,SAAS,IAAM,CACxC,MAAMI,EAAWP,EAAM,UAAA,GAAe,CAAA,EACtC,GAAI,CAACE,EAA2B,MAAO,OAAOK,EAE9C,MAAMC,EAAkB,CAAA,EACxB,OAAAD,EAAS,QAAQ,CAACF,EAAcI,IAAgB,CAC9C,GAAIA,EAAM,EAAG,CAEX,MAAMC,EAAYH,EAASE,EAAM,CAAC,EAC5BE,EAAgBP,EAAgBM,CAAS,EACzCE,EAAmBR,EAAgBC,CAAK,EAIxCM,GAAiBC,GACrBJ,EAAO,KAAKK,EAAAA,EAAEC,UAAsB,CAClC,YAAahB,EAAM,cAAgB,WAAa,aAAe,UAAA,CAChE,CAAC,CAEN,CAGA,IAAIiB,EAAaV,EACjB,GAAID,EAAgBC,CAAK,EAAG,CAC1B,MAAMK,EAAYD,EAAM,EAAIF,EAASE,EAAM,CAAC,EAAI,KAIhD,GAAI,EAHkBC,EAAYN,EAAgBM,CAAS,EAAI,KAGzCD,EAAM,EAAG,CAE7B,MAAMO,EAAgBX,EAAM,OAAO,OAASA,EAAM,OAAQ,OAAY,GACtE,IAAIY,EAEA,OAAOD,GAAkB,SAE3BC,EAAW,GAAGD,CAAa,aAClB,MAAM,QAAQA,CAAa,EAEpCC,EAAW,CAAC,GAAGD,EAAe,WAAW,EAChCA,GAAiB,OAAOA,GAAkB,SAEnDC,EAAW,CAAE,GAAGD,EAAe,YAAa,EAAA,EAG5CC,EAAW,CAACD,EAAe,WAAW,EAAE,OAAO,OAAO,EAIxDD,EAAaG,EAAAA,WAAWb,EAAO,CAC7B,GAAGA,EAAM,MACT,MAAOY,CAAA,CACR,CACH,CACF,CAEAT,EAAO,KAAKO,CAAU,CACxB,CAAC,EACMP,CACT,CAAC,8BAKCW,EAAAA,YAUcC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CAVA,YAAavB,EAAM,aAAW,YAAA,qBAE1C,IAOc,CAPdwB,cAOcF,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CAPA,YAAavB,EAAM,aAAW,YAAA,qBAC1C,IAIW,CAJKI,EAAA,OACdqB,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBAEWC,EAAAA,SAAA,CAAA,IAAA,CAAA,EAAAC,EAAAA,WAFuBpB,EAAA,MAAkB,CAAlCqB,EAAOC,mBACvBT,EAAAA,YAAyBU,EAAAA,wBAATF,CAAK,EAAA,CAAA,IADqCC,EAAI,UAIlEE,aAAeC,EAAA,OAAA,UAAA,CAAA,IAAA,CAAA,CAAA,CAAA"}