npm - @kt-components/layout-header-sidebar - Versions diffs - 1.0.3 → 1.0.5 - Mend

@kt-components/layout-header-sidebar 1.0.3 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../header/Header.tsx","../sidebar/utils.ts","../header/NotificationList.tsx","../sidebar/UserProfile.tsx","../sidebar/ProfileButton.tsx","../sidebar/MenuList.tsx","../sidebar/LogoutButton.tsx","../sidebar/SharedSidebar.tsx"],"sourcesContent":["'use client';\r\n\r\nimport React, { useState, useRef, useEffect } from 'react';\r\nimport { toggleSidebar } from '../sidebar/utils';\r\nimport NotificationList, { NotificationItem } from './NotificationList';\r\n\r\ninterface HeaderProps {\r\n user?: {\r\n firstName?: string;\r\n lastName?: string;\r\n pictureUrl?: string;\r\n };\r\n sidebarId?: string;\r\n overlayId?: string;\r\n notificationBell?: React.ReactNode;\r\n notifications?: NotificationItem[]; // New prop for notifications data\r\n}\r\n\r\nexport default function Header({\r\n user,\r\n sidebarId = 'sidebar',\r\n overlayId = 'sidebar-overlay',\r\n notificationBell,\r\n notifications = [] // Default to empty array\r\n}: HeaderProps) {\r\n const displayName = `${user?.firstName \|\| ''} ${user?.lastName \|\| ''}`.trim() \|\| 'ผู้ใช้';\r\n const firstChar = user?.firstName?.charAt(0) \|\| 'ผ';\r\n const [isNotificationsOpen, setIsNotificationsOpen] = useState(false);\r\n const notificationRef = useRef<HTMLDivElement>(null);\r\n\r\n const handleToggleSidebar = () => {\r\n toggleSidebar(sidebarId, overlayId);\r\n };\r\n\r\n // Close dropdown when clicking outside\r\n useEffect(() => {\r\n const handleClickOutside = (event: MouseEvent) => {\r\n if (notificationRef.current && !notificationRef.current.contains(event.target as Node)) {\r\n setIsNotificationsOpen(false);\r\n }\r\n };\r\n\r\n document.addEventListener('mousedown', handleClickOutside);\r\n return () => {\r\n document.removeEventListener('mousedown', handleClickOutside);\r\n };\r\n }, []);\r\n\r\n const unreadCount = notifications.filter(n => !n.isRead).length;\r\n\r\n return (\r\n <header className=\"bg-white shadow-sm sticky top-0 z-10 lg:static\">\r\n <div className=\"flex items-center justify-between px-5 py-3.5\">\r\n {/* Avatar & Name /}\r\n <div className=\"flex items-center gap-3\">\r\n {user?.pictureUrl ? (\r\n <img\r\n src={user.pictureUrl}\r\n alt={displayName}\r\n width={44}\r\n height={44}\r\n className=\"rounded-full object-cover border-2 border-teal-100 w-[44px] h-[44px]\"\r\n />\r\n ) : (\r\n <div className=\"w-11 h-11 bg-gradient-to-br from-teal-400 to-teal-600 rounded-full flex items-center justify-center shadow-sm\">\r\n <span className=\"text-white text-lg font-semibold\">\r\n {firstChar}\r\n </span>\r\n </div>\r\n )}\r\n <div>\r\n <p className=\"text-sm font-semibold text-gray-900\">\r\n สวัสดี, <span className=\"text-[#1E7D55]\">{displayName}</span>\r\n </p>\r\n </div>\r\n </div>\r\n\r\n {/ Right Side Buttons /}\r\n <div className=\"flex items-center gap-1\">\r\n {/ Notification Bell (optional or default with dropdown) /}\r\n <div className=\"relative\" ref={notificationRef}>\r\n {notificationBell \|\| (\r\n <button\r\n className=\"p-2.5 rounded-lg transition-colors hover:bg-gray-100 relative\"\r\n onClick={() => setIsNotificationsOpen(!isNotificationsOpen)}\r\n >\r\n <svg width=\"22\" height=\"24\" viewBox=\"0 0 22 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M21.2321 13.4463L19.3618 6.71712C18.8136 4.74574 17.6222 3.01418 15.9769 1.79767C14.3316 0.581165 12.3269 -0.0504751 10.2814 0.00315377C8.23593 0.0567826 6.26708 0.792603 4.6878 2.09365C3.10852 3.3947 2.00945 5.18632 1.5653 7.18371L0.11728 13.6954C-0.0426654 14.4149 -0.0389674 15.1611 0.128101 15.879C0.29517 16.5969 0.621344 17.2681 1.08254 17.8431C1.54374 18.418 2.12818 18.8821 2.79272 19.2009C3.45727 19.5198 4.18494 19.6853 4.92202 19.6853H6.01861C6.24454 20.7979 6.84817 21.7982 7.72723 22.5167C8.60629 23.2352 9.70671 23.6277 10.842 23.6277C11.9774 23.6277 13.0778 23.2352 13.9569 22.5167C14.8359 21.7982 15.4396 20.7979 15.6655 19.6853H16.4904C17.2492 19.6853 17.9977 19.5099 18.6774 19.1728C19.3572 18.8357 19.9498 18.346 20.409 17.742C20.8682 17.1379 21.1815 16.4359 21.3245 15.6907C21.4674 14.9455 21.4352 14.1774 21.2321 13.4463ZM10.842 21.654C10.2334 21.6515 9.64049 21.461 9.1443 21.1086C8.6481 20.7562 8.27291 20.2591 8.07005 19.6853H13.614C13.4112 20.2591 13.036 20.7562 12.5398 21.1086C12.0436 21.461 11.4506 21.6515 10.842 21.654ZM18.8411 16.55C18.5668 16.9139 18.2114 17.2088 17.8032 17.4113C17.3949 17.6138 16.9451 17.7183 16.4894 17.7165H4.92202C4.47982 17.7164 4.04328 17.6171 3.64463 17.4257C3.24598 17.2344 2.89539 16.9559 2.61874 16.611C2.34208 16.266 2.14643 15.8633 2.04622 15.4326C1.94602 15.0019 1.94381 14.5542 2.03977 14.1226L3.4868 7.60994C3.83561 6.04105 4.69886 4.63379 5.93932 3.61186C7.17978 2.58992 8.72625 2.01197 10.3329 1.96988C11.9395 1.92779 13.5142 2.42398 14.8064 3.37956C16.0987 4.33515 17.0344 5.69528 17.4649 7.24376L19.3352 13.9729C19.4588 14.4114 19.4785 14.8725 19.3927 15.3199C19.3069 15.7672 19.1181 16.1884 18.8411 16.55Z\" fill=\"#060D26\" />\r\n </svg>\r\n {unreadCount > 0 && (\r\n <span className=\"absolute top-1.5 right-1.5 min-w-[18px] h-[18px] bg-red-500 rounded-full flex items-center justify-center text-[10px] font-bold text-white px-1 border-2 border-white\">\r\n {unreadCount}\r\n </span>\r\n )}\r\n </button>\r\n )}\r\n\r\n {/ Dropdown /}\r\n {isNotificationsOpen && (\r\n <NotificationList\r\n notifications={notifications}\r\n onClose={() => setIsNotificationsOpen(false)}\r\n />\r\n )}\r\n </div>\r\n\r\n {/ Menu Button /}\r\n <button\r\n onClick={handleToggleSidebar}\r\n className=\"p-2.5 rounded-lg transition-colors hover:bg-gray-100\"\r\n >\r\n <svg width=\"27\" height=\"18\" viewBox=\"0 0 27 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M1.1875 17.8426C0.851042 17.8426 0.569077 17.7287 0.341604 17.501C0.113868 17.2735 0 16.9914 0 16.6547C0 16.3182 0.113868 16.0363 0.341604 15.8088C0.569077 15.5816 0.851042 15.468 1.1875 15.468H25.7292C26.0656 15.468 26.3476 15.5817 26.5751 15.8092C26.8028 16.0369 26.9167 16.3192 26.9167 16.6559C26.9167 16.9923 26.8028 17.2743 26.5751 17.5018C26.3476 17.729 26.0656 17.8426 25.7292 17.8426H1.1875ZM1.1875 10.1088C0.851042 10.1088 0.569077 9.99492 0.341604 9.76719C0.113868 9.53945 0 9.25735 0 8.9209C0 8.58417 0.113868 8.30221 0.341604 8.075C0.569077 7.84753 0.851042 7.73379 1.1875 7.73379H25.7292C26.0656 7.73379 26.3476 7.84766 26.5751 8.0754C26.8028 8.30313 26.9167 8.58523 26.9167 8.92169C26.9167 9.25841 26.8028 9.54037 26.5751 9.76758C26.3476 9.99506 26.0656 10.1088 25.7292 10.1088H1.1875ZM1.1875 2.3746C0.851042 2.3746 0.569077 2.26087 0.341604 2.0334C0.113868 1.80566 0 1.52343 0 1.18671C0 0.850249 0.113868 0.568284 0.341604 0.340812C0.569077 0.113604 0.851042 0 1.1875 0H25.7292C26.0656 0 26.3476 0.113868 26.5751 0.341604C26.8028 0.569077 26.9167 0.851174 26.9167 1.1879C26.9167 1.52435 26.8028 1.80632 26.5751 2.03379C26.3476 2.261 26.0656 2.3746 25.7292 2.3746H1.1875Z\" fill=\"#1C1B1F\" />\r\n </svg>\r\n </button>\r\n </div>\r\n </div>\r\n </header>\r\n );\r\n}\r\n","/\r\n Toggle sidebar visibility (Right side)\r\n * @param sidebarId - ID of the sidebar element\r\n * @param overlayId - ID of the overlay element\r\n /\r\nexport function toggleSidebar(sidebarId: string = 'sidebar', overlayId: string = 'sidebar-overlay') {\r\n const sidebar = document.getElementById(sidebarId);\r\n const overlay = document.getElementById(overlayId);\r\n\r\n if (sidebar && overlay) {\r\n const isOpen = sidebar.classList.contains('translate-x-0');\r\n\r\n if (isOpen) {\r\n // Close sidebar (slide to right)\r\n sidebar.classList.remove('translate-x-0');\r\n sidebar.classList.add('translate-x-full');\r\n overlay.classList.add('hidden');\r\n } else {\r\n // Open sidebar (slide from right)\r\n sidebar.classList.remove('translate-x-full');\r\n sidebar.classList.add('translate-x-0');\r\n overlay.classList.remove('hidden');\r\n }\r\n }\r\n}\r\n\r\n/\r\n Close sidebar (Right side)\r\n * @param sidebarId - ID of the sidebar element\r\n * @param overlayId - ID of the overlay element\r\n /\r\nexport function closeSidebar(sidebarId: string = 'sidebar', overlayId: string = 'sidebar-overlay') {\r\n const sidebar = document.getElementById(sidebarId);\r\n const overlay = document.getElementById(overlayId);\r\n\r\n if (sidebar) {\r\n sidebar.classList.remove('translate-x-0');\r\n sidebar.classList.add('translate-x-full');\r\n }\r\n\r\n if (overlay) {\r\n overlay.classList.add('hidden');\r\n }\r\n}\r\n\r\n/\r\n Open sidebar (Right side)\r\n * @param sidebarId - ID of the sidebar element\r\n * @param overlayId - ID of the overlay element\r\n /\r\nexport function openSidebar(sidebarId: string = 'sidebar', overlayId: string = 'sidebar-overlay') {\r\n const sidebar = document.getElementById(sidebarId);\r\n const overlay = document.getElementById(overlayId);\r\n\r\n if (sidebar) {\r\n sidebar.classList.remove('translate-x-full');\r\n sidebar.classList.add('translate-x-0');\r\n }\r\n\r\n if (overlay) {\r\n overlay.classList.remove('hidden');\r\n }\r\n}\r\n","'use client';\r\n\r\n\r\n\r\nexport interface NotificationItem {\r\n id: string \| number;\r\n title: string;\r\n description: string;\r\n date: string;\r\n type: 'reminder' \| 'success' \| 'info';\r\n isRead?: boolean;\r\n}\r\n\r\ninterface NotificationListProps {\r\n notifications: NotificationItem[];\r\n onClose: () => void;\r\n}\r\n\r\nexport default function NotificationList({ notifications, onClose }: NotificationListProps) {\r\n const unreadCount = notifications.filter(n => !n.isRead).length;\r\n\r\n return (\r\n <>\r\n {/ Mobile Overlay /}\r\n <div className=\"fixed inset-0 bg-black/20 z-40 sm:hidden\" onClick={onClose} />\r\n\r\n {/ Dropdown Container /}\r\n <div className=\"fixed sm:absolute inset-x-4 top-20 sm:inset-auto sm:right-0 sm:top-full sm:mt-2 w-auto sm:w-96 bg-white rounded-xl shadow-2xl sm:shadow-xl border border-gray-100 overflow-hidden z-50 animate-in fade-in zoom-in-95 duration-200 origin-top sm:origin-top-right\">\r\n {/ Header /}\r\n <div className=\"px-5 py-4 bg-[#EAFDF6] border-b border-teal-100\">\r\n <div className=\"flex items-center justify-between\">\r\n <h3 className=\"font-bold text-lg text-gray-900\">การแจ้งเตือน</h3>\r\n {/ Badge logic if needed, or just text /}\r\n </div>\r\n <p className=\"text-sm text-gray-500 mt-0.5\">{unreadCount} รายการใหม่</p>\r\n </div>\r\n\r\n {/ List /}\r\n <div className=\"max-h-[60vh] overflow-y-auto\">\r\n {notifications.length === 0 ? (\r\n <div className=\"p-8 text-center text-gray-500\">\r\n ไม่มีการแจ้งเตือน\r\n </div>\r\n ) : (\r\n notifications.map((item) => (\r\n <div key={item.id} className=\"p-4 border-b border-gray-50 hover:bg-gray-50 transition-colors cursor-pointer relative group\">\r\n <div className=\"flex gap-4\">\r\n {/ Icon based on type /}\r\n <div className=\"flex-shrink-0 mt-1\">\r\n {item.type === 'reminder' && (\r\n <div className=\"w-10 h-10 rounded-full bg-blue-50 text-blue-500 flex items-center justify-center\">\r\n <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\" />\r\n </svg>\r\n </div>\r\n )}\r\n {item.type === 'success' && (\r\n <div className=\"w-10 h-10 rounded-full bg-green-50 text-green-500 flex items-center justify-center\">\r\n <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\r\n </svg>\r\n </div>\r\n )}\r\n {item.type === 'info' && (\r\n <div className=\"w-10 h-10 rounded-full bg-gray-50 text-gray-500 flex items-center justify-center\">\r\n <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\r\n </svg>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/ Content /}\r\n <div className=\"flex-1 min-w-0\">\r\n <div className=\"flex justify-between items-start mb-1\">\r\n <p className=\"font-semibold text-gray-900 text-sm leading-snug\">{item.title}</p>\r\n {!item.isRead && (\r\n <span className=\"w-2 h-2 rounded-full bg-blue-500 mt-1.5 flex-shrink-0\"></span>\r\n )}\r\n </div>\r\n <p className=\"text-sm text-gray-500 line-clamp-2 mb-1.5 leading-relaxed\">\r\n {item.description}\r\n </p>\r\n <p className=\"text-xs text-gray-400\">\r\n {item.date}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n ))\r\n )}\r\n </div>\r\n\r\n {/ Footer /}\r\n <div className=\"p-4 bg-gray-50 border-t border-gray-100 text-center\">\r\n <button\r\n className=\"text-sm text-gray-500 hover:text-gray-700 font-medium\"\r\n onClick={onClose}\r\n >\r\n ไม่มีการแจ้งเตือนเพิ่มเติม\r\n </button>\r\n </div>\r\n </div>\r\n </>\r\n );\r\n}\r\n","'use client';\r\n\r\ninterface User {\r\n id?: string \| number;\r\n firstName?: string;\r\n lastName?: string;\r\n pictureUrl?: string;\r\n role?: string;\r\n}\r\n\r\ninterface UserProfileProps {\r\n user: User \| null;\r\n roleLabel: string;\r\n roleColor?: string;\r\n}\r\n\r\nexport default function UserProfile({ user, roleLabel, roleColor = 'orange' }: UserProfileProps) {\r\n if (!user) return null;\r\n\r\n const getFullName = () => {\r\n if (user.firstName && user.lastName) {\r\n return `${user.firstName} ${user.lastName}`;\r\n }\r\n return user.firstName \|\| user.lastName \|\| 'ผู้ใช้';\r\n };\r\n\r\n const getInitial = () => {\r\n return user.firstName?.charAt(0) \|\| user.lastName?.charAt(0) \|\| '?';\r\n };\r\n\r\n const getRoleColorClass = () => {\r\n const colors: Record<string, string> = {\r\n orange: 'bg-orange-500',\r\n teal: 'bg-teal-500',\r\n blue: 'bg-blue-500',\r\n green: 'bg-green-500',\r\n purple: 'bg-purple-500',\r\n };\r\n return colors[roleColor] \|\| 'bg-orange-500';\r\n };\r\n\r\n return (\r\n <div className=\"p-5 border-b border-gray-200\">\r\n <div className=\"flex items-center gap-3\">\r\n {user.pictureUrl ? (\r\n <img\r\n src={user.pictureUrl}\r\n alt={getFullName()}\r\n width={56}\r\n height={56}\r\n className=\"w-14 h-14 rounded-full shadow-lg object-cover\"\r\n />\r\n ) : (\r\n <div className=\"w-14 h-14 bg-gradient-to-br from-teal-400 to-teal-600 rounded-full flex items-center justify-center text-white font-bold shadow-lg text-xl\">\r\n {getInitial()}\r\n </div>\r\n )}\r\n <div className=\"flex-1 min-w-0\">\r\n <p className=\"font-bold text-gray-900 truncate text-base\">\r\n {getFullName()}\r\n </p>\r\n <p className=\"text-sm text-gray-500 flex items-center gap-1\">\r\n <span className={`w-2 h-2 ${getRoleColorClass()} rounded-full`}></span>\r\n {roleLabel}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n","'use client';\r\n\r\ninterface ProfileButtonProps {\r\n onClick: () => void;\r\n}\r\n\r\nexport default function ProfileButton({ onClick }: ProfileButtonProps) {\r\n return (\r\n <div className=\"px-5 pt-4 pb-2\">\r\n <button\r\n onClick={onClick}\r\n className=\"w-full flex items-center gap-4 px-4 py-3.5 rounded-lg text-gray-700 hover:bg-gray-50 transition-colors\"\r\n >\r\n <div className=\"w-8 h-8 flex items-center justify-center text-gray-600 flex-shrink-0\">\r\n <svg className=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n strokeWidth={2}\r\n d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"\r\n />\r\n </svg>\r\n </div>\r\n <span className=\"flex-1 text-left font-medium text-base\">ข้อมูลส่วนตัว</span>\r\n </button>\r\n </div>\r\n );\r\n}\r\n","'use client';\r\n\r\nexport interface MenuItem {\r\n id: string;\r\n title: string;\r\n path: string;\r\n icon: React.ReactNode;\r\n}\r\n\r\ninterface MenuListProps {\r\n menuItems: MenuItem[];\r\n onItemClick: (path: string) => void;\r\n}\r\n\r\nexport default function MenuList({ menuItems, onItemClick }: MenuListProps) {\r\n return (\r\n <nav className=\"flex-1 p-5 overflow-y-auto\">\r\n <ul className=\"space-y-1\">\r\n {menuItems.map((item) => (\r\n <li key={item.id}>\r\n <button\r\n onClick={() => onItemClick(item.path)}\r\n className=\"w-full flex items-center gap-4 px-4 py-3.5 rounded-lg text-gray-700 hover:bg-gray-50 transition-colors\"\r\n >\r\n <div className=\"w-8 h-8 flex items-center justify-center text-gray-600 flex-shrink-0\">{item.icon}</div>\r\n <span className=\"flex-1 text-left font-medium text-base\">\r\n {item.title}\r\n </span>\r\n </button>\r\n </li>\r\n ))}\r\n </ul>\r\n </nav>\r\n );\r\n}\r\n","'use client';\r\n\r\ninterface LogoutButtonProps {\r\n onLogout: () => void;\r\n}\r\n\r\nexport default function LogoutButton({ onLogout }: LogoutButtonProps) {\r\n return (\r\n <div className=\"p-5 border-t border-gray-200\">\r\n <button\r\n onClick={onLogout}\r\n className=\"w-full flex items-center gap-4 px-4 py-3.5 rounded-lg text-red-600 hover:bg-red-50 transition-colors\"\r\n >\r\n <svg className=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n strokeWidth={2}\r\n d=\"M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1\"\r\n />\r\n </svg>\r\n <span className=\"flex-1 text-left font-medium text-base\">ออกจากระบบ</span>\r\n </button>\r\n </div>\r\n );\r\n}\r\n","'use client';\r\n\r\nimport UserProfile from './UserProfile';\r\nimport ProfileButton from './ProfileButton';\r\nimport MenuList from './MenuList';\r\nimport LogoutButton from './LogoutButton';\r\nimport type { MenuItem } from './MenuList';\r\n\r\ninterface User {\r\n id?: string \| number;\r\n firstName?: string;\r\n lastName?: string;\r\n pictureUrl?: string;\r\n role?: string;\r\n}\r\n\r\ninterface SharedSidebarProps {\r\n user: User \| null;\r\n menuItems: MenuItem[];\r\n sidebarId?: string;\r\n overlayId?: string;\r\n profilePath: string;\r\n roleLabel: string;\r\n roleColor?: string;\r\n onNavigate: (path: string) => void;\r\n onLogout: () => void;\r\n}\r\n\r\nexport default function SharedSidebar({\r\n user,\r\n menuItems,\r\n sidebarId = 'sidebar',\r\n overlayId = 'sidebar-overlay',\r\n profilePath,\r\n roleLabel,\r\n roleColor = 'orange',\r\n onNavigate,\r\n onLogout\r\n}: SharedSidebarProps) {\r\n\r\n const closeSidebar = () => {\r\n const sidebar = document.getElementById(sidebarId);\r\n if (sidebar) {\r\n sidebar.classList.add('translate-x-full');\r\n sidebar.classList.remove('translate-x-0');\r\n }\r\n const overlay = document.getElementById(overlayId);\r\n if (overlay) {\r\n overlay.classList.add('hidden');\r\n }\r\n };\r\n\r\n const handleProfileClick = () => {\r\n onNavigate(profilePath);\r\n closeSidebar();\r\n };\r\n\r\n const handleMenuItemClick = (path: string) => {\r\n onNavigate(path);\r\n closeSidebar();\r\n };\r\n\r\n const handleLogout = () => {\r\n closeSidebar();\r\n onLogout();\r\n };\r\n\r\n return (\r\n <>\r\n {/ Overlay /}\r\n <div\r\n id={overlayId}\r\n className=\"fixed inset-0 bg-black/50 z-40 hidden\"\r\n onClick={closeSidebar}\r\n />\r\n\r\n {/ Sidebar - Hidden by default, opened via toggle button in header /}\r\n <aside\r\n id={sidebarId}\r\n className=\"fixed top-0 right-0 h-full w-[80vw] max-w-80 bg-white shadow-2xl z-50 transform translate-x-full transition-transform duration-300 flex flex-col\">\r\n\r\n {/ User Profile Section /}\r\n <UserProfile\r\n user={user}\r\n roleLabel={roleLabel}\r\n roleColor={roleColor}\r\n />\r\n\r\n {/ Profile Button /}\r\n <ProfileButton onClick={handleProfileClick} />\r\n\r\n {/ Menu Items /}\r\n <MenuList\r\n menuItems={menuItems}\r\n onItemClick={handleMenuItemClick}\r\n />\r\n\r\n {/ Logout Button */}\r\n <LogoutButton onLogout={handleLogout} />\r\n </aside>\r\n </>\r\n );\r\n}\r\n\r\n// Re-export MenuItem type for convenience\r\nexport type { MenuItem };\r\n"],"mappings":"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","names":["jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsxs","Fragment","jsx","jsxs","closeSidebar"]}
1	+ {"version":3,"sources":["../header/Header.tsx","../sidebar/utils.ts","../header/NotificationList.tsx","../sidebar/UserProfile.tsx","../sidebar/MenuList.tsx","../sidebar/LogoutButton.tsx","../sidebar/SharedSidebar.tsx","../sidebar/ProfileButton.tsx"],"sourcesContent":["'use client';\r\n\r\nimport React, { useState, useRef, useEffect } from 'react';\r\nimport { toggleSidebar } from '../sidebar/utils';\r\nimport NotificationList, { NotificationItem } from './NotificationList';\r\n\r\ninterface HeaderProps {\r\n user?: {\r\n firstName?: string;\r\n lastName?: string;\r\n pictureUrl?: string;\r\n };\r\n sidebarId?: string;\r\n overlayId?: string;\r\n notificationBell?: React.ReactNode;\r\n notifications?: NotificationItem[];\r\n // Customization Props\r\n className?: string; // Main container\r\n greetingClassName?: string; // \"สวัสดี,\" text\r\n userNameClassName?: string; // User's name\r\n avatarClassName?: string; // User's avatar/initials container\r\n notificationButtonClassName?: string; // Notification bell button\r\n}\r\n\r\nexport default function Header({\r\n user,\r\n sidebarId = 'sidebar',\r\n overlayId = 'sidebar-overlay',\r\n notificationBell,\r\n notifications = [],\r\n // Styles\r\n className = '',\r\n greetingClassName = '',\r\n userNameClassName = '',\r\n avatarClassName = '',\r\n notificationButtonClassName = ''\r\n}: HeaderProps) {\r\n const displayName = `${user?.firstName \|\| ''} ${user?.lastName \|\| ''}`.trim() \|\| 'ผู้ใช้';\r\n const firstChar = user?.firstName?.charAt(0) \|\| 'ผ';\r\n const [isNotificationsOpen, setIsNotificationsOpen] = useState(false);\r\n const notificationRef = useRef<HTMLDivElement>(null);\r\n\r\n const handleToggleSidebar = () => {\r\n toggleSidebar(sidebarId, overlayId);\r\n };\r\n\r\n // Close dropdown when clicking outside\r\n useEffect(() => {\r\n const handleClickOutside = (event: MouseEvent) => {\r\n if (notificationRef.current && !notificationRef.current.contains(event.target as Node)) {\r\n setIsNotificationsOpen(false);\r\n }\r\n };\r\n\r\n document.addEventListener('mousedown', handleClickOutside);\r\n return () => {\r\n document.removeEventListener('mousedown', handleClickOutside);\r\n };\r\n }, []);\r\n\r\n const unreadCount = notifications.filter(n => !n.isRead).length;\r\n\r\n return (\r\n <header className={`bg-white shadow-sm sticky top-0 z-10 lg:static ${className}`}>\r\n <div className=\"flex items-center justify-between px-5 py-3.5\">\r\n {/* Avatar & Name /}\r\n <div className=\"flex items-center gap-3\">\r\n {user?.pictureUrl ? (\r\n <img\r\n src={user.pictureUrl}\r\n alt={displayName}\r\n width={44}\r\n height={44}\r\n className={`rounded-full object-cover border-2 border-brand-surface w-[44px] h-[44px] ${avatarClassName}`}\r\n />\r\n ) : (\r\n <div className={`w-11 h-11 bg-gradient-to-br from-brand-secondary to-brand-primary rounded-full flex items-center justify-center shadow-sm ${avatarClassName}`}>\r\n <span className=\"text-white text-lg font-semibold\">\r\n {firstChar}\r\n </span>\r\n </div>\r\n )}\r\n <div>\r\n <p className=\"text-sm font-semibold text-brand-text-dark\">\r\n <span className={greetingClassName}>สวัสดี,</span> <span className={`text-brand-primary ${userNameClassName}`}>{displayName}</span>\r\n </p>\r\n </div>\r\n </div>\r\n\r\n {/ Right Side Buttons /}\r\n <div className=\"flex items-center gap-1\">\r\n {/ Notification Bell (optional or default with dropdown) /}\r\n <div className=\"relative\" ref={notificationRef}>\r\n {notificationBell \|\| (\r\n <button\r\n className={`p-2.5 rounded-lg transition-colors hover:bg-gray-100 relative ${notificationButtonClassName}`}\r\n onClick={() => setIsNotificationsOpen(!isNotificationsOpen)}\r\n >\r\n <svg width=\"22\" height=\"24\" viewBox=\"0 0 22 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M21.2321 13.4463L19.3618 6.71712C18.8136 4.74574 17.6222 3.01418 15.9769 1.79767C14.3316 0.581165 12.3269 -0.0504751 10.2814 0.00315377C8.23593 0.0567826 6.26708 0.792603 4.6878 2.09365C3.10852 3.3947 2.00945 5.18632 1.5653 7.18371L0.11728 13.6954C-0.0426654 14.4149 -0.0389674 15.1611 0.128101 15.879C0.29517 16.5969 0.621344 17.2681 1.08254 17.8431C1.54374 18.418 2.12818 18.8821 2.79272 19.2009C3.45727 19.5198 4.18494 19.6853 4.92202 19.6853H6.01861C6.24454 20.7979 6.84817 21.7982 7.72723 22.5167C8.60629 23.2352 9.70671 23.6277 10.842 23.6277C11.9774 23.6277 13.0778 23.2352 13.9569 22.5167C14.8359 21.7982 15.4396 20.7979 15.6655 19.6853H16.4904C17.2492 19.6853 17.9977 19.5099 18.6774 19.1728C19.3572 18.8357 19.9498 18.346 20.409 17.742C20.8682 17.1379 21.1815 16.4359 21.3245 15.6907C21.4674 14.9455 21.4352 14.1774 21.2321 13.4463ZM10.842 21.654C10.2334 21.6515 9.64049 21.461 9.1443 21.1086C8.6481 20.7562 8.27291 20.2591 8.07005 19.6853H13.614C13.4112 20.2591 13.036 20.7562 12.5398 21.1086C12.0436 21.461 11.4506 21.6515 10.842 21.654ZM18.8411 16.55C18.5668 16.9139 18.2114 17.2088 17.8032 17.4113C17.3949 17.6138 16.9451 17.7183 16.4894 17.7165H4.92202C4.47982 17.7164 4.04328 17.6171 3.64463 17.4257C3.24598 17.2344 2.89539 16.9559 2.61874 16.611C2.34208 16.266 2.14643 15.8633 2.04622 15.4326C1.94602 15.0019 1.94381 14.5542 2.03977 14.1226L3.4868 7.60994C3.83561 6.04105 4.69886 4.63379 5.93932 3.61186C7.17978 2.58992 8.72625 2.01197 10.3329 1.96988C11.9395 1.92779 13.5142 2.42398 14.8064 3.37956C16.0987 4.33515 17.0344 5.69528 17.4649 7.24376L19.3352 13.9729C19.4588 14.4114 19.4785 14.8725 19.3927 15.3199C19.3069 15.7672 19.1181 16.1884 18.8411 16.55Z\" className=\"fill-brand-text-dark\" />\r\n </svg>\r\n {unreadCount > 0 && (\r\n <span className=\"absolute top-1.5 right-1.5 min-w-[18px] h-[18px] bg-semantic-critical rounded-full flex items-center justify-center text-[10px] font-bold text-white px-1 border-2 border-white\">\r\n {unreadCount}\r\n </span>\r\n )}\r\n </button>\r\n )}\r\n\r\n {/ Dropdown /}\r\n {isNotificationsOpen && (\r\n <NotificationList\r\n notifications={notifications}\r\n onClose={() => setIsNotificationsOpen(false)}\r\n />\r\n )}\r\n </div>\r\n\r\n {/ Menu Button /}\r\n <button\r\n onClick={handleToggleSidebar}\r\n className=\"p-2.5 rounded-lg transition-colors hover:bg-gray-100\"\r\n >\r\n <svg width=\"27\" height=\"18\" viewBox=\"0 0 27 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M1.1875 17.8426C0.851042 17.8426 0.569077 17.7287 0.341604 17.501C0.113868 17.2735 0 16.9914 0 16.6547C0 16.3182 0.113868 16.0363 0.341604 15.8088C0.569077 15.5816 0.851042 15.468 1.1875 15.468H25.7292C26.0656 15.468 26.3476 15.5817 26.5751 15.8092C26.8028 16.0369 26.9167 16.3192 26.9167 16.6559C26.9167 16.9923 26.8028 17.2743 26.5751 17.5018C26.3476 17.729 26.0656 17.8426 25.7292 17.8426H1.1875ZM1.1875 10.1088C0.851042 10.1088 0.569077 9.99492 0.341604 9.76719C0.113868 9.53945 0 9.25735 0 8.9209C0 8.58417 0.113868 8.30221 0.341604 8.075C0.569077 7.84753 0.851042 7.73379 1.1875 7.73379H25.7292C26.0656 7.73379 26.3476 7.84766 26.5751 8.0754C26.8028 8.30313 26.9167 8.58523 26.9167 8.92169C26.9167 9.25841 26.8028 9.54037 26.5751 9.76758C26.3476 9.99506 26.0656 10.1088 25.7292 10.1088H1.1875ZM1.1875 2.3746C0.851042 2.3746 0.569077 2.26087 0.341604 2.0334C0.113868 1.80566 0 1.52343 0 1.18671C0 0.850249 0.113868 0.568284 0.341604 0.340812C0.569077 0.113604 0.851042 0 1.1875 0H25.7292C26.0656 0 26.3476 0.113868 26.5751 0.341604C26.8028 0.569077 26.9167 0.851174 26.9167 1.1879C26.9167 1.52435 26.8028 1.80632 26.5751 2.03379C26.3476 2.261 26.0656 2.3746 25.7292 2.3746H1.1875Z\" className=\"fill-brand-text-dark\" />\r\n </svg>\r\n </button>\r\n </div>\r\n </div>\r\n </header>\r\n );\r\n}\r\n","/\r\n Toggle sidebar visibility (Right side)\r\n * @param sidebarId - ID of the sidebar element\r\n * @param overlayId - ID of the overlay element\r\n /\r\nexport function toggleSidebar(sidebarId: string = 'sidebar', overlayId: string = 'sidebar-overlay') {\r\n const sidebar = document.getElementById(sidebarId);\r\n const overlay = document.getElementById(overlayId);\r\n\r\n if (sidebar && overlay) {\r\n const isOpen = sidebar.classList.contains('translate-x-0');\r\n\r\n if (isOpen) {\r\n // Close sidebar (slide to right)\r\n sidebar.classList.remove('translate-x-0');\r\n sidebar.classList.add('translate-x-full');\r\n overlay.classList.add('hidden');\r\n } else {\r\n // Open sidebar (slide from right)\r\n sidebar.classList.remove('translate-x-full');\r\n sidebar.classList.add('translate-x-0');\r\n overlay.classList.remove('hidden');\r\n }\r\n }\r\n}\r\n\r\n/\r\n Close sidebar (Right side)\r\n * @param sidebarId - ID of the sidebar element\r\n * @param overlayId - ID of the overlay element\r\n /\r\nexport function closeSidebar(sidebarId: string = 'sidebar', overlayId: string = 'sidebar-overlay') {\r\n const sidebar = document.getElementById(sidebarId);\r\n const overlay = document.getElementById(overlayId);\r\n\r\n if (sidebar) {\r\n sidebar.classList.remove('translate-x-0');\r\n sidebar.classList.add('translate-x-full');\r\n }\r\n\r\n if (overlay) {\r\n overlay.classList.add('hidden');\r\n }\r\n}\r\n\r\n/\r\n Open sidebar (Right side)\r\n * @param sidebarId - ID of the sidebar element\r\n * @param overlayId - ID of the overlay element\r\n /\r\nexport function openSidebar(sidebarId: string = 'sidebar', overlayId: string = 'sidebar-overlay') {\r\n const sidebar = document.getElementById(sidebarId);\r\n const overlay = document.getElementById(overlayId);\r\n\r\n if (sidebar) {\r\n sidebar.classList.remove('translate-x-full');\r\n sidebar.classList.add('translate-x-0');\r\n }\r\n\r\n if (overlay) {\r\n overlay.classList.remove('hidden');\r\n }\r\n}\r\n","'use client';\r\n\r\n\r\n\r\nexport interface NotificationItem {\r\n id: string \| number;\r\n title: string;\r\n description: string;\r\n date: string;\r\n type: 'reminder' \| 'success' \| 'info';\r\n isRead?: boolean;\r\n}\r\n\r\ninterface NotificationListProps {\r\n notifications: NotificationItem[];\r\n onClose: () => void;\r\n}\r\n\r\nexport default function NotificationList({ notifications, onClose }: NotificationListProps) {\r\n const unreadCount = notifications.filter(n => !n.isRead).length;\r\n\r\n return (\r\n <>\r\n {/ Mobile Overlay /}\r\n <div className=\"fixed inset-0 bg-black/20 z-40 sm:hidden\" onClick={onClose} />\r\n\r\n {/ Dropdown Container /}\r\n <div className=\"fixed sm:absolute inset-x-4 top-20 sm:inset-auto sm:right-0 sm:top-full sm:mt-2 w-auto sm:w-96 bg-white rounded-xl shadow-2xl sm:shadow-xl border border-gray-100 overflow-hidden z-50 animate-in fade-in zoom-in-95 duration-200 origin-top sm:origin-top-right\">\r\n {/ Header /}\r\n <div className=\"px-5 py-4 bg-brand-surface border-b border-brand-secondary/30\">\r\n <div className=\"flex items-center justify-between\">\r\n <h3 className=\"font-bold text-lg text-gray-900\">การแจ้งเตือน</h3>\r\n {/ Badge logic if needed, or just text /}\r\n </div>\r\n <p className=\"text-sm text-gray-500 mt-0.5\">{unreadCount} รายการใหม่</p>\r\n </div>\r\n\r\n {/ List /}\r\n <div className=\"max-h-[60vh] overflow-y-auto\">\r\n {notifications.length === 0 ? (\r\n <div className=\"p-8 text-center text-gray-500\">\r\n ไม่มีการแจ้งเตือน\r\n </div>\r\n ) : (\r\n notifications.map((item) => (\r\n <div key={item.id} className=\"p-4 border-b border-gray-50 hover:bg-gray-50 transition-colors cursor-pointer relative group\">\r\n <div className=\"flex gap-4\">\r\n {/ Icon based on type /}\r\n <div className=\"flex-shrink-0 mt-1\">\r\n {item.type === 'reminder' && (\r\n <div className=\"w-10 h-10 rounded-full bg-blue-50 text-blue-500 flex items-center justify-center\">\r\n <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\" />\r\n </svg>\r\n </div>\r\n )}\r\n {item.type === 'success' && (\r\n <div className=\"w-10 h-10 rounded-full bg-green-50 text-green-500 flex items-center justify-center\">\r\n <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\r\n </svg>\r\n </div>\r\n )}\r\n {item.type === 'info' && (\r\n <div className=\"w-10 h-10 rounded-full bg-gray-50 text-gray-500 flex items-center justify-center\">\r\n <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\r\n </svg>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/ Content /}\r\n <div className=\"flex-1 min-w-0\">\r\n <div className=\"flex justify-between items-start mb-1\">\r\n <p className=\"font-semibold text-gray-900 text-sm leading-snug\">{item.title}</p>\r\n {!item.isRead && (\r\n <span className=\"w-2 h-2 rounded-full bg-blue-500 mt-1.5 flex-shrink-0\"></span>\r\n )}\r\n </div>\r\n <p className=\"text-sm text-gray-500 line-clamp-2 mb-1.5 leading-relaxed\">\r\n {item.description}\r\n </p>\r\n <p className=\"text-xs text-gray-400\">\r\n {item.date}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n ))\r\n )}\r\n </div>\r\n\r\n {/ Footer /}\r\n <div className=\"p-4 bg-gray-50 border-t border-gray-100 text-center\">\r\n <button\r\n className=\"text-sm text-gray-500 hover:text-gray-700 font-medium\"\r\n onClick={onClose}\r\n >\r\n ไม่มีการแจ้งเตือนเพิ่มเติม\r\n </button>\r\n </div>\r\n </div>\r\n </>\r\n );\r\n}\r\n","'use client';\r\n\r\ninterface User {\r\n id?: string \| number;\r\n firstName?: string;\r\n lastName?: string;\r\n pictureUrl?: string;\r\n role?: string;\r\n}\r\n\r\ninterface UserProfileProps {\r\n user: User \| null;\r\n roleLabel: string;\r\n roleColor?: string;\r\n // Styling\r\n className?: string;\r\n avatarClassName?: string;\r\n textClassName?: string;\r\n}\r\n\r\nexport default function UserProfile({\r\n user,\r\n roleLabel,\r\n roleColor = 'orange',\r\n className = '',\r\n avatarClassName = '',\r\n textClassName = ''\r\n}: UserProfileProps) {\r\n if (!user) return null;\r\n\r\n const getFullName = () => {\r\n if (user.firstName && user.lastName) {\r\n return `${user.firstName} ${user.lastName}`;\r\n }\r\n return user.firstName \|\| user.lastName \|\| 'ผู้ใช้';\r\n };\r\n\r\n const getInitial = () => {\r\n return user.firstName?.charAt(0) \|\| user.lastName?.charAt(0) \|\| '?';\r\n };\r\n\r\n const getRoleColorClass = () => {\r\n const colors: Record<string, string> = {\r\n orange: 'bg-orange-500',\r\n teal: 'bg-teal-500',\r\n blue: 'bg-blue-500',\r\n green: 'bg-green-500',\r\n purple: 'bg-purple-500',\r\n };\r\n return colors[roleColor] \|\| 'bg-orange-500';\r\n };\r\n\r\n return (\r\n <div className={`p-5 border-b border-gray-200 ${className}`}>\r\n <div className=\"flex items-center gap-3\">\r\n {user.pictureUrl ? (\r\n <img\r\n src={user.pictureUrl}\r\n alt={getFullName()}\r\n width={56}\r\n height={56}\r\n className={`w-14 h-14 rounded-full shadow-lg object-cover ${avatarClassName}`}\r\n />\r\n ) : (\r\n <div className={`w-14 h-14 bg-gradient-to-br from-teal-400 to-teal-600 rounded-full flex items-center justify-center text-white font-bold shadow-lg text-xl ${avatarClassName}`}>\r\n {getInitial()}\r\n </div>\r\n )}\r\n <div className={`flex-1 min-w-0 ${textClassName}`}>\r\n <p className=\"font-bold text-gray-900 truncate text-base\">\r\n {getFullName()}\r\n </p>\r\n <p className=\"text-sm text-gray-500 flex items-center gap-1\">\r\n <span className={`w-2 h-2 ${getRoleColorClass()} rounded-full`}></span>\r\n {roleLabel}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n","'use client';\r\n\r\nexport interface MenuItem {\r\n id: string;\r\n title: string;\r\n path: string;\r\n icon: React.ReactNode;\r\n}\r\n\r\ninterface MenuListProps {\r\n menuItems: MenuItem[];\r\n onItemClick: (path: string) => void;\r\n itemClassName?: string;\r\n}\r\n\r\nexport default function MenuList({ menuItems, onItemClick, itemClassName = '' }: MenuListProps) {\r\n return (\r\n <nav className=\"flex-1 p-5 overflow-y-auto\">\r\n <ul className=\"space-y-1\">\r\n {menuItems.map((item) => (\r\n <li key={item.id}>\r\n <button\r\n onClick={() => onItemClick(item.path)}\r\n className={`w-full flex items-center gap-4 px-4 py-3.5 rounded-lg text-gray-700 hover:bg-gray-50 transition-colors ${itemClassName}`}\r\n >\r\n <div className=\"w-8 h-8 flex items-center justify-center text-gray-600 flex-shrink-0\">{item.icon}</div>\r\n <span className=\"flex-1 text-left font-medium text-base\">\r\n {item.title}\r\n </span>\r\n </button>\r\n </li>\r\n ))}\r\n </ul>\r\n </nav>\r\n );\r\n}\r\n","'use client';\r\n\r\ninterface LogoutButtonProps {\r\n onLogout: () => void;\r\n className?: string;\r\n}\r\n\r\nexport default function LogoutButton({ onLogout, className = '' }: LogoutButtonProps) {\r\n return (\r\n <div className=\"p-5 border-t border-gray-200\">\r\n <button\r\n onClick={onLogout}\r\n className={`w-full flex items-center gap-4 px-4 py-3.5 rounded-lg text-red-600 hover:bg-red-50 transition-colors ${className}`}\r\n >\r\n <svg className=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n strokeWidth={2}\r\n d=\"M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1\"\r\n />\r\n </svg>\r\n <span className=\"flex-1 text-left font-medium text-base\">ออกจากระบบ</span>\r\n </button>\r\n </div>\r\n );\r\n}\r\n","'use client';\r\n\r\nimport UserProfile from './UserProfile';\r\n\r\nimport MenuList from './MenuList';\r\nimport LogoutButton from './LogoutButton';\r\nimport type { MenuItem } from './MenuList';\r\n\r\ninterface User {\r\n id?: string \| number;\r\n firstName?: string;\r\n lastName?: string;\r\n pictureUrl?: string;\r\n role?: string;\r\n}\r\n\r\ninterface SharedSidebarProps {\r\n user: User \| null;\r\n menuItems: MenuItem[];\r\n sidebarId?: string;\r\n overlayId?: string;\r\n\r\n roleLabel: string;\r\n roleColor?: string;\r\n onNavigate: (path: string) => void;\r\n onLogout: () => void;\r\n // Customization Props\r\n className?: string; // Sidebar container\r\n menuItemClassName?: string;\r\n logoutButtonClassName?: string;\r\n // UserProfile Customization via Sidebar\r\n userProfileClassName?: string;\r\n userAvatarClassName?: string;\r\n userTextClassName?: string;\r\n}\r\n\r\nexport default function SharedSidebar({\r\n user,\r\n menuItems,\r\n sidebarId = 'sidebar',\r\n overlayId = 'sidebar-overlay',\r\n\r\n roleLabel,\r\n roleColor = 'orange',\r\n onNavigate,\r\n onLogout,\r\n // Styles\r\n className = '',\r\n menuItemClassName = '',\r\n logoutButtonClassName = '',\r\n userProfileClassName = '',\r\n userAvatarClassName = '',\r\n userTextClassName = ''\r\n}: SharedSidebarProps) {\r\n\r\n const closeSidebar = () => {\r\n const sidebar = document.getElementById(sidebarId);\r\n if (sidebar) {\r\n sidebar.classList.add('translate-x-full');\r\n sidebar.classList.remove('translate-x-0');\r\n }\r\n const overlay = document.getElementById(overlayId);\r\n if (overlay) {\r\n overlay.classList.add('hidden');\r\n }\r\n };\r\n\r\n const handleMenuItemClick = (path: string) => {\r\n onNavigate(path);\r\n closeSidebar();\r\n };\r\n\r\n const handleLogout = () => {\r\n closeSidebar();\r\n onLogout();\r\n };\r\n\r\n return (\r\n <>\r\n {/ Overlay /}\r\n <div\r\n id={overlayId}\r\n className=\"fixed inset-0 bg-black/50 z-40 hidden\"\r\n onClick={closeSidebar}\r\n />\r\n\r\n {/ Sidebar - Hidden by default, opened via toggle button in header /}\r\n <aside\r\n id={sidebarId}\r\n className={`fixed top-0 right-0 h-full w-[80vw] max-w-80 bg-white shadow-2xl z-50 transform translate-x-full transition-transform duration-300 flex flex-col ${className}`}>\r\n\r\n {/ User Profile Section /}\r\n <UserProfile\r\n user={user}\r\n roleLabel={roleLabel}\r\n roleColor={roleColor}\r\n className={userProfileClassName}\r\n avatarClassName={userAvatarClassName}\r\n textClassName={userTextClassName}\r\n />\r\n\r\n {/ Menu Items /}\r\n <MenuList\r\n menuItems={menuItems}\r\n onItemClick={handleMenuItemClick}\r\n itemClassName={menuItemClassName}\r\n />\r\n\r\n {/ Logout Button */}\r\n <LogoutButton onLogout={handleLogout} className={logoutButtonClassName} />\r\n </aside>\r\n </>\r\n );\r\n}\r\n\r\n// Re-export MenuItem type for convenience\r\nexport type { MenuItem };\r\n","'use client';\r\n\r\ninterface ProfileButtonProps {\r\n onClick: () => void;\r\n className?: string;\r\n}\r\n\r\nexport default function ProfileButton({ onClick, className = '' }: ProfileButtonProps) {\r\n return (\r\n <div className=\"px-5 pt-4 pb-2\">\r\n <button\r\n onClick={onClick}\r\n className={`w-full flex items-center gap-4 px-4 py-3.5 rounded-lg text-gray-700 hover:bg-gray-50 transition-colors ${className}`}\r\n >\r\n <div className=\"w-8 h-8 flex items-center justify-center text-gray-600 flex-shrink-0\">\r\n <svg className=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n strokeWidth={2}\r\n d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"\r\n />\r\n </svg>\r\n </div>\r\n <span className=\"flex-1 text-left font-medium text-base\">ข้อมูลส่วนตัว</span>\r\n </button>\r\n </div>\r\n );\r\n}\r\n"],"mappings":"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","names":["jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsxs","Fragment","jsx","jsxs","closeSidebar","jsx","jsxs"]}

package/dist/src/styles.css CHANGED Viewed

@@ -1,3 +1,7 @@
+@import "@kt-components/design-tokens/globals.css";
+@import "@kt-components/design-tokens/tokens.css";
+@import "@kt-components/design-tokens/typography.css";
 /* src/styles.css */
 *,
 ::before,
@@ -332,6 +336,34 @@ video {
 [hidden]:where(:not([hidden=until-found])) {
   display: none;
 }
+.container {
+  width: 100%;
+}
+@media (min-width: 640px) {
+  .container {
+    max-width: 640px;
+  }
+}
+@media (min-width: 768px) {
+  .container {
+    max-width: 768px;
+  }
+}
+@media (min-width: 1024px) {
+  .container {
+    max-width: 1024px;
+  }
+}
+@media (min-width: 1280px) {
+  .container {
+    max-width: 1280px;
+  }
+}
+@media (min-width: 1536px) {
+  .container {
+    max-width: 1536px;
+  }
+}
 .fixed {
   position: fixed;
 }
@@ -561,6 +593,9 @@ video {
 .border-t {
   border-top-width: 1px;
 }
+.border-brand-surface {
+  border-color: var(--color-alias-color-brand-surface);
+}
 .border-gray-100 {
   --tw-border-opacity: 1;
   border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
@@ -573,18 +608,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));
 }
-.border-teal-100 {
-  --tw-border-opacity: 1;
-  border-color: rgb(204 251 241 / var(--tw-border-opacity, 1));
-}
 .border-white {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
 }
-.bg-\[\#EAFDF6\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(234 253 246 / var(--tw-bg-opacity, 1));
-}
 .bg-black\/20 {
   background-color: rgb(0 0 0 / 0.2);
 }
@@ -599,6 +626,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
 }
