@j-solution/components 1.8.0 → 1.9.1

package/components/templates/JLayoutSimple.vue.js

@@ -1,51 +1,57 @@
-import { defineComponent as m, ref as d, createBlock as u, openBlock as f, normalizeProps as c, guardReactiveProps as y, withCtx as o, renderSlot as l, createVNode as r, createElementVNode as n } from "vue";
-import b from "./JLayout.vue.js";
-import S from "../organisms/JHeader.vue.js";
-import g from "../organisms/JSidebarSimple.vue.js";
-import v from "../organisms/JPageContainer.vue.js";
-const O = /* @__PURE__ */ m({
+import { defineComponent as f, ref as g, createBlock as y, openBlock as v, normalizeProps as b, guardReactiveProps as S, withCtx as l, renderSlot as s, createVNode as r, createElementVNode as n } from "vue";
+import k from "./JLayout.vue.js";
+import _ from "../organisms/JHeader.vue.js";
+import $ from "../organisms/JSidebar/JSidebar.vue.js";
+import h from "../organisms/JPageContainer.vue.js";
+const w = /* @__PURE__ */ f({
   __name: "JLayoutSimple",
   props: {
     styletype: { default: "default" },
     contentScroll: { type: Boolean, default: !0 },
     class: {},
     menuItems: { default: () => [] },
-    permissions: { default: () => [] }
+    activePath: {},
+    storageKey: {}
   },
-  setup(p) {
-    const t = p, e = d(!0), i = () => {
+  emits: ["menu-click"],
+  setup(d, { emit: p }) {
+    const a = d, m = p, e = g(!1), i = () => {
       e.value = !e.value;
+    }, u = (t, o) => {
+      m("menu-click", t, o);
     };
-    return (s, a) => (f(), u(b, c(y(t)), {
-      header: o(() => [
-        l(s.$slots, "header", {
-          isSidebarOpen: e.value,
+    return (t, o) => (v(), y(k, b(S(a)), {
+      header: l(() => [
+        s(t.$slots, "header", {
+          isSidebarCollapsed: e.value,
           onSidebarToggle: i
         }, () => [
-          r(S, {
+          r(_, {
             "logo-text": "JWMS Portal",
-            styletype: t.styletype,
+            styletype: a.styletype,
             "show-sidebar-toggle": !0,
-            "is-sidebar-open": e.value,
+            "is-sidebar-open": !e.value,
             onSidebarToggle: i
           }, null, 8, ["styletype", "is-sidebar-open"])
         ])
       ]),
-      sidebar: o(() => [
-        l(s.$slots, "sidebar", { isSidebarOpen: e.value }, () => [
-          r(g, {
-            "menu-items": t.menuItems,
-            permissions: t.permissions,
-            styletype: t.styletype,
-            "is-visible": e.value
-          }, null, 8, ["menu-items", "permissions", "styletype", "is-visible"])
+      sidebar: l(() => [
+        s(t.$slots, "sidebar", { isSidebarCollapsed: e.value }, () => [
+          r($, {
+            collapsed: e.value,
+            "onUpdate:collapsed": o[0] || (o[0] = (c) => e.value = c),
+            items: a.menuItems,
+            "active-path": a.activePath,
+            "storage-key": a.storageKey,
+            onMenuClick: u
+          }, null, 8, ["collapsed", "items", "active-path", "storage-key"])
         ])
       ]),
-      content: o(() => [
-        l(s.$slots, "content", {}, () => [
-          l(s.$slots, "default", {}, () => [
-            r(v, { title: "페이지 제목" }, {
-              default: o(() => [...a[0] || (a[0] = [
+      content: l(() => [
+        s(t.$slots, "content", {}, () => [
+          s(t.$slots, "default", {}, () => [
+            r(h, { title: "페이지 제목" }, {
+              default: l(() => [...o[1] || (o[1] = [
                 n("div", { class: "p-6" }, [
                   n("p", { class: "text-muted-foreground" }, "콘텐츠를 배치해주세요.")
                 ], -1)
@@ -60,6 +66,6 @@ const O = /* @__PURE__ */ m({
   }
 });
 export {
-  O as default
+  w as default
 };
 //# sourceMappingURL=JLayoutSimple.vue.js.map

package/components/templates/JLayoutSimple.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"JLayoutSimple.vue.js","sources":["../../../../src/components/templates/JLayoutSimple.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { ref } from 'vue'\r\nimport JLayout from './JLayout.vue'\r\nimport JHeader from '@/components/organisms/JHeader.vue'\r\nimport JSidebarSimple from '@/components/organisms/JSidebarSimple.vue'\r\nimport JPageContainer from '@/components/organisms/JPageContainer.vue'\r\nimport type { SidebarMenuItem, MenuPermission } from '@/types/sidebar-menu.types'\r\n\r\n/**\r\n * JLayoutSimple - Simple Sidebar + 일반 PageContainer 조합 템플릿 (templates)\r\n * Simple Layout Template\r\n * \r\n * @description\r\n * JLayout을 사용하는 Preset 템플릿입니다.\r\n * JHeader, JSidebarSimple, JPageContainer를 조합한 기본 레이아웃 예시를 제공합니다.\r\n * \r\n * 레이아웃 구조:\r\n * - header: 상단 헤더 영역 (슬롯)\r\n * - sidebar: 사이드바 영역 (슬롯)\r\n * - content: 메인 콘텐츠 영역 (슬롯, 기본 슬롯)\r\n * \r\n * @example\r\n * ```vue\r\n * <JLayoutSimple styletype=\"default\" :content-scroll=\"true\">\r\n *   <template #header>\r\n *     <JHeader logo-text=\"JWMS Portal\" :user-name=\"userName\" styletype=\"default\" />\r\n *   </template>\r\n *   <template #sidebar>\r\n *     <JSidebarSimple :menu-items=\"menuItems\" styletype=\"default\" />\r\n *   </template>\r\n *   <template #content>\r\n *     <JPageContainer title=\"재고 관리\">\r\n *       <div>페이지 콘텐츠</div>\r\n *     </JPageContainer>\r\n *   </template>\r\n * </JLayoutSimple>\r\n * ```\r\n */\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 레이아웃 스타일 타입 */\r\n    styletype?: 'default' | 'minimal'\r\n    /** 콘텐츠 영역 스크롤 가능 여부 */\r\n    contentScroll?: boolean\r\n    /** 추가 CSS 클래스 */\r\n    class?: string\r\n    /** 메뉴 아이템 목록 */\r\n    menuItems?: SidebarMenuItem[]\r\n    /** 권한 목록 */\r\n    permissions?: MenuPermission[]\r\n  }>(),\r\n  {\r\n    styletype: 'default',\r\n    contentScroll: true,\r\n    menuItems: () => [],\r\n    permissions: () => [],\r\n  }\r\n)\r\n\r\n/**\r\n * 사이드바 열림 상태\r\n */\r\nconst isSidebarOpen = ref(true)\r\n\r\n/**\r\n * 사이드바 토글 핸들러\r\n */\r\nconst handleSidebarToggle = () => {\r\n  isSidebarOpen.value = !isSidebarOpen.value\r\n}\r\n</script>\r\n\r\n<template>\r\n  <JLayout v-bind=\"props\">\r\n    <template #header>\r\n      <slot name=\"header\" :is-sidebar-open=\"isSidebarOpen\" :on-sidebar-toggle=\"handleSidebarToggle\">\r\n        <!-- 기본 헤더 예시 -->\r\n        <JHeader \r\n          logo-text=\"JWMS Portal\" \r\n          :styletype=\"props.styletype\"\r\n          :show-sidebar-toggle=\"true\"\r\n          :is-sidebar-open=\"isSidebarOpen\"\r\n          @sidebar-toggle=\"handleSidebarToggle\"\r\n        />\r\n      </slot>\r\n    </template>\r\n    <template #sidebar>\r\n      <slot name=\"sidebar\" :is-sidebar-open=\"isSidebarOpen\">\r\n        <!-- 기본 사이드바 예시 -->\r\n        <JSidebarSimple \r\n          :menu-items=\"props.menuItems\" \r\n          :permissions=\"props.permissions\"\r\n          :styletype=\"props.styletype\" \r\n          :is-visible=\"isSidebarOpen\" \r\n        />\r\n      </slot>\r\n    </template>\r\n    <template #content>\r\n      <slot name=\"content\">\r\n        <slot>\r\n          <!-- 기본 콘텐츠 예시 -->\r\n          <JPageContainer title=\"페이지 제목\">\r\n            <div class=\"p-6\">\r\n              <p class=\"text-muted-foreground\">콘텐츠를 배치해주세요.</p>\r\n            </div>\r\n          </JPageContainer>\r\n        </slot>\r\n      </slot>\r\n    </template>\r\n  </JLayout>\r\n</template>\r\n\r\n"],"names":["props","__props","isSidebarOpen","ref","handleSidebarToggle","_openBlock","_createBlock","JLayout","_renderSlot","_ctx","_createVNode","JHeader","JSidebarSimple","JPageContainer","_cache","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;AAuCA,UAAMA,IAAQC,GAwBRC,IAAgBC,EAAI,EAAI,GAKxBC,IAAsB,MAAM;AAChC,MAAAF,EAAc,QAAQ,CAACA,EAAc;AAAA,IACvC;sBAIEG,EAAA,GAAAC,EAoCUC,OApCOP,CAAK,CAAA,GAAA;AAAA,MACT,UACT,MASO;AAAA,QATPQ,EASOC,EAAA,QAAA,UAAA;AAAA,UATc,eAAiBP,EAAA;AAAA,UAAgB,iBAAmBE;AAAA,QAAA,GAAzE,MASO;AAAA,UAPLM,EAMEC,GAAA;AAAA,YALA,aAAU;AAAA,YACT,WAAWX,EAAM;AAAA,YACjB,uBAAqB;AAAA,YACrB,mBAAiBE,EAAA;AAAA,YACjB,iBAAgBE;AAAA,UAAA;;;MAIZ,WACT,MAQO;AAAA,QARPI,EAQOC,EAAA,QAAA,WAAA,EARe,eAAiBP,EAAA,MAAA,GAAvC,MAQO;AAAA,UANLQ,EAKEE,GAAA;AAAA,YAJC,cAAYZ,EAAM;AAAA,YAClB,aAAaA,EAAM;AAAA,YACnB,WAAWA,EAAM;AAAA,YACjB,cAAYE,EAAA;AAAA,UAAA;;;MAIR,WACT,MASO;AAAA,QATPM,EASOC,yBATP,MASO;AAAA,UARLD,EAOOC,yBAPP,MAOO;AAAA,YALLC,EAIiBG,GAAA,EAJD,OAAM,YAAQ;AAAA,yBAC5B,MAEM,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,gBAFNC,EAEM,OAAA,EAFD,OAAM,SAAK;AAAA,kBACdA,EAAiD,KAAA,EAA9C,OAAM,wBAAA,GAAwB,cAAY;AAAA,gBAAA;;;;;;;;;;;"}
+{"version":3,"file":"JLayoutSimple.vue.js","sources":["../../../../src/components/templates/JLayoutSimple.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport JLayout from './JLayout.vue'\nimport JHeader from '@/components/organisms/JHeader.vue'\nimport JSidebar from '@/components/organisms/JSidebar/JSidebar.vue'\nimport JPageContainer from '@/components/organisms/JPageContainer.vue'\nimport type { SidebarMenuItem } from '@/types/sidebar.types'\n\n/**\n * JLayoutSimple - JSidebar + 일반 PageContainer 조합 템플릿\n *\n * @example\n * ```vue\n * <JLayoutSimple :menu-items=\"menuItems\" storage-key=\"my-app-favorites\">\n *   <template #content>\n *     <RouterView />\n *   </template>\n * </JLayoutSimple>\n * ```\n */\n\nconst props = withDefaults(\n  defineProps<{\n    /** 레이아웃 스타일 타입 */\n    styletype?: 'default' | 'minimal'\n    /** 콘텐츠 영역 스크롤 가능 여부 */\n    contentScroll?: boolean\n    /** 추가 CSS 클래스 */\n    class?: string\n    /** 메뉴 아이템 목록 */\n    menuItems?: SidebarMenuItem[]\n    /** 현재 활성 경로 */\n    activePath?: string\n    /** 즐겨찾기 localStorage 키 */\n    storageKey?: string\n  }>(),\n  {\n    styletype: 'default',\n    contentScroll: true,\n    menuItems: () => [],\n  }\n)\n\nconst emit = defineEmits<{\n  'menu-click': [item: SidebarMenuItem, event: MouseEvent]\n}>()\n\nconst isSidebarCollapsed = ref(false)\n\nconst handleSidebarToggle = () => {\n  isSidebarCollapsed.value = !isSidebarCollapsed.value\n}\n\nconst handleMenuClick = (item: SidebarMenuItem, event: MouseEvent) => {\n  emit('menu-click', item, event)\n}\n</script>\n\n<template>\n  <JLayout v-bind=\"props\">\n    <template #header>\n      <slot name=\"header\" :is-sidebar-collapsed=\"isSidebarCollapsed\" :on-sidebar-toggle=\"handleSidebarToggle\">\n        <JHeader\n          logo-text=\"JWMS Portal\"\n          :styletype=\"props.styletype\"\n          :show-sidebar-toggle=\"true\"\n          :is-sidebar-open=\"!isSidebarCollapsed\"\n          @sidebar-toggle=\"handleSidebarToggle\"\n        />\n      </slot>\n    </template>\n    <template #sidebar>\n      <slot name=\"sidebar\" :is-sidebar-collapsed=\"isSidebarCollapsed\">\n        <JSidebar\n          v-model:collapsed=\"isSidebarCollapsed\"\n          :items=\"props.menuItems\"\n          :active-path=\"props.activePath\"\n          :storage-key=\"props.storageKey\"\n          @menu-click=\"handleMenuClick\"\n        />\n      </slot>\n    </template>\n    <template #content>\n      <slot name=\"content\">\n        <slot>\n          <!-- 기본 콘텐츠 예시 -->\n          <JPageContainer title=\"페이지 제목\">\n            <div class=\"p-6\">\n              <p class=\"text-muted-foreground\">콘텐츠를 배치해주세요.</p>\n            </div>\n          </JPageContainer>\n        </slot>\n      </slot>\n    </template>\n  </JLayout>\n</template>\n"],"names":["props","__props","emit","__emit","isSidebarCollapsed","ref","handleSidebarToggle","handleMenuClick","item","event","_openBlock","_createBlock","JLayout","_renderSlot","_ctx","_createVNode","JHeader","JSidebar","$event","JPageContainer","_cache","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,UAAMA,IAAQC,GAsBRC,IAAOC,GAIPC,IAAqBC,EAAI,EAAK,GAE9BC,IAAsB,MAAM;AAChC,MAAAF,EAAmB,QAAQ,CAACA,EAAmB;AAAA,IACjD,GAEMG,IAAkB,CAACC,GAAuBC,MAAsB;AACpE,MAAAP,EAAK,cAAcM,GAAMC,CAAK;AAAA,IAChC;sBAIEC,EAAA,GAAAC,EAmCUC,OAnCOZ,CAAK,CAAA,GAAA;AAAA,MACT,UACT,MAQO;AAAA,QARPa,EAQOC,EAAA,QAAA,UAAA;AAAA,UARc,oBAAsBV,EAAA;AAAA,UAAqB,iBAAmBE;AAAA,QAAA,GAAnF,MAQO;AAAA,UAPLS,EAMEC,GAAA;AAAA,YALA,aAAU;AAAA,YACT,WAAWhB,EAAM;AAAA,YACjB,uBAAqB;AAAA,YACrB,oBAAkBI,EAAA;AAAA,YAClB,iBAAgBE;AAAA,UAAA;;;MAIZ,WACT,MAQO;AAAA,QARPO,EAQOC,EAAA,QAAA,WAAA,EARe,oBAAsBV,EAAA,MAAA,GAA5C,MAQO;AAAA,UAPLW,EAMEE,GAAA;AAAA,YALQ,WAAWb,EAAA;AAAA,yDAAAA,EAAkB,QAAAc;AAAA,YACpC,OAAOlB,EAAM;AAAA,YACb,eAAaA,EAAM;AAAA,YACnB,eAAaA,EAAM;AAAA,YACnB,aAAYO;AAAA,UAAA;;;MAIR,WACT,MASO;AAAA,QATPM,EASOC,yBATP,MASO;AAAA,UARLD,EAOOC,yBAPP,MAOO;AAAA,YALLC,EAIiBI,GAAA,EAJD,OAAM,YAAQ;AAAA,yBAC5B,MAEM,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,gBAFNC,EAEM,OAAA,EAFD,OAAM,SAAK;AAAA,kBACdA,EAAiD,KAAA,EAA9C,OAAM,wBAAA,GAAwB,cAAY;AAAA,gBAAA;;;;;;;;;;;"}

package/index.cjs

@@ -1,4 +1,4 @@
 require('./assets/styles/j-components.css');
 require('./assets/styles/themes.css');
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                         */;/* empty css                           */;/* empty css                                     */;/* empty css                                                                            */const e=require("./components/atoms/JButton.vue.cjs"),t=require("./components/atoms/JInput.vue.cjs"),u=require("./components/atoms/JTextarea.vue.cjs"),r=require("./components/atoms/JCheckbox.vue.cjs"),_=require("./components/atoms/JCombo.vue.cjs"),a=require("./components/atoms/JSearchCombo.vue.cjs"),i=require("./components/atoms/JRadio.vue.cjs"),p=require("./components/atoms/JSwitch.vue.cjs"),s=require("./components/atoms/JDatepicker.vue.cjs"),n=require("./components/atoms/JDivider.vue.cjs"),l=require("./components/atoms/JEditor.vue.cjs"),o=require("./components/atoms/JLink.vue.cjs"),c=require("./components/atoms/JImage.vue.cjs"),J=require("./components/atoms/JBadge.vue.cjs"),d=require("./components/atoms/JProgress.vue.cjs");;/* empty css                                  */const v=require("./components/atoms/JSpinner.vue.cjs"),q=require("./components/atoms/JAvatar.vue.cjs"),f=require("./components/atoms/JKbd.vue.cjs"),g=require("./components/atoms/JTooltip.vue.cjs"),y=require("./components/atoms/JIcon.vue.cjs"),m=require("./components/atoms/JLabel.vue.cjs"),b=require("./components/atoms/JPopover.vue.cjs"),S=require("./components/atoms/JPreview.vue.cjs"),T=require("./components/atoms/JGrid.vue.cjs"),C=require("./components/atoms/JSplitter.vue.cjs"),P=require("./components/atoms/JSectionTitle.vue.cjs"),h=require("vue-sonner"),A=require("./components/atoms/JToast.vue.cjs"),x=require("./components/molecules/JFormField.vue.cjs"),B=require("./components/molecules/JGroupCombo.vue.cjs"),F=require("./components/molecules/JTabs.vue.cjs"),L=require("./components/molecules/JSearchAddr.vue.cjs"),M=require("./components/molecules/JContextMenu.vue.cjs"),D=require("./components/molecules/JCard.vue.cjs"),E=require("./components/molecules/JAlert.vue.cjs"),k=require("./components/molecules/JAccordion.vue.cjs"),G=require("./components/molecules/JTitlebar.vue.cjs"),I=require("./components/molecules/JButtonGroup.vue.cjs"),w=require("./components/molecules/JBreadcrumb.vue.cjs"),j=require("./components/molecules/JEmptyState.vue.cjs"),H=require("./components/organisms/JDynamicTabs.vue.cjs"),K=require("./components/organisms/JModal.vue.cjs"),O=require("./components/organisms/JFormModal.vue.cjs"),R=require("./components/organisms/JDynamicForm.vue.cjs"),z=require("./components/organisms/JSearchPanel.vue.cjs"),N=require("./components/organisms/JFilterBar.vue.cjs"),Q=require("./components/organisms/JHeader.vue.cjs"),U=require("./components/organisms/JSidebarSimple.vue.cjs"),V=require("./components/organisms/JSidebarAdvanced.vue.cjs"),W=require("./components/organisms/JPageContainer.vue.cjs"),X=require("./components/organisms/JTree.vue.cjs"),Y=require("./components/organisms/JShuttle.vue.cjs"),Z=require("./components/templates/JLayout.vue.cjs"),$=require("./components/templates/JLayoutSimple.vue.cjs"),ee=require("./components/templates/JLayoutAdvanced.vue.cjs"),te=require("./components/examples/ExampleCrudPage.vue.cjs"),ue=require("./components/examples/ExampleTabMappingPage.vue.cjs");exports.JButton=e.default;exports.JInput=t.default;exports.JTextarea=u.default;exports.JCheckbox=r.default;exports.JCombo=_.default;exports.JSearchCombo=a.default;exports.JRadio=i.default;exports.JSwitch=p.default;exports.JDatepicker=s.default;exports.JDivider=n.default;exports.JEditor=l.default;exports.JLink=o.default;exports.JImage=c.default;exports.JBadge=J.default;exports.JProgress=d.default;exports.JSpinner=v.default;exports.JAvatar=q.default;exports.JKbd=f.default;exports.JTooltip=g.default;exports.JIcon=y.default;exports.JLabel=m.default;exports.JPopover=b.default;exports.JPreview=S.default;exports.JGrid=T.default;exports.JSplitter=C.default;exports.JSectionTitle=P.default;Object.defineProperty(exports,"JToast",{enumerable:!0,get:()=>h.toast});exports.JToaster=A.default;exports.JFormField=x.default;exports.JGroupCombo=B.default;exports.JTabs=F.default;exports.JSearchAddr=L.default;exports.JContextMenu=M.default;exports.JCard=D.default;exports.JAlert=E.default;exports.JAccordion=k.default;exports.JTitlebar=G.default;exports.JButtonGroup=I.default;exports.JBreadcrumb=w.default;exports.JEmptyState=j.default;exports.JDynamicTabs=H.default;exports.JModal=K.default;exports.JFormModal=O.default;exports.JDynamicForm=R.default;exports.JSearchPanel=z.default;exports.JFilterBar=N.default;exports.JHeader=Q.default;exports.JSidebarSimple=U.default;exports.JSidebarAdvanced=V.default;exports.JPageContainer=W.default;exports.JTree=X.default;exports.JShuttle=Y.default;exports.JLayout=Z.default;exports.JLayoutSimple=$.default;exports.JLayoutAdvanced=ee.default;exports.ExampleCrudPage=te.default;exports.ExampleTabMappingPage=ue.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                         */;/* empty css                           */;/* empty css                                     */;/* empty css                                                                            */const e=require("./components/atoms/JButton.vue.cjs"),t=require("./components/atoms/JInput.vue.cjs"),u=require("./components/atoms/JTextarea.vue.cjs"),r=require("./components/atoms/JCheckbox.vue.cjs"),_=require("./components/atoms/JCombo.vue.cjs"),a=require("./components/atoms/JSearchCombo.vue.cjs"),i=require("./components/atoms/JRadio.vue.cjs"),p=require("./components/atoms/JSwitch.vue.cjs"),s=require("./components/atoms/JDatepicker.vue.cjs"),n=require("./components/atoms/JDivider.vue.cjs"),l=require("./components/atoms/JEditor.vue.cjs"),o=require("./components/atoms/JLink.vue.cjs"),c=require("./components/atoms/JImage.vue.cjs"),J=require("./components/atoms/JBadge.vue.cjs"),d=require("./components/atoms/JProgress.vue.cjs");;/* empty css                                  */const v=require("./components/atoms/JSpinner.vue.cjs"),q=require("./components/atoms/JAvatar.vue.cjs"),f=require("./components/atoms/JKbd.vue.cjs"),g=require("./components/atoms/JTooltip.vue.cjs"),y=require("./components/atoms/JIcon.vue.cjs"),b=require("./components/atoms/JLabel.vue.cjs"),m=require("./components/atoms/JPopover.vue.cjs"),S=require("./components/atoms/JPreview.vue.cjs"),T=require("./components/atoms/JGrid.vue.cjs"),C=require("./components/atoms/JSplitter.vue.cjs"),P=require("./components/atoms/JSectionTitle.vue.cjs"),h=require("vue-sonner"),A=require("./components/atoms/JToast.vue.cjs"),x=require("./components/molecules/JFormField.vue.cjs"),B=require("./components/molecules/JGroupCombo.vue.cjs"),F=require("./components/molecules/JTabs.vue.cjs"),L=require("./components/molecules/JSearchAddr.vue.cjs"),M=require("./components/molecules/JContextMenu.vue.cjs"),D=require("./components/molecules/JCard.vue.cjs"),E=require("./components/molecules/JAlert.vue.cjs"),k=require("./components/molecules/JAccordion.vue.cjs"),G=require("./components/molecules/JTitlebar.vue.cjs"),I=require("./components/molecules/JButtonGroup.vue.cjs"),w=require("./components/molecules/JBreadcrumb.vue.cjs"),j=require("./components/molecules/JEmptyState.vue.cjs"),H=require("./components/organisms/JDynamicTabs.vue.cjs"),K=require("./components/organisms/JModal.vue.cjs"),O=require("./components/organisms/JFormModal.vue.cjs"),R=require("./components/organisms/JDynamicForm.vue.cjs"),z=require("./components/organisms/JSearchPanel.vue.cjs"),N=require("./components/organisms/JFilterBar.vue.cjs"),Q=require("./components/organisms/JHeader.vue.cjs"),U=require("./components/organisms/JSidebar/JSidebar.vue.cjs"),V=require("./components/organisms/JSidebarSimple.vue.cjs"),W=require("./components/organisms/JSidebarAdvanced.vue.cjs"),X=require("./components/organisms/JPageContainer.vue.cjs"),Y=require("./components/organisms/JTree.vue.cjs"),Z=require("./components/organisms/JShuttle.vue.cjs"),$=require("./components/templates/JLayout.vue.cjs"),ee=require("./components/templates/JLayoutSimple.vue.cjs"),te=require("./components/templates/JLayoutAdvanced.vue.cjs"),ue=require("./components/examples/ExampleCrudPage.vue.cjs"),re=require("./components/examples/ExampleTabMappingPage.vue.cjs");exports.JButton=e.default;exports.JInput=t.default;exports.JTextarea=u.default;exports.JCheckbox=r.default;exports.JCombo=_.default;exports.JSearchCombo=a.default;exports.JRadio=i.default;exports.JSwitch=p.default;exports.JDatepicker=s.default;exports.JDivider=n.default;exports.JEditor=l.default;exports.JLink=o.default;exports.JImage=c.default;exports.JBadge=J.default;exports.JProgress=d.default;exports.JSpinner=v.default;exports.JAvatar=q.default;exports.JKbd=f.default;exports.JTooltip=g.default;exports.JIcon=y.default;exports.JLabel=b.default;exports.JPopover=m.default;exports.JPreview=S.default;exports.JGrid=T.default;exports.JSplitter=C.default;exports.JSectionTitle=P.default;Object.defineProperty(exports,"JToast",{enumerable:!0,get:()=>h.toast});exports.JToaster=A.default;exports.JFormField=x.default;exports.JGroupCombo=B.default;exports.JTabs=F.default;exports.JSearchAddr=L.default;exports.JContextMenu=M.default;exports.JCard=D.default;exports.JAlert=E.default;exports.JAccordion=k.default;exports.JTitlebar=G.default;exports.JButtonGroup=I.default;exports.JBreadcrumb=w.default;exports.JEmptyState=j.default;exports.JDynamicTabs=H.default;exports.JModal=K.default;exports.JFormModal=O.default;exports.JDynamicForm=R.default;exports.JSearchPanel=z.default;exports.JFilterBar=N.default;exports.JHeader=Q.default;exports.JSidebar=U.default;exports.JSidebarSimple=V.default;exports.JSidebarAdvanced=W.default;exports.JPageContainer=X.default;exports.JTree=Y.default;exports.JShuttle=Z.default;exports.JLayout=$.default;exports.JLayoutSimple=ee.default;exports.JLayoutAdvanced=te.default;exports.ExampleCrudPage=ue.default;exports.ExampleTabMappingPage=re.default;
 //# sourceMappingURL=index.cjs.map

package/index.js

@@ -52,19 +52,20 @@ import { default as Re } from "./components/organisms/JDynamicForm.vue.js";
 import { default as qe } from "./components/organisms/JSearchPanel.vue.js";
 import { default as Ne } from "./components/organisms/JFilterBar.vue.js";
 import { default as Qe } from "./components/organisms/JHeader.vue.js";
-import { default as Ve } from "./components/organisms/JSidebarSimple.vue.js";
-import { default as Xe } from "./components/organisms/JSidebarAdvanced.vue.js";
-import { default as Ze } from "./components/organisms/JPageContainer.vue.js";
-import { default as $e } from "./components/organisms/JTree.vue.js";
-import { default as aa } from "./components/organisms/JShuttle.vue.js";
-import { default as oa } from "./components/templates/JLayout.vue.js";
-import { default as fa } from "./components/templates/JLayoutSimple.vue.js";
-import { default as ma } from "./components/templates/JLayoutAdvanced.vue.js";
-import { default as la } from "./components/examples/ExampleCrudPage.vue.js";
-import { default as sa } from "./components/examples/ExampleTabMappingPage.vue.js";
+import { default as Ve } from "./components/organisms/JSidebar/JSidebar.vue.js";
+import { default as Xe } from "./components/organisms/JSidebarSimple.vue.js";
+import { default as Ze } from "./components/organisms/JSidebarAdvanced.vue.js";
+import { default as $e } from "./components/organisms/JPageContainer.vue.js";
+import { default as aa } from "./components/organisms/JTree.vue.js";
+import { default as oa } from "./components/organisms/JShuttle.vue.js";
+import { default as fa } from "./components/templates/JLayout.vue.js";
+import { default as ma } from "./components/templates/JLayoutSimple.vue.js";
+import { default as la } from "./components/templates/JLayoutAdvanced.vue.js";
+import { default as sa } from "./components/examples/ExampleCrudPage.vue.js";
+import { default as Ja } from "./components/examples/ExampleTabMappingPage.vue.js";
 export {
-  la as ExampleCrudPage,
-  sa as ExampleTabMappingPage,
+  sa as ExampleCrudPage,
+  Ja as ExampleTabMappingPage,
   he as JAccordion,
   ge as JAlert,
   R as JAvatar,
@@ -93,12 +94,12 @@ export {
   l as JInput,
   q as JKbd,
   V as JLabel,
-  oa as JLayout,
-  ma as JLayoutAdvanced,
-  fa as JLayoutSimple,
+  fa as JLayout,
+  la as JLayoutAdvanced,
+  ma as JLayoutSimple,
   L as JLink,
   Ie as JModal,
-  Ze as JPageContainer,
+  $e as JPageContainer,
   X as JPopover,
   Z as JPreview,
   I as JProgress,
@@ -107,9 +108,10 @@ export {
   b as JSearchCombo,
   qe as JSearchPanel,
   oe as JSectionTitle,
-  aa as JShuttle,
-  Xe as JSidebarAdvanced,
-  Ve as JSidebarSimple,
+  oa as JShuttle,
+  Ve as JSidebar,
+  Ze as JSidebarAdvanced,
+  Xe as JSidebarSimple,
   H as JSpinner,
   ae as JSplitter,
   g as JSwitch,
@@ -119,6 +121,6 @@ export {
   fe as JToast,
   me as JToaster,
   N as JTooltip,
-  $e as JTree
+  aa as JTree
 };
 //# sourceMappingURL=index.js.map

package/lib/styleTypePreset.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styleTypePreset.cjs","sources":["../../../src/lib/styleTypePreset.ts"],"sourcesContent":["import type { ControlStyleType, StyleTypePreset } from '@/types/dynamic-form';                                                        \r\n\r\n/**\r\n * styleType에 따른 자동 프리셋 매핑\r\n * styleType을 선택하면 자동으로 controlSize와 variant가 설정됨    \r\n */\r\nexport const STYLETYPE_PRESETS: Record<ControlStyleType, StyleTypePreset> = {                                                         \r\n  typeA: {\r\n    controlSize: 'md',\r\n    variant: 'default'\r\n  },\r\n  typeB: {\r\n    controlSize: 'sm',\r\n    variant: 'outline'\r\n  },\r\n  typeC: {\r\n    controlSize: 'lg',\r\n    variant: 'secondary'\r\n  }\r\n};\r\n\r\n/**\r\n * styleType에 따라 controlSize와 variant를 자동으로 반환\r\n */\r\nexport function getStyleTypePreset(styleType?: ControlStyleType): StyleTypePreset {                                                   \r\n  if (!styleType) {\r\n    return STYLETYPE_PRESETS.typeA; // 기본값\r\n  }\r\n  return STYLETYPE_PRESETS[styleType] || STYLETYPE_PRESETS.typeA;  \r\n}\r\n\r\n/**\r\n * GlobalStyle에서 최종 controlSize와 variant를 계산\r\n * styleType이 있으면 그것을 우선하고, 없으면 직접 지정된 값을 사용\r\n */\r\nexport function resolveGlobalStyle(globalStyle?: {\r\n  styleType?: ControlStyleType;\r\n  controlSize?: 'sm' | 'md' | 'lg';\r\n  variant?: 'default' | 'outline' | 'secondary' | 'destructive' | 'ghost';                                                            \r\n}): { controlSize: 'sm' | 'md' | 'lg'; variant: 'default' | 'outline' | 'secondary' | 'destructive' | 'ghost' } {                     \r\n  if (globalStyle?.styleType) {\r\n    const preset = getStyleTypePreset(globalStyle.styleType);      \r\n    return {\r\n      controlSize: globalStyle.controlSize || preset.controlSize,  \r\n      variant: globalStyle.variant || preset.variant\r\n    };\r\n  }\r\n\r\n  return {\r\n    controlSize: globalStyle?.controlSize || 'md',\r\n    variant: globalStyle?.variant || 'default'\r\n  };\r\n}\r\n\r\n"],"names":["STYLETYPE_PRESETS","getStyleTypePreset","styleType","resolveGlobalStyle","globalStyle","preset"],"mappings":"gFAMO,MAAMA,EAA+D,CAC1E,MAAO,CACL,YAAa,KACb,QAAS,SAAA,EAEX,MAAO,CACL,YAAa,KACb,QAAS,SAAA,EAEX,MAAO,CACL,YAAa,KACb,QAAS,WAAA,CAEb,EAKO,SAASC,EAAmBC,EAA+C,CAChF,OAAKA,GAGEF,EAAkBE,CAAS,GAAKF,EAAkB,KAC3D,CAMO,SAASG,EAAmBC,EAI6E,CAC9G,GAAIA,GAAa,UAAW,CAC1B,MAAMC,EAASJ,EAAmBG,EAAY,SAAS,EACvD,MAAO,CACL,YAAaA,EAAY,aAAeC,EAAO,YAC/C,QAASD,EAAY,SAAWC,EAAO,OAAA,CAE3C,CAEA,MAAO,CACL,YAAaD,GAAa,aAAe,KACzC,QAASA,GAAa,SAAW,SAAA,CAErC"}
+{"version":3,"file":"styleTypePreset.cjs","sources":["../../../src/lib/styleTypePreset.ts"],"sourcesContent":["import type { ControlStyleType, StyleTypePreset } from '@/types/dynamic-form';                                                        \n\n/**\n * styleType에 따른 자동 프리셋 매핑\n * styleType을 선택하면 자동으로 controlSize와 variant가 설정됨    \n */\nexport const STYLETYPE_PRESETS: Record<ControlStyleType, StyleTypePreset> = {                                                         \n  typeA: {\n    controlSize: 'md',\n    variant: 'default'\n  },\n  typeB: {\n    controlSize: 'sm',\n    variant: 'outline'\n  },\n  typeC: {\n    controlSize: 'lg',\n    variant: 'secondary'\n  }\n};\n\n/**\n * styleType에 따라 controlSize와 variant를 자동으로 반환\n */\nexport function getStyleTypePreset(styleType?: ControlStyleType): StyleTypePreset {                                                   \n  if (!styleType) {\n    return STYLETYPE_PRESETS.typeA; // 기본값\n  }\n  return STYLETYPE_PRESETS[styleType] || STYLETYPE_PRESETS.typeA;  \n}\n\n/**\n * GlobalStyle에서 최종 controlSize와 variant를 계산\n * styleType이 있으면 그것을 우선하고, 없으면 직접 지정된 값을 사용\n */\nexport function resolveGlobalStyle(globalStyle?: {\n  styleType?: ControlStyleType;\n  controlSize?: 'sm' | 'md' | 'lg';\n  variant?: 'default' | 'outline' | 'secondary' | 'destructive' | 'ghost';                                                            \n}): { controlSize: 'sm' | 'md' | 'lg'; variant: 'default' | 'outline' | 'secondary' | 'destructive' | 'ghost' } {                     \n  if (globalStyle?.styleType) {\n    const preset = getStyleTypePreset(globalStyle.styleType);      \n    return {\n      controlSize: globalStyle.controlSize || preset.controlSize,  \n      variant: globalStyle.variant || preset.variant\n    };\n  }\n\n  return {\n    controlSize: globalStyle?.controlSize || 'md',\n    variant: globalStyle?.variant || 'default'\n  };\n}\n\n"],"names":["STYLETYPE_PRESETS","getStyleTypePreset","styleType","resolveGlobalStyle","globalStyle","preset"],"mappings":"gFAMO,MAAMA,EAA+D,CAC1E,MAAO,CACL,YAAa,KACb,QAAS,SAAA,EAEX,MAAO,CACL,YAAa,KACb,QAAS,SAAA,EAEX,MAAO,CACL,YAAa,KACb,QAAS,WAAA,CAEb,EAKO,SAASC,EAAmBC,EAA+C,CAChF,OAAKA,GAGEF,EAAkBE,CAAS,GAAKF,EAAkB,KAC3D,CAMO,SAASG,EAAmBC,EAI6E,CAC9G,GAAIA,GAAa,UAAW,CAC1B,MAAMC,EAASJ,EAAmBG,EAAY,SAAS,EACvD,MAAO,CACL,YAAaA,EAAY,aAAeC,EAAO,YAC/C,QAASD,EAAY,SAAWC,EAAO,OAAA,CAE3C,CAEA,MAAO,CACL,YAAaD,GAAa,aAAe,KACzC,QAASA,GAAa,SAAW,SAAA,CAErC"}

package/lib/styleTypePreset.js.map

@@ -1 +1 @@
-{"version":3,"file":"styleTypePreset.js","sources":["../../../src/lib/styleTypePreset.ts"],"sourcesContent":["import type { ControlStyleType, StyleTypePreset } from '@/types/dynamic-form';                                                        \r\n\r\n/**\r\n * styleType에 따른 자동 프리셋 매핑\r\n * styleType을 선택하면 자동으로 controlSize와 variant가 설정됨    \r\n */\r\nexport const STYLETYPE_PRESETS: Record<ControlStyleType, StyleTypePreset> = {                                                         \r\n  typeA: {\r\n    controlSize: 'md',\r\n    variant: 'default'\r\n  },\r\n  typeB: {\r\n    controlSize: 'sm',\r\n    variant: 'outline'\r\n  },\r\n  typeC: {\r\n    controlSize: 'lg',\r\n    variant: 'secondary'\r\n  }\r\n};\r\n\r\n/**\r\n * styleType에 따라 controlSize와 variant를 자동으로 반환\r\n */\r\nexport function getStyleTypePreset(styleType?: ControlStyleType): StyleTypePreset {                                                   \r\n  if (!styleType) {\r\n    return STYLETYPE_PRESETS.typeA; // 기본값\r\n  }\r\n  return STYLETYPE_PRESETS[styleType] || STYLETYPE_PRESETS.typeA;  \r\n}\r\n\r\n/**\r\n * GlobalStyle에서 최종 controlSize와 variant를 계산\r\n * styleType이 있으면 그것을 우선하고, 없으면 직접 지정된 값을 사용\r\n */\r\nexport function resolveGlobalStyle(globalStyle?: {\r\n  styleType?: ControlStyleType;\r\n  controlSize?: 'sm' | 'md' | 'lg';\r\n  variant?: 'default' | 'outline' | 'secondary' | 'destructive' | 'ghost';                                                            \r\n}): { controlSize: 'sm' | 'md' | 'lg'; variant: 'default' | 'outline' | 'secondary' | 'destructive' | 'ghost' } {                     \r\n  if (globalStyle?.styleType) {\r\n    const preset = getStyleTypePreset(globalStyle.styleType);      \r\n    return {\r\n      controlSize: globalStyle.controlSize || preset.controlSize,  \r\n      variant: globalStyle.variant || preset.variant\r\n    };\r\n  }\r\n\r\n  return {\r\n    controlSize: globalStyle?.controlSize || 'md',\r\n    variant: globalStyle?.variant || 'default'\r\n  };\r\n}\r\n\r\n"],"names":["STYLETYPE_PRESETS","getStyleTypePreset","styleType","resolveGlobalStyle","globalStyle","preset"],"mappings":"AAMO,MAAMA,IAA+D;AAAA,EAC1E,OAAO;AAAA,IACL,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAAA,EAEX,OAAO;AAAA,IACL,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAAA,EAEX,OAAO;AAAA,IACL,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAEb;AAKO,SAASC,EAAmBC,GAA+C;AAChF,SAAKA,KAGEF,EAAkBE,CAAS,KAAKF,EAAkB;AAC3D;AAMO,SAASG,EAAmBC,GAI6E;AAC9G,MAAIA,GAAa,WAAW;AAC1B,UAAMC,IAASJ,EAAmBG,EAAY,SAAS;AACvD,WAAO;AAAA,MACL,aAAaA,EAAY,eAAeC,EAAO;AAAA,MAC/C,SAASD,EAAY,WAAWC,EAAO;AAAA,IAAA;AAAA,EAE3C;AAEA,SAAO;AAAA,IACL,aAAaD,GAAa,eAAe;AAAA,IACzC,SAASA,GAAa,WAAW;AAAA,EAAA;AAErC;"}
+{"version":3,"file":"styleTypePreset.js","sources":["../../../src/lib/styleTypePreset.ts"],"sourcesContent":["import type { ControlStyleType, StyleTypePreset } from '@/types/dynamic-form';                                                        \n\n/**\n * styleType에 따른 자동 프리셋 매핑\n * styleType을 선택하면 자동으로 controlSize와 variant가 설정됨    \n */\nexport const STYLETYPE_PRESETS: Record<ControlStyleType, StyleTypePreset> = {                                                         \n  typeA: {\n    controlSize: 'md',\n    variant: 'default'\n  },\n  typeB: {\n    controlSize: 'sm',\n    variant: 'outline'\n  },\n  typeC: {\n    controlSize: 'lg',\n    variant: 'secondary'\n  }\n};\n\n/**\n * styleType에 따라 controlSize와 variant를 자동으로 반환\n */\nexport function getStyleTypePreset(styleType?: ControlStyleType): StyleTypePreset {                                                   \n  if (!styleType) {\n    return STYLETYPE_PRESETS.typeA; // 기본값\n  }\n  return STYLETYPE_PRESETS[styleType] || STYLETYPE_PRESETS.typeA;  \n}\n\n/**\n * GlobalStyle에서 최종 controlSize와 variant를 계산\n * styleType이 있으면 그것을 우선하고, 없으면 직접 지정된 값을 사용\n */\nexport function resolveGlobalStyle(globalStyle?: {\n  styleType?: ControlStyleType;\n  controlSize?: 'sm' | 'md' | 'lg';\n  variant?: 'default' | 'outline' | 'secondary' | 'destructive' | 'ghost';                                                            \n}): { controlSize: 'sm' | 'md' | 'lg'; variant: 'default' | 'outline' | 'secondary' | 'destructive' | 'ghost' } {                     \n  if (globalStyle?.styleType) {\n    const preset = getStyleTypePreset(globalStyle.styleType);      \n    return {\n      controlSize: globalStyle.controlSize || preset.controlSize,  \n      variant: globalStyle.variant || preset.variant\n    };\n  }\n\n  return {\n    controlSize: globalStyle?.controlSize || 'md',\n    variant: globalStyle?.variant || 'default'\n  };\n}\n\n"],"names":["STYLETYPE_PRESETS","getStyleTypePreset","styleType","resolveGlobalStyle","globalStyle","preset"],"mappings":"AAMO,MAAMA,IAA+D;AAAA,EAC1E,OAAO;AAAA,IACL,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAAA,EAEX,OAAO;AAAA,IACL,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAAA,EAEX,OAAO;AAAA,IACL,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAEb;AAKO,SAASC,EAAmBC,GAA+C;AAChF,SAAKA,KAGEF,EAAkBE,CAAS,KAAKF,EAAkB;AAC3D;AAMO,SAASG,EAAmBC,GAI6E;AAC9G,MAAIA,GAAa,WAAW;AAC1B,UAAMC,IAASJ,EAAmBG,EAAY,SAAS;AACvD,WAAO;AAAA,MACL,aAAaA,EAAY,eAAeC,EAAO;AAAA,MAC/C,SAASD,EAAY,WAAWC,EAAO;AAAA,IAAA;AAAA,EAE3C;AAEA,SAAO;AAAA,IACL,aAAaD,GAAa,eAAe;AAAA,IACzC,SAASA,GAAa,WAAW;AAAA,EAAA;AAErC;"}

package/lib/theme-utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme-utils.cjs","sources":["../../../src/lib/theme-utils.ts"],"sourcesContent":["/**\r\n * 테마 유틸리티 함수\r\n * Theme utility functions for tweakcn custom theme support\r\n */\r\n\r\n/**\r\n * CSS 스타일시트에서 theme-* 클래스를 자동으로 감지합니다.\r\n * Detects theme-* classes from CSS stylesheets\r\n * \r\n * @returns 감지된 테마 이름 배열 (예: ['default', 'slate', 'rose', ...])\r\n */\r\nexport function detectThemeClasses(): string[] {\r\n  const themeClasses: Set<string> = new Set()\r\n  \r\n  try {\r\n    // 모든 스타일시트 순회\r\n    const styleSheets = Array.from(document.styleSheets)\r\n    \r\n    for (const styleSheet of styleSheets) {\r\n      try {\r\n        // CORS 제한으로 인해 접근 불가능한 스타일시트는 건너뛰기\r\n        const rules = styleSheet.cssRules || styleSheet.rules\r\n        \r\n        if (!rules) continue\r\n        \r\n        for (const rule of Array.from(rules)) {\r\n          if (rule instanceof CSSStyleRule) {\r\n            const selector = rule.selectorText\r\n            \r\n            // .theme-{name} 형식의 클래스 선택자 찾기\r\n            const themeMatch = selector.match(/\\.theme-([a-zA-Z0-9_-]+)/)\r\n            if (themeMatch && themeMatch[1]) {\r\n              themeClasses.add(themeMatch[1])\r\n            }\r\n          }\r\n        }\r\n      } catch (e) {\r\n        // CORS 오류 등으로 인한 접근 불가 스타일시트는 무시\r\n        continue\r\n      }\r\n    }\r\n    \r\n    // document에서 직접 클래스 찾기 (동적으로 추가된 스타일)\r\n    const allClasses = Array.from(document.querySelectorAll('[class*=\"theme-\"]'))\r\n    for (const element of allClasses) {\r\n      const classList = Array.from(element.classList)\r\n      for (const className of classList) {\r\n        const themeMatch = className.match(/^theme-([a-zA-Z0-9_-]+)$/)\r\n        if (themeMatch && themeMatch[1]) {\r\n          themeClasses.add(themeMatch[1])\r\n        }\r\n      }\r\n    }\r\n  } catch (error) {\r\n    console.warn('[theme-utils] Failed to detect theme classes:', error)\r\n  }\r\n  \r\n  return Array.from(themeClasses)\r\n}\r\n\r\n/**\r\n * 현재 문서의 모든 테마 클래스를 반환합니다.\r\n * Returns all theme classes currently in the document\r\n * \r\n * @returns 테마 이름 배열\r\n */\r\nexport function getAllThemeClasses(): string[] {\r\n  return detectThemeClasses()\r\n}\r\n\r\n/**\r\n * 테마 이름이 유효한지 검사합니다.\r\n * Validates if a theme name is valid\r\n * \r\n * @param theme - 검사할 테마 이름\r\n * @returns 유효하면 true\r\n */\r\nexport function isValidTheme(theme: string): boolean {\r\n  if (!theme || typeof theme !== 'string') {\r\n    return false\r\n  }\r\n  \r\n  // theme-{name} 형식인지 확인\r\n  const themeClasses = detectThemeClasses()\r\n  return themeClasses.includes(theme)\r\n}\r\n\r\n/**\r\n * 디폴트 테마가 항상 포함되도록 보장합니다.\r\n * Ensures that the default theme is always included\r\n * \r\n * @param themes - 테마 이름 배열\r\n * @returns 디폴트 테마가 포함된 테마 배열 (default가 맨 앞에 위치)\r\n */\r\nexport function ensureDefaultTheme(themes: string[]): string[] {\r\n  const uniqueThemes = Array.from(new Set(themes))\r\n  \r\n  // default가 없으면 경고하고 추가\r\n  if (!uniqueThemes.includes('default')) {\r\n    console.warn('[theme-utils] Default theme not found. Adding default theme to list.')\r\n    return ['default', ...uniqueThemes]\r\n  }\r\n  \r\n  // default를 맨 앞에 배치\r\n  const otherThemes = uniqueThemes.filter(t => t !== 'default')\r\n  return ['default', ...otherThemes]\r\n}\r\n\r\n/**\r\n * 디폴트 테마 이름을 반환합니다.\r\n * Returns the default theme name\r\n * \r\n * @returns 항상 'default'\r\n */\r\nexport function getDefaultTheme(): string {\r\n  return 'default'\r\n}\r\n\r\n/**\r\n * 테마가 존재하는지 검증하고, 없으면 디폴트 테마를 반환합니다.\r\n * Validates if a theme exists, returns default if not found\r\n * \r\n * @param theme - 검증할 테마 이름\r\n * @returns 유효한 테마 이름 (없으면 'default')\r\n */\r\nexport function validateThemeExists(theme: string): string {\r\n  if (!theme || typeof theme !== 'string') {\r\n    return getDefaultTheme()\r\n  }\r\n  \r\n  const themeClasses = detectThemeClasses()\r\n  \r\n  if (themeClasses.includes(theme)) {\r\n    return theme\r\n  }\r\n  \r\n  console.warn(`[theme-utils] Theme '${theme}' not found. Using default theme.`)\r\n  return getDefaultTheme()\r\n}\r\n\r\n/**\r\n * 로컬 스토리지에서 저장된 테마를 가져옵니다.\r\n * Gets stored theme from localStorage\r\n * \r\n * @param storageKey - 스토리지 키 (기본값: 'tweakcn-theme')\r\n * @returns 저장된 테마 이름 또는 null\r\n */\r\nexport function getStoredTheme(storageKey: string = 'tweakcn-theme'): string | null {\r\n  try {\r\n    return localStorage.getItem(storageKey)\r\n  } catch (error) {\r\n    console.warn('[theme-utils] Failed to get stored theme:', error)\r\n    return null\r\n  }\r\n}\r\n\r\n/**\r\n * 테마를 로컬 스토리지에 저장합니다.\r\n * Saves theme to localStorage\r\n * \r\n * @param theme - 저장할 테마 이름\r\n * @param storageKey - 스토리지 키 (기본값: 'tweakcn-theme')\r\n */\r\nexport function setStoredTheme(theme: string, storageKey: string = 'tweakcn-theme'): void {\r\n  try {\r\n    localStorage.setItem(storageKey, theme)\r\n  } catch (error) {\r\n    console.warn('[theme-utils] Failed to save theme:', error)\r\n  }\r\n}\r\n\r\n/**\r\n * 문서의 루트 요소에 테마 클래스를 적용합니다.\r\n * Applies theme class to document root element\r\n * \r\n * @param theme - 적용할 테마 이름\r\n * @returns 성공 여부\r\n */\r\nexport function applyTheme(theme: string): boolean {\r\n  if (!theme || typeof theme !== 'string') {\r\n    return false\r\n  }\r\n  \r\n  try {\r\n    const root = document.documentElement\r\n    \r\n    // 모든 theme-* 클래스 제거\r\n    const themeClasses = detectThemeClasses()\r\n    for (const themeClass of themeClasses) {\r\n      root.classList.remove(`theme-${themeClass}`)\r\n    }\r\n    \r\n    // 새 테마 클래스 추가\r\n    root.classList.add(`theme-${theme}`)\r\n    \r\n    return true\r\n  } catch (error) {\r\n    console.error('[theme-utils] Failed to apply theme:', error)\r\n    return false\r\n  }\r\n}\r\n"],"names":["detectThemeClasses","themeClasses","styleSheets","styleSheet","rules","rule","themeMatch","allClasses","element","classList","className","error","ensureDefaultTheme","themes","uniqueThemes","t","getDefaultTheme","validateThemeExists","theme","getStoredTheme","storageKey","setStoredTheme","applyTheme","root","themeClass"],"mappings":"gFAWO,SAASA,GAA+B,CAC7C,MAAMC,MAAgC,IAEtC,GAAI,CAEF,MAAMC,EAAc,MAAM,KAAK,SAAS,WAAW,EAEnD,UAAWC,KAAcD,EACvB,GAAI,CAEF,MAAME,EAAQD,EAAW,UAAYA,EAAW,MAEhD,GAAI,CAACC,EAAO,SAEZ,UAAWC,KAAQ,MAAM,KAAKD,CAAK,EACjC,GAAIC,aAAgB,aAAc,CAIhC,MAAMC,EAHWD,EAAK,aAGM,MAAM,0BAA0B,EACxDC,GAAcA,EAAW,CAAC,GAC5BL,EAAa,IAAIK,EAAW,CAAC,CAAC,CAElC,CAEJ,MAAY,CAEV,QACF,CAIF,MAAMC,EAAa,MAAM,KAAK,SAAS,iBAAiB,mBAAmB,CAAC,EAC5E,UAAWC,KAAWD,EAAY,CAChC,MAAME,EAAY,MAAM,KAAKD,EAAQ,SAAS,EAC9C,UAAWE,KAAaD,EAAW,CACjC,MAAMH,EAAaI,EAAU,MAAM,0BAA0B,EACzDJ,GAAcA,EAAW,CAAC,GAC5BL,EAAa,IAAIK,EAAW,CAAC,CAAC,CAElC,CACF,CACF,OAASK,EAAO,CACd,QAAQ,KAAK,gDAAiDA,CAAK,CACrE,CAEA,OAAO,MAAM,KAAKV,CAAY,CAChC,CAoCO,SAASW,EAAmBC,EAA4B,CAC7D,MAAMC,EAAe,MAAM,KAAK,IAAI,IAAID,CAAM,CAAC,EAG/C,OAAKC,EAAa,SAAS,SAAS,EAO7B,CAAC,UAAW,GADCA,EAAa,OAAOC,GAAKA,IAAM,SAAS,CAC3B,GAN/B,QAAQ,KAAK,sEAAsE,EAC5E,CAAC,UAAW,GAAGD,CAAY,EAMtC,CAQO,SAASE,GAA0B,CACxC,MAAO,SACT,CASO,SAASC,EAAoBC,EAAuB,CACzD,MAAI,CAACA,GAAS,OAAOA,GAAU,SACtBF,EAAA,EAGYhB,EAAA,EAEJ,SAASkB,CAAK,EACtBA,GAGT,QAAQ,KAAK,wBAAwBA,CAAK,mCAAmC,EACtEF,EAAA,EACT,CASO,SAASG,EAAeC,EAAqB,gBAAgC,CAClF,GAAI,CACF,OAAO,aAAa,QAAQA,CAAU,CACxC,OAAST,EAAO,CACd,eAAQ,KAAK,4CAA6CA,CAAK,EACxD,IACT,CACF,CASO,SAASU,EAAeH,EAAeE,EAAqB,gBAAuB,CACxF,GAAI,CACF,aAAa,QAAQA,EAAYF,CAAK,CACxC,OAASP,EAAO,CACd,QAAQ,KAAK,sCAAuCA,CAAK,CAC3D,CACF,CASO,SAASW,EAAWJ,EAAwB,CACjD,GAAI,CAACA,GAAS,OAAOA,GAAU,SAC7B,MAAO,GAGT,GAAI,CACF,MAAMK,EAAO,SAAS,gBAGhBtB,EAAeD,EAAA,EACrB,UAAWwB,KAAcvB,EACvBsB,EAAK,UAAU,OAAO,SAASC,CAAU,EAAE,EAI7C,OAAAD,EAAK,UAAU,IAAI,SAASL,CAAK,EAAE,EAE5B,EACT,OAASP,EAAO,CACd,eAAQ,MAAM,uCAAwCA,CAAK,EACpD,EACT,CACF"}
+{"version":3,"file":"theme-utils.cjs","sources":["../../../src/lib/theme-utils.ts"],"sourcesContent":["/**\n * 테마 유틸리티 함수\n * Theme utility functions for tweakcn custom theme support\n */\n\n/**\n * CSS 스타일시트에서 theme-* 클래스를 자동으로 감지합니다.\n * Detects theme-* classes from CSS stylesheets\n * \n * @returns 감지된 테마 이름 배열 (예: ['default', 'slate', 'rose', ...])\n */\nexport function detectThemeClasses(): string[] {\n  const themeClasses: Set<string> = new Set()\n  \n  try {\n    // 모든 스타일시트 순회\n    const styleSheets = Array.from(document.styleSheets)\n    \n    for (const styleSheet of styleSheets) {\n      try {\n        // CORS 제한으로 인해 접근 불가능한 스타일시트는 건너뛰기\n        const rules = styleSheet.cssRules || styleSheet.rules\n        \n        if (!rules) continue\n        \n        for (const rule of Array.from(rules)) {\n          if (rule instanceof CSSStyleRule) {\n            const selector = rule.selectorText\n            \n            // .theme-{name} 형식의 클래스 선택자 찾기\n            const themeMatch = selector.match(/\\.theme-([a-zA-Z0-9_-]+)/)\n            if (themeMatch && themeMatch[1]) {\n              themeClasses.add(themeMatch[1])\n            }\n          }\n        }\n      } catch (e) {\n        // CORS 오류 등으로 인한 접근 불가 스타일시트는 무시\n        continue\n      }\n    }\n    \n    // document에서 직접 클래스 찾기 (동적으로 추가된 스타일)\n    const allClasses = Array.from(document.querySelectorAll('[class*=\"theme-\"]'))\n    for (const element of allClasses) {\n      const classList = Array.from(element.classList)\n      for (const className of classList) {\n        const themeMatch = className.match(/^theme-([a-zA-Z0-9_-]+)$/)\n        if (themeMatch && themeMatch[1]) {\n          themeClasses.add(themeMatch[1])\n        }\n      }\n    }\n  } catch (error) {\n    console.warn('[theme-utils] Failed to detect theme classes:', error)\n  }\n  \n  return Array.from(themeClasses)\n}\n\n/**\n * 현재 문서의 모든 테마 클래스를 반환합니다.\n * Returns all theme classes currently in the document\n * \n * @returns 테마 이름 배열\n */\nexport function getAllThemeClasses(): string[] {\n  return detectThemeClasses()\n}\n\n/**\n * 테마 이름이 유효한지 검사합니다.\n * Validates if a theme name is valid\n * \n * @param theme - 검사할 테마 이름\n * @returns 유효하면 true\n */\nexport function isValidTheme(theme: string): boolean {\n  if (!theme || typeof theme !== 'string') {\n    return false\n  }\n  \n  // theme-{name} 형식인지 확인\n  const themeClasses = detectThemeClasses()\n  return themeClasses.includes(theme)\n}\n\n/**\n * 디폴트 테마가 항상 포함되도록 보장합니다.\n * Ensures that the default theme is always included\n * \n * @param themes - 테마 이름 배열\n * @returns 디폴트 테마가 포함된 테마 배열 (default가 맨 앞에 위치)\n */\nexport function ensureDefaultTheme(themes: string[]): string[] {\n  const uniqueThemes = Array.from(new Set(themes))\n  \n  // default가 없으면 경고하고 추가\n  if (!uniqueThemes.includes('default')) {\n    console.warn('[theme-utils] Default theme not found. Adding default theme to list.')\n    return ['default', ...uniqueThemes]\n  }\n  \n  // default를 맨 앞에 배치\n  const otherThemes = uniqueThemes.filter(t => t !== 'default')\n  return ['default', ...otherThemes]\n}\n\n/**\n * 디폴트 테마 이름을 반환합니다.\n * Returns the default theme name\n * \n * @returns 항상 'default'\n */\nexport function getDefaultTheme(): string {\n  return 'default'\n}\n\n/**\n * 테마가 존재하는지 검증하고, 없으면 디폴트 테마를 반환합니다.\n * Validates if a theme exists, returns default if not found\n * \n * @param theme - 검증할 테마 이름\n * @returns 유효한 테마 이름 (없으면 'default')\n */\nexport function validateThemeExists(theme: string): string {\n  if (!theme || typeof theme !== 'string') {\n    return getDefaultTheme()\n  }\n  \n  const themeClasses = detectThemeClasses()\n  \n  if (themeClasses.includes(theme)) {\n    return theme\n  }\n  \n  console.warn(`[theme-utils] Theme '${theme}' not found. Using default theme.`)\n  return getDefaultTheme()\n}\n\n/**\n * 로컬 스토리지에서 저장된 테마를 가져옵니다.\n * Gets stored theme from localStorage\n * \n * @param storageKey - 스토리지 키 (기본값: 'tweakcn-theme')\n * @returns 저장된 테마 이름 또는 null\n */\nexport function getStoredTheme(storageKey: string = 'tweakcn-theme'): string | null {\n  try {\n    return localStorage.getItem(storageKey)\n  } catch (error) {\n    console.warn('[theme-utils] Failed to get stored theme:', error)\n    return null\n  }\n}\n\n/**\n * 테마를 로컬 스토리지에 저장합니다.\n * Saves theme to localStorage\n * \n * @param theme - 저장할 테마 이름\n * @param storageKey - 스토리지 키 (기본값: 'tweakcn-theme')\n */\nexport function setStoredTheme(theme: string, storageKey: string = 'tweakcn-theme'): void {\n  try {\n    localStorage.setItem(storageKey, theme)\n  } catch (error) {\n    console.warn('[theme-utils] Failed to save theme:', error)\n  }\n}\n\n/**\n * 문서의 루트 요소에 테마 클래스를 적용합니다.\n * Applies theme class to document root element\n * \n * @param theme - 적용할 테마 이름\n * @returns 성공 여부\n */\nexport function applyTheme(theme: string): boolean {\n  if (!theme || typeof theme !== 'string') {\n    return false\n  }\n  \n  try {\n    const root = document.documentElement\n    \n    // 모든 theme-* 클래스 제거\n    const themeClasses = detectThemeClasses()\n    for (const themeClass of themeClasses) {\n      root.classList.remove(`theme-${themeClass}`)\n    }\n    \n    // 새 테마 클래스 추가\n    root.classList.add(`theme-${theme}`)\n    \n    return true\n  } catch (error) {\n    console.error('[theme-utils] Failed to apply theme:', error)\n    return false\n  }\n}\n"],"names":["detectThemeClasses","themeClasses","styleSheets","styleSheet","rules","rule","themeMatch","allClasses","element","classList","className","error","ensureDefaultTheme","themes","uniqueThemes","t","getDefaultTheme","validateThemeExists","theme","getStoredTheme","storageKey","setStoredTheme","applyTheme","root","themeClass"],"mappings":"gFAWO,SAASA,GAA+B,CAC7C,MAAMC,MAAgC,IAEtC,GAAI,CAEF,MAAMC,EAAc,MAAM,KAAK,SAAS,WAAW,EAEnD,UAAWC,KAAcD,EACvB,GAAI,CAEF,MAAME,EAAQD,EAAW,UAAYA,EAAW,MAEhD,GAAI,CAACC,EAAO,SAEZ,UAAWC,KAAQ,MAAM,KAAKD,CAAK,EACjC,GAAIC,aAAgB,aAAc,CAIhC,MAAMC,EAHWD,EAAK,aAGM,MAAM,0BAA0B,EACxDC,GAAcA,EAAW,CAAC,GAC5BL,EAAa,IAAIK,EAAW,CAAC,CAAC,CAElC,CAEJ,MAAY,CAEV,QACF,CAIF,MAAMC,EAAa,MAAM,KAAK,SAAS,iBAAiB,mBAAmB,CAAC,EAC5E,UAAWC,KAAWD,EAAY,CAChC,MAAME,EAAY,MAAM,KAAKD,EAAQ,SAAS,EAC9C,UAAWE,KAAaD,EAAW,CACjC,MAAMH,EAAaI,EAAU,MAAM,0BAA0B,EACzDJ,GAAcA,EAAW,CAAC,GAC5BL,EAAa,IAAIK,EAAW,CAAC,CAAC,CAElC,CACF,CACF,OAASK,EAAO,CACd,QAAQ,KAAK,gDAAiDA,CAAK,CACrE,CAEA,OAAO,MAAM,KAAKV,CAAY,CAChC,CAoCO,SAASW,EAAmBC,EAA4B,CAC7D,MAAMC,EAAe,MAAM,KAAK,IAAI,IAAID,CAAM,CAAC,EAG/C,OAAKC,EAAa,SAAS,SAAS,EAO7B,CAAC,UAAW,GADCA,EAAa,OAAOC,GAAKA,IAAM,SAAS,CAC3B,GAN/B,QAAQ,KAAK,sEAAsE,EAC5E,CAAC,UAAW,GAAGD,CAAY,EAMtC,CAQO,SAASE,GAA0B,CACxC,MAAO,SACT,CASO,SAASC,EAAoBC,EAAuB,CACzD,MAAI,CAACA,GAAS,OAAOA,GAAU,SACtBF,EAAA,EAGYhB,EAAA,EAEJ,SAASkB,CAAK,EACtBA,GAGT,QAAQ,KAAK,wBAAwBA,CAAK,mCAAmC,EACtEF,EAAA,EACT,CASO,SAASG,EAAeC,EAAqB,gBAAgC,CAClF,GAAI,CACF,OAAO,aAAa,QAAQA,CAAU,CACxC,OAAST,EAAO,CACd,eAAQ,KAAK,4CAA6CA,CAAK,EACxD,IACT,CACF,CASO,SAASU,EAAeH,EAAeE,EAAqB,gBAAuB,CACxF,GAAI,CACF,aAAa,QAAQA,EAAYF,CAAK,CACxC,OAASP,EAAO,CACd,QAAQ,KAAK,sCAAuCA,CAAK,CAC3D,CACF,CASO,SAASW,EAAWJ,EAAwB,CACjD,GAAI,CAACA,GAAS,OAAOA,GAAU,SAC7B,MAAO,GAGT,GAAI,CACF,MAAMK,EAAO,SAAS,gBAGhBtB,EAAeD,EAAA,EACrB,UAAWwB,KAAcvB,EACvBsB,EAAK,UAAU,OAAO,SAASC,CAAU,EAAE,EAI7C,OAAAD,EAAK,UAAU,IAAI,SAASL,CAAK,EAAE,EAE5B,EACT,OAASP,EAAO,CACd,eAAQ,MAAM,uCAAwCA,CAAK,EACpD,EACT,CACF"}

package/lib/theme-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-utils.js","sources":["../../../src/lib/theme-utils.ts"],"sourcesContent":["/**\r\n * 테마 유틸리티 함수\r\n * Theme utility functions for tweakcn custom theme support\r\n */\r\n\r\n/**\r\n * CSS 스타일시트에서 theme-* 클래스를 자동으로 감지합니다.\r\n * Detects theme-* classes from CSS stylesheets\r\n * \r\n * @returns 감지된 테마 이름 배열 (예: ['default', 'slate', 'rose', ...])\r\n */\r\nexport function detectThemeClasses(): string[] {\r\n  const themeClasses: Set<string> = new Set()\r\n  \r\n  try {\r\n    // 모든 스타일시트 순회\r\n    const styleSheets = Array.from(document.styleSheets)\r\n    \r\n    for (const styleSheet of styleSheets) {\r\n      try {\r\n        // CORS 제한으로 인해 접근 불가능한 스타일시트는 건너뛰기\r\n        const rules = styleSheet.cssRules || styleSheet.rules\r\n        \r\n        if (!rules) continue\r\n        \r\n        for (const rule of Array.from(rules)) {\r\n          if (rule instanceof CSSStyleRule) {\r\n            const selector = rule.selectorText\r\n            \r\n            // .theme-{name} 형식의 클래스 선택자 찾기\r\n            const themeMatch = selector.match(/\\.theme-([a-zA-Z0-9_-]+)/)\r\n            if (themeMatch && themeMatch[1]) {\r\n              themeClasses.add(themeMatch[1])\r\n            }\r\n          }\r\n        }\r\n      } catch (e) {\r\n        // CORS 오류 등으로 인한 접근 불가 스타일시트는 무시\r\n        continue\r\n      }\r\n    }\r\n    \r\n    // document에서 직접 클래스 찾기 (동적으로 추가된 스타일)\r\n    const allClasses = Array.from(document.querySelectorAll('[class*=\"theme-\"]'))\r\n    for (const element of allClasses) {\r\n      const classList = Array.from(element.classList)\r\n      for (const className of classList) {\r\n        const themeMatch = className.match(/^theme-([a-zA-Z0-9_-]+)$/)\r\n        if (themeMatch && themeMatch[1]) {\r\n          themeClasses.add(themeMatch[1])\r\n        }\r\n      }\r\n    }\r\n  } catch (error) {\r\n    console.warn('[theme-utils] Failed to detect theme classes:', error)\r\n  }\r\n  \r\n  return Array.from(themeClasses)\r\n}\r\n\r\n/**\r\n * 현재 문서의 모든 테마 클래스를 반환합니다.\r\n * Returns all theme classes currently in the document\r\n * \r\n * @returns 테마 이름 배열\r\n */\r\nexport function getAllThemeClasses(): string[] {\r\n  return detectThemeClasses()\r\n}\r\n\r\n/**\r\n * 테마 이름이 유효한지 검사합니다.\r\n * Validates if a theme name is valid\r\n * \r\n * @param theme - 검사할 테마 이름\r\n * @returns 유효하면 true\r\n */\r\nexport function isValidTheme(theme: string): boolean {\r\n  if (!theme || typeof theme !== 'string') {\r\n    return false\r\n  }\r\n  \r\n  // theme-{name} 형식인지 확인\r\n  const themeClasses = detectThemeClasses()\r\n  return themeClasses.includes(theme)\r\n}\r\n\r\n/**\r\n * 디폴트 테마가 항상 포함되도록 보장합니다.\r\n * Ensures that the default theme is always included\r\n * \r\n * @param themes - 테마 이름 배열\r\n * @returns 디폴트 테마가 포함된 테마 배열 (default가 맨 앞에 위치)\r\n */\r\nexport function ensureDefaultTheme(themes: string[]): string[] {\r\n  const uniqueThemes = Array.from(new Set(themes))\r\n  \r\n  // default가 없으면 경고하고 추가\r\n  if (!uniqueThemes.includes('default')) {\r\n    console.warn('[theme-utils] Default theme not found. Adding default theme to list.')\r\n    return ['default', ...uniqueThemes]\r\n  }\r\n  \r\n  // default를 맨 앞에 배치\r\n  const otherThemes = uniqueThemes.filter(t => t !== 'default')\r\n  return ['default', ...otherThemes]\r\n}\r\n\r\n/**\r\n * 디폴트 테마 이름을 반환합니다.\r\n * Returns the default theme name\r\n * \r\n * @returns 항상 'default'\r\n */\r\nexport function getDefaultTheme(): string {\r\n  return 'default'\r\n}\r\n\r\n/**\r\n * 테마가 존재하는지 검증하고, 없으면 디폴트 테마를 반환합니다.\r\n * Validates if a theme exists, returns default if not found\r\n * \r\n * @param theme - 검증할 테마 이름\r\n * @returns 유효한 테마 이름 (없으면 'default')\r\n */\r\nexport function validateThemeExists(theme: string): string {\r\n  if (!theme || typeof theme !== 'string') {\r\n    return getDefaultTheme()\r\n  }\r\n  \r\n  const themeClasses = detectThemeClasses()\r\n  \r\n  if (themeClasses.includes(theme)) {\r\n    return theme\r\n  }\r\n  \r\n  console.warn(`[theme-utils] Theme '${theme}' not found. Using default theme.`)\r\n  return getDefaultTheme()\r\n}\r\n\r\n/**\r\n * 로컬 스토리지에서 저장된 테마를 가져옵니다.\r\n * Gets stored theme from localStorage\r\n * \r\n * @param storageKey - 스토리지 키 (기본값: 'tweakcn-theme')\r\n * @returns 저장된 테마 이름 또는 null\r\n */\r\nexport function getStoredTheme(storageKey: string = 'tweakcn-theme'): string | null {\r\n  try {\r\n    return localStorage.getItem(storageKey)\r\n  } catch (error) {\r\n    console.warn('[theme-utils] Failed to get stored theme:', error)\r\n    return null\r\n  }\r\n}\r\n\r\n/**\r\n * 테마를 로컬 스토리지에 저장합니다.\r\n * Saves theme to localStorage\r\n * \r\n * @param theme - 저장할 테마 이름\r\n * @param storageKey - 스토리지 키 (기본값: 'tweakcn-theme')\r\n */\r\nexport function setStoredTheme(theme: string, storageKey: string = 'tweakcn-theme'): void {\r\n  try {\r\n    localStorage.setItem(storageKey, theme)\r\n  } catch (error) {\r\n    console.warn('[theme-utils] Failed to save theme:', error)\r\n  }\r\n}\r\n\r\n/**\r\n * 문서의 루트 요소에 테마 클래스를 적용합니다.\r\n * Applies theme class to document root element\r\n * \r\n * @param theme - 적용할 테마 이름\r\n * @returns 성공 여부\r\n */\r\nexport function applyTheme(theme: string): boolean {\r\n  if (!theme || typeof theme !== 'string') {\r\n    return false\r\n  }\r\n  \r\n  try {\r\n    const root = document.documentElement\r\n    \r\n    // 모든 theme-* 클래스 제거\r\n    const themeClasses = detectThemeClasses()\r\n    for (const themeClass of themeClasses) {\r\n      root.classList.remove(`theme-${themeClass}`)\r\n    }\r\n    \r\n    // 새 테마 클래스 추가\r\n    root.classList.add(`theme-${theme}`)\r\n    \r\n    return true\r\n  } catch (error) {\r\n    console.error('[theme-utils] Failed to apply theme:', error)\r\n    return false\r\n  }\r\n}\r\n"],"names":["detectThemeClasses","themeClasses","styleSheets","styleSheet","rules","rule","themeMatch","allClasses","element","classList","className","error","ensureDefaultTheme","themes","uniqueThemes","t","getDefaultTheme","validateThemeExists","theme","getStoredTheme","storageKey","setStoredTheme","applyTheme","root","themeClass"],"mappings":"AAWO,SAASA,IAA+B;AAC7C,QAAMC,wBAAgC,IAAA;AAEtC,MAAI;AAEF,UAAMC,IAAc,MAAM,KAAK,SAAS,WAAW;AAEnD,eAAWC,KAAcD;AACvB,UAAI;AAEF,cAAME,IAAQD,EAAW,YAAYA,EAAW;AAEhD,YAAI,CAACC,EAAO;AAEZ,mBAAWC,KAAQ,MAAM,KAAKD,CAAK;AACjC,cAAIC,aAAgB,cAAc;AAIhC,kBAAMC,IAHWD,EAAK,aAGM,MAAM,0BAA0B;AAC5D,YAAIC,KAAcA,EAAW,CAAC,KAC5BL,EAAa,IAAIK,EAAW,CAAC,CAAC;AAAA,UAElC;AAAA,MAEJ,QAAY;AAEV;AAAA,MACF;AAIF,UAAMC,IAAa,MAAM,KAAK,SAAS,iBAAiB,mBAAmB,CAAC;AAC5E,eAAWC,KAAWD,GAAY;AAChC,YAAME,IAAY,MAAM,KAAKD,EAAQ,SAAS;AAC9C,iBAAWE,KAAaD,GAAW;AACjC,cAAMH,IAAaI,EAAU,MAAM,0BAA0B;AAC7D,QAAIJ,KAAcA,EAAW,CAAC,KAC5BL,EAAa,IAAIK,EAAW,CAAC,CAAC;AAAA,MAElC;AAAA,IACF;AAAA,EACF,SAASK,GAAO;AACd,YAAQ,KAAK,iDAAiDA,CAAK;AAAA,EACrE;AAEA,SAAO,MAAM,KAAKV,CAAY;AAChC;AAoCO,SAASW,EAAmBC,GAA4B;AAC7D,QAAMC,IAAe,MAAM,KAAK,IAAI,IAAID,CAAM,CAAC;AAG/C,SAAKC,EAAa,SAAS,SAAS,IAO7B,CAAC,WAAW,GADCA,EAAa,OAAO,CAAAC,MAAKA,MAAM,SAAS,CAC3B,KAN/B,QAAQ,KAAK,sEAAsE,GAC5E,CAAC,WAAW,GAAGD,CAAY;AAMtC;AAQO,SAASE,IAA0B;AACxC,SAAO;AACT;AASO,SAASC,EAAoBC,GAAuB;AACzD,SAAI,CAACA,KAAS,OAAOA,KAAU,WACtBF,EAAA,IAGYhB,EAAA,EAEJ,SAASkB,CAAK,IACtBA,KAGT,QAAQ,KAAK,wBAAwBA,CAAK,mCAAmC,GACtEF,EAAA;AACT;AASO,SAASG,EAAeC,IAAqB,iBAAgC;AAClF,MAAI;AACF,WAAO,aAAa,QAAQA,CAAU;AAAA,EACxC,SAAST,GAAO;AACd,mBAAQ,KAAK,6CAA6CA,CAAK,GACxD;AAAA,EACT;AACF;AASO,SAASU,EAAeH,GAAeE,IAAqB,iBAAuB;AACxF,MAAI;AACF,iBAAa,QAAQA,GAAYF,CAAK;AAAA,EACxC,SAASP,GAAO;AACd,YAAQ,KAAK,uCAAuCA,CAAK;AAAA,EAC3D;AACF;AASO,SAASW,EAAWJ,GAAwB;AACjD,MAAI,CAACA,KAAS,OAAOA,KAAU;AAC7B,WAAO;AAGT,MAAI;AACF,UAAMK,IAAO,SAAS,iBAGhBtB,IAAeD,EAAA;AACrB,eAAWwB,KAAcvB;AACvB,MAAAsB,EAAK,UAAU,OAAO,SAASC,CAAU,EAAE;AAI7C,WAAAD,EAAK,UAAU,IAAI,SAASL,CAAK,EAAE,GAE5B;AAAA,EACT,SAASP,GAAO;AACd,mBAAQ,MAAM,wCAAwCA,CAAK,GACpD;AAAA,EACT;AACF;"}
+{"version":3,"file":"theme-utils.js","sources":["../../../src/lib/theme-utils.ts"],"sourcesContent":["/**\n * 테마 유틸리티 함수\n * Theme utility functions for tweakcn custom theme support\n */\n\n/**\n * CSS 스타일시트에서 theme-* 클래스를 자동으로 감지합니다.\n * Detects theme-* classes from CSS stylesheets\n * \n * @returns 감지된 테마 이름 배열 (예: ['default', 'slate', 'rose', ...])\n */\nexport function detectThemeClasses(): string[] {\n  const themeClasses: Set<string> = new Set()\n  \n  try {\n    // 모든 스타일시트 순회\n    const styleSheets = Array.from(document.styleSheets)\n    \n    for (const styleSheet of styleSheets) {\n      try {\n        // CORS 제한으로 인해 접근 불가능한 스타일시트는 건너뛰기\n        const rules = styleSheet.cssRules || styleSheet.rules\n        \n        if (!rules) continue\n        \n        for (const rule of Array.from(rules)) {\n          if (rule instanceof CSSStyleRule) {\n            const selector = rule.selectorText\n            \n            // .theme-{name} 형식의 클래스 선택자 찾기\n            const themeMatch = selector.match(/\\.theme-([a-zA-Z0-9_-]+)/)\n            if (themeMatch && themeMatch[1]) {\n              themeClasses.add(themeMatch[1])\n            }\n          }\n        }\n      } catch (e) {\n        // CORS 오류 등으로 인한 접근 불가 스타일시트는 무시\n        continue\n      }\n    }\n    \n    // document에서 직접 클래스 찾기 (동적으로 추가된 스타일)\n    const allClasses = Array.from(document.querySelectorAll('[class*=\"theme-\"]'))\n    for (const element of allClasses) {\n      const classList = Array.from(element.classList)\n      for (const className of classList) {\n        const themeMatch = className.match(/^theme-([a-zA-Z0-9_-]+)$/)\n        if (themeMatch && themeMatch[1]) {\n          themeClasses.add(themeMatch[1])\n        }\n      }\n    }\n  } catch (error) {\n    console.warn('[theme-utils] Failed to detect theme classes:', error)\n  }\n  \n  return Array.from(themeClasses)\n}\n\n/**\n * 현재 문서의 모든 테마 클래스를 반환합니다.\n * Returns all theme classes currently in the document\n * \n * @returns 테마 이름 배열\n */\nexport function getAllThemeClasses(): string[] {\n  return detectThemeClasses()\n}\n\n/**\n * 테마 이름이 유효한지 검사합니다.\n * Validates if a theme name is valid\n * \n * @param theme - 검사할 테마 이름\n * @returns 유효하면 true\n */\nexport function isValidTheme(theme: string): boolean {\n  if (!theme || typeof theme !== 'string') {\n    return false\n  }\n  \n  // theme-{name} 형식인지 확인\n  const themeClasses = detectThemeClasses()\n  return themeClasses.includes(theme)\n}\n\n/**\n * 디폴트 테마가 항상 포함되도록 보장합니다.\n * Ensures that the default theme is always included\n * \n * @param themes - 테마 이름 배열\n * @returns 디폴트 테마가 포함된 테마 배열 (default가 맨 앞에 위치)\n */\nexport function ensureDefaultTheme(themes: string[]): string[] {\n  const uniqueThemes = Array.from(new Set(themes))\n  \n  // default가 없으면 경고하고 추가\n  if (!uniqueThemes.includes('default')) {\n    console.warn('[theme-utils] Default theme not found. Adding default theme to list.')\n    return ['default', ...uniqueThemes]\n  }\n  \n  // default를 맨 앞에 배치\n  const otherThemes = uniqueThemes.filter(t => t !== 'default')\n  return ['default', ...otherThemes]\n}\n\n/**\n * 디폴트 테마 이름을 반환합니다.\n * Returns the default theme name\n * \n * @returns 항상 'default'\n */\nexport function getDefaultTheme(): string {\n  return 'default'\n}\n\n/**\n * 테마가 존재하는지 검증하고, 없으면 디폴트 테마를 반환합니다.\n * Validates if a theme exists, returns default if not found\n * \n * @param theme - 검증할 테마 이름\n * @returns 유효한 테마 이름 (없으면 'default')\n */\nexport function validateThemeExists(theme: string): string {\n  if (!theme || typeof theme !== 'string') {\n    return getDefaultTheme()\n  }\n  \n  const themeClasses = detectThemeClasses()\n  \n  if (themeClasses.includes(theme)) {\n    return theme\n  }\n  \n  console.warn(`[theme-utils] Theme '${theme}' not found. Using default theme.`)\n  return getDefaultTheme()\n}\n\n/**\n * 로컬 스토리지에서 저장된 테마를 가져옵니다.\n * Gets stored theme from localStorage\n * \n * @param storageKey - 스토리지 키 (기본값: 'tweakcn-theme')\n * @returns 저장된 테마 이름 또는 null\n */\nexport function getStoredTheme(storageKey: string = 'tweakcn-theme'): string | null {\n  try {\n    return localStorage.getItem(storageKey)\n  } catch (error) {\n    console.warn('[theme-utils] Failed to get stored theme:', error)\n    return null\n  }\n}\n\n/**\n * 테마를 로컬 스토리지에 저장합니다.\n * Saves theme to localStorage\n * \n * @param theme - 저장할 테마 이름\n * @param storageKey - 스토리지 키 (기본값: 'tweakcn-theme')\n */\nexport function setStoredTheme(theme: string, storageKey: string = 'tweakcn-theme'): void {\n  try {\n    localStorage.setItem(storageKey, theme)\n  } catch (error) {\n    console.warn('[theme-utils] Failed to save theme:', error)\n  }\n}\n\n/**\n * 문서의 루트 요소에 테마 클래스를 적용합니다.\n * Applies theme class to document root element\n * \n * @param theme - 적용할 테마 이름\n * @returns 성공 여부\n */\nexport function applyTheme(theme: string): boolean {\n  if (!theme || typeof theme !== 'string') {\n    return false\n  }\n  \n  try {\n    const root = document.documentElement\n    \n    // 모든 theme-* 클래스 제거\n    const themeClasses = detectThemeClasses()\n    for (const themeClass of themeClasses) {\n      root.classList.remove(`theme-${themeClass}`)\n    }\n    \n    // 새 테마 클래스 추가\n    root.classList.add(`theme-${theme}`)\n    \n    return true\n  } catch (error) {\n    console.error('[theme-utils] Failed to apply theme:', error)\n    return false\n  }\n}\n"],"names":["detectThemeClasses","themeClasses","styleSheets","styleSheet","rules","rule","themeMatch","allClasses","element","classList","className","error","ensureDefaultTheme","themes","uniqueThemes","t","getDefaultTheme","validateThemeExists","theme","getStoredTheme","storageKey","setStoredTheme","applyTheme","root","themeClass"],"mappings":"AAWO,SAASA,IAA+B;AAC7C,QAAMC,wBAAgC,IAAA;AAEtC,MAAI;AAEF,UAAMC,IAAc,MAAM,KAAK,SAAS,WAAW;AAEnD,eAAWC,KAAcD;AACvB,UAAI;AAEF,cAAME,IAAQD,EAAW,YAAYA,EAAW;AAEhD,YAAI,CAACC,EAAO;AAEZ,mBAAWC,KAAQ,MAAM,KAAKD,CAAK;AACjC,cAAIC,aAAgB,cAAc;AAIhC,kBAAMC,IAHWD,EAAK,aAGM,MAAM,0BAA0B;AAC5D,YAAIC,KAAcA,EAAW,CAAC,KAC5BL,EAAa,IAAIK,EAAW,CAAC,CAAC;AAAA,UAElC;AAAA,MAEJ,QAAY;AAEV;AAAA,MACF;AAIF,UAAMC,IAAa,MAAM,KAAK,SAAS,iBAAiB,mBAAmB,CAAC;AAC5E,eAAWC,KAAWD,GAAY;AAChC,YAAME,IAAY,MAAM,KAAKD,EAAQ,SAAS;AAC9C,iBAAWE,KAAaD,GAAW;AACjC,cAAMH,IAAaI,EAAU,MAAM,0BAA0B;AAC7D,QAAIJ,KAAcA,EAAW,CAAC,KAC5BL,EAAa,IAAIK,EAAW,CAAC,CAAC;AAAA,MAElC;AAAA,IACF;AAAA,EACF,SAASK,GAAO;AACd,YAAQ,KAAK,iDAAiDA,CAAK;AAAA,EACrE;AAEA,SAAO,MAAM,KAAKV,CAAY;AAChC;AAoCO,SAASW,EAAmBC,GAA4B;AAC7D,QAAMC,IAAe,MAAM,KAAK,IAAI,IAAID,CAAM,CAAC;AAG/C,SAAKC,EAAa,SAAS,SAAS,IAO7B,CAAC,WAAW,GADCA,EAAa,OAAO,CAAAC,MAAKA,MAAM,SAAS,CAC3B,KAN/B,QAAQ,KAAK,sEAAsE,GAC5E,CAAC,WAAW,GAAGD,CAAY;AAMtC;AAQO,SAASE,IAA0B;AACxC,SAAO;AACT;AASO,SAASC,EAAoBC,GAAuB;AACzD,SAAI,CAACA,KAAS,OAAOA,KAAU,WACtBF,EAAA,IAGYhB,EAAA,EAEJ,SAASkB,CAAK,IACtBA,KAGT,QAAQ,KAAK,wBAAwBA,CAAK,mCAAmC,GACtEF,EAAA;AACT;AASO,SAASG,EAAeC,IAAqB,iBAAgC;AAClF,MAAI;AACF,WAAO,aAAa,QAAQA,CAAU;AAAA,EACxC,SAAST,GAAO;AACd,mBAAQ,KAAK,6CAA6CA,CAAK,GACxD;AAAA,EACT;AACF;AASO,SAASU,EAAeH,GAAeE,IAAqB,iBAAuB;AACxF,MAAI;AACF,iBAAa,QAAQA,GAAYF,CAAK;AAAA,EACxC,SAASP,GAAO;AACd,YAAQ,KAAK,uCAAuCA,CAAK;AAAA,EAC3D;AACF;AASO,SAASW,EAAWJ,GAAwB;AACjD,MAAI,CAACA,KAAS,OAAOA,KAAU;AAC7B,WAAO;AAGT,MAAI;AACF,UAAMK,IAAO,SAAS,iBAGhBtB,IAAeD,EAAA;AACrB,eAAWwB,KAAcvB;AACvB,MAAAsB,EAAK,UAAU,OAAO,SAASC,CAAU,EAAE;AAI7C,WAAAD,EAAK,UAAU,IAAI,SAASL,CAAK,EAAE,GAE5B;AAAA,EACT,SAASP,GAAO;AACd,mBAAQ,MAAM,wCAAwCA,CAAK,GACpD;AAAA,EACT;AACF;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@j-solution/components",
   "description": "Vue 3 Atomic Design component kit for enterprise dashboards",
-  "version": "1.8.0",
+  "version": "1.9.1",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",

package/tailwind.config.js

@@ -1,81 +1,81 @@
-import containerQueries from '@tailwindcss/container-queries'
-import typography from '@tailwindcss/typography'
-
-/** @type {import('tailwindcss').Config} */
-export default {
-  darkMode: ["class"],
-  content: [
-    "./index.html",
-    "./src/**/*.{vue,js,ts,jsx,tsx}",
-    "./docs/**/*.{vue,js,ts,jsx,tsx,md}",
-  ],
-  theme: {
-  	extend: {
-  		colors: {
-  			border: 'hsl(var(--border))',
-  			input: 'hsl(var(--input))',
-  			ring: 'hsl(var(--ring))',
-  			background: 'hsl(var(--background))',
-  			foreground: 'hsl(var(--foreground))',
-  			primary: {
-  				DEFAULT: 'hsl(var(--primary))',
-  				foreground: 'hsl(var(--primary-foreground))'
-  			},
-  			secondary: {
-  				DEFAULT: 'hsl(var(--secondary))',
-  				foreground: 'hsl(var(--secondary-foreground))'
-  			},
-  			destructive: {
-  				DEFAULT: 'hsl(var(--destructive))',
-  				foreground: 'hsl(var(--destructive-foreground))'
-  			},
-  			muted: {
-  				DEFAULT: 'hsl(var(--muted))',
-  				foreground: 'hsl(var(--muted-foreground))'
-  			},
-  			accent: {
-  				DEFAULT: 'hsl(var(--accent))',
-  				foreground: 'hsl(var(--accent-foreground))'
-  			},
-  			popover: {
-  				DEFAULT: 'hsl(var(--popover))',
-  				foreground: 'hsl(var(--popover-foreground))'
-  			},
-  			card: {
-  				DEFAULT: 'hsl(var(--card))',
-  				foreground: 'hsl(var(--card-foreground))'
-  			}
-  		},
-  		borderRadius: {
-  			lg: 'var(--radius)',
-  			md: 'calc(var(--radius) - 2px)',
-  			sm: 'calc(var(--radius) - 4px)'
-  		},
-  		keyframes: {
-  			'accordion-down': {
-  				from: {
-  					height: '0'
-  				},
-  				to: {
-  					height: 'var(--reka-accordion-content-height)'
-  				}
-  			},
-  			'accordion-up': {
-  				from: {
-  					height: 'var(--reka-accordion-content-height)'
-  				},
-  				to: {
-  					height: '0'
-  				}
-  			}
-  		},
-  		animation: {
-  			'accordion-down': 'accordion-down 0.2s ease-out',
-  			'accordion-up': 'accordion-up 0.2s ease-out'
-  		}
-  	}
-  },
-  plugins: [containerQueries, typography],
-}
-
-
+import containerQueries from '@tailwindcss/container-queries'
+import typography from '@tailwindcss/typography'
+
+/** @type {import('tailwindcss').Config} */
+export default {
+  darkMode: ["class"],
+  content: [
+    "./index.html",
+    "./src/**/*.{vue,js,ts,jsx,tsx}",
+    "./docs/**/*.{vue,js,ts,jsx,tsx,md}",
+  ],
+  theme: {
+  	extend: {
+  		colors: {
+  			border: 'hsl(var(--border))',
+  			input: 'hsl(var(--input))',
+  			ring: 'hsl(var(--ring))',
+  			background: 'hsl(var(--background))',
+  			foreground: 'hsl(var(--foreground))',
+  			primary: {
+  				DEFAULT: 'hsl(var(--primary))',
+  				foreground: 'hsl(var(--primary-foreground))'
+  			},
+  			secondary: {
+  				DEFAULT: 'hsl(var(--secondary))',
+  				foreground: 'hsl(var(--secondary-foreground))'
+  			},
+  			destructive: {
+  				DEFAULT: 'hsl(var(--destructive))',
+  				foreground: 'hsl(var(--destructive-foreground))'
+  			},
+  			muted: {
+  				DEFAULT: 'hsl(var(--muted))',
+  				foreground: 'hsl(var(--muted-foreground))'
+  			},
+  			accent: {
+  				DEFAULT: 'hsl(var(--accent))',
+  				foreground: 'hsl(var(--accent-foreground))'
+  			},
+  			popover: {
+  				DEFAULT: 'hsl(var(--popover))',
+  				foreground: 'hsl(var(--popover-foreground))'
+  			},
+  			card: {
+  				DEFAULT: 'hsl(var(--card))',
+  				foreground: 'hsl(var(--card-foreground))'
+  			}
+  		},
+  		borderRadius: {
+  			lg: 'var(--radius)',
+  			md: 'calc(var(--radius) - 2px)',
+  			sm: 'calc(var(--radius) - 4px)'
+  		},
+  		keyframes: {
+  			'accordion-down': {
+  				from: {
+  					height: '0'
+  				},
+  				to: {
+  					height: 'var(--reka-accordion-content-height)'
+  				}
+  			},
+  			'accordion-up': {
+  				from: {
+  					height: 'var(--reka-accordion-content-height)'
+  				},
+  				to: {
+  					height: '0'
+  				}
+  			}
+  		},
+  		animation: {
+  			'accordion-down': 'accordion-down 0.2s ease-out',
+  			'accordion-up': 'accordion-up 0.2s ease-out'
+  		}
+  	}
+  },
+  plugins: [containerQueries, typography],
+}
+
+