@j-solution/components 1.0.0

package/lib/theme-utils.js.map

@@ -0,0 +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;"}

package/lib/utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("clsx"),u=require("tailwind-merge");function i(...e){return u.twMerge(n.clsx(e))}function c(e,r){return!e||e<=0||!r||r.length===0?!0:r.some(t=>t.menuKey===e&&t.permissionLevel>0)}exports.cn=i;exports.hasMenuPermission=c;
+//# sourceMappingURL=utils.cjs.map

package/lib/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\r\nimport { twMerge } from 'tailwind-merge'\r\nimport type { MenuPermission } from '@/types/sidebar-menu.types'\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs))\r\n}\r\n\r\n/**\r\n * 메뉴 권한 체크 함수\r\n * Check if user has permission for a menu\r\n * \r\n * @param menuKey - 메뉴 키 (없거나 0 이하면 항상 허용)\r\n * @param permissions - 권한 목록\r\n * @returns 권한 있으면 true, 없으면 false\r\n * \r\n * @example\r\n * ```ts\r\n * const hasPermission = hasMenuPermission(1, [\r\n *   { menuKey: 1, permissionLevel: 2 },\r\n *   { menuKey: 2, permissionLevel: 1 }\r\n * ])\r\n * ```\r\n */\r\nexport function hasMenuPermission(\r\n  menuKey: number | undefined,\r\n  permissions: MenuPermission[] | undefined\r\n): boolean {\r\n  // menuKey가 없거나 0 이하면 항상 허용 (기본 메뉴)\r\n  if (!menuKey || menuKey <= 0) {\r\n    return true\r\n  }\r\n\r\n  // 권한 목록이 없으면 모두 허용\r\n  if (!permissions || permissions.length === 0) {\r\n    return true\r\n  }\r\n\r\n  // 권한 목록에서 해당 menuKey 찾기\r\n  // permissionLevel > 0 이면 권한 있는 것으로 판단\r\n  return permissions.some(\r\n    (p) => p.menuKey === menuKey && p.permissionLevel > 0\r\n  )\r\n}\r\n\r\n\r\n"],"names":["cn","inputs","twMerge","clsx","hasMenuPermission","menuKey","permissions","p"],"mappings":"oIAIO,SAASA,KAAMC,EAAsB,CAC1C,OAAOC,EAAAA,QAAQC,OAAKF,CAAM,CAAC,CAC7B,CAkBO,SAASG,EACdC,EACAC,EACS,CAOT,MALI,CAACD,GAAWA,GAAW,GAKvB,CAACC,GAAeA,EAAY,SAAW,EAClC,GAKFA,EAAY,KAChBC,GAAMA,EAAE,UAAYF,GAAWE,EAAE,gBAAkB,CAAA,CAExD"}

package/lib/utils.js

@@ -0,0 +1,15 @@
+import { clsx as n } from "clsx";
+import { twMerge as o } from "tailwind-merge";
+function i(...r) {
+  return o(n(r));
+}
+function c(r, t) {
+  return !r || r <= 0 || !t || t.length === 0 ? !0 : t.some(
+    (e) => e.menuKey === r && e.permissionLevel > 0
+  );
+}
+export {
+  i as cn,
+  c as hasMenuPermission
+};
+//# sourceMappingURL=utils.js.map

package/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\r\nimport { twMerge } from 'tailwind-merge'\r\nimport type { MenuPermission } from '@/types/sidebar-menu.types'\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs))\r\n}\r\n\r\n/**\r\n * 메뉴 권한 체크 함수\r\n * Check if user has permission for a menu\r\n * \r\n * @param menuKey - 메뉴 키 (없거나 0 이하면 항상 허용)\r\n * @param permissions - 권한 목록\r\n * @returns 권한 있으면 true, 없으면 false\r\n * \r\n * @example\r\n * ```ts\r\n * const hasPermission = hasMenuPermission(1, [\r\n *   { menuKey: 1, permissionLevel: 2 },\r\n *   { menuKey: 2, permissionLevel: 1 }\r\n * ])\r\n * ```\r\n */\r\nexport function hasMenuPermission(\r\n  menuKey: number | undefined,\r\n  permissions: MenuPermission[] | undefined\r\n): boolean {\r\n  // menuKey가 없거나 0 이하면 항상 허용 (기본 메뉴)\r\n  if (!menuKey || menuKey <= 0) {\r\n    return true\r\n  }\r\n\r\n  // 권한 목록이 없으면 모두 허용\r\n  if (!permissions || permissions.length === 0) {\r\n    return true\r\n  }\r\n\r\n  // 권한 목록에서 해당 menuKey 찾기\r\n  // permissionLevel > 0 이면 권한 있는 것으로 판단\r\n  return permissions.some(\r\n    (p) => p.menuKey === menuKey && p.permissionLevel > 0\r\n  )\r\n}\r\n\r\n\r\n"],"names":["cn","inputs","twMerge","clsx","hasMenuPermission","menuKey","permissions","p"],"mappings":";;AAIO,SAASA,KAAMC,GAAsB;AAC1C,SAAOC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;AAkBO,SAASG,EACdC,GACAC,GACS;AAOT,SALI,CAACD,KAAWA,KAAW,KAKvB,CAACC,KAAeA,EAAY,WAAW,IAClC,KAKFA,EAAY;AAAA,IACjB,CAACC,MAAMA,EAAE,YAAYF,KAAWE,EAAE,kBAAkB;AAAA,EAAA;AAExD;"}

package/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "@j-solution/components",
+  "description": "Vue 3 Atomic Design component kit for enterprise dashboards",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./index.cjs",
+  "module": "./index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./index.js",
+      "require": "./index.cjs"
+    },
+    "./components/*": {
+      "types": "./types/components/*.d.ts",
+      "import": "./components/*.js",
+      "require": "./components/*.cjs"
+    },
+    "./lib/*": {
+      "types": "./types/lib/*.d.ts",
+      "import": "./lib/*.js",
+      "require": "./lib/*.cjs"
+    },
+    "./types/*": "./types/*",
+    "./assets/*": "./assets/*",
+    "./tailwind.config.js": "./tailwind.config.js",
+    "./components.json": "./components.json",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "assets",
+    "components",
+    "lib",
+    "types",
+    "chunks",
+    "index.cjs",
+    "index.js",
+    "README.md",
+    "USAGE_GUIDE.md",
+    "UPDATE_GUIDE.md",
+    "tailwind.config.js",
+    "components.json",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "./assets/**/*.css",
+    "./components/**/*.css",
+    "./lib/**/*.css"
+  ],
+  "peerDependencies": {
+    "vue": "^3.5.22",
+    "vue-router": "^4.6.0",
+    "pinia": "^3.0.3",
+    "ag-grid-enterprise": "^34.3.1"
+  },
+  "dependencies": {
+    "@internationalized/date": "^3.10.0",
+    "@microsoft/signalr": "^9.0.6",
+    "@vee-validate/zod": "^4.15.1",
+    "@vueuse/core": "^13.9.0",
+    "ag-grid-community": "^34.3.1",
+    "ag-grid-vue3": "^34.3.1",
+    "axios": "^1.12.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-vue-next": "^0.545.0",
+    "radix-vue": "^1.9.17",
+    "reka-ui": "^2.6.0",
+    "tailwind-merge": "^3.3.1",
+    "vee-validate": "^4.15.1",
+    "zod": "^3.25.76"
+  },
+  "keywords": [
+    "vue3",
+    "components",
+    "atomic-design",
+    "shadcn",
+    "tailwindcss",
+    "jwms",
+    "enterprise-ui"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/JWMS-Solutions/J-Component.git"
+  },
+  "bugs": {
+    "url": "https://github.com/JWMS-Solutions/J-Component/issues"
+  },
+  "homepage": "https://github.com/JWMS-Solutions/J-Component#readme",
+  "license": "MIT",
+  "author": "JWMS Frontend Team",
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/tailwind.config.js

@@ -0,0 +1,80 @@
+import containerQueries from '@tailwindcss/container-queries'
+
+/** @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],
+}
+
+