+.bg-brand-surface {
+  background-color: var(--color-alias-color-brand-surface);
+}
 .bg-gray-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
@@ -619,9 +649,8 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
 }
-.bg-red-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
+.bg-semantic-critical {
+  background-color: var(--color-alias-semantic-critical);
 }
 .bg-teal-500 {
   --tw-bg-opacity: 1;
@@ -634,14 +663,25 @@ video {
 .bg-gradient-to-br {
   background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
 }
+.from-brand-secondary {
+  --tw-gradient-from: var(--color-alias-color-brand-secondary) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .from-teal-400 {
   --tw-gradient-from: #2dd4bf var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.to-brand-primary {
+  --tw-gradient-to: var(--color-alias-color-brand-primary) var(--tw-gradient-to-position);
+}
 .to-teal-600 {
   --tw-gradient-to: #0d9488 var(--tw-gradient-to-position);
 }
+.fill-brand-text-dark {
+  fill: var(--color-alias-color-brand-text-dark);
+}
 .object-cover {
   -o-object-fit: cover;
   object-fit: cover;
@@ -728,14 +768,16 @@ video {
 .leading-snug {
   line-height: 1.375;
 }
-.text-\[\#1E7D55\] {
-  --tw-text-opacity: 1;
-  color: rgb(30 125 85 / var(--tw-text-opacity, 1));
-}
 .text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity, 1));
 }
+.text-brand-primary {
+  color: var(--color-alias-color-brand-primary);
+}
+.text-brand-text-dark {
+  color: var(--color-alias-color-brand-text-dark);
+}
 .text-gray-400 {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));

package/dist/src/styles.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/styles.css"],"sourcesContent":[", ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}/\n! tailwindcss v3.4.17 \| MIT License \| https://tailwindcss.com\n//\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n/\n\n,\n::before,\n::after {\n box-sizing: border-box; /* 1 /\n border-width: 0; / 2 /\n border-style: solid; / 2 /\n border-color: #e5e7eb; / 2 /\n}\n\n::before,\n::after {\n --tw-content: '';\n}\n\n/\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n/\n\nhtml,\n:host {\n line-height: 1.5; / 1 /\n -webkit-text-size-adjust: 100%; / 2 /\n -moz-tab-size: 4; / 3 /\n -o-tab-size: 4;\n tab-size: 4; / 3 /\n font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; / 4 /\n font-feature-settings: normal; / 5 /\n font-variation-settings: normal; / 6 /\n -webkit-tap-highlight-color: transparent; / 7 /\n}\n\n/\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n/\n\nbody {\n margin: 0; / 1 /\n line-height: inherit; / 2 /\n}\n\n/\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n/\n\nhr {\n height: 0; / 1 /\n color: inherit; / 2 /\n border-top-width: 1px; / 3 /\n}\n\n/\nAdd the correct text decoration in Chrome, Edge, and Safari.\n/\n\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/\nRemove the default font size and weight for headings.\n/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/\nReset links to optimize for opt-in styling instead of opt-out.\n/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/\nAdd the correct font weight in Edge and Safari.\n/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; / 1 /\n font-feature-settings: normal; / 2 /\n font-variation-settings: normal; / 3 /\n font-size: 1em; / 4 /\n}\n\n/\nAdd the correct font size in all browsers.\n/\n\nsmall {\n font-size: 80%;\n}\n\n/\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n/\n\ntable {\n text-indent: 0; / 1 /\n border-color: inherit; / 2 /\n border-collapse: collapse; / 3 /\n}\n\n/\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; / 1 /\n font-feature-settings: inherit; / 1 /\n font-variation-settings: inherit; / 1 /\n font-size: 100%; / 1 /\n font-weight: inherit; / 1 /\n line-height: inherit; / 1 /\n letter-spacing: inherit; / 1 /\n color: inherit; / 1 /\n margin: 0; / 2 /\n padding: 0; / 3 /\n}\n\n/\nRemove the inheritance of text transform in Edge and Firefox.\n/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n/\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n -webkit-appearance: button; / 1 /\n background-color: transparent; / 2 /\n background-image: none; / 2 /\n}\n\n/\nUse the modern Firefox focus style for all focusable elements.\n/\n\n:-moz-focusring {\n outline: auto;\n}\n\n/\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n/\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/\nAdd the correct vertical alignment in Chrome and Firefox.\n/\n\nprogress {\n vertical-align: baseline;\n}\n\n/\nCorrect the cursor style of increment and decrement buttons in Safari.\n/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n/\n\n[type='search'] {\n -webkit-appearance: textfield; / 1 /\n outline-offset: -2px; / 2 /\n}\n\n/\nRemove the inner padding in Chrome and Safari on macOS.\n/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; / 1 /\n font: inherit; / 2 /\n}\n\n/\nAdd the correct display in Chrome and Safari.\n/\n\nsummary {\n display: list-item;\n}\n\n/\nRemoves the default spacing and border for appropriate elements.\n/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/\nReset default styling for dialogs.\n/\ndialog {\n padding: 0;\n}\n\n/\nPrevent resizing textareas horizontally by default.\n/\n\ntextarea {\n resize: vertical;\n}\n\n/\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1; / 1 /\n color: #9ca3af; / 2 /\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; / 1 /\n color: #9ca3af; / 2 /\n}\n\n/\nSet the default cursor for buttons.\n/\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n/\nMake sure disabled buttons don't get the pointer cursor.\n/\n:disabled {\n cursor: default;\n}\n\n/\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; / 1 /\n vertical-align: middle; / 2 /\n}\n\n/\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/ Make elements with the HTML hidden attribute stay hidden by default /\n[hidden]:where(:not([hidden=\"until-found\"])) {\n display: none;\n}\r\n.fixed {\n position: fixed;\n}\r\n.absolute {\n position: absolute;\n}\r\n.relative {\n position: relative;\n}\r\n.sticky {\n position: sticky;\n}\r\n.inset-0 {\n inset: 0px;\n}\r\n.inset-x-4 {\n left: 1rem;\n right: 1rem;\n}\r\n.right-0 {\n right: 0px;\n}\r\n.right-1\\.5 {\n right: 0.375rem;\n}\r\n.top-0 {\n top: 0px;\n}\r\n.top-1\\.5 {\n top: 0.375rem;\n}\r\n.top-20 {\n top: 5rem;\n}\r\n.z-10 {\n z-index: 10;\n}\r\n.z-40 {\n z-index: 40;\n}\r\n.z-50 {\n z-index: 50;\n}\r\n.mb-1 {\n margin-bottom: 0.25rem;\n}\r\n.mb-1\\.5 {\n margin-bottom: 0.375rem;\n}\r\n.mt-0\\.5 {\n margin-top: 0.125rem;\n}\r\n.mt-1 {\n margin-top: 0.25rem;\n}\r\n.mt-1\\.5 {\n margin-top: 0.375rem;\n}\r\n.line-clamp-2 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\r\n.flex {\n display: flex;\n}\r\n.hidden {\n display: none;\n}\r\n.h-10 {\n height: 2.5rem;\n}\r\n.h-11 {\n height: 2.75rem;\n}\r\n.h-14 {\n height: 3.5rem;\n}\r\n.h-2 {\n height: 0.5rem;\n}\r\n.h-5 {\n height: 1.25rem;\n}\r\n.h-6 {\n height: 1.5rem;\n}\r\n.h-8 {\n height: 2rem;\n}\r\n.h-\\[18px\\] {\n height: 18px;\n}\r\n.h-\\[44px\\] {\n height: 44px;\n}\r\n.h-full {\n height: 100%;\n}\r\n.max-h-\\[60vh\\] {\n max-height: 60vh;\n}\r\n.w-10 {\n width: 2.5rem;\n}\r\n.w-11 {\n width: 2.75rem;\n}\r\n.w-14 {\n width: 3.5rem;\n}\r\n.w-2 {\n width: 0.5rem;\n}\r\n.w-5 {\n width: 1.25rem;\n}\r\n.w-6 {\n width: 1.5rem;\n}\r\n.w-8 {\n width: 2rem;\n}\r\n.w-\\[44px\\] {\n width: 44px;\n}\r\n.w-\\[80vw\\] {\n width: 80vw;\n}\r\n.w-auto {\n width: auto;\n}\r\n.w-full {\n width: 100%;\n}\r\n.min-w-0 {\n min-width: 0px;\n}\r\n.min-w-\\[18px\\] {\n min-width: 18px;\n}\r\n.max-w-80 {\n max-width: 20rem;\n}\r\n.flex-1 {\n flex: 1 1 0%;\n}\r\n.flex-shrink-0 {\n flex-shrink: 0;\n}\r\n.origin-top {\n transform-origin: top;\n}\r\n.translate-x-0 {\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.translate-x-full {\n --tw-translate-x: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.cursor-pointer {\n cursor: pointer;\n}\r\n.flex-col {\n flex-direction: column;\n}\r\n.items-start {\n align-items: flex-start;\n}\r\n.items-center {\n align-items: center;\n}\r\n.justify-center {\n justify-content: center;\n}\r\n.justify-between {\n justify-content: space-between;\n}\r\n.gap-1 {\n gap: 0.25rem;\n}\r\n.gap-3 {\n gap: 0.75rem;\n}\r\n.gap-4 {\n gap: 1rem;\n}\r\n.space-y-1 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.25rem calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\r\n.overflow-hidden {\n overflow: hidden;\n}\r\n.overflow-y-auto {\n overflow-y: auto;\n}\r\n.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\r\n.rounded-full {\n border-radius: 9999px;\n}\r\n.rounded-lg {\n border-radius: 0.5rem;\n}\r\n.rounded-xl {\n border-radius: 0.75rem;\n}\r\n.border {\n border-width: 1px;\n}\r\n.border-2 {\n border-width: 2px;\n}\r\n.border-b {\n border-bottom-width: 1px;\n}\r\n.border-t {\n border-top-width: 1px;\n}\r\n.border-gray-100 {\n --tw-border-opacity: 1;\n border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));\n}\r\n.border-gray-200 {\n --tw-border-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));\n}\r\n.border-gray-50 {\n --tw-border-opacity: 1;\n border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));\n}\r\n.border-teal-100 {\n --tw-border-opacity: 1;\n border-color: rgb(204 251 241 / var(--tw-border-opacity, 1));\n}\r\n.border-white {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\r\n.bg-\\[\\#EAFDF6\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(234 253 246 / var(--tw-bg-opacity, 1));\n}\r\n.bg-black\\/20 {\n background-color: rgb(0 0 0 / 0.2);\n}\r\n.bg-black\\/50 {\n background-color: rgb(0 0 0 / 0.5);\n}\r\n.bg-blue-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));\n}\r\n.bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));\n}\r\n.bg-gray-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\n}\r\n.bg-green-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));\n}\r\n.bg-green-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));\n}\r\n.bg-orange-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));\n}\r\n.bg-purple-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));\n}\r\n.bg-red-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\r\n.bg-teal-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));\n}\r\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\r\n.bg-gradient-to-br {\n background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));\n}\r\n.from-teal-400 {\n --tw-gradient-from: #2dd4bf var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\r\n.to-teal-600 {\n --tw-gradient-to: #0d9488 var(--tw-gradient-to-position);\n}\r\n.object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n}\r\n.p-2\\.5 {\n padding: 0.625rem;\n}\r\n.p-4 {\n padding: 1rem;\n}\r\n.p-5 {\n padding: 1.25rem;\n}\r\n.p-8 {\n padding: 2rem;\n}\r\n.px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\r\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\r\n.px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\r\n.py-3\\.5 {\n padding-top: 0.875rem;\n padding-bottom: 0.875rem;\n}\r\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\r\n.pb-2 {\n padding-bottom: 0.5rem;\n}\r\n.pt-4 {\n padding-top: 1rem;\n}\r\n.text-left {\n text-align: left;\n}\r\n.text-center {\n text-align: center;\n}\r\n.text-\\[10px\\] {\n font-size: 10px;\n}\r\n.text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\r\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\r\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\r\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\r\n.text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\r\n.font-bold {\n font-weight: 700;\n}\r\n.font-medium {\n font-weight: 500;\n}\r\n.font-semibold {\n font-weight: 600;\n}\r\n.leading-relaxed {\n line-height: 1.625;\n}\r\n.leading-snug {\n line-height: 1.375;\n}\r\n.text-\\[\\#1E7D55\\] {\n --tw-text-opacity: 1;\n color: rgb(30 125 85 / var(--tw-text-opacity, 1));\n}\r\n.text-blue-500 {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-400 {\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-600 {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-700 {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-900 {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\r\n.text-green-500 {\n --tw-text-opacity: 1;\n color: rgb(34 197 94 / var(--tw-text-opacity, 1));\n}\r\n.text-red-600 {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity, 1));\n}\r\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\r\n.shadow-2xl {\n --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.shadow-sm {\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\r\n.transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.transition-transform {\n transition-property: transform;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.duration-200 {\n transition-duration: 200ms;\n}\r\n.duration-300 {\n transition-duration: 300ms;\n}\r\n.hover\\:bg-gray-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-gray-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-red-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:text-gray-700:hover {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity, 1));\n}\r\n@media (min-width: 640px) {\n\n .sm\\:absolute {\n position: absolute;\n }\n\n .sm\\:inset-auto {\n inset: auto;\n }\n\n .sm\\:right-0 {\n right: 0px;\n }\n\n .sm\\:top-full {\n top: 100%;\n }\n\n .sm\\:mt-2 {\n margin-top: 0.5rem;\n }\n\n .sm\\:hidden {\n display: none;\n }\n\n .sm\\:w-96 {\n width: 24rem;\n }\n\n .sm\\:origin-top-right {\n transform-origin: top right;\n }\n\n .sm\\:shadow-xl {\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n }\n}\r\n@media (min-width: 1024px) {\n\n .lg\\:static {\n position: static;\n }\n}"],"mappings":";AAAA;AAAG;AAAU;AACX,yBAAuB;AACvB,yBAAuB;AACvB,oBAAkB;AAClB,oBAAkB;AAClB,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AACd,gBAAc;AACd;AACA;AACA;AACA,+BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAAwB;AACxB,0BAAwB;AACxB,mBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE;AAClC,2BAAyB,EAAE,EAAE;AAC7B,oBAAkB,EAAE,EAAE;AACtB,eAAa,EAAE,EAAE;AACjB,uBAAqB,EAAE,EAAE;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF;AAEA;AACE,yBAAuB;AACvB,yBAAuB;AACvB,oBAAkB;AAClB,oBAAkB;AAClB,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AACd,gBAAc;AACd;AACA;AACA;AACA,+BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAAwB;AACxB,0BAAwB;AACxB,mBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE;AAClC,2BAAyB,EAAE,EAAE;AAC7B,oBAAkB,EAAE,EAAE;AACtB,eAAa,EAAE,EAAE;AACjB,uBAAqB,EAAE,EAAE;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF;AAOA;AACA;AACA;AACE,cAAY;AACZ,gBAAc;AACd,gBAAc;AACd,gBAAc;AAChB;AAEA;AACA;AACE,gBAAc;AAChB;AAYA;AACA;AACE,eAAa;AACb,4BAA0B;AAC1B,iBAAe;AACf,eAAa;AACV,YAAU;AACb;AAAA,IAAa,aAAa;AAAA,IAAE,SAAS;AAAA,IAAE,UAAU;AAAA,IAAE,mBAAmB;AAAA,IAAE,gBAAgB;AAAA,IAAE,iBAAiB;AAAA,IAAE;AAC7G,yBAAuB;AACvB,2BAAyB;AACzB,+BAA6B;AAC/B;AAOA;AACE,UAAQ;AACR,eAAa;AACf;AAQA;AACE,UAAQ;AACR,SAAO;AACP,oBAAkB;AACpB;AAMA,IAAI,OAAO,CAAC;AACV,2BAAyB,UAAU;AAC3B,mBAAiB,UAAU;AACrC;AAMA;AACA;AACA;AACA;AACA;AACA;AACE,aAAW;AACX,eAAa;AACf;AAMA;AACE,SAAO;AACP,mBAAiB;AACnB;AAMA;AACA;AACE,eAAa;AACf;AASA;AACA;AACA;AACA;AACE;AAAA,IAAa,YAAY;AAAA,IAAE,cAAc;AAAA,IAAE,KAAK;AAAA,IAAE,MAAM;AAAA,IAAE,QAAQ;AAAA,IAAE,iBAAiB;AAAA,IAAE,aAAa;AAAA,IAAE;AACtG,yBAAuB;AACvB,2BAAyB;AACzB,aAAW;AACb;AAMA;AACE,aAAW;AACb;AAMA;AACA;AACE,aAAW;AACX,eAAa;AACb,YAAU;AACV,kBAAgB;AAClB;AAEA;AACE,UAAQ;AACV;AAEA;AACE,OAAK;AACP;AAQA;AACE,eAAa;AACb,gBAAc;AACd,mBAAiB;AACnB;AAQA;AACA;AACA;AACA;AACA;AACE,eAAa;AACb,yBAAuB;AACvB,2BAAyB;AACzB,aAAW;AACX,eAAa;AACb,eAAa;AACb,kBAAgB;AAChB,SAAO;AACP,UAAQ;AACR,WAAS;AACX;AAMA;AACA;AACE,kBAAgB;AAClB;AAOA;AACA,KAAK,OAAO,CAAC;AACb,KAAK,OAAO,CAAC;AACb,KAAK,OAAO,CAAC;AACX,sBAAoB;AACpB,oBAAkB;AAClB,oBAAkB;AACpB;AAMA;AACE,WAAS;AACX;AAMA;AACE,cAAY;AACd;AAMA;AACE,kBAAgB;AAClB;AAMA;AACA;AACE,UAAQ;AACV;AAOA,CAAC;AACC,sBAAoB;AACpB,kBAAgB;AAClB;AAMA;AACE,sBAAoB;AACtB;AAOA;AACE,sBAAoB;AACpB,QAAM;AACR;AAMA;AACE,WAAS;AACX;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE,UAAQ;AACV;AAEA;AACE,UAAQ;AACR,WAAS;AACX;AAEA;AACE,WAAS;AACX;AAEA;AACA;AACA;AACE,cAAY;AACZ,UAAQ;AACR,WAAS;AACX;AAKA;AACE,WAAS;AACX;AAMA;AACE,UAAQ;AACV;AAOA,KAAK;AAAoB,QAAQ;AAC/B,WAAS;AACT,SAAO;AACT;AAEA,KAAK;AACL,QAAQ;AACN,WAAS;AACT,SAAO;AACT;AAMA;AACA,CAAC;AACC,UAAQ;AACV;AAKA;AACE,UAAQ;AACV;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE,WAAS;AACT,kBAAgB;AAClB;AAMA;AACA;AACE,aAAW;AACX,UAAQ;AACV;AAGA,CAAC,OAAO,OAAO,KAAK,CAAC;AACnB,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAAC;AACC,SAAO;AACT;AACA,CAAC;AACC,QAAM;AACN,SAAO;AACT;AACA,CAAC;AACC,SAAO;AACT;AACA,CAAC;AACC,SAAO;AACT;AACA,CAAC;AACC,OAAK;AACP;AACA,CAAC;AACC,OAAK;AACP;AACA,CAAC;AACC,OAAK;AACP;AACA,CAAC;AACC,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACX;AACA,CAAC;AACC,iBAAe;AACjB;AACA,CAAC;AACC,iBAAe;AACjB;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,sBAAoB;AACpB,sBAAoB;AACtB;AACA,CAAC;AACC,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACX;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,U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","names":[]}
1	+ {"version":3,"sources":["../../src/styles.css"],"sourcesContent":["@import '@kt-components/design-tokens/globals.css';\r\n@import '@kt-components/design-tokens/tokens.css';\r\n@import '@kt-components/design-tokens/typography.css';\r\n\r\n, ::before, ::after{\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\r\n\r\n::backdrop{\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\r\n\r\n/\n! tailwindcss v3.4.17 \| MIT License \| https://tailwindcss.com\n/\r\n\r\n/\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n/\r\n\r\n,\n::before,\n::after {\n box-sizing: border-box; /* 1 /\n border-width: 0; / 2 /\n border-style: solid; / 2 /\n border-color: #e5e7eb; / 2 /\n}\r\n\r\n::before,\n::after {\n --tw-content: '';\n}\r\n\r\n/\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n/\r\n\r\nhtml,\n:host {\n line-height: 1.5; / 1 /\n -webkit-text-size-adjust: 100%; / 2 /\n -moz-tab-size: 4; / 3 /\n -o-tab-size: 4;\n tab-size: 4; / 3 /\n font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; / 4 /\n font-feature-settings: normal; / 5 /\n font-variation-settings: normal; / 6 /\n -webkit-tap-highlight-color: transparent; / 7 /\n}\r\n\r\n/\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n/\r\n\r\nbody {\n margin: 0; / 1 /\n line-height: inherit; / 2 /\n}\r\n\r\n/\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n/\r\n\r\nhr {\n height: 0; / 1 /\n color: inherit; / 2 /\n border-top-width: 1px; / 3 /\n}\r\n\r\n/\nAdd the correct text decoration in Chrome, Edge, and Safari.\n/\r\n\r\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\r\n\r\n/\nRemove the default font size and weight for headings.\n/\r\n\r\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\r\n\r\n/\nReset links to optimize for opt-in styling instead of opt-out.\n/\r\n\r\na {\n color: inherit;\n text-decoration: inherit;\n}\r\n\r\n/\nAdd the correct font weight in Edge and Safari.\n/\r\n\r\nb,\nstrong {\n font-weight: bolder;\n}\r\n\r\n/\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n/\r\n\r\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; / 1 /\n font-feature-settings: normal; / 2 /\n font-variation-settings: normal; / 3 /\n font-size: 1em; / 4 /\n}\r\n\r\n/\nAdd the correct font size in all browsers.\n/\r\n\r\nsmall {\n font-size: 80%;\n}\r\n\r\n/\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n/\r\n\r\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\r\n\r\nsub {\n bottom: -0.25em;\n}\r\n\r\nsup {\n top: -0.5em;\n}\r\n\r\n/\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n/\r\n\r\ntable {\n text-indent: 0; / 1 /\n border-color: inherit; / 2 /\n border-collapse: collapse; / 3 /\n}\r\n\r\n/\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n/\r\n\r\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; / 1 /\n font-feature-settings: inherit; / 1 /\n font-variation-settings: inherit; / 1 /\n font-size: 100%; / 1 /\n font-weight: inherit; / 1 /\n line-height: inherit; / 1 /\n letter-spacing: inherit; / 1 /\n color: inherit; / 1 /\n margin: 0; / 2 /\n padding: 0; / 3 /\n}\r\n\r\n/\nRemove the inheritance of text transform in Edge and Firefox.\n/\r\n\r\nbutton,\nselect {\n text-transform: none;\n}\r\n\r\n/\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n/\r\n\r\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n -webkit-appearance: button; / 1 /\n background-color: transparent; / 2 /\n background-image: none; / 2 /\n}\r\n\r\n/\nUse the modern Firefox focus style for all focusable elements.\n/\r\n\r\n:-moz-focusring {\n outline: auto;\n}\r\n\r\n/\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n/\r\n\r\n:-moz-ui-invalid {\n box-shadow: none;\n}\r\n\r\n/\nAdd the correct vertical alignment in Chrome and Firefox.\n/\r\n\r\nprogress {\n vertical-align: baseline;\n}\r\n\r\n/\nCorrect the cursor style of increment and decrement buttons in Safari.\n/\r\n\r\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\r\n\r\n/\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n/\r\n\r\n[type='search'] {\n -webkit-appearance: textfield; / 1 /\n outline-offset: -2px; / 2 /\n}\r\n\r\n/\nRemove the inner padding in Chrome and Safari on macOS.\n/\r\n\r\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\r\n\r\n/\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n/\r\n\r\n::-webkit-file-upload-button {\n -webkit-appearance: button; / 1 /\n font: inherit; / 2 /\n}\r\n\r\n/\nAdd the correct display in Chrome and Safari.\n/\r\n\r\nsummary {\n display: list-item;\n}\r\n\r\n/\nRemoves the default spacing and border for appropriate elements.\n/\r\n\r\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\r\n\r\nfieldset {\n margin: 0;\n padding: 0;\n}\r\n\r\nlegend {\n padding: 0;\n}\r\n\r\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\r\n\r\n/\nReset default styling for dialogs.\n/\r\n\r\ndialog {\n padding: 0;\n}\r\n\r\n/\nPrevent resizing textareas horizontally by default.\n/\r\n\r\ntextarea {\n resize: vertical;\n}\r\n\r\n/\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n/\r\n\r\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1; / 1 /\n color: #9ca3af; / 2 /\n}\r\n\r\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; / 1 /\n color: #9ca3af; / 2 /\n}\r\n\r\n/\nSet the default cursor for buttons.\n/\r\n\r\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\r\n\r\n/\nMake sure disabled buttons don't get the pointer cursor.\n/\r\n\r\n:disabled {\n cursor: default;\n}\r\n\r\n/\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n/\r\n\r\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; / 1 /\n vertical-align: middle; / 2 /\n}\r\n\r\n/\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n/\r\n\r\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\r\n\r\n/ Make elements with the HTML hidden attribute stay hidden by default /\r\n\r\n[hidden]:where(:not([hidden=\"until-found\"])) {\n display: none;\n}\r\n.container{\n width: 100%;\n}\r\n@media (min-width: 640px){\r\n\r\n .container{\n max-width: 640px;\n }\n}\r\n@media (min-width: 768px){\r\n\r\n .container{\n max-width: 768px;\n }\n}\r\n@media (min-width: 1024px){\r\n\r\n .container{\n max-width: 1024px;\n }\n}\r\n@media (min-width: 1280px){\r\n\r\n .container{\n max-width: 1280px;\n }\n}\r\n@media (min-width: 1536px){\r\n\r\n .container{\n max-width: 1536px;\n }\n}\r\n.fixed{\n position: fixed;\n}\r\n.absolute{\n position: absolute;\n}\r\n.relative{\n position: relative;\n}\r\n.sticky{\n position: sticky;\n}\r\n.inset-0{\n inset: 0px;\n}\r\n.inset-x-4{\n left: 1rem;\n right: 1rem;\n}\r\n.right-0{\n right: 0px;\n}\r\n.right-1\\.5{\n right: 0.375rem;\n}\r\n.top-0{\n top: 0px;\n}\r\n.top-1\\.5{\n top: 0.375rem;\n}\r\n.top-20{\n top: 5rem;\n}\r\n.z-10{\n z-index: 10;\n}\r\n.z-40{\n z-index: 40;\n}\r\n.z-50{\n z-index: 50;\n}\r\n.mb-1{\n margin-bottom: 0.25rem;\n}\r\n.mb-1\\.5{\n margin-bottom: 0.375rem;\n}\r\n.mt-0\\.5{\n margin-top: 0.125rem;\n}\r\n.mt-1{\n margin-top: 0.25rem;\n}\r\n.mt-1\\.5{\n margin-top: 0.375rem;\n}\r\n.line-clamp-2{\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\r\n.flex{\n display: flex;\n}\r\n.hidden{\n display: none;\n}\r\n.h-10{\n height: 2.5rem;\n}\r\n.h-11{\n height: 2.75rem;\n}\r\n.h-14{\n height: 3.5rem;\n}\r\n.h-2{\n height: 0.5rem;\n}\r\n.h-5{\n height: 1.25rem;\n}\r\n.h-6{\n height: 1.5rem;\n}\r\n.h-8{\n height: 2rem;\n}\r\n.h-\\[18px\\]{\n height: 18px;\n}\r\n.h-\\[44px\\]{\n height: 44px;\n}\r\n.h-full{\n height: 100%;\n}\r\n.max-h-\\[60vh\\]{\n max-height: 60vh;\n}\r\n.w-10{\n width: 2.5rem;\n}\r\n.w-11{\n width: 2.75rem;\n}\r\n.w-14{\n width: 3.5rem;\n}\r\n.w-2{\n width: 0.5rem;\n}\r\n.w-5{\n width: 1.25rem;\n}\r\n.w-6{\n width: 1.5rem;\n}\r\n.w-8{\n width: 2rem;\n}\r\n.w-\\[44px\\]{\n width: 44px;\n}\r\n.w-\\[80vw\\]{\n width: 80vw;\n}\r\n.w-auto{\n width: auto;\n}\r\n.w-full{\n width: 100%;\n}\r\n.min-w-0{\n min-width: 0px;\n}\r\n.min-w-\\[18px\\]{\n min-width: 18px;\n}\r\n.max-w-80{\n max-width: 20rem;\n}\r\n.flex-1{\n flex: 1 1 0%;\n}\r\n.flex-shrink-0{\n flex-shrink: 0;\n}\r\n.origin-top{\n transform-origin: top;\n}\r\n.translate-x-0{\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.translate-x-full{\n --tw-translate-x: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.transform{\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.cursor-pointer{\n cursor: pointer;\n}\r\n.flex-col{\n flex-direction: column;\n}\r\n.items-start{\n align-items: flex-start;\n}\r\n.items-center{\n align-items: center;\n}\r\n.justify-center{\n justify-content: center;\n}\r\n.justify-between{\n justify-content: space-between;\n}\r\n.gap-1{\n gap: 0.25rem;\n}\r\n.gap-3{\n gap: 0.75rem;\n}\r\n.gap-4{\n gap: 1rem;\n}\r\n.space-y-1 > :not([hidden]) ~ :not([hidden]){\n --tw-space-y-reverse: 0;\n margin-top: calc(0.25rem calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\r\n.overflow-hidden{\n overflow: hidden;\n}\r\n.overflow-y-auto{\n overflow-y: auto;\n}\r\n.truncate{\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\r\n.rounded-full{\n border-radius: 9999px;\n}\r\n.rounded-lg{\n border-radius: 0.5rem;\n}\r\n.rounded-xl{\n border-radius: 0.75rem;\n}\r\n.border{\n border-width: 1px;\n}\r\n.border-2{\n border-width: 2px;\n}\r\n.border-b{\n border-bottom-width: 1px;\n}\r\n.border-t{\n border-top-width: 1px;\n}\r\n.border-brand-surface{\n border-color: var(--color-alias-color-brand-surface);\n}\r\n.border-gray-100{\n --tw-border-opacity: 1;\n border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));\n}\r\n.border-gray-200{\n --tw-border-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));\n}\r\n.border-gray-50{\n --tw-border-opacity: 1;\n border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));\n}\r\n.border-white{\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\r\n.bg-black\\/20{\n background-color: rgb(0 0 0 / 0.2);\n}\r\n.bg-black\\/50{\n background-color: rgb(0 0 0 / 0.5);\n}\r\n.bg-blue-50{\n --tw-bg-opacity: 1;\n background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));\n}\r\n.bg-blue-500{\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));\n}\r\n.bg-brand-surface{\n background-color: var(--color-alias-color-brand-surface);\n}\r\n.bg-gray-50{\n --tw-bg-opacity: 1;\n background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\n}\r\n.bg-green-50{\n --tw-bg-opacity: 1;\n background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));\n}\r\n.bg-green-500{\n --tw-bg-opacity: 1;\n background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));\n}\r\n.bg-orange-500{\n --tw-bg-opacity: 1;\n background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));\n}\r\n.bg-purple-500{\n --tw-bg-opacity: 1;\n background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));\n}\r\n.bg-semantic-critical{\n background-color: var(--color-alias-semantic-critical);\n}\r\n.bg-teal-500{\n --tw-bg-opacity: 1;\n background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));\n}\r\n.bg-white{\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\r\n.bg-gradient-to-br{\n background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));\n}\r\n.from-brand-secondary{\n --tw-gradient-from: var(--color-alias-color-brand-secondary) var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\r\n.from-teal-400{\n --tw-gradient-from: #2dd4bf var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\r\n.to-brand-primary{\n --tw-gradient-to: var(--color-alias-color-brand-primary) var(--tw-gradient-to-position);\n}\r\n.to-teal-600{\n --tw-gradient-to: #0d9488 var(--tw-gradient-to-position);\n}\r\n.fill-brand-text-dark{\n fill: var(--color-alias-color-brand-text-dark);\n}\r\n.object-cover{\n -o-object-fit: cover;\n object-fit: cover;\n}\r\n.p-2\\.5{\n padding: 0.625rem;\n}\r\n.p-4{\n padding: 1rem;\n}\r\n.p-5{\n padding: 1.25rem;\n}\r\n.p-8{\n padding: 2rem;\n}\r\n.px-1{\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\r\n.px-4{\n padding-left: 1rem;\n padding-right: 1rem;\n}\r\n.px-5{\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\r\n.py-3\\.5{\n padding-top: 0.875rem;\n padding-bottom: 0.875rem;\n}\r\n.py-4{\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\r\n.pb-2{\n padding-bottom: 0.5rem;\n}\r\n.pt-4{\n padding-top: 1rem;\n}\r\n.text-left{\n text-align: left;\n}\r\n.text-center{\n text-align: center;\n}\r\n.text-\\[10px\\]{\n font-size: 10px;\n}\r\n.text-base{\n font-size: 1rem;\n line-height: 1.5rem;\n}\r\n.text-lg{\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\r\n.text-sm{\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\r\n.text-xl{\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\r\n.text-xs{\n font-size: 0.75rem;\n line-height: 1rem;\n}\r\n.font-bold{\n font-weight: 700;\n}\r\n.font-medium{\n font-weight: 500;\n}\r\n.font-semibold{\n font-weight: 600;\n}\r\n.leading-relaxed{\n line-height: 1.625;\n}\r\n.leading-snug{\n line-height: 1.375;\n}\r\n.text-blue-500{\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity, 1));\n}\r\n.text-brand-primary{\n color: var(--color-alias-color-brand-primary);\n}\r\n.text-brand-text-dark{\n color: var(--color-alias-color-brand-text-dark);\n}\r\n.text-gray-400{\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-500{\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-600{\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-700{\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-900{\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\r\n.text-green-500{\n --tw-text-opacity: 1;\n color: rgb(34 197 94 / var(--tw-text-opacity, 1));\n}\r\n.text-red-600{\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity, 1));\n}\r\n.text-white{\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\r\n.shadow-2xl{\n --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.shadow-lg{\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.shadow-sm{\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.filter{\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\r\n.transition-colors{\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.transition-transform{\n transition-property: transform;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.duration-200{\n transition-duration: 200ms;\n}\r\n.duration-300{\n transition-duration: 300ms;\n}\r\n.hover\\:bg-gray-100:hover{\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-gray-50:hover{\n --tw-bg-opacity: 1;\n background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-red-50:hover{\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:text-gray-700:hover{\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity, 1));\n}\r\n@media (min-width: 640px){\r\n\r\n .sm\\:absolute{\n position: absolute;\n }\r\n\r\n .sm\\:inset-auto{\n inset: auto;\n }\r\n\r\n .sm\\:right-0{\n right: 0px;\n }\r\n\r\n .sm\\:top-full{\n top: 100%;\n }\r\n\r\n .sm\\:mt-2{\n margin-top: 0.5rem;\n }\r\n\r\n .sm\\:hidden{\n display: none;\n }\r\n\r\n .sm\\:w-96{\n width: 24rem;\n }\r\n\r\n .sm\\:origin-top-right{\n transform-origin: top right;\n }\r\n\r\n .sm\\:shadow-xl{\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n }\n}\r\n@media (min-width: 1024px){\r\n\r\n .lg\\:static{\n position: static;\n }\n}"],"mappings":";;;;;AAIA;AAAG;AAAU;AACX,yBAAuB;AACvB,yBAAuB;AACvB,oBAAkB;AAClB,oBAAkB;AAClB,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AACd,gBAAc;AACd;AACA;AACA;AACA,+BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAAwB;AACxB,0BAAwB;AACxB,mBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE;AAClC,2BAAyB,EAAE,EAAE;AAC7B,oBAAkB,EAAE,EAAE;AACtB,eAAa,EAAE,EAAE;AACjB,uBAAqB,EAAE,EAAE;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF;AAEA;AACE,yBAAuB;AACvB,yBAAuB;AACvB,oBAAkB;AAClB,oBAAkB;AAClB,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AACd,gBAAc;AACd;AACA;AACA;AACA,+BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAAwB;AACxB,0BAAwB;AACxB,mBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE;AAClC,2BAAyB,EAAE,EAAE;AAC7B,oBAAkB,EAAE,EAAE;AACtB,eAAa,EAAE,EAAE;AACjB,uBAAqB,EAAE,EAAE;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF;AAWA;AACA;AACA;AACE,cAAY;AACZ,gBAAc;AACd,gBAAc;AACd,gBAAc;AAChB;AAEA;AACA;AACE,gBAAc;AAChB;AAYA;AACA;AACE,eAAa;AACb,4BAA0B;AAC1B,iBAAe;AACf,eAAa;AACV,YAAU;AACb;AAAA,IAAa,aAAa;AAAA,IAAE,SAAS;AAAA,IAAE,UAAU;AAAA,IAAE,mBAAmB;AAAA,IAAE,gBAAgB;AAAA,IAAE,iBAAiB;AAAA,IAAE;AAC7G,yBAAuB;AACv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","names":[]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@kt-components/layout-header-sidebar",
-    "version": "1.0.3",
+    "version": "1.0.5",
     "description": "Reusable Header and Sidebar components for React/Next.js projects",
     "main": "./dist/index.js",
     "module": "./dist/index.mjs",