akfatimeline 2.4.1 → 3.0.0

package/dist/{Timeline.js → index.js}

@@ -1,3127 +1,29 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("react"));
-	else if(typeof define === 'function' && define.amd)
-		define(["react"], factory);
-	else if(typeof exports === 'object')
-		exports["AkfaTimeline"] = factory(require("react"));
-	else
-		root["AkfaTimeline"] = factory(root["react"]);
-})(this, (__WEBPACK_EXTERNAL_MODULE__155__) => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 27
-(module, __webpack_exports__, __webpack_require__) {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `/* AkfaTimeline - Glassmorphism Theme */
-
-:root {
-  /* Light Theme - Glassmorphism */
-  --bg-primary: rgba(255, 255, 255, 0.7);
-  --bg-secondary: rgba(255, 255, 255, 0.5);
-  --bg-tertiary: rgba(255, 255, 255, 0.3);
-  --bg-hover: rgba(255, 255, 255, 0.8);
-  
-  --text-primary: #1a1a1a;
-  --text-secondary: #4a4a4a;
-  --text-tertiary: #6a6a6a;
-  
-  --border-color: rgba(0, 0, 0, 0.15);
-  --border-hover: rgba(0, 0, 0, 0.25);
-  --border-strong: rgba(0, 0, 0, 0.2);
-  
-  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
-  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.15);
-  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.2);
-  --shadow-glow: 0 0 20px rgba(99, 102, 241, 0.3);
-  
-  --accent-primary: rgba(99, 102, 241, 0.6);
-  --accent-hover: rgba(99, 102, 241, 0.8);
-  --accent-light: rgba(99, 102, 241, 0.2);
-  
-  --event-bg: rgba(99, 102, 241, 0.85);
-  --event-text: #ffffff;
-  --event-border: rgba(99, 102, 241, 0.3);
-  --event-shadow: rgba(99, 102, 241, 0.4);
-  
-  --new-event-bg: rgba(236, 72, 153, 0.85);
-  --new-event-text: #ffffff;
-  
-  --selected-bg: rgba(99, 102, 241, 0.25);
-  --group-header-bg: rgb(176, 175, 175);
-  
-  --resource-width: 180px;
-  --cell-height: 45px;
-  --header-height: 70px;
-  --header-total-height: 80px;
-  --header-month-height: 40px;
-  --header-day-height: 40px;
-  --container-height: 600px;
-  
-  --blur-sm: blur(8px);
-  --blur-md: blur(12px);
-  --blur-lg: blur(16px);
-}
-
-/* Dark Theme - Glassmorphism */
-.dark-mode {
-  --bg-primary: rgba(17, 24, 39, 0.7);
-  --bg-secondary: rgba(17, 24, 39, 0.5);
-  --bg-tertiary: rgba(17, 24, 39, 0.3);
-  --bg-hover: rgba(17, 24, 39, 0.85);
-  
-  --text-primary: #f3f4f6;
-  --text-secondary: #d1d5db;
-  --text-tertiary: #9ca3af;
-  
-  --border-color: rgba(255, 255, 255, 0.1);
-  --border-hover: rgba(255, 255, 255, 0.2);
-  --border-strong: rgba(255, 255, 255, 0.15);
-  
-  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
-  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
-  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
-  --shadow-glow: 0 0 20px rgba(139, 92, 246, 0.4);
-  
-  --accent-primary: rgba(139, 92, 246, 0.6);
-  --accent-hover: rgba(139, 92, 246, 0.8);
-  --accent-light: rgba(139, 92, 246, 0.25);
-  
-  --event-bg: rgba(139, 92, 246, 0.75);
-  --event-text: #ffffff;
-  --event-border: rgba(255, 255, 255, 0.25);
-  --event-shadow: rgba(139, 92, 246, 0.5);
-  
-  --new-event-bg: rgba(236, 72, 153, 0.75);
-  --new-event-text: #ffffff;
-  
-  --selected-bg: rgba(139, 92, 246, 0.3);
-  --group-header-bg: rgba(16, 16, 26, 0.5);
-}
-
-/* Base Container */
-.timeline-container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  background: var(--bg-primary);
-  backdrop-filter: var(--blur-md);
-  -webkit-backdrop-filter: var(--blur-md);
-  border: 1px solid var(--border-color);
-  border-radius: 20px;
-  box-shadow: var(--shadow-lg);
-  overflow: hidden;
-  box-sizing: border-box;
-  color: var(--text-primary);
-  user-select: none;
-}
-
-/* Master Header */
-.timeline-master-header {
-  width: 100%;
-  background: var(--bg-secondary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  border-bottom: 1px solid var(--border-color);
-  padding: 15px 20px;
-  box-sizing: border-box;
-  z-index: 10;
-  box-shadow: var(--shadow-sm);
-}
-
-/* Timeline Body */
-.timeline-body {
-  display: flex;
-  flex: 1;
-  overflow: hidden;
-}
-
-/* Resources Container */
-.timeline-resources-container {
-  width: var(--resource-width);
-  display: flex;
-  flex-direction: column;
-  background: var(--bg-secondary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  border-right: 1px solid var(--border-color);
-  position: sticky;
-  left: 0;
-  top: var(--header-total-height);
-  z-index: 5;
-  overflow-y: auto;
-  box-shadow: var(--shadow-md);
-}
-
-/* Resources Header */
-.resources-header {
-  background: var(--bg-tertiary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  color: var(--text-primary);
-  text-align: center;
-  width: var(--resource-width);
-  font-weight: 600;
-  font-size: 14px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  height: var(--header-total-height);
-  border-right: 1px solid var(--border-color);
-  border-bottom: 1px solid var(--border-color);
-  box-sizing: border-box;
-  text-transform: uppercase;
-  letter-spacing: 1px;
-  box-shadow: var(--shadow-sm);
-  padding: 12px;
-}
-
-/* Group Header Row */
-.group-header-row {
-  display: flex;
-  height: var(--cell-height);
-  background: var(--group-header-bg);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-}
-
-.group-header-cell {
-  flex: 1;
-  border-right: 1px solid var(--border-color);
-  text-align: center;
-  background: transparent;
-  color: var(--text-secondary);
-  height: var(--cell-height);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 500;
-  font-size: 12px;
-  box-sizing: border-box;
-}
-
-/* Resource Groups */
-.resource-group {
-  display: flex;
-  flex-direction: column;
-}
-
-.resource-group-header {
-  background: var(--bg-tertiary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  color: var(--text-primary);
-  font-weight: 600;
-  font-size: 13px;
-  height: var(--cell-height);
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 15px;
-  cursor: pointer;
-  border-bottom: 1px solid var(--border-color);
-  transition: all 0.3s ease;
-}
-
-.resource-group-header:hover {
-  background: var(--bg-hover);
-  backdrop-filter: var(--blur-md);
-  -webkit-backdrop-filter: var(--blur-md);
-}
-
-/* Resource Cells */
-.resource-cell {
-  padding: 0 15px;
-  text-align: left;
-  background: var(--bg-secondary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  color: var(--text-primary);
-  height: var(--cell-height);
-  display: flex;
-  align-items: center;
-  border-bottom: 1px solid var(--border-color);
-  box-sizing: border-box;
-  font-size: 13px;
-  transition: all 0.2s ease;
-}
-
-.resource-cell:hover {
-  background: var(--bg-hover);
-  backdrop-filter: var(--blur-md);
-  -webkit-backdrop-filter: var(--blur-md);
-}
-
-/* Timeline Scrollable Container */
-.timeline-scrollable-container {
-  flex: 1;
-  overflow-x: auto;
-  overflow-y: hidden;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  background: var(--bg-primary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-}
-
-/* Header Content Wrapper */
-.timeline-header-content-wrapper {
-  display: flex;
-  flex-direction: column;
-}
-
-/* Timeline Header */
-.timeline-header {
-  display: flex;
-  background: var(--bg-secondary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  color: var(--text-primary);
-  position: sticky;
-  top: 0;
-  z-index: 3;
-  height: var(--header-total-height);
-  overflow: hidden;
-  box-sizing: border-box;
-  border-bottom: 1px solid var(--border-color);
-  box-shadow: var(--shadow-sm);
-}
-
-/* Timeline Content */
-.timeline-content {
-  display: flex;
-  flex-direction: column;
-}
-
-/* Group Container */
-.group-container {
-  display: flex;
-  flex-direction: column;
-}
-
-/* Resource Rows */
-.resource-row {
-  display: flex;
-  box-sizing: border-box;
-  position: relative;
-  height: var(--cell-height);
-  border-bottom: 1px solid var(--border-strong);
-  overflow: visible;
-}
-
-/* Timeline Cells */
-.timeline-cell {
-  flex: 1;
-  border-right: 1px solid var(--border-color);
-  border-bottom: 1px solid var(--border-color);
-  height: 100%;
-  position: relative;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  transition: all 0.2s ease;
-}
-
-.timeline-cell:hover {
-  background: var(--accent-light);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-}
-
-.timeline-cell.selected {
-  background: var(--selected-bg);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  box-shadow: inset 0 0 10px var(--accent-primary);
-}
-
-/* Timeline Event */
-.timeline-event {
-  position: absolute;
-  background: var(--event-bg);
-  backdrop-filter: var(--blur-md);
-  -webkit-backdrop-filter: var(--blur-md);
-  color: var(--event-text);
-  font-size: 13px;
-  font-weight: 500;
-  padding: 6px 12px;
-  padding-left: 20px; /* Drag handle için alan */
-  border-radius: 12px;
-  box-sizing: border-box;
-  z-index: 10;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  border: 1px solid var(--event-border);
-  top: 5px;
-  height: calc(var(--cell-height) - 10px);
-  max-height: calc(var(--cell-height) - 10px);
-  box-shadow: var(--shadow-md), 0 0 15px var(--event-shadow);
-  cursor: default;
-  transition: all 0.3s ease;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex-wrap: nowrap;
-}
-
-.timeline-event:hover {
-  transform: translateY(-2px);
-  box-shadow: var(--shadow-lg), 0 0 20px var(--event-shadow);
-  backdrop-filter: var(--blur-lg);
-  -webkit-backdrop-filter: var(--blur-lg);
-}
-
-.timeline-event-title {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-  display: inline-block;
-}
-
-/* Saatlik Rezervasyon Stilleri - Ana Timeline'da Gruplanmış Görünüm */
-.timeline-event-hourly {
-  background: linear-gradient(135deg, rgba(236, 72, 153, 0.75), rgba(219, 39, 119, 0.75)) !important;
-  border: 2px solid rgba(255, 255, 255, 0.6) !important;
-  border-left: 4px solid rgba(255, 255, 255, 0.9) !important;
-  box-shadow: 0 2px 8px rgba(236, 72, 153, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
-  opacity: 0.95;
-  position: absolute !important;
-  font-weight: 600;
-  padding: 6px 6px !important; /* Kompakt padding - drag handle yok */
-  padding-left: 24px !important; /* Saat ikonu için alan */
-  min-width: 0 !important; /* Sütun genişliğini bozmaması için */
-  max-width: calc(100% - 4px) !important; /* Border için alan bırak */
-  box-sizing: border-box !important;
-  overflow: hidden !important; /* Taşan içeriği gizle */
-  text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-  word-wrap: break-word !important;
-}
-
-.timeline-event-hourly::before {
-  content: '⏰';
-  position: absolute;
-  left: 8px;
-  top: 50%;
-  transform: translateY(-50%);
-  font-size: 14px;
-  opacity: 0.95;
-  line-height: 1;
-}
-
-.timeline-event-hourly:hover {
-  transform: translateY(-1px);
-  box-shadow: 0 4px 12px rgba(236, 72, 153, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
-  opacity: 1;
-}
-
-.timeline-event-hourly .timeline-event-title {
-  padding-left: 0 !important; /* İkon zaten ::before ile eklendi */
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 1.3;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.timeline-event-hourly-time {
-  font-size: 10px;
-  opacity: 0.85;
-  font-weight: 500;
-  margin-left: 6px;
-}
-
-/* Saatlik rezervasyonlarda drag ve extend handle'ları gizle */
-.timeline-event-hourly .timeline-event-drag-handle,
-.timeline-event-hourly .timeline-event-extend-handle {
-  display: none !important;
-}
-
-.dark-mode .timeline-event-hourly {
-  background: linear-gradient(135deg, rgba(236, 72, 153, 0.65), rgba(219, 39, 119, 0.65)) !important;
-  border: 2px solid rgba(255, 255, 255, 0.5) !important;
-  border-left: 4px solid rgba(255, 255, 255, 0.8) !important;
-  box-shadow: 0 2px 8px rgba(236, 72, 153, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
-}
-
-/* Event Drag Handle - Sol Taraf */
-.timeline-event-drag-handle {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 16px;
-  height: 100%;
-  background: rgba(255, 255, 255, 0.4);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  cursor: grab;
-  z-index: 25;
-  border-top-left-radius: 12px;
-  border-bottom-left-radius: 12px;
-  transition: all 0.2s ease;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.timeline-event-drag-handle::before {
-  content: '⋮⋮';
-  color: rgba(255, 255, 255, 0.8);
-  font-size: 10px;
-  letter-spacing: -2px;
-  line-height: 1;
-}
-
-.timeline-event-drag-handle:hover {
-  background: rgba(255, 255, 255, 0.6);
-  width: 20px;
-}
-
-.timeline-event-drag-handle:active {
-  cursor: grabbing;
-  background: rgba(255, 255, 255, 0.7);
-}
-
-/* Event Extend Handle */
-.timeline-event-extend-handle {
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 12px;
-  height: 100%;
-  background: rgba(255, 255, 255, 0.3);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  cursor: col-resize;
-  z-index: 20;
-  border-top-right-radius: 12px;
-  border-bottom-right-radius: 12px;
-  transition: all 0.2s ease;
-}
-
-.timeline-event-extend-handle:hover {
-  background: rgba(255, 255, 255, 0.5);
-  width: 16px;
-}
-
-/* Temp Event (Creating) */
-.timeline-temp-event {
-  position: absolute;
-  background: var(--new-event-bg);
-  backdrop-filter: var(--blur-md);
-  -webkit-backdrop-filter: var(--blur-md);
-  color: var(--new-event-text);
-  opacity: 0.8;
-  border-radius: 12px;
-  z-index: 9;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 13px;
-  font-weight: 500;
-  padding: 6px 12px;
-  top: 6px;
-  border: 1px solid rgba(255, 255, 255, 0.3);
-  box-shadow: var(--shadow-md);
-  animation: pulse 2s ease-in-out infinite;
-}
-
-@keyframes pulse {
-  0%, 100% {
-    opacity: 0.8;
-  }
-  50% {
-    opacity: 1;
-  }
-}
-
-/* Timeline Header Container */
-.timeline-header-container {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-
-/* Month Row */
-.timeline-header-month-row {
-  display: flex;
-  background: var(--bg-tertiary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  color: var(--text-primary);
-  font-weight: 600;
-  font-size: 17px;
-  height: var(--header-month-height);
-  line-height: var(--header-month-height);
-  border-bottom: 1px solid var(--border-color);
-}
-
-.timeline-header-month-cell {
-  text-align: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  border-right: 1px solid var(--border-color);
-}
-
-/* Day Row */
-.timeline-header-day-row {
-  display: flex;
-  background: var(--bg-secondary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  color: var(--text-primary);
-  border-bottom: -1px solid var(--border-strong);
-}
-
-.timeline-header-day-cell {
-  height: var(--header-day-height);
-  line-height: var(--header-day-height);
-  font-size: 13px;
-  font-weight: 500;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  text-align: center;
-  box-sizing: border-box;
-  border-right: 1px solid var(--border-color);
-}
-
-/* Timeline Content Container */
-.timeline-content-container {
-  position: relative;
-  width: 100%;
-  height: auto;
-  display: flex;
-  flex-direction: column;
-}
-
-/* Timeline Group Container */
-.timeline-group-container {
-  margin-bottom: 0;
-  display: flex;
-  flex-direction: column;
-}
-
-/* Group Header Row */
-.timeline-group-header-row {
-  display: flex;
-  margin-top: 0;
-}
-
-.timeline-group-header-cell {
-  flex: 1;
-  height: var(--cell-height);
-  background: var(--group-header-bg);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  border-right: 1px solid var(--border-strong);
-  border-bottom: 1px solid var(--border-strong);
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-/* Resource Row */
-.timeline-resource-row {
-  display: flex;
-  position: relative;
-  height: var(--cell-height);
-  border-bottom: 1px solid var(--border-strong);
-  box-sizing: border-box;
-  overflow: visible;
-}
-
-/* Scrollbar Styling */
-.timeline-scrollable-container::-webkit-scrollbar,
-.timeline-resources-container::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-.timeline-scrollable-container::-webkit-scrollbar-track,
-.timeline-resources-container::-webkit-scrollbar-track {
-  background: var(--bg-tertiary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-}
-
-.timeline-scrollable-container::-webkit-scrollbar-thumb,
-.timeline-resources-container::-webkit-scrollbar-thumb {
-  background: var(--accent-primary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  border-radius: 10px;
-  border: 2px solid transparent;
-  background-clip: padding-box;
-}
-
-.timeline-scrollable-container::-webkit-scrollbar-thumb:hover,
-.timeline-resources-container::-webkit-scrollbar-thumb:hover {
-  background: var(--accent-hover);
-}
-
-/* Master Header Styles */
-.master-header-container {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0;
-  background: transparent;
-}
-
-.master-header-buttons {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.master-header-btn {
-  background: var(--bg-secondary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  color: var(--text-primary);
-  border: 1px solid var(--border-color);
-  border-radius: 10px;
-  padding: 8px 16px;
-  cursor: pointer;
-  font-size: 13px;
-  font-weight: 500;
-  transition: all 0.3s ease;
-  box-shadow: var(--shadow-sm);
-}
-
-.master-header-btn:hover {
-  background: var(--bg-hover);
-  backdrop-filter: var(--blur-md);
-  -webkit-backdrop-filter: var(--blur-md);
-  border-color: var(--border-hover);
-  transform: translateY(-2px);
-  box-shadow: var(--shadow-md);
-}
-
-.master-header-btn:active {
-  transform: translateY(0);
-}
-
-.master-header-btn:focus {
-  outline: none;
-  box-shadow: var(--shadow-md), 0 0 0 3px var(--accent-light);
-}
-
-/* Seçili custom button stili - sadece border parlar, arka plan olmaz */
-.master-header-btn-active {
-  background: transparent !important;
-  backdrop-filter: none !important;
-  -webkit-backdrop-filter: none !important;
-  border: 2px solid var(--accent-color, #0ea5e9) !important;
-  box-shadow: 0 0 10px rgba(14, 165, 233, 0.5), 0 0 20px rgba(14, 165, 233, 0.3) !important;
-  color: var(--text-primary) !important;
-}
-
-.master-header-btn-active:hover {
-  background: transparent !important;
-  border-color: var(--accent-color, #0ea5e9) !important;
-  box-shadow: 0 0 15px rgba(14, 165, 233, 0.7), 0 0 25px rgba(14, 165, 233, 0.4) !important;
-  transform: translateY(-2px);
-}
-
-.master-header-date-picker {
-  background: var(--bg-secondary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  color: var(--text-primary);
-  border: 1px solid var(--border-color);
-  border-radius: 10px;
-  padding: 8px 16px;
-  cursor: pointer;
-  font-size: 13px;
-  font-weight: 500;
-  transition: all 0.3s ease;
-  box-shadow: var(--shadow-sm);
-}
-
-.master-header-date-picker:hover {
-  background: var(--bg-hover);
-  backdrop-filter: var(--blur-md);
-  -webkit-backdrop-filter: var(--blur-md);
-  border-color: var(--border-hover);
-  transform: translateY(-2px);
-  box-shadow: var(--shadow-md);
-}
-
-.master-header-date-picker:focus {
-  outline: none;
-  box-shadow: var(--shadow-md), 0 0 0 3px var(--accent-light);
-}
-
-.master-header-select {
-  margin-left: auto;
-  background: var(--bg-secondary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  color: var(--text-primary);
-  border: 1px solid var(--border-color);
-  border-radius: 10px;
-  padding: 8px 16px;
-  font-size: 13px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  box-shadow: var(--shadow-sm);
-}
-
-.master-header-select:hover {
-  background: var(--bg-hover);
-  backdrop-filter: var(--blur-md);
-  -webkit-backdrop-filter: var(--blur-md);
-  border-color: var(--border-hover);
-  transform: translateY(-2px);
-  box-shadow: var(--shadow-md);
-}
-
-.master-header-select:focus {
-  outline: none;
-  box-shadow: var(--shadow-md), 0 0 0 3px var(--accent-light);
-}
-
-/* Zoom Controls */
-.master-header-zoom-controls {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-left: 12px;
-}
-
-.master-header-zoom-level {
-  min-width: 50px;
-  text-align: center;
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--text-primary);
-  padding: 0 8px;
-}
-
-.master-header-zoom-controls .master-header-btn {
-  min-width: 36px;
-  padding: 8px 12px;
-  font-size: 18px;
-  font-weight: 700;
-  line-height: 1;
-}
-
-.master-header-zoom-controls .master-header-btn:disabled {
-  opacity: 0.4;
-  cursor: not-allowed;
-  transform: none;
-}
-
-.master-header-zoom-controls .master-header-btn:disabled:hover {
-  transform: none;
-  box-shadow: none;
-}
-
-/* ============================================
-   Context Menu Styles
-   ============================================ */
-.context-menu {
-  position: fixed;
-  z-index: 10005;
-  pointer-events: auto;
-}
-
-.context-menu-content {
-  background: var(--bg-primary);
-  backdrop-filter: var(--blur-md);
-  -webkit-backdrop-filter: var(--blur-md);
-  border: 1px solid var(--border-color);
-  border-radius: 12px;
-  box-shadow: var(--shadow-lg);
-  padding: 6px;
-  min-width: 200px;
-  max-width: 300px;
-  overflow: hidden;
-  animation: contextMenuFadeIn 0.15s ease-out;
-}
-
-@keyframes contextMenuFadeIn {
-  from {
-    opacity: 0;
-    transform: scale(0.95) translateY(-5px);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1) translateY(0);
-  }
-}
-
-.context-menu-item {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 10px 12px;
-  border-radius: 8px;
-  cursor: pointer;
-  font-size: 13px;
-  color: var(--text-primary);
-  transition: all 0.2s ease;
-  user-select: none;
-  position: relative;
-}
-
-.context-menu-item:hover:not(.context-menu-item-disabled) {
-  background: var(--bg-hover);
-  color: var(--text-primary);
-}
-
-.context-menu-item-disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.context-menu-item-danger {
-  color: var(--danger-color, #dc3545);
-}
-
-.context-menu-item-danger:hover:not(.context-menu-item-disabled) {
-  background: rgba(220, 53, 69, 0.1);
-  color: var(--danger-color, #dc3545);
-}
-
-.context-menu-item-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 18px;
-  height: 18px;
-  font-size: 14px;
-  flex-shrink: 0;
-}
-
-.context-menu-item-label {
-  flex: 1;
-  font-weight: 500;
-}
-
-.context-menu-item-shortcut {
-  font-size: 11px;
-  color: var(--text-tertiary);
-  font-family: monospace;
-  padding: 2px 6px;
-  background: var(--bg-tertiary);
-  border-radius: 4px;
-  margin-left: auto;
-}
-
-.context-menu-separator {
-  height: 1px;
-  background: var(--border-color);
-  margin: 4px 0;
-}
-
-/* Dark mode adjustments */
-.dark-mode .context-menu-item-shortcut {
-  background: var(--bg-secondary);
-  color: var(--text-secondary);
-}
-
-/* ============================================
-   Daily View Styles
-   ============================================ */
-.daily-view-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.8);
-  backdrop-filter: blur(10px);
-  -webkit-backdrop-filter: blur(10px);
-  z-index: 10006;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  animation: dailyViewFadeIn 0.4s ease-out;
-  overflow: hidden;
-}
-
-@keyframes dailyViewFadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-.daily-view-container {
-  width: 95%;
-  max-width: 1400px;
-  height: 90vh;
-  background: var(--bg-primary);
-  backdrop-filter: var(--blur-lg);
-  -webkit-backdrop-filter: var(--blur-lg);
-  border: 1px solid var(--border-color);
-  border-radius: 20px;
-  box-shadow: var(--shadow-lg);
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  animation: dailyViewScaleIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
-  position: relative;
-}
-
-@keyframes dailyViewScaleIn {
-  from {
-    opacity: 0;
-    transform: scale(0.8) translateY(50px);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1) translateY(0);
-  }
-}
-
-.daily-view-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 20px 30px;
-  border-bottom: 1px solid var(--border-color);
-  background: var(--bg-secondary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-}
-
-.daily-view-header-content {
-  flex: 1;
-}
-
-.daily-view-title {
-  font-size: 24px;
-  font-weight: 700;
-  color: var(--text-primary);
-  margin: 0 0 5px 0;
-}
-
-.daily-view-date {
-  font-size: 14px;
-  color: var(--text-secondary);
-  margin: 0;
-  text-transform: capitalize;
-}
-
-.daily-view-close {
-  background: var(--bg-tertiary);
-  border: 1px solid var(--border-color);
-  border-radius: 8px;
-  width: 36px;
-  height: 36px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  font-size: 20px;
-  color: var(--text-primary);
-  transition: all 0.2s ease;
-}
-
-.daily-view-close:hover {
-  background: var(--bg-hover);
-  transform: rotate(90deg);
-}
-
-.daily-view-body {
-  display: flex;
-  flex: 1;
-  overflow: hidden;
-}
-
-.daily-view-hours {
-  width: 100px;
-  background: var(--bg-secondary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  border-right: 1px solid var(--border-color);
-  overflow-y: auto;
-  flex-shrink: 0;
-}
-
-.daily-view-hour-label {
-  height: calc(100% / 24);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 12px;
-  color: var(--text-secondary);
-  font-weight: 500;
-  border-bottom: 1px solid var(--border-color);
-  position: relative;
-}
-
-.daily-view-hour-label:last-child {
-  border-bottom: none;
-}
-
-.daily-view-timeline {
-  flex: 1;
-  overflow-y: auto;
-  position: relative;
-  background: var(--bg-primary);
-  cursor: crosshair;
-}
-
-.daily-view-hour-cell {
-  height: calc(100% / 24);
-  border-bottom: 1px solid var(--border-color);
-  position: relative;
-  cursor: pointer;
-  transition: background 0.2s ease;
-}
-
-.daily-view-hour-cell:hover {
-  background: var(--bg-hover);
-}
-
-.daily-view-hour-cell:last-child {
-  border-bottom: none;
-}
-
-.daily-view-event {
-  position: absolute;
-  left: 5px;
-  right: 5px;
-  background: var(--event-bg);
-  color: var(--event-text);
-  border-radius: 8px;
-  padding: 8px 12px;
-  box-shadow: var(--shadow-md);
-  cursor: pointer;
-  transition: all 0.2s ease;
-  border: 1px solid var(--event-border);
-  z-index: 10;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  overflow: hidden;
-}
-
-.daily-view-event:hover {
-  transform: translateY(-2px);
-  box-shadow: var(--shadow-lg);
-  z-index: 15;
-}
-
-.daily-view-event-title {
-  font-weight: 600;
-  font-size: 13px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.daily-view-event-time {
-  font-size: 11px;
-  opacity: 0.9;
-  white-space: nowrap;
-}
-
-.daily-view-temp-event {
-  position: absolute;
-  left: 5px;
-  right: 5px;
-  background: var(--new-event-bg);
-  color: var(--new-event-text);
-  border-radius: 8px;
-  padding: 8px 12px;
-  box-shadow: var(--shadow-md);
-  border: 2px dashed rgba(255, 255, 255, 0.5);
-  z-index: 20;
-  font-weight: 500;
-  font-size: 13px;
-  animation: dailyViewPulse 1.5s ease-in-out infinite;
-}
-
-@keyframes dailyViewPulse {
-  0%, 100% {
-    opacity: 0.8;
-  }
-  50% {
-    opacity: 1;
-  }
-}
-
-/* Responsive */
-@media (max-width: 768px) {
-  .daily-view-container {
-    width: 100%;
-    height: 100vh;
-    border-radius: 0;
-  }
-  
-  .daily-view-hours {
-    width: 80px;
-  }
-  
-  .daily-view-title {
-    font-size: 20px;
-  }
-}
-
-/* Flatpickr Calendar Glassmorphism */
-.flatpickr-calendar {
-  background: var(--bg-primary) !important;
-  backdrop-filter: var(--blur-lg) !important;
-  -webkit-backdrop-filter: var(--blur-lg) !important;
-  border: 1px solid var(--border-color) !important;
-  box-shadow: var(--shadow-lg) !important;
-  border-radius: 16px !important;
-  overflow: hidden;
-}
-
-.flatpickr-day {
-  background: transparent !important;
-  color: var(--text-primary) !important;
-  border-radius: 8px !important;
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
-.flatpickr-day:hover {
-  background: var(--accent-light) !important;
-  backdrop-filter: var(--blur-sm) !important;
-  -webkit-backdrop-filter: var(--blur-sm) !important;
-}
-
-.flatpickr-day.selected {
-  background: var(--accent-primary) !important;
-  backdrop-filter: var(--blur-md) !important;
-  -webkit-backdrop-filter: var(--blur-md) !important;
-  color: white !important;
-  box-shadow: var(--shadow-md);
-}
-
-.flatpickr-months .flatpickr-month {
-  background: transparent !important;
-  color: var(--text-primary) !important;
-}
-
-.flatpickr-prev-month,
-.flatpickr-next-month {
-  color: var(--text-primary) !important;
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
-.flatpickr-prev-month:hover,
-.flatpickr-next-month:hover {
-  background: var(--accent-light) !important;
-  backdrop-filter: var(--blur-sm) !important;
-  -webkit-backdrop-filter: var(--blur-sm) !important;
-  border-radius: 8px;
-}
-
-/* Event Time Style */
-.event-time {
-  font-size: 11px;
-  margin-top: 2px;
-  opacity: 0.9;
-}
-
-/* Legacy class support (for backward compatibility) */
-.event {
-  position: absolute;
-  background: var(--event-bg);
-  backdrop-filter: var(--blur-md);
-  -webkit-backdrop-filter: var(--blur-md);
-  color: var(--event-text);
-  font-size: 13px;
-  font-weight: 500;
-  padding: 6px 12px;
-  border-radius: 12px;
-  text-align: left;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  box-sizing: border-box;
-  z-index: 10;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  border: 1px solid var(--event-border);
-  cursor: pointer;
-  box-shadow: var(--shadow-md), var(--shadow-glow);
-  transition: all 0.3s ease;
-}
-
-.event:hover {
-  transform: translateY(-2px);
-  box-shadow: var(--shadow-lg), var(--shadow-glow);
-}
-
-/* Time-based Mode Styles */
-.timeline-header-time-row {
-  display: flex;
-  background: var(--bg-tertiary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  border-bottom: 1px solid var(--border-strong);
-  height: 60px;
-}
-
-.timeline-header-time-cell {
-  flex: 1;
-  border-right: 1px solid var(--border-color);
-  position: relative;
-  height: 100%;
-}
-
-.timeline-time-slots {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  position: relative;
-}
-
-.timeline-time-slot {
-  border-bottom: 1px solid var(--border-color);
-  position: relative;
-  box-sizing: border-box;
-}
-
-.timeline-time-label {
-  position: absolute;
-  left: 4px;
-  top: 2px;
-  font-size: 10px;
-  font-weight: 500;
-  color: var(--text-secondary);
-  background: var(--bg-secondary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  padding: 2px 4px;
-  border-radius: 3px;
-  z-index: 1;
-}
-
-/* Time-based Event Styles */
-.timeline-event-time-based {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: auto;
-  min-height: 20px;
-}
-
-.timeline-resource-row {
-  position: relative;
-  min-height: var(--cell-height);
-  height: var(--cell-height);
-  overflow: visible;
-}
-
-.timeline-resource-row.time-mode {
-  min-height: 400px; /* Time mode için daha yüksek */
-  height: auto;
-}
-
-/* Time mode için cell yüksekliği */
-.timeline-cell.time-mode {
-  min-height: 400px;
-  height: auto;
-  position: relative;
-}
-
-/* Event saat bilgisi */
-.timeline-event-time {
-  display: block;
-  font-size: 10px;
-  opacity: 0.8;
-  margin-top: 2px;
-  font-weight: 500;
-}
-
-.timeline-event-conflict-icon {
-  display: inline-block;
-  margin-left: 4px;
-  font-size: 12px;
-  animation: pulse-warning 2s ease-in-out infinite;
-}
-
-@keyframes pulse-warning {
-  0%, 100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.5;
-  }
-}
-
-/* Time-based event için daha iyi görünüm */
-.timeline-event-time-based .timeline-event-title {
-  font-size: 11px;
-  line-height: 1.2;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.timeline-event-time-based {
-  min-height: 30px;
-  padding: 4px 8px;
-}
-
-/* Filter Panel Styles */
-.filter-panel {
-  background: var(--bg-secondary);
-  backdrop-filter: var(--blur-md);
-  -webkit-backdrop-filter: var(--blur-md);
-  border: 1px solid var(--border-color);
-  border-radius: 12px;
-  padding: 16px;
-  margin-bottom: 16px;
-  box-shadow: var(--shadow-md);
-}
-
-.filter-panel-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 16px;
-  padding-bottom: 12px;
-  border-bottom: 1px solid var(--border-color);
-}
-
-.filter-panel-header h3 {
-  margin: 0;
-  font-size: 16px;
-  font-weight: 600;
-  color: var(--text-primary);
-}
-
-.filter-clear-btn {
-  background: var(--bg-tertiary);
-  border: 1px solid var(--border-color);
-  color: var(--text-primary);
-  padding: 6px 12px;
-  border-radius: 6px;
-  cursor: pointer;
-  font-size: 12px;
-  transition: all 0.2s ease;
-}
-
-.filter-clear-btn:hover {
-  background: var(--bg-primary);
-  transform: translateY(-1px);
-}
-
-.filter-section {
-  margin-bottom: 16px;
-}
-
-.filter-section label {
-  display: block;
-  margin-bottom: 8px;
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--text-secondary);
-}
-
-.filter-search-input,
-.filter-date-input {
-  width: 100%;
-  padding: 8px 12px;
-  background: var(--bg-tertiary);
-  border: 1px solid var(--border-color);
-  border-radius: 6px;
-  color: var(--text-primary);
-  font-size: 13px;
-  transition: all 0.2s ease;
-}
-
-.filter-search-input:focus,
-.filter-date-input:focus {
-  outline: none;
-  border-color: var(--border-hover);
-  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
-}
-
-.filter-date-range {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.filter-date-range span {
-  color: var(--text-secondary);
-  font-size: 12px;
-}
-
-.filter-checkbox-group {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  max-height: 200px;
-  overflow-y: auto;
-}
-
-.filter-checkbox {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  cursor: pointer;
-  font-size: 13px;
-  color: var(--text-primary);
-  padding: 4px 0;
-}
-
-.filter-checkbox input[type="checkbox"] {
-  cursor: pointer;
-  width: 16px;
-  height: 16px;
-  accent-color: rgba(99, 102, 241, 0.8);
-}
-
-.filter-checkbox span {
-  user-select: none;
-}
-
-/* View Mode Styles */
-.master-header-view-mode {
-  display: flex;
-  gap: 4px;
-  margin-right: 12px;
-}
-
-.master-header-view-mode .master-header-btn {
-  padding: 6px 12px;
-  font-size: 12px;
-  min-width: 50px;
-}
-
-.master-header-view-mode .master-header-btn.active {
-  background: var(--bg-primary);
-  border-color: var(--border-hover);
-  box-shadow: var(--shadow-sm);
-  font-weight: 600;
-}
-
-/* ============================================
-   MOBILE RESPONSIVE STYLES
-   ============================================ */
-
-@media (max-width: 768px) {
-  /* Mobil için CSS değişkenleri */
-  :root {
-    --resource-width: 120px;
-    --cell-height: 40px;
-    --header-total-height: 70px;
-    --header-month-height: 35px;
-    --header-day-height: 35px;
-    --container-height: 500px;
-  }
-
-  /* Timeline Container */
-  .timeline-container {
-    font-size: 12px;
-  }
-
-  /* Master Header */
-  .master-header-container {
-    flex-direction: column;
-    gap: 8px;
-    padding: 8px;
-  }
-
-  .master-header-buttons {
-    flex-wrap: wrap;
-    gap: 6px;
-  }
-
-  .master-header-btn {
-    padding: 6px 10px;
-    font-size: 11px;
-    min-width: auto;
-  }
-
-  .master-header-date-picker {
-    width: 100%;
-    padding: 8px;
-    font-size: 14px;
-  }
-
-  .master-header-select {
-    width: 100%;
-    padding: 8px;
-    font-size: 14px;
-  }
-
-  /* Resources Header */
-  .resources-header {
-    font-size: 12px;
-    padding: 8px;
-  }
-
-  .resource-group-header {
-    font-size: 11px;
-    padding: 8px 10px;
-    height: var(--cell-height);
-  }
-
-  .resource-cell {
-    font-size: 11px;
-    padding: 0 10px;
-    height: var(--cell-height);
-  }
-
-  /* Timeline Header */
-  .timeline-header-month-cell {
-    font-size: 11px;
-    padding: 6px 4px;
-  }
-
-  .timeline-header-day-cell {
-    font-size: 10px;
-    padding: 4px 2px;
-  }
-
-  /* Timeline Events */
-  .timeline-event {
-    font-size: 10px;
-    padding: 4px 6px;
-    min-height: 32px;
-    border-radius: 12px;
-  }
-
-  .timeline-event-title {
-    font-size: 10px;
-    line-height: 1.2;
-  }
-
-  .timeline-event-drag-handle {
-    width: 12px;
-  }
-
-  .timeline-event-drag-handle:hover {
-    width: 14px;
-  }
-
-  /* Timeline Cells */
-  .timeline-cell {
-    min-width: 40px;
-  }
-
-  /* Scrollable Container */
-  .timeline-scrollable-container {
-    -webkit-overflow-scrolling: touch; /* iOS smooth scrolling */
-    scroll-behavior: smooth;
-  }
-
-  /* Group Header */
-  .timeline-group-header-cell {
-    font-size: 10px;
-  }
-
-  /* Tooltip */
-  .event-tooltip {
-    font-size: 11px;
-    padding: 8px;
-    max-width: 200px;
-  }
-}
-
-@media (max-width: 480px) {
-  /* Küçük mobil cihazlar için */
-  :root {
-    --resource-width: 100px;
-    --cell-height: 35px;
-    --header-total-height: 60px;
-    --header-month-height: 30px;
-    --header-day-height: 30px;
-    --container-height: 400px;
-  }
-
-  .master-header-btn {
-    padding: 5px 8px;
-    font-size: 10px;
-  }
-
-  .timeline-header-month-cell {
-    font-size: 10px;
-    padding: 4px 2px;
-  }
-
-  .timeline-header-day-cell {
-    font-size: 9px;
-    padding: 3px 1px;
-  }
-
-  .timeline-event {
-    font-size: 9px;
-    padding: 3px 5px;
-    min-height: 28px;
-  }
-
-  .timeline-event-title {
-    font-size: 9px;
-  }
-
-  .resource-cell {
-    font-size: 10px;
-    padding: 0 8px;
-  }
-
-  .timeline-cell {
-    min-width: 35px;
-  }
-}
-
-/* Touch-friendly styles */
-@media (hover: none) and (pointer: coarse) {
-  /* Touch cihazlar için */
-  .timeline-event {
-    min-height: 44px; /* Touch target minimum size */
-  }
-
-  .master-header-btn {
-    min-height: 44px;
-    min-width: 44px;
-  }
-
-  .timeline-cell {
-    min-height: 44px;
-  }
-
-  /* Hover efektlerini devre dışı bırak */
-  .timeline-event:hover {
-    transform: none;
-  }
-
-  .resource-cell:hover {
-    background: var(--bg-secondary);
-  }
-}
-
-/* Landscape orientation için */
-@media (max-width: 768px) and (orientation: landscape) {
-  :root {
-    --container-height: 300px;
-    --cell-height: 35px;
-  }
-}
-
-/* Past Date Protection Styles - Disabled gibi görünüm */
-.timeline-cell-past {
-  cursor: not-allowed !important;
-  pointer-events: none !important;
-  position: relative;
-  background: var(--group-header-bg, rgba(176, 175, 175, 0.8)) !important;
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  border-color: var(--border-strong) !important;
-  opacity: 0.7;
-  z-index: 0;
-}
-
-.timeline-cell-past::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: repeating-linear-gradient(
-    45deg,
-    transparent,
-    transparent 6px,
-    rgba(0, 0, 0, 0.1) 6px,
-    rgba(0, 0, 0, 0.1) 12px
-  );
-  pointer-events: none;
-  z-index: 1;
-  opacity: 0.5;
-}
-
-.dark-mode .timeline-cell-past {
-  background: var(--group-header-bg, rgba(16, 16, 26, 0.8)) !important;
-  opacity: 0.6;
-}
-
-.dark-mode .timeline-cell-past::before {
-  background: repeating-linear-gradient(
-    45deg,
-    transparent,
-    transparent 6px,
-    rgba(255, 255, 255, 0.1) 6px,
-    rgba(255, 255, 255, 0.1) 12px
-  );
-}
-
-/* Grup header cell'lerde de geçmiş tarih stili */
-.timeline-group-header-cell.timeline-cell-past {
-  background: var(--group-header-bg, rgba(176, 175, 175, 0.8)) !important;
-  cursor: not-allowed !important;
-  pointer-events: none !important;
-}
-
-.dark-mode .timeline-group-header-cell.timeline-cell-past {
-  background: var(--group-header-bg, rgba(16, 16, 26, 0.8)) !important;
-}
-
-/* Disabled Dates Styles - Blok şeklinde, grup header gibi */
-.timeline-cell-disabled {
-  cursor: not-allowed !important;
-  pointer-events: none !important;
-  position: relative;
-  background: var(--group-header-bg, rgba(176, 175, 175, 0.8)) !important;
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  border-color: var(--border-strong) !important;
-  opacity: 0.7;
-  z-index: 0;
-}
-
-.timeline-cell-disabled::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: repeating-linear-gradient(
-    45deg,
-    transparent,
-    transparent 6px,
-    rgba(0, 0, 0, 0.1) 6px,
-    rgba(0, 0, 0, 0.1) 12px
-  );
-  pointer-events: none;
-  z-index: 1;
-  opacity: 0.5;
-}
-
-.dark-mode .timeline-cell-disabled {
-  background: var(--group-header-bg, rgba(16, 16, 26, 0.8)) !important;
-  opacity: 0.6;
-}
-
-.dark-mode .timeline-cell-disabled::before {
-  background: repeating-linear-gradient(
-    45deg,
-    transparent,
-    transparent 6px,
-    rgba(255, 255, 255, 0.1) 6px,
-    rgba(255, 255, 255, 0.1) 12px
-  );
-}
-
-/* Grup header cell'lerde de disabled stili */
-.timeline-group-header-cell.timeline-cell-disabled {
-  background: var(--group-header-bg, rgba(176, 175, 175, 0.8)) !important;
-  cursor: not-allowed !important;
-  pointer-events: none !important;
-}
-
-.dark-mode .timeline-group-header-cell.timeline-cell-disabled {
-  background: var(--group-header-bg, rgba(16, 16, 26, 0.8)) !important;
-}
-
-/* Weekend Highlighting Styles - Subtle, matching group header intensity */
-/* Light mode: daha açık ve şeffaf */
-.timeline-header-day-weekend {
-  background: rgba(200, 200, 200, 0.15) !important;
-}
-
-.dark-mode .timeline-header-day-weekend {
-  background: var(--group-header-bg, rgba(16, 16, 26, 0.5)) !important;
-}
-
-.timeline-cell-weekend {
-  background: rgba(200, 200, 200, 0.15) !important;
-}
-
-.dark-mode .timeline-cell-weekend {
-  background: var(--group-header-bg, rgba(16, 16, 26, 0.5)) !important;
-}
-
-.timeline-group-header-cell.timeline-cell-weekend {
-  background: rgba(200, 200, 200, 0.15) !important;
-}
-
-.dark-mode .timeline-group-header-cell.timeline-cell-weekend {
-  background: var(--group-header-bg, rgba(16, 16, 26, 0.5)) !important;
-}
-
-/* Autocomplete Select Styles */
-.autocomplete-select-container {
-  position: relative;
-  width: 100%;
-  max-width: 300px;
-}
-
-.autocomplete-select-input {
-  position: relative;
-  display: flex;
-  align-items: center;
-  background: var(--bg-secondary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  border: 1px solid var(--border-color);
-  border-radius: 8px;
-  padding: 8px 12px;
-  cursor: text;
-  transition: all 0.2s ease;
-}
-
-.autocomplete-select-input:hover {
-  border-color: var(--border-hover);
-  background: var(--bg-hover);
-}
-
-.autocomplete-select-input.open {
-  border-color: var(--accent-primary);
-  box-shadow: 0 0 0 2px var(--accent-light);
-}
-
-.autocomplete-select-input-field {
-  flex: 1;
-  border: none;
-  outline: none;
-  background: transparent;
-  color: var(--text-primary);
-  font-size: 14px;
-  width: 100%;
-}
-
-.autocomplete-select-input-field::placeholder {
-  color: var(--text-tertiary);
-}
-
-.autocomplete-select-arrow {
-  margin-left: 8px;
-  color: var(--text-secondary);
-  font-size: 10px;
-  pointer-events: none;
-  transition: transform 0.2s ease;
-}
-
-.autocomplete-select-input.open .autocomplete-select-arrow {
-  transform: rotate(180deg);
-}
-
-.autocomplete-select-dropdown {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  right: 0;
-  margin-top: 4px;
-  background: var(--bg-primary);
-  backdrop-filter: var(--blur-md);
-  -webkit-backdrop-filter: var(--blur-md);
-  border: 1px solid var(--border-color);
-  border-radius: 8px;
-  box-shadow: var(--shadow-lg);
-  z-index: 10000 !important; /* Çok yüksek z-index - diğer elementlerin üstünde görünsün */
-  max-height: 250px;
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
-.autocomplete-select-option {
-  padding: 10px 12px;
-  cursor: pointer;
-  color: var(--text-primary);
-  transition: all 0.2s ease;
-  border-bottom: 1px solid var(--border-color);
-}
-
-.autocomplete-select-option:last-child {
-  border-bottom: none;
-}
-
-.autocomplete-select-option:hover {
-  background: var(--bg-hover);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-}
-
-.autocomplete-select-option.selected {
-  background: var(--accent-light);
-  color: var(--accent-primary);
-  font-weight: 600;
-}
-
-.autocomplete-select-no-results {
-  padding: 12px;
-  text-align: center;
-  color: var(--text-tertiary);
-  font-size: 14px;
-}
-
-/* Resources Header içinde autocomplete için özel stil */
-.resources-header-content .autocomplete-select-container {
-  max-width: 100%;
-  z-index: 10001 !important; /* Header içinde de yüksek z-index */
-}
-
-.resources-header {
-  position: relative;
-  z-index: 10000; /* Header'ın kendisi de yüksek z-index'e sahip olsun */
-}
-
-/* Cell Tooltip Styles */
-.cell-tooltip {
-  position: fixed;
-  z-index: 10002;
-  pointer-events: none;
-}
-
-.cell-tooltip-content {
-  background: var(--bg-primary);
-  backdrop-filter: var(--blur-md);
-  -webkit-backdrop-filter: var(--blur-md);
-  border: 1px solid var(--border-color);
-  border-radius: 8px;
-  padding: 8px 12px;
-  color: var(--text-primary);
-  font-size: 13px;
-  box-shadow: var(--shadow-lg);
-  white-space: nowrap;
-  max-width: 300px;
-  word-wrap: break-word;
-}
-
-.cell-tooltip-arrow {
-  position: absolute;
-  top: -6px;
-  left: 10px;
-  width: 0;
-  height: 0;
-  border-left: 6px solid transparent;
-  border-right: 6px solid transparent;
-  border-bottom: 6px solid var(--bg-primary);
-  filter: drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.2));
-}
-
-.dark-mode .cell-tooltip-arrow {
-  border-bottom-color: var(--bg-primary);
-}
-
-/* Event Management Styles */
-.timeline-event.selected {
-  outline: 2px solid var(--accent-primary) !important;
-  outline-offset: 2px;
-  box-shadow: 0 0 0 4px var(--accent-light) !important;
-}
-
-/* Modal Styles */
-.modal-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.5);
-  backdrop-filter: blur(4px);
-  -webkit-backdrop-filter: blur(4px);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 10003;
-}
-
-.modal-content {
-  background: var(--bg-primary);
-  backdrop-filter: var(--blur-md);
-  -webkit-backdrop-filter: var(--blur-md);
-  border: 1px solid var(--border-color);
-  border-radius: 16px;
-  box-shadow: var(--shadow-lg);
-  width: 90%;
-  max-width: 500px;
-  max-height: 90vh;
-  overflow-y: auto;
-  color: var(--text-primary);
-}
-
-.modal-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 20px;
-  border-bottom: 1px solid var(--border-color);
-}
-
-.modal-header h2 {
-  margin: 0;
-  font-size: 20px;
-  font-weight: 600;
-}
-
-.modal-close-btn {
-  background: none;
-  border: none;
-  font-size: 28px;
-  color: var(--text-secondary);
-  cursor: pointer;
-  padding: 0;
-  width: 32px;
-  height: 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 8px;
-  transition: all 0.2s ease;
-}
-
-.modal-close-btn:hover {
-  background: var(--bg-hover);
-  color: var(--text-primary);
-}
-
-.modal-form {
-  padding: 20px;
-}
-
-.form-group {
-  margin-bottom: 16px;
-}
-
-.form-group label {
-  display: block;
-  margin-bottom: 8px;
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--text-primary);
-}
-
-.form-group input,
-.form-group select {
-  width: 100%;
-  padding: 10px 12px;
-  background: var(--bg-secondary);
-  backdrop-filter: var(--blur-sm);
-  -webkit-backdrop-filter: var(--blur-sm);
-  border: 1px solid var(--border-color);
-  border-radius: 8px;
-  color: var(--text-primary);
-  font-size: 14px;
-  transition: all 0.2s ease;
-  box-sizing: border-box;
-}
-
-.form-group input:focus,
-.form-group select:focus {
-  outline: none;
-  border-color: var(--accent-primary);
-  box-shadow: 0 0 0 2px var(--accent-light);
-}
-
-.form-row {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 16px;
-}
-
-.modal-actions {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 24px;
-  padding-top: 20px;
-  border-top: 1px solid var(--border-color);
-}
-
-.btn-save,
-.btn-cancel,
-.btn-delete {
-  padding: 10px 20px;
-  border: none;
-  border-radius: 8px;
-  font-size: 14px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
-.btn-save {
-  background: var(--accent-primary);
-  color: white;
-  margin-left: 8px;
-}
-
-.btn-save:hover {
-  background: var(--accent-hover);
-}
-
-.btn-cancel {
-  background: var(--bg-secondary);
-  color: var(--text-primary);
-  border: 1px solid var(--border-color);
-}
-
-.btn-cancel:hover {
-  background: var(--bg-hover);
-}
-
-.btn-delete {
-  background: rgba(220, 53, 69, 0.8);
-  color: white;
-}
-
-.btn-delete:hover {
-  background: rgba(220, 53, 69, 1);
-}
-
-/* ============================================
-   Event Icons
-   ============================================ */
-.event-icon {
-  display: inline-flex !important;
-  align-items: center;
-  justify-content: center;
-  font-size: 16px !important;
-  line-height: 1;
-  margin-right: 6px;
-  flex-shrink: 0;
-  animation: iconPulse 2s ease-in-out infinite;
-  width: auto;
-  height: auto;
-  min-width: 18px;
-  z-index: 15;
-  position: relative;
-  opacity: 1 !important;
-  visibility: visible !important;
-  pointer-events: none;
-}
-
-.event-icon-balance-warning {
-  color: #ffc107;
-  filter: drop-shadow(0 0 2px rgba(255, 193, 7, 0.5));
-}
-
-.event-icon-important-note {
-  color: #17a2b8;
-  filter: drop-shadow(0 0 2px rgba(23, 162, 184, 0.5));
-}
-
-.event-icon-payment-pending {
-  color: #ff9800;
-}
-
-.event-icon-confirmed {
-  color: #28a745;
-}
-
-.event-icon-cancelled {
-  color: #dc3545;
-}
-
-.event-icon-pending {
-  color: #6c757d;
-}
-
-.event-icon-completed {
-  color: #28a745;
-  font-weight: bold;
-}
-
-.event-icon-in-progress {
-  color: #007bff;
-}
-
-.event-icon-alert {
-  color: #dc3545;
-  animation: iconShake 0.5s ease-in-out infinite;
-}
-
-.event-icon-info {
-  color: #17a2b8;
-}
-
-@keyframes iconPulse {
-  0%, 100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-  50% {
-    opacity: 0.7;
-    transform: scale(1.1);
-  }
-}
-
-@keyframes iconShake {
-  0%, 100% {
-    transform: translateX(0);
-  }
-  25% {
-    transform: translateX(-2px);
-  }
-  75% {
-    transform: translateX(2px);
-  }
-}
-
-/* ============================================
-   Event Badges
-   ============================================ */
-.event-badge {
-  position: absolute;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 2px 6px;
-  font-size: 9px;
-  font-weight: 600;
-  border-radius: 10px;
-  white-space: nowrap;
-  z-index: 30;
-  animation: badgeFadeIn 0.3s ease-out;
-  pointer-events: none;
-  line-height: 1;
-  max-width: 50px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  top: -6px;
-}
-
-.event-badge-top-right {
-  top: -6px;
-  right: -6px;
-}
-
-.event-badge-top-left {
-  top: -6px;
-  left: -6px;
-}
-
-.event-badge-bottom-right {
-  bottom: -6px;
-  right: -6px;
-}
-
-.event-badge-bottom-left {
-  bottom: -6px;
-  left: -6px;
-}
-
-.event-badge-default {
-  background: var(--accent-primary);
-  color: white;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-}
-
-.event-badge-important {
-  background: linear-gradient(135deg, #ff6b6b, #ee5a6f);
-  color: white;
-  box-shadow: 0 2px 8px rgba(255, 107, 107, 0.4);
-  animation: badgePulse 2s ease-in-out infinite;
-}
-
-.event-badge-urgent {
-  background: linear-gradient(135deg, #ffc107, #ff9800);
-  color: #000;
-  box-shadow: 0 2px 8px rgba(255, 193, 7, 0.4);
-  animation: badgeShake 0.5s ease-in-out infinite;
-}
-
-.event-badge-new {
-  background: linear-gradient(135deg, #28a745, #20c997);
-  color: white;
-  box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4);
-}
-
-.event-badge-custom {
-  background: var(--bg-secondary);
-  color: var(--text-primary);
-  border: 1px solid var(--border-color);
-}
-
-@keyframes badgeFadeIn {
-  from {
-    opacity: 0;
-    transform: scale(0.8);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-@keyframes badgePulse {
-  0%, 100% {
-    transform: scale(1);
-    box-shadow: 0 2px 8px rgba(255, 107, 107, 0.4);
-  }
-  50% {
-    transform: scale(1.05);
-    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.6);
-  }
-}
-
-@keyframes badgeShake {
-  0%, 100% {
-    transform: translateX(0) rotate(0deg);
-  }
-  25% {
-    transform: translateX(-2px) rotate(-2deg);
-  }
-  75% {
-    transform: translateX(2px) rotate(2deg);
-  }
-}
-
-/* ============================================
-   Loading Spinner
-   ============================================ */
-.loading-overlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.3);
-  backdrop-filter: blur(2px);
-  -webkit-backdrop-filter: blur(2px);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 10000;
-  animation: overlayFadeIn 0.2s ease-out;
-}
-
-.loading-spinner {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.loading-spinner-small {
-  width: 20px;
-  height: 20px;
-}
-
-.loading-spinner-medium {
-  width: 40px;
-  height: 40px;
-}
-
-.loading-spinner-large {
-  width: 60px;
-  height: 60px;
-}
-
-/* Spinner Type: Circle */
-.spinner-circle {
-  width: 100%;
-  height: 100%;
-  border: 3px solid var(--border-color);
-  border-top-color: var(--accent-primary);
-  border-radius: 50%;
-  animation: spinnerRotate 1s linear infinite;
-}
-
-/* Spinner Type: Dots */
-.dots-container {
-  display: flex;
-  gap: 4px;
-  align-items: center;
-}
-
-.dots-container span {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: var(--accent-primary);
-  animation: dotsBounce 1.4s ease-in-out infinite both;
-}
-
-.dots-container span:nth-child(1) {
-  animation-delay: -0.32s;
-}
-
-.dots-container span:nth-child(2) {
-  animation-delay: -0.16s;
-}
-
-.dots-container span:nth-child(3) {
-  animation-delay: 0s;
-}
-
-/* Spinner Type: Pulse */
-.pulse-circle {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background: var(--accent-primary);
-  animation: pulseScale 1.5s ease-in-out infinite;
-}
-
-@keyframes spinnerRotate {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes dotsBounce {
-  0%, 80%, 100% {
-    transform: scale(0);
-    opacity: 0.5;
-  }
-  40% {
-    transform: scale(1);
-    opacity: 1;
-  }
-}
-
-@keyframes pulseScale {
-  0%, 100% {
-    transform: scale(0.8);
-    opacity: 0.5;
-  }
-  50% {
-    transform: scale(1);
-    opacity: 1;
-  }
-}
-
-@keyframes overlayFadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-/* ============================================
-   Event Animations
-   ============================================ */
-.timeline-event {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.timeline-event:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-}
-
-.timeline-event.selected {
-  animation: eventSelectPulse 0.3s ease-out;
-}
-
-.timeline-event-enter {
-  animation: eventFadeIn 0.4s ease-out;
-}
-
-.timeline-event-exit {
-  animation: eventFadeOut 0.3s ease-in;
-}
-
-@keyframes eventFadeIn {
-  from {
-    opacity: 0;
-    transform: scale(0.9) translateY(-10px);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1) translateY(0);
-  }
-}
-
-@keyframes eventFadeOut {
-  from {
-    opacity: 1;
-    transform: scale(1) translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: scale(0.9) translateY(-10px);
-  }
-}
-
-@keyframes eventSelectPulse {
-  0% {
-    box-shadow: 0 0 0 0 var(--accent-primary);
-  }
-  50% {
-    box-shadow: 0 0 0 8px rgba(0, 123, 255, 0.1);
-  }
-  100% {
-    box-shadow: 0 0 0 0 var(--accent-primary);
-  }
-}
-
-/* Timeline Container Animations */
-.timeline-container {
-  animation: containerFadeIn 0.5s ease-out;
-}
-
-@keyframes containerFadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-/* Cell Hover Animation */
-.timeline-cell {
-  transition: background-color 0.2s ease, transform 0.2s ease;
-}
-
-.timeline-cell:hover {
-  transform: scale(1.02);
-}
-
-/* Smooth Scroll Animation */
-.timeline-scrollable-container {
-  scroll-behavior: smooth;
-}
-
-/* Loading State for Timeline */
-.timeline-loading {
-  position: relative;
-  min-height: 200px;
-}
-
-.timeline-loading::after {
-  content: '';
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 40px;
-  height: 40px;
-  border: 3px solid var(--border-color);
-  border-top-color: var(--accent-primary);
-  border-radius: 50%;
-  animation: spinnerRotate 1s linear infinite;
-}
-`, ""]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
-/***/ },
-
-/***/ 56
-(module, __unused_webpack_exports, __webpack_require__) {
-
-
-
-/* istanbul ignore next  */
-function setAttributesWithoutAttributes(styleElement) {
-  var nonce =  true ? __webpack_require__.nc : 0;
-  if (nonce) {
-    styleElement.setAttribute("nonce", nonce);
-  }
-}
-module.exports = setAttributesWithoutAttributes;
-
-/***/ },
-
-/***/ 72
-(module) {
-
-
-
-var stylesInDOM = [];
-function getIndexByIdentifier(identifier) {
-  var result = -1;
-  for (var i = 0; i < stylesInDOM.length; i++) {
-    if (stylesInDOM[i].identifier === identifier) {
-      result = i;
-      break;
-    }
-  }
-  return result;
-}
-function modulesToDom(list, options) {
-  var idCountMap = {};
-  var identifiers = [];
-  for (var i = 0; i < list.length; i++) {
-    var item = list[i];
-    var id = options.base ? item[0] + options.base : item[0];
-    var count = idCountMap[id] || 0;
-    var identifier = "".concat(id, " ").concat(count);
-    idCountMap[id] = count + 1;
-    var indexByIdentifier = getIndexByIdentifier(identifier);
-    var obj = {
-      css: item[1],
-      media: item[2],
-      sourceMap: item[3],
-      supports: item[4],
-      layer: item[5]
-    };
-    if (indexByIdentifier !== -1) {
-      stylesInDOM[indexByIdentifier].references++;
-      stylesInDOM[indexByIdentifier].updater(obj);
-    } else {
-      var updater = addElementStyle(obj, options);
-      options.byIndex = i;
-      stylesInDOM.splice(i, 0, {
-        identifier: identifier,
-        updater: updater,
-        references: 1
-      });
-    }
-    identifiers.push(identifier);
-  }
-  return identifiers;
-}
-function addElementStyle(obj, options) {
-  var api = options.domAPI(options);
-  api.update(obj);
-  var updater = function updater(newObj) {
-    if (newObj) {
-      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {
-        return;
-      }
-      api.update(obj = newObj);
-    } else {
-      api.remove();
-    }
-  };
-  return updater;
-}
-module.exports = function (list, options) {
-  options = options || {};
-  list = list || [];
-  var lastIdentifiers = modulesToDom(list, options);
-  return function update(newList) {
-    newList = newList || [];
-    for (var i = 0; i < lastIdentifiers.length; i++) {
-      var identifier = lastIdentifiers[i];
-      var index = getIndexByIdentifier(identifier);
-      stylesInDOM[index].references--;
-    }
-    var newLastIdentifiers = modulesToDom(newList, options);
-    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
-      var _identifier = lastIdentifiers[_i];
-      var _index = getIndexByIdentifier(_identifier);
-      if (stylesInDOM[_index].references === 0) {
-        stylesInDOM[_index].updater();
-        stylesInDOM.splice(_index, 1);
-      }
-    }
-    lastIdentifiers = newLastIdentifiers;
-  };
-};
-
-/***/ },
-
-/***/ 113
-(module) {
-
-
-
-/* istanbul ignore next  */
-function styleTagTransform(css, styleElement) {
-  if (styleElement.styleSheet) {
-    styleElement.styleSheet.cssText = css;
-  } else {
-    while (styleElement.firstChild) {
-      styleElement.removeChild(styleElement.firstChild);
-    }
-    styleElement.appendChild(document.createTextNode(css));
-  }
-}
-module.exports = styleTagTransform;
-
-/***/ },
-
-/***/ 155
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__155__;
-
-/***/ },
-
-/***/ 314
-(module) {
-
-
-
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-*/
-module.exports = function (cssWithMappingToString) {
-  var list = [];
-
-  // return the list of modules as css string
-  list.toString = function toString() {
-    return this.map(function (item) {
-      var content = "";
-      var needLayer = typeof item[5] !== "undefined";
-      if (item[4]) {
-        content += "@supports (".concat(item[4], ") {");
-      }
-      if (item[2]) {
-        content += "@media ".concat(item[2], " {");
-      }
-      if (needLayer) {
-        content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
-      }
-      content += cssWithMappingToString(item);
-      if (needLayer) {
-        content += "}";
-      }
-      if (item[2]) {
-        content += "}";
-      }
-      if (item[4]) {
-        content += "}";
-      }
-      return content;
-    }).join("");
-  };
-
-  // import a list of modules into the list
-  list.i = function i(modules, media, dedupe, supports, layer) {
-    if (typeof modules === "string") {
-      modules = [[null, modules, undefined]];
-    }
-    var alreadyImportedModules = {};
-    if (dedupe) {
-      for (var k = 0; k < this.length; k++) {
-        var id = this[k][0];
-        if (id != null) {
-          alreadyImportedModules[id] = true;
-        }
-      }
-    }
-    for (var _k = 0; _k < modules.length; _k++) {
-      var item = [].concat(modules[_k]);
-      if (dedupe && alreadyImportedModules[item[0]]) {
-        continue;
-      }
-      if (typeof layer !== "undefined") {
-        if (typeof item[5] === "undefined") {
-          item[5] = layer;
-        } else {
-          item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
-          item[5] = layer;
-        }
-      }
-      if (media) {
-        if (!item[2]) {
-          item[2] = media;
-        } else {
-          item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
-          item[2] = media;
-        }
-      }
-      if (supports) {
-        if (!item[4]) {
-          item[4] = "".concat(supports);
-        } else {
-          item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
-          item[4] = supports;
-        }
-      }
-      list.push(item);
-    }
-  };
-  return list;
-};
-
-/***/ },
-
-/***/ 540
-(module) {
-
-
-
-/* istanbul ignore next  */
-function insertStyleElement(options) {
-  var element = document.createElement("style");
-  options.setAttributes(element, options.attributes);
-  options.insert(element, options.options);
-  return element;
-}
-module.exports = insertStyleElement;
-
-/***/ },
-
-/***/ 601
-(module) {
-
-
-
-module.exports = function (i) {
-  return i[1];
-};
-
-/***/ },
-
-/***/ 659
-(module) {
-
-
-
-var memo = {};
-
-/* istanbul ignore next  */
-function getTarget(target) {
-  if (typeof memo[target] === "undefined") {
-    var styleTarget = document.querySelector(target);
-
-    // Special case to return head of iframe instead of iframe itself
-    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
-      try {
-        // This will throw an exception if access to iframe is blocked
-        // due to cross-origin restrictions
-        styleTarget = styleTarget.contentDocument.head;
-      } catch (e) {
-        // istanbul ignore next
-        styleTarget = null;
-      }
-    }
-    memo[target] = styleTarget;
-  }
-  return memo[target];
-}
-
-/* istanbul ignore next  */
-function insertBySelector(insert, style) {
-  var target = getTarget(insert);
-  if (!target) {
-    throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
-  }
-  target.appendChild(style);
-}
-module.exports = insertBySelector;
-
-/***/ },
-
-/***/ 825
-(module) {
-
-
-
-/* istanbul ignore next  */
-function apply(styleElement, options, obj) {
-  var css = "";
-  if (obj.supports) {
-    css += "@supports (".concat(obj.supports, ") {");
-  }
-  if (obj.media) {
-    css += "@media ".concat(obj.media, " {");
-  }
-  var needLayer = typeof obj.layer !== "undefined";
-  if (needLayer) {
-    css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
-  }
-  css += obj.css;
-  if (needLayer) {
-    css += "}";
-  }
-  if (obj.media) {
-    css += "}";
-  }
-  if (obj.supports) {
-    css += "}";
-  }
-  var sourceMap = obj.sourceMap;
-  if (sourceMap && typeof btoa !== "undefined") {
-    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
-  }
-
-  // For old IE
-  /* istanbul ignore if  */
-  options.styleTagTransform(css, styleElement, options.options);
-}
-function removeStyleElement(styleElement) {
-  // istanbul ignore if
-  if (styleElement.parentNode === null) {
-    return false;
-  }
-  styleElement.parentNode.removeChild(styleElement);
-}
-
-/* istanbul ignore next  */
-function domAPI(options) {
-  if (typeof document === "undefined") {
-    return {
-      update: function update() {},
-      remove: function remove() {}
-    };
-  }
-  var styleElement = options.insertStyleElement(options);
-  return {
-    update: function update(obj) {
-      apply(styleElement, options, obj);
-    },
-    remove: function remove() {
-      removeStyleElement(styleElement);
-    }
-  };
-}
-module.exports = domAPI;
-
-/***/ }
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			id: moduleId,
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
+import { default as __WEBPACK_EXTERNAL_MODULE_react_default__, useCallback as __WEBPACK_EXTERNAL_MODULE_react_useCallback__, useEffect as __WEBPACK_EXTERNAL_MODULE_react_useEffect__, useMemo as __WEBPACK_EXTERNAL_MODULE_react_useMemo__, useRef as __WEBPACK_EXTERNAL_MODULE_react_useRef__, useState as __WEBPACK_EXTERNAL_MODULE_react_useState__ } from "react";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
 /************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
 /******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/nonce */
-/******/ 	(() => {
-/******/ 		__webpack_require__.nc = undefined;
-/******/ 	})();
-/******/ 	
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
 /************************************************************************/
 var __webpack_exports__ = {};
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ components_Timeline_Timeline)
-});
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(155);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
-var injectStylesIntoStyleTag = __webpack_require__(72);
-var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleDomAPI.js
-var styleDomAPI = __webpack_require__(825);
-var styleDomAPI_default = /*#__PURE__*/__webpack_require__.n(styleDomAPI);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertBySelector.js
-var insertBySelector = __webpack_require__(659);
-var insertBySelector_default = /*#__PURE__*/__webpack_require__.n(insertBySelector);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
-var setAttributesWithoutAttributes = __webpack_require__(56);
-var setAttributesWithoutAttributes_default = /*#__PURE__*/__webpack_require__.n(setAttributesWithoutAttributes);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertStyleElement.js
-var insertStyleElement = __webpack_require__(540);
-var insertStyleElement_default = /*#__PURE__*/__webpack_require__.n(insertStyleElement);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleTagTransform.js
-var styleTagTransform = __webpack_require__(113);
-var styleTagTransform_default = /*#__PURE__*/__webpack_require__.n(styleTagTransform);
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./src/components/Timeline/Timeline.css
-var Timeline = __webpack_require__(27);
-;// ./src/components/Timeline/Timeline.css
-
-      
-      
-      
-      
-      
-      
-      
-      
-      
-
-var options = {};
-
-options.styleTagTransform = (styleTagTransform_default());
-options.setAttributes = (setAttributesWithoutAttributes_default());
-options.insert = insertBySelector_default().bind(null, "head");
-options.domAPI = (styleDomAPI_default());
-options.insertStyleElement = (insertStyleElement_default());
-
-var update = injectStylesIntoStyleTag_default()(Timeline/* default */.A, options);
-
-
-
-
-       /* harmony default export */ const Timeline_Timeline = (Timeline/* default */.A && Timeline/* default */.A.locals ? Timeline/* default */.A.locals : undefined);
+
+;// external "react"
 
 ;// ./src/components/Timeline/MasterHeader.jsx
 
@@ -3151,17 +53,17 @@ const MasterHeader = _ref => {
   } = _ref;
   const formattedDate = new Date(selectedDate.getTime() + 24 * 60 * 60 * 1000 - selectedDate.getTimezoneOffset() * 60000).toISOString().split("T")[0]; // YYYY-MM-DD formatı
 
-  return /*#__PURE__*/external_react_default().createElement("div", {
+  return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "master-header-container"
-  }, /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "master-header-buttons"
-  }, showDefaultButtons && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("button", {
+  }, showDefaultButtons && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(__WEBPACK_EXTERNAL_MODULE_react_default__.Fragment, null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
     className: "master-header-btn",
     onClick: onMonthRetreat
-  }, "1 Ay Geri"), /*#__PURE__*/external_react_default().createElement("button", {
+  }, "1 Ay Geri"), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
     className: "master-header-btn",
     onClick: onRetreat
-  }, "5 G\xFCn Geri"), /*#__PURE__*/external_react_default().createElement("input", {
+  }, "5 G\xFCn Geri"), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("input", {
     type: "date",
     className: "master-header-date-picker",
     value: formattedDate // Seçili tarih burada gösteriliyor
@@ -3169,16 +71,16 @@ const MasterHeader = _ref => {
     onChange: e => onDateSelect(e.target.value) // Tarih seçimi
     ,
     onKeyDown: e => e.preventDefault() // Manuel girişleri engelle
-  }), /*#__PURE__*/external_react_default().createElement("button", {
+  }), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
     className: "master-header-btn",
     onClick: onAdvance
-  }, "5 G\xFCn \u0130leri"), /*#__PURE__*/external_react_default().createElement("button", {
+  }, "5 G\xFCn \u0130leri"), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
     className: "master-header-btn",
     onClick: onMonthAdvance
-  }, "1 Ay \u0130leri"), /*#__PURE__*/external_react_default().createElement("button", {
+  }, "1 Ay \u0130leri"), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
     className: "master-header-btn",
     onClick: onToday
-  }, "Bug\xFCn")), customButtons && customButtons.length > 0 && customButtons.map(button => /*#__PURE__*/external_react_default().createElement("button", {
+  }, "Bug\xFCn")), customButtons && customButtons.length > 0 && customButtons.map(button => /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
     key: button.id,
     className: button.className ? "master-header-btn ".concat(button.className) : "master-header-btn",
     onClick: () => {
@@ -3193,23 +95,23 @@ const MasterHeader = _ref => {
     },
     disabled: button.disabled,
     title: button.tooltip || button.label
-  }, button.icon && /*#__PURE__*/external_react_default().createElement("span", {
+  }, button.icon && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", {
     style: {
       marginRight: button.label ? '4px' : '0'
     }
-  }, button.icon), button.label))), /*#__PURE__*/external_react_default().createElement("select", {
+  }, button.icon), button.label))), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("select", {
     className: "master-header-select",
     value: dayRange,
     onChange: e => setDayRange(parseInt(e.target.value, 10))
-  }, /*#__PURE__*/external_react_default().createElement("option", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("option", {
     value: 30
-  }, "30 G\xFCn"), /*#__PURE__*/external_react_default().createElement("option", {
+  }, "30 G\xFCn"), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("option", {
     value: 60
-  }, "60 G\xFCn"), /*#__PURE__*/external_react_default().createElement("option", {
+  }, "60 G\xFCn"), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("option", {
     value: 90
-  }, "90 G\xFCn")), zoomOn && setZoomLevel && /*#__PURE__*/external_react_default().createElement("div", {
+  }, "90 G\xFCn")), zoomOn && setZoomLevel && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "master-header-zoom-controls"
-  }, /*#__PURE__*/external_react_default().createElement("button", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
     className: "master-header-btn",
     onClick: () => {
       const newZoom = Math.max(minZoomLevel, zoomLevel - zoomStep);
@@ -3217,9 +119,9 @@ const MasterHeader = _ref => {
     },
     disabled: zoomLevel <= minZoomLevel,
     title: "Zoom Out (".concat(Math.round((zoomLevel - zoomStep) * 100), "%)")
-  }, "\u2212"), /*#__PURE__*/external_react_default().createElement("span", {
+  }, "\u2212"), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", {
     className: "master-header-zoom-level"
-  }, Math.round(zoomLevel * 100), "%"), /*#__PURE__*/external_react_default().createElement("button", {
+  }, Math.round(zoomLevel * 100), "%"), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
     className: "master-header-btn",
     onClick: () => {
       const newZoom = Math.min(maxZoomLevel, zoomLevel + zoomStep);
@@ -3238,7 +140,7 @@ const ResourcesHeader = _ref => {
   let {
     content
   } = _ref;
-  return /*#__PURE__*/external_react_default().createElement("div", {
+  return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "resources-header"
   }, content);
 };
@@ -3266,22 +168,22 @@ const Resources = _ref => {
     isGrouped,
     isCollapsible
   } = resourceSettings;
-  return /*#__PURE__*/external_react_default().createElement("div", {
+  return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "timeline-resources"
   }, isGrouped ?
   // Gruplama aktif
-  groupedResources.map((group, groupIndex) => /*#__PURE__*/external_react_default().createElement("div", {
+  groupedResources.map((group, groupIndex) => /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     key: groupIndex,
     className: "resource-group"
-  }, /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "resource-group-header",
     onClick: () => isCollapsible && toggleGroupCollapse(group.groupName)
-  }, group.groupName, " ", isCollapsible && (collapsedGroups[group.groupName] ? "▲" : "▼")), !collapsedGroups[group.groupName] && group.resources.map((resource, resourceIndex) => /*#__PURE__*/external_react_default().createElement("div", {
+  }, group.groupName, " ", isCollapsible && (collapsedGroups[group.groupName] ? "▲" : "▼")), !collapsedGroups[group.groupName] && group.resources.map((resource, resourceIndex) => /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     key: resourceIndex,
     className: "resource-cell"
   }, showIdAsName ? resource.id : resource.name || resource.id)))) :
   // Gruplama yok
-  groupedResources.flatMap(group => group.resources).map((resource, resourceIndex) => /*#__PURE__*/external_react_default().createElement("div", {
+  groupedResources.flatMap(group => group.resources).map((resource, resourceIndex) => /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     key: resourceIndex,
     className: "resource-cell"
   }, showIdAsName ? resource.id : resource.name || resource.id)));
@@ -3431,18 +333,18 @@ const TimelineHeader = _ref => {
     monthHeaders,
     highlightWeekends = false
   } = _ref;
-  return /*#__PURE__*/external_react_default().createElement("div", {
+  return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "timeline-header-container"
-  }, /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "timeline-header-month-row"
-  }, monthHeaders.map((monthHeader, index) => /*#__PURE__*/external_react_default().createElement("div", {
+  }, monthHeaders.map((monthHeader, index) => /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     key: index,
     className: "timeline-header-month-cell",
     style: {
       flex: monthHeader.endIndex - monthHeader.startIndex + 1,
       borderRight: index < monthHeaders.length - 1 ? "1px solid var(--border-color)" : "none"
     }
-  }, monthHeader.monthName, " ", monthHeader.year))), /*#__PURE__*/external_react_default().createElement("div", {
+  }, monthHeader.monthName, " ", monthHeader.year))), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "timeline-header-day-row"
   }, dates.map((date, index) => {
     // Hafta sonu kontrolü
@@ -3452,7 +354,7 @@ const TimelineHeader = _ref => {
       const dayOfWeek = cellDate.getDay(); // 0 = Pazar, 6 = Cumartesi
       isWeekend = dayOfWeek === 0 || dayOfWeek === 6;
     }
-    return /*#__PURE__*/external_react_default().createElement("div", {
+    return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
       key: index,
       className: "timeline-header-day-cell ".concat(isWeekend ? "timeline-header-day-weekend" : ""),
       style: {
@@ -3470,10 +372,10 @@ const TimelineHeader = _ref => {
 
 const useDragAndDrop = function () {
   let initialEvents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  const [isDragging, setIsDragging] = (0,external_react_.useState)(false);
-  const [dragStart, setDragStart] = (0,external_react_.useState)(null);
-  const [dragEnd, setDragEnd] = (0,external_react_.useState)(null);
-  const [events, setEvents] = (0,external_react_.useState)(initialEvents);
+  const [isDragging, setIsDragging] = __WEBPACK_EXTERNAL_MODULE_react_useState__(false);
+  const [dragStart, setDragStart] = __WEBPACK_EXTERNAL_MODULE_react_useState__(null);
+  const [dragEnd, setDragEnd] = __WEBPACK_EXTERNAL_MODULE_react_useState__(null);
+  const [events, setEvents] = __WEBPACK_EXTERNAL_MODULE_react_useState__(initialEvents);
 
   // Sürükleme başlat
   const startDrag = (resourceId, date) => {
@@ -3551,9 +453,9 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 
 const useEventDragDrop = function (events, setEvents, setDropInfo) {
   let onDragInfo = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-  const [draggingEvent, setDraggingEvent] = (0,external_react_.useState)(null);
-  const [dragOffset, setDragOffset] = (0,external_react_.useState)(0);
-  const [mode, setMode] = (0,external_react_.useState)(null); // "drag" veya "extend"
+  const [draggingEvent, setDraggingEvent] = __WEBPACK_EXTERNAL_MODULE_react_useState__(null);
+  const [dragOffset, setDragOffset] = __WEBPACK_EXTERNAL_MODULE_react_useState__(0);
+  const [mode, setMode] = __WEBPACK_EXTERNAL_MODULE_react_useState__(null); // "drag" veya "extend"
 
   const handleDragStart = (event, eventId) => {
     console.log("[useEventDragDrop] handleDragStart called:", {
@@ -3700,7 +602,7 @@ const Indicator = _ref => {
   if (todayIndex < 0 || todayIndex >= totalDays) {
     return null; // Bugün timeline dışında ise çizgiyi gösterme
   }
-  return /*#__PURE__*/external_react_default().createElement("div", {
+  return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     style: {
       position: "absolute",
       top: 0,
@@ -3770,7 +672,7 @@ const EventIcon = _ref => {
   };
   const iconContent = getIconContent();
   if (!iconContent) return null;
-  return /*#__PURE__*/external_react_default().createElement("span", {
+  return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", {
     className: "event-icon event-icon-".concat(type, " ").concat(className)
   }, iconContent);
 };
@@ -3793,7 +695,7 @@ const EventBadge = _ref => {
     className = '',
     style = {}
   } = _ref;
-  return /*#__PURE__*/external_react_default().createElement("span", {
+  return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", {
     className: "event-badge event-badge-".concat(type, " event-badge-").concat(position, " ").concat(className),
     style: style
   }, text);
@@ -3817,11 +719,11 @@ const ContextMenu = _ref => {
     resource = null,
     date = null
   } = _ref;
-  const menuRef = (0,external_react_.useRef)(null);
-  const [adjustedPosition, setAdjustedPosition] = (0,external_react_.useState)(position);
+  const menuRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(null);
+  const [adjustedPosition, setAdjustedPosition] = __WEBPACK_EXTERNAL_MODULE_react_useState__(position);
 
   // Menü pozisyonunu mouse'a yakın tut ve ekran sınırları içinde tut
-  (0,external_react_.useEffect)(() => {
+  __WEBPACK_EXTERNAL_MODULE_react_useEffect__(() => {
     if (!menuRef.current || !position || !isOpen) {
       setAdjustedPosition(position);
       return;
@@ -3865,7 +767,7 @@ const ContextMenu = _ref => {
   }, [position, isOpen]);
 
   // Menü dışına tıklanınca kapat
-  (0,external_react_.useEffect)(() => {
+  __WEBPACK_EXTERNAL_MODULE_react_useEffect__(() => {
     const handleClickOutside = event => {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         onClose();
@@ -3897,7 +799,7 @@ const ContextMenu = _ref => {
       onClose();
     }
   };
-  return /*#__PURE__*/external_react_default().createElement("div", {
+  return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     ref: menuRef,
     className: "context-menu",
     style: {
@@ -3906,13 +808,13 @@ const ContextMenu = _ref => {
       top: "".concat(((_adjustedPosition$y = adjustedPosition === null || adjustedPosition === void 0 ? void 0 : adjustedPosition.y) !== null && _adjustedPosition$y !== void 0 ? _adjustedPosition$y : position.y) - 150, "px"),
       zIndex: 10005
     }
-  }, /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "context-menu-content"
-  }, menuItems.length === 0 ? /*#__PURE__*/external_react_default().createElement("div", {
+  }, menuItems.length === 0 ? /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "context-menu-item context-menu-item-disabled"
   }, "Men\xFC \xF6\u011Fesi yok") : menuItems.map((item, index) => {
     if (item.separator) {
-      return /*#__PURE__*/external_react_default().createElement("div", {
+      return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
         key: "separator-".concat(index),
         className: "context-menu-separator"
       });
@@ -3920,16 +822,16 @@ const ContextMenu = _ref => {
     if (item.hidden) {
       return null;
     }
-    return /*#__PURE__*/external_react_default().createElement("div", {
+    return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
       key: item.id || index,
       className: "context-menu-item ".concat(item.disabled ? 'context-menu-item-disabled' : '', " ").concat(item.danger ? 'context-menu-item-danger' : ''),
       onClick: () => !item.disabled && handleItemClick(item),
       title: item.tooltip || item.label
-    }, item.icon && /*#__PURE__*/external_react_default().createElement("span", {
+    }, item.icon && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", {
       className: "context-menu-item-icon"
-    }, item.icon), /*#__PURE__*/external_react_default().createElement("span", {
+    }, item.icon), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", {
       className: "context-menu-item-label"
-    }, item.label), item.shortcut && /*#__PURE__*/external_react_default().createElement("span", {
+    }, item.label), item.shortcut && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", {
       className: "context-menu-item-shortcut"
     }, item.shortcut));
   })));
@@ -4022,7 +924,7 @@ const TimelineContent = _ref => {
     autoSelectRanges = null // [{ start: '2025-12-31', end: '2026-01-05' }, ...] - Auto-select için range'ler (disableDates'ten bağımsız)
   } = _ref;
   // ------------------- HOOKS & STATE -------------------
-  const containerRef = (0,external_react_.useRef)(null);
+  const containerRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(null);
 
   // Drag
   const {
@@ -4041,24 +943,24 @@ const TimelineContent = _ref => {
 
   // Extend
   // extendEvent removed - not used (extend logic handled manually)
-  const [mode, setMode] = (0,external_react_.useState)(null); // null | "extend"
-  const [extendingEvent, setExtendingEvent] = (0,external_react_.useState)(null);
-  const [originalEndDate, setOriginalEndDate] = (0,external_react_.useState)(null);
-  const [startMouseX, setStartMouseX] = (0,external_react_.useState)(null);
+  const [mode, setMode] = __WEBPACK_EXTERNAL_MODULE_react_useState__(null); // null | "extend"
+  const [extendingEvent, setExtendingEvent] = __WEBPACK_EXTERNAL_MODULE_react_useState__(null);
+  const [originalEndDate, setOriginalEndDate] = __WEBPACK_EXTERNAL_MODULE_react_useState__(null);
+  const [startMouseX, setStartMouseX] = __WEBPACK_EXTERNAL_MODULE_react_useState__(null);
 
   // Create new event
-  const [isCreating, setIsCreating] = (0,external_react_.useState)(false);
-  const [tempEvent, setTempEvent] = (0,external_react_.useState)(null);
+  const [isCreating, setIsCreating] = __WEBPACK_EXTERNAL_MODULE_react_useState__(false);
+  const [tempEvent, setTempEvent] = __WEBPACK_EXTERNAL_MODULE_react_useState__(null);
 
   // Cell Tooltip State
-  const [cellTooltip, setCellTooltip] = (0,external_react_.useState)(null);
-  const [cellTooltipPosition, setCellTooltipPosition] = (0,external_react_.useState)({
+  const [cellTooltip, setCellTooltip] = __WEBPACK_EXTERNAL_MODULE_react_useState__(null);
+  const [cellTooltipPosition, setCellTooltipPosition] = __WEBPACK_EXTERNAL_MODULE_react_useState__({
     top: 0,
     left: 0
   });
 
   // Context Menu State
-  const [contextMenu, setContextMenu] = (0,external_react_.useState)({
+  const [contextMenu, setContextMenu] = __WEBPACK_EXTERNAL_MODULE_react_useState__({
     isOpen: false,
     position: null,
     resource: null,
@@ -4066,8 +968,8 @@ const TimelineContent = _ref => {
   });
 
   // Tooltip
-  const [selectedEvent, setSelectedEvent] = (0,external_react_.useState)(null);
-  const [tooltipPosition, setTooltipPosition] = (0,external_react_.useState)({
+  const [selectedEvent, setSelectedEvent] = __WEBPACK_EXTERNAL_MODULE_react_useState__(null);
+  const [tooltipPosition, setTooltipPosition] = __WEBPACK_EXTERNAL_MODULE_react_useState__({
     top: 0,
     left: 0
   });
@@ -4112,7 +1014,7 @@ const TimelineContent = _ref => {
   };
 
   // ------------------- Context Menu -------------------
-  const handleCellContextMenu = (0,external_react_.useCallback)((e, resource, dateObj) => {
+  const handleCellContextMenu = __WEBPACK_EXTERNAL_MODULE_react_useCallback__((e, resource, dateObj) => {
     if (!cellContextMenuOn) return;
     e.preventDefault();
     e.stopPropagation();
@@ -4134,7 +1036,7 @@ const TimelineContent = _ref => {
       onCellContextMenu(resourceObj || resource, dateObj, e);
     }
   }, [cellContextMenuOn, groupedResources, onCellContextMenu]);
-  const handleCloseContextMenu = (0,external_react_.useCallback)(() => {
+  const handleCloseContextMenu = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(() => {
     setContextMenu({
       isOpen: false,
       position: null,
@@ -4248,7 +1150,7 @@ const TimelineContent = _ref => {
       setIsCreating(true);
     }
   };
-  (0,external_react_.useEffect)(() => {
+  __WEBPACK_EXTERNAL_MODULE_react_useEffect__(() => {
     if (!createNewEventOn) return;
     if (!isCreating) return;
     if (mode === "extend") {
@@ -4432,7 +1334,7 @@ const TimelineContent = _ref => {
     setOriginalEndDate(event.endDate);
     setStartMouseX(mouseEvent.clientX);
   };
-  const handleMouseMoveExtend = (0,external_react_.useCallback)(e => {
+  const handleMouseMoveExtend = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(e => {
     if (mode !== "extend" || !extendingEvent) return;
     if (!eventsExtendOn) return;
     const currentMouseX = e.clientX;
@@ -4445,7 +1347,7 @@ const TimelineContent = _ref => {
       endDate: newEndDate
     }) : evt));
   }, [mode, extendingEvent, eventsExtendOn, originalEndDate, startMouseX, setEvents]);
-  const handleMouseUpExtend = (0,external_react_.useCallback)(() => {
+  const handleMouseUpExtend = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(() => {
     if (onExtendInfo && extendingEvent) {
       // callback
       const updatedEvent = events.find(ev => ev.id === extendingEvent.id);
@@ -4465,7 +1367,7 @@ const TimelineContent = _ref => {
     setOriginalEndDate(null);
     setStartMouseX(null);
   }, [extendingEvent, onExtendInfo, events]);
-  (0,external_react_.useEffect)(() => {
+  __WEBPACK_EXTERNAL_MODULE_react_useEffect__(() => {
     if (mode === "extend") {
       const onMove = e => handleMouseMoveExtend(e);
       const onUp = () => handleMouseUpExtend();
@@ -4549,7 +1451,7 @@ const TimelineContent = _ref => {
   };
 
   // ------------------- RENDER -------------------
-  return /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, cellTooltip && cellTooltipOn && /*#__PURE__*/external_react_default().createElement("div", {
+  return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(__WEBPACK_EXTERNAL_MODULE_react_default__.Fragment, null, cellTooltip && cellTooltipOn && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "cell-tooltip",
     style: {
       position: 'fixed',
@@ -4560,20 +1462,20 @@ const TimelineContent = _ref => {
       pointerEvents: 'none',
       zIndex: 10002
     }
-  }, /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "cell-tooltip-content"
-  }, typeof cellTooltip.content === 'string' ? cellTooltip.content : cellTooltip.content), /*#__PURE__*/external_react_default().createElement("div", {
+  }, typeof cellTooltip.content === 'string' ? cellTooltip.content : cellTooltip.content), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "cell-tooltip-arrow"
-  })), /*#__PURE__*/external_react_default().createElement("div", {
+  })), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     ref: containerRef,
     className: "timeline-content-container" // Yeni class, stilini timeline.css'e ekleyebilirsin
-  }, indicatorOn && /*#__PURE__*/external_react_default().createElement(Timeline_Indicator, {
+  }, indicatorOn && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(Timeline_Indicator, {
     todayIndex: todayIndex,
     totalDays: totalDays
-  }), groupedResources.map((group, groupIndex) => /*#__PURE__*/external_react_default().createElement("div", {
+  }), groupedResources.map((group, groupIndex) => /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     key: groupIndex,
     className: "timeline-group-container"
-  }, resourceSettings.isGrouped && /*#__PURE__*/external_react_default().createElement("div", {
+  }, resourceSettings.isGrouped && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "timeline-group-header-row"
   }, dates.map((dateObj, colIndex) => {
     // Hafta sonu kontrolü
@@ -4596,7 +1498,7 @@ const TimelineContent = _ref => {
 
     // Disabled tarih kontrolü
     const isDisabled = disableDates ? isDateDisabled(dateObj.fullDate, disableDates) : false;
-    return /*#__PURE__*/external_react_default().createElement("div", {
+    return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
       key: "group-header-".concat(groupIndex, "-").concat(colIndex),
       className: "timeline-group-header-cell ".concat(isWeekend ? "timeline-cell-weekend" : "", " ").concat(isPastDate ? "timeline-cell-past" : "", " ").concat(isDisabled ? "timeline-cell-disabled" : "")
     });
@@ -4643,7 +1545,7 @@ const TimelineContent = _ref => {
 
     // Normal event'ler ve gruplanmış saatlik event'leri birleştir
     const resourceEvents = [...normalEvents, ...groupedHourlyEvents];
-    return /*#__PURE__*/external_react_default().createElement("div", {
+    return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
       key: resource.id,
       className: "timeline-resource-row"
     }, resourceEvents.map(event => {
@@ -4668,7 +1570,7 @@ const TimelineContent = _ref => {
 
       // Event color'ı al (event.color varsa kullan, yoksa eventStyle'den al, yoksa varsayılan)
       const eventColor = event.color || (eventStyle === null || eventStyle === void 0 ? void 0 : eventStyle.backgroundColor) || '#8b5cf6';
-      return /*#__PURE__*/external_react_default().createElement("div", {
+      return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
         key: event.id,
         className: "timeline-event timeline-event-enter ".concat(selectedEvents.includes(event.id) ? "selected" : "", " ").concat(isHourly ? "timeline-event-hourly" : ""),
         draggable: false,
@@ -4692,12 +1594,12 @@ const TimelineContent = _ref => {
           // Kullanıcı tarafından tanımlanan stiller
           backgroundColor: (eventStyle === null || eventStyle === void 0 ? void 0 : eventStyle.backgroundColor) || eventColor // Event color'ı kullan (eventStyle.backgroundColor varsa onu kullan, yoksa eventColor)
         })
-      }, badgeInfo && /*#__PURE__*/external_react_default().createElement(Timeline_EventBadge, {
+      }, badgeInfo && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(Timeline_EventBadge, {
         text: badgeInfo.text,
         type: badgeInfo.type || 'default',
         position: badgeInfo.position || 'top-right',
         style: badgeInfo.style
-      }), eventsDragOn && mode !== "extend" && !isHourly && /*#__PURE__*/external_react_default().createElement("div", {
+      }), eventsDragOn && mode !== "extend" && !isHourly && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
         className: "timeline-event-drag-handle",
         draggable: eventsDragOn,
         onDragStart: e => {
@@ -4750,18 +1652,18 @@ const TimelineContent = _ref => {
         onMouseDown: e => {
           e.stopPropagation();
         }
-      }), iconType && /*#__PURE__*/external_react_default().createElement(Timeline_EventIcon, {
+      }), iconType && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(Timeline_EventIcon, {
         type: iconType
-      }), /*#__PURE__*/external_react_default().createElement("span", {
+      }), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", {
         className: "timeline-event-title"
-      }, event.title), eventsExtendOn && !isHourly && /*#__PURE__*/external_react_default().createElement("div", {
+      }, event.title), eventsExtendOn && !isHourly && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
         className: "timeline-event-extend-handle",
         onMouseDown: mouseEvent => {
           mouseEvent.stopPropagation();
           handleMouseDownExtend(mouseEvent, event);
         }
       }));
-    }), tempEvent && tempEvent.resourceId === resource.id && /*#__PURE__*/external_react_default().createElement("div", {
+    }), tempEvent && tempEvent.resourceId === resource.id && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
       className: "timeline-temp-event",
       style: TimelineContent_objectSpread(TimelineContent_objectSpread({}, calculatePosition(tempEvent, dates)), tempEventStyle)
     }, tempEvent.title), dates.map((dateObj, colIndex) => {
@@ -4785,7 +1687,7 @@ const TimelineContent = _ref => {
 
       // Disabled tarih kontrolü
       const isDisabled = disableDates ? isDateDisabled(dateObj.fullDate, disableDates) : false;
-      return /*#__PURE__*/external_react_default().createElement("div", {
+      return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
         key: "cell-".concat(groupIndex, "-").concat(rowIndex, "-").concat(colIndex),
         className: "timeline-cell ".concat(isCellSelected(resource.id, dateObj) ? "selected" : "", " ").concat(isPastDate ? "timeline-cell-past" : "", " ").concat(isWeekend ? "timeline-cell-weekend" : "", " ").concat(isDisabled ? "timeline-cell-disabled" : ""),
         "data-date": JSON.stringify(dateObj),
@@ -4870,11 +1772,11 @@ const TimelineContent = _ref => {
         }
       });
     }));
-  }))), eventTooltipOn && selectedEvent && TooltipComponent && mode !== "extend" && /*#__PURE__*/external_react_default().createElement(TooltipComponent, {
+  }))), eventTooltipOn && selectedEvent && TooltipComponent && mode !== "extend" && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(TooltipComponent, {
     event: selectedEvent,
     position: tooltipPosition,
     onClose: handleCloseTooltip
-  }), cellContextMenuOn && /*#__PURE__*/external_react_default().createElement(Timeline_ContextMenu, {
+  }), cellContextMenuOn && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(Timeline_ContextMenu, {
     isOpen: contextMenu.isOpen,
     position: contextMenu.position,
     onClose: handleCloseContextMenu,
@@ -4925,7 +1827,7 @@ const EventTooltip = _ref => {
     }
   };
   const statusColor = getStatusColor(event.status);
-  return /*#__PURE__*/external_react_default().createElement("div", {
+  return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     style: {
       position: "absolute",
       top: top - 200,
@@ -4945,7 +1847,7 @@ const EventTooltip = _ref => {
       width: "100%",
       transition: "opacity 0.3s ease, transform 0.3s ease"
     }
-  }, onClose && /*#__PURE__*/external_react_default().createElement("button", {
+  }, onClose && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
     onClick: onClose,
     style: {
       position: "absolute",
@@ -4961,7 +1863,7 @@ const EventTooltip = _ref => {
     "aria-label": "Kapat",
     onMouseOver: e => e.target.style.color = "#000",
     onMouseOut: e => e.target.style.color = "#aaa"
-  }, "\xD7"), /*#__PURE__*/external_react_default().createElement("div", {
+  }, "\xD7"), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     style: {
       backgroundColor: statusColor,
       color: "#ffffff",
@@ -4972,35 +1874,35 @@ const EventTooltip = _ref => {
       flexDirection: "column",
       gap: "5px"
     }
-  }, /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     style: {
       fontWeight: "bold",
       fontSize: "18px"
     }
-  }, event.title), /*#__PURE__*/external_react_default().createElement("div", {
+  }, event.title), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     style: {
       fontSize: "14px"
     }
-  }, "Rezervasyon ID: ", event.reservationId)), /*#__PURE__*/external_react_default().createElement("div", {
+  }, "Rezervasyon ID: ", event.reservationId)), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     style: {
       padding: "20px",
       display: "flex",
       flexDirection: "column",
       gap: "15px"
     }
-  }, Array.isArray(event.guestNames) && /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("strong", null, "Misafirler:"), " ", event.guestNames.join(", ")), /*#__PURE__*/external_react_default().createElement("div", {
+  }, Array.isArray(event.guestNames) && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("strong", null, "Misafirler:"), " ", event.guestNames.join(", ")), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     style: {
       display: "flex",
       justifyContent: "space-between",
       marginBottom: "10px"
     }
-  }, /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("strong", null, "Giri\u015F:"), " ", new Date(event.startDate).toLocaleDateString()), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("strong", null, "\xC7\u0131k\u0131\u015F:"), " ", new Date(event.endDate).toLocaleDateString())), (event.totalAmount !== undefined || event.amountPaid !== undefined) && /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("strong", null, "Giri\u015F:"), " ", new Date(event.startDate).toLocaleDateString()), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("strong", null, "\xC7\u0131k\u0131\u015F:"), " ", new Date(event.endDate).toLocaleDateString())), (event.totalAmount !== undefined || event.amountPaid !== undefined) && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     style: {
       display: "flex",
       justifyContent: "space-between",
       marginBottom: "10px"
     }
-  }, event.amountPaid !== undefined && /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("strong", null, "\xD6denen Miktar:"), " $", event.amountPaid.toFixed(2)), event.totalAmount !== undefined && /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("strong", null, "Toplam Bor\xE7:"), " $", event.totalAmount.toFixed(2))), event.status && /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("strong", null, "Durum:"), " ", event.status), event.note && /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("strong", null, "Not:"), " ", event.note)), /*#__PURE__*/external_react_default().createElement("div", {
+  }, event.amountPaid !== undefined && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("strong", null, "\xD6denen Miktar:"), " $", event.amountPaid.toFixed(2)), event.totalAmount !== undefined && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("strong", null, "Toplam Bor\xE7:"), " $", event.totalAmount.toFixed(2))), event.status && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("strong", null, "Durum:"), " ", event.status), event.note && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("strong", null, "Not:"), " ", event.note)), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     style: {
       padding: "15px 20px",
       borderTop: "1px solid #ddd",
@@ -5010,7 +1912,7 @@ const EventTooltip = _ref => {
       borderBottomLeftRadius: "10px",
       borderBottomRightRadius: "10px"
     }
-  }, onEdit && /*#__PURE__*/external_react_default().createElement("button", {
+  }, onEdit && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
     onClick: () => onEdit(event),
     style: {
       padding: "8px 16px",
@@ -5027,10 +1929,10 @@ const EventTooltip = _ref => {
     },
     onMouseOver: e => e.target.style.backgroundColor = "#1976d2",
     onMouseOut: e => e.target.style.backgroundColor = "#2196f3"
-  }, /*#__PURE__*/external_react_default().createElement("span", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", {
     role: "img",
     "aria-label": "D\xFCzenle"
-  }, "\u270F\uFE0F"), "D\xFCzenle"), onDelete && /*#__PURE__*/external_react_default().createElement("button", {
+  }, "\u270F\uFE0F"), "D\xFCzenle"), onDelete && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
     onClick: () => onDelete(event.id),
     style: {
       padding: "8px 16px",
@@ -5047,7 +1949,7 @@ const EventTooltip = _ref => {
     },
     onMouseOver: e => e.target.style.backgroundColor = "#d32f2f",
     onMouseOut: e => e.target.style.backgroundColor = "#f44336"
-  }, /*#__PURE__*/external_react_default().createElement("span", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", {
     role: "img",
     "aria-label": "Sil"
   }, "\uD83D\uDDD1\uFE0F"), "Sil")));
@@ -5070,13 +1972,13 @@ const EventDetailModal = _ref => {
     onDelete,
     resources = []
   } = _ref;
-  const [formData, setFormData] = (0,external_react_.useState)(EventDetailModal_objectSpread({
+  const [formData, setFormData] = __WEBPACK_EXTERNAL_MODULE_react_useState__(EventDetailModal_objectSpread({
     title: '',
     startDate: '',
     endDate: '',
     resourceId: ''
   }, event));
-  (0,external_react_.useEffect)(() => {
+  __WEBPACK_EXTERNAL_MODULE_react_useEffect__(() => {
     if (event) {
       setFormData(EventDetailModal_objectSpread({
         title: event.title || '',
@@ -5104,73 +2006,73 @@ const EventDetailModal = _ref => {
       onClose();
     }
   };
-  return /*#__PURE__*/external_react_default().createElement("div", {
+  return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "modal-overlay",
     onClick: onClose
-  }, /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "modal-content",
     onClick: e => e.stopPropagation()
-  }, /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "modal-header"
-  }, /*#__PURE__*/external_react_default().createElement("h2", null, "Event D\xFCzenle"), /*#__PURE__*/external_react_default().createElement("button", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("h2", null, "Event D\xFCzenle"), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
     className: "modal-close-btn",
     onClick: onClose
-  }, "\xD7")), /*#__PURE__*/external_react_default().createElement("form", {
+  }, "\xD7")), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("form", {
     onSubmit: handleSubmit,
     className: "modal-form"
-  }, /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "form-group"
-  }, /*#__PURE__*/external_react_default().createElement("label", null, "Ba\u015Fl\u0131k"), /*#__PURE__*/external_react_default().createElement("input", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("label", null, "Ba\u015Fl\u0131k"), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("input", {
     type: "text",
     value: formData.title,
     onChange: e => setFormData(EventDetailModal_objectSpread(EventDetailModal_objectSpread({}, formData), {}, {
       title: e.target.value
     })),
     required: true
-  })), /*#__PURE__*/external_react_default().createElement("div", {
+  })), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "form-group"
-  }, /*#__PURE__*/external_react_default().createElement("label", null, "Resource"), /*#__PURE__*/external_react_default().createElement("select", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("label", null, "Resource"), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("select", {
     value: formData.resourceId,
     onChange: e => setFormData(EventDetailModal_objectSpread(EventDetailModal_objectSpread({}, formData), {}, {
       resourceId: e.target.value
     })),
     required: true
-  }, /*#__PURE__*/external_react_default().createElement("option", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("option", {
     value: ""
-  }, "Se\xE7iniz..."), resources.map(resource => /*#__PURE__*/external_react_default().createElement("option", {
+  }, "Se\xE7iniz..."), resources.map(resource => /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("option", {
     key: resource.id,
     value: resource.id
-  }, resource.name)))), /*#__PURE__*/external_react_default().createElement("div", {
+  }, resource.name)))), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "form-row"
-  }, /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "form-group"
-  }, /*#__PURE__*/external_react_default().createElement("label", null, "Ba\u015Flang\u0131\xE7 Tarihi"), /*#__PURE__*/external_react_default().createElement("input", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("label", null, "Ba\u015Flang\u0131\xE7 Tarihi"), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("input", {
     type: "date",
     value: formData.startDate,
     onChange: e => setFormData(EventDetailModal_objectSpread(EventDetailModal_objectSpread({}, formData), {}, {
       startDate: e.target.value
     })),
     required: true
-  })), /*#__PURE__*/external_react_default().createElement("div", {
+  })), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "form-group"
-  }, /*#__PURE__*/external_react_default().createElement("label", null, "Biti\u015F Tarihi"), /*#__PURE__*/external_react_default().createElement("input", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("label", null, "Biti\u015F Tarihi"), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("input", {
     type: "date",
     value: formData.endDate,
     onChange: e => setFormData(EventDetailModal_objectSpread(EventDetailModal_objectSpread({}, formData), {}, {
       endDate: e.target.value
     })),
     required: true
-  }))), /*#__PURE__*/external_react_default().createElement("div", {
+  }))), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "modal-actions"
-  }, /*#__PURE__*/external_react_default().createElement("button", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
     type: "button",
     className: "btn-delete",
     onClick: handleDelete
-  }, "Sil"), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("button", {
+  }, "Sil"), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
     type: "button",
     className: "btn-cancel",
     onClick: onClose
-  }, "\u0130ptal"), /*#__PURE__*/external_react_default().createElement("button", {
+  }, "\u0130ptal"), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
     type: "submit",
     className: "btn-save"
   }, "Kaydet"))))));
@@ -5201,10 +2103,10 @@ const DailyView = _ref => {
     onEventDelete,
     themeType = 'light'
   } = _ref;
-  const [isCreating, setIsCreating] = (0,external_react_.useState)(false);
-  const [tempEvent, setTempEvent] = (0,external_react_.useState)(null);
-  const containerRef = (0,external_react_.useRef)(null);
-  const timelineRef = (0,external_react_.useRef)(null);
+  const [isCreating, setIsCreating] = __WEBPACK_EXTERNAL_MODULE_react_useState__(false);
+  const [tempEvent, setTempEvent] = __WEBPACK_EXTERNAL_MODULE_react_useState__(null);
+  const containerRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(null);
+  const timelineRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(null);
 
   // Saatleri oluştur (0-23)
   const hours = Array.from({
@@ -5254,7 +2156,7 @@ const DailyView = _ref => {
   };
 
   // Mouse hareketi ile event oluşturma
-  const handleMouseMove = (0,external_react_.useCallback)(e => {
+  const handleMouseMove = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(e => {
     if (!isCreating || !tempEvent || !timelineRef.current) return;
     const rect = timelineRef.current.getBoundingClientRect();
     const mouseY = e.clientY - rect.top;
@@ -5275,7 +2177,7 @@ const DailyView = _ref => {
   }, [isCreating, tempEvent]);
 
   // Mouse bırakıldığında event oluştur
-  const handleMouseUp = (0,external_react_.useCallback)(() => {
+  const handleMouseUp = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(() => {
     if (!isCreating || !tempEvent || !onEventCreate) return;
 
     // Minimum süre kontrolü (en az 15 dakika)
@@ -5299,7 +2201,7 @@ const DailyView = _ref => {
   }, [isCreating, tempEvent, onEventCreate, resource]);
 
   // Global mouse event listener'ları
-  (0,external_react_.useEffect)(() => {
+  __WEBPACK_EXTERNAL_MODULE_react_useEffect__(() => {
     if (!isCreating) return;
     document.addEventListener('mousemove', handleMouseMove);
     document.addEventListener('mouseup', handleMouseUp);
@@ -5326,41 +2228,41 @@ const DailyView = _ref => {
     return "".concat(hour.toString().padStart(2, '0'), ":00");
   };
   if (!isOpen || !resource || !date) return null;
-  return /*#__PURE__*/external_react_default().createElement("div", {
+  return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "daily-view-overlay ".concat(themeType === 'dark' ? 'dark-mode' : ''),
     onClick: onClose
-  }, /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     ref: containerRef,
     className: "daily-view-container",
     onClick: e => e.stopPropagation()
-  }, /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "daily-view-header"
-  }, /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "daily-view-header-content"
-  }, /*#__PURE__*/external_react_default().createElement("h2", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("h2", {
     className: "daily-view-title"
-  }, resource.name || resource.id), /*#__PURE__*/external_react_default().createElement("p", {
+  }, resource.name || resource.id), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("p", {
     className: "daily-view-date"
-  }, formatDate(date))), /*#__PURE__*/external_react_default().createElement("button", {
+  }, formatDate(date))), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
     className: "daily-view-close",
     onClick: onClose
-  }, "\u2715")), /*#__PURE__*/external_react_default().createElement("div", {
+  }, "\u2715")), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "daily-view-body"
-  }, /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "daily-view-hours"
-  }, hours.map(hour => /*#__PURE__*/external_react_default().createElement("div", {
+  }, hours.map(hour => /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     key: hour,
     className: "daily-view-hour-label"
-  }, formatHour(hour)))), /*#__PURE__*/external_react_default().createElement("div", {
+  }, formatHour(hour)))), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     ref: timelineRef,
     className: "daily-view-timeline",
     onClick: handleTimelineClick
-  }, hours.map(hour => /*#__PURE__*/external_react_default().createElement("div", {
+  }, hours.map(hour => /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     key: hour,
     className: "daily-view-hour-cell"
   })), dayEvents.map(event => {
     const position = getEventPosition(event);
-    return /*#__PURE__*/external_react_default().createElement("div", {
+    return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
       key: event.id,
       className: "daily-view-event",
       style: position,
@@ -5368,9 +2270,9 @@ const DailyView = _ref => {
         e.stopPropagation();
         // Event detayları göster
       }
-    }, /*#__PURE__*/external_react_default().createElement("span", {
+    }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", {
       className: "daily-view-event-title"
-    }, event.title), /*#__PURE__*/external_react_default().createElement("span", {
+    }, event.title), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", {
       className: "daily-view-event-time"
     }, new Date(event.startDate).toLocaleTimeString('tr-TR', {
       hour: '2-digit',
@@ -5379,7 +2281,7 @@ const DailyView = _ref => {
       hour: '2-digit',
       minute: '2-digit'
     })));
-  }), isCreating && tempEvent && /*#__PURE__*/external_react_default().createElement("div", {
+  }), isCreating && tempEvent && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "daily-view-temp-event",
     style: getEventPosition({
       startDate: tempEvent.startDate,
@@ -5443,10 +2345,10 @@ const useTouchGestures = _ref => {
     minSwipeDistance = 50,
     enabled = true
   } = _ref;
-  const touchStartRef = (0,external_react_.useRef)(null);
-  const touchStartTimeRef = (0,external_react_.useRef)(null);
-  const lastTouchRef = (0,external_react_.useRef)(null);
-  const handleTouchStart = (0,external_react_.useCallback)(e => {
+  const touchStartRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(null);
+  const touchStartTimeRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(null);
+  const lastTouchRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(null);
+  const handleTouchStart = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(e => {
     if (!enabled) return;
     const touch = e.touches[0];
     touchStartRef.current = {
@@ -5459,7 +2361,7 @@ const useTouchGestures = _ref => {
       y: touch.clientY
     };
   }, [enabled]);
-  const handleTouchMove = (0,external_react_.useCallback)(e => {
+  const handleTouchMove = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(e => {
     if (!enabled || !touchStartRef.current) return;
     const touch = e.touches[0];
     if (lastTouchRef.current) {
@@ -5469,7 +2371,7 @@ const useTouchGestures = _ref => {
       };
     }
   }, [enabled]);
-  const handleTouchEnd = (0,external_react_.useCallback)(e => {
+  const handleTouchEnd = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(e => {
     if (!enabled || !touchStartRef.current || !lastTouchRef.current) return;
     const touchEnd = e.changedTouches[0];
     const deltaX = touchEnd.clientX - touchStartRef.current.x;
@@ -5542,7 +2444,7 @@ const useKeyboardShortcuts = _ref => {
     enabled = true
   } = _ref;
   // Default key mappings - useMemo ile sarmaladık
-  const defaultKeyMap = (0,external_react_.useMemo)(() => ({
+  const defaultKeyMap = __WEBPACK_EXTERNAL_MODULE_react_useMemo__(() => ({
     navigateLeft: keyMap.navigateLeft || 'ArrowLeft',
     navigateRight: keyMap.navigateRight || 'ArrowRight',
     navigateUp: keyMap.navigateUp || 'ArrowUp',
@@ -5573,7 +2475,7 @@ const useKeyboardShortcuts = _ref => {
       ctrl: true
     }
   }), [keyMap]);
-  const handleKeyDown = (0,external_react_.useCallback)(e => {
+  const handleKeyDown = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(e => {
     if (!enabled) return;
     const key = e.key;
     const isCtrl = e.ctrlKey || e.metaKey; // Mac için cmd tuşu desteği
@@ -5628,7 +2530,7 @@ const useKeyboardShortcuts = _ref => {
       onZoomOut();
     }
   }, [enabled, defaultKeyMap, onNavigateLeft, onNavigateRight, onNavigateUp, onNavigateDown, onDelete, onUndo, onRedo, onCopy, onPaste, onZoomIn, onZoomOut]);
-  (0,external_react_.useEffect)(() => {
+  __WEBPACK_EXTERNAL_MODULE_react_useEffect__(() => {
     if (enabled) {
       window.addEventListener('keydown', handleKeyDown);
       return () => {
@@ -5656,17 +2558,17 @@ const useEventManagement = function () {
   let initialEvents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let onEventsChange = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   let maxHistorySize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 50;
-  const [events, setEvents] = (0,external_react_.useState)(initialEvents);
-  const [selectedEvents, setSelectedEvents] = (0,external_react_.useState)([]);
-  const [copiedEvents, setCopiedEvents] = (0,external_react_.useState)([]);
+  const [events, setEvents] = __WEBPACK_EXTERNAL_MODULE_react_useState__(initialEvents);
+  const [selectedEvents, setSelectedEvents] = __WEBPACK_EXTERNAL_MODULE_react_useState__([]);
+  const [copiedEvents, setCopiedEvents] = __WEBPACK_EXTERNAL_MODULE_react_useState__([]);
 
   // Undo/Redo history
-  const historyRef = (0,external_react_.useRef)([]);
-  const historyIndexRef = (0,external_react_.useRef)(-1);
-  const isUndoRedoRef = (0,external_react_.useRef)(false);
+  const historyRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__([]);
+  const historyIndexRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(-1);
+  const isUndoRedoRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(false);
 
   // Update events and add to history
-  const updateEvents = (0,external_react_.useCallback)(function (newEvents) {
+  const updateEvents = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(function (newEvents) {
     let addToHistory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     setEvents(newEvents);
     if (onEventsChange) {
@@ -5696,7 +2598,7 @@ const useEventManagement = function () {
   }, [onEventsChange, maxHistorySize]);
 
   // Select event
-  const selectEvent = (0,external_react_.useCallback)(function (eventId) {
+  const selectEvent = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(function (eventId) {
     let multiSelect = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     setSelectedEvents(prev => {
       if (multiSelect) {
@@ -5714,12 +2616,12 @@ const useEventManagement = function () {
   }, []);
 
   // Clear selection
-  const clearSelection = (0,external_react_.useCallback)(() => {
+  const clearSelection = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(() => {
     setSelectedEvents([]);
   }, []);
 
   // Delete selected events
-  const deleteSelectedEvents = (0,external_react_.useCallback)(() => {
+  const deleteSelectedEvents = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(() => {
     if (selectedEvents.length === 0) return;
     const newEvents = events.filter(event => !selectedEvents.includes(event.id));
     updateEvents(newEvents);
@@ -5727,14 +2629,14 @@ const useEventManagement = function () {
   }, [events, selectedEvents, updateEvents]);
 
   // Copy selected events
-  const copySelectedEvents = (0,external_react_.useCallback)(() => {
+  const copySelectedEvents = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(() => {
     if (selectedEvents.length === 0) return;
     const eventsToCopy = events.filter(event => selectedEvents.includes(event.id));
     setCopiedEvents(eventsToCopy);
   }, [events, selectedEvents]);
 
   // Paste copied events
-  const pasteEvents = (0,external_react_.useCallback)(function () {
+  const pasteEvents = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(function () {
     let targetDate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
     let targetResourceId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     if (copiedEvents.length === 0) return;
@@ -5752,7 +2654,7 @@ const useEventManagement = function () {
   }, [events, copiedEvents, updateEvents]);
 
   // Undo
-  const undo = (0,external_react_.useCallback)(() => {
+  const undo = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(() => {
     const history = historyRef.current;
     const currentIndex = historyIndexRef.current;
     if (currentIndex > 0) {
@@ -5767,7 +2669,7 @@ const useEventManagement = function () {
   }, [onEventsChange]);
 
   // Redo
-  const redo = (0,external_react_.useCallback)(() => {
+  const redo = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(() => {
     const history = historyRef.current;
     const currentIndex = historyIndexRef.current;
     if (currentIndex < history.length - 1) {
@@ -5824,7 +2726,7 @@ function Timeline_toPrimitive(t, r) { if ("object" != typeof t || !t) return t;
 
 
 
-const Timeline_Timeline_Timeline = _ref => {
+const Timeline = _ref => {
   let {
     resources,
     programDate = null,
@@ -5988,14 +2890,14 @@ const Timeline_Timeline_Timeline = _ref => {
     dates,
     monthHeaders
   } = timelineData;
-  const [selectedDate, setSelectedDate] = (0,external_react_.useState)(() => {
+  const [selectedDate, setSelectedDate] = __WEBPACK_EXTERNAL_MODULE_react_useState__(() => {
     const date = programDate ? new Date(programDate) : new Date();
     date.setDate(date.getDate() - 3); // Program tarihinden 3 gün öncesini al
     return date;
   });
 
   // programDate prop'u değiştiğinde selectedDate'i güncelle
-  (0,external_react_.useEffect)(() => {
+  __WEBPACK_EXTERNAL_MODULE_react_useEffect__(() => {
     if (programDate) {
       const date = new Date(programDate);
       date.setDate(date.getDate() - 3); // Program tarihinden 3 gün öncesini al
@@ -6005,7 +2907,7 @@ const Timeline_Timeline_Timeline = _ref => {
 
   // onToday prop'u değiştiğinde (tarih string'i ise) selectedDate'i güncelle
   // Bu, customHeaderButtons'un onClick'inde tarih geçildiğinde kullanılır
-  (0,external_react_.useEffect)(() => {
+  __WEBPACK_EXTERNAL_MODULE_react_useEffect__(() => {
     // onToday bir string (tarih) ise, o tarihe git
     if (onToday && typeof onToday === 'string') {
       const date = new Date(onToday);
@@ -6019,10 +2921,10 @@ const Timeline_Timeline_Timeline = _ref => {
   // ---------------------------------------------------------
   // 2) local state
   // ---------------------------------------------------------
-  const [collapsedGroups, setCollapsedGroups] = (0,external_react_.useState)({});
+  const [collapsedGroups, setCollapsedGroups] = __WEBPACK_EXTERNAL_MODULE_react_useState__({});
 
   // Internal zoom state - eğer setZoomLevel prop'u yoksa kullanılır
-  const [internalZoomLevel, setInternalZoomLevel] = (0,external_react_.useState)(zoomLevel);
+  const [internalZoomLevel, setInternalZoomLevel] = __WEBPACK_EXTERNAL_MODULE_react_useState__(zoomLevel);
 
   // Effective zoom level - prop varsa prop'u kullan, yoksa internal state'i kullan
   const effectiveZoomLevel = setZoomLevel ? zoomLevel : internalZoomLevel;
@@ -6035,7 +2937,7 @@ const Timeline_Timeline_Timeline = _ref => {
       onEventUpdate(newEvents);
     }
   });
-  const [localEvents, setLocalEvents] = (0,external_react_.useState)(events);
+  const [localEvents, setLocalEvents] = __WEBPACK_EXTERNAL_MODULE_react_useState__(events);
 
   // setDropInfo - eğer external yoksa no-op fonksiyon kullan
   // Not: internalDropInfo state'i kaldırıldı çünkü dropInfo hiçbir yerde okunmuyor
@@ -6045,19 +2947,19 @@ const Timeline_Timeline_Timeline = _ref => {
   });
 
   // Update local events when events prop changes
-  (0,external_react_.useEffect)(() => {
+  __WEBPACK_EXTERNAL_MODULE_react_useEffect__(() => {
     setLocalEvents(events);
   }, [events]);
-  const [selectedEvent, setSelectedEvent] = (0,external_react_.useState)(null);
-  const [tooltipPosition] = (0,external_react_.useState)({
+  const [selectedEvent, setSelectedEvent] = __WEBPACK_EXTERNAL_MODULE_react_useState__(null);
+  const [tooltipPosition] = __WEBPACK_EXTERNAL_MODULE_react_useState__({
     top: 0,
     left: 0
   });
-  const [editingEvent, setEditingEvent] = (0,external_react_.useState)(null);
-  const [isModalOpen, setIsModalOpen] = (0,external_react_.useState)(false);
+  const [editingEvent, setEditingEvent] = __WEBPACK_EXTERNAL_MODULE_react_useState__(null);
+  const [isModalOpen, setIsModalOpen] = __WEBPACK_EXTERNAL_MODULE_react_useState__(false);
 
   // Daily View State
-  const [dailyView, setDailyView] = (0,external_react_.useState)({
+  const [dailyView, setDailyView] = __WEBPACK_EXTERNAL_MODULE_react_useState__({
     isOpen: false,
     resource: null,
     date: null
@@ -6065,8 +2967,8 @@ const Timeline_Timeline_Timeline = _ref => {
 
   // dayRange = ekranda göstermeyi istediğimiz gün/hücre sayısı (ör. 30 gün)
 
-  const [isDarkMode, setIsDarkMode] = (0,external_react_.useState)(themeType === "dark");
-  (0,external_react_.useEffect)(() => {
+  const [isDarkMode, setIsDarkMode] = __WEBPACK_EXTERNAL_MODULE_react_useState__(themeType === "dark");
+  __WEBPACK_EXTERNAL_MODULE_react_useEffect__(() => {
     if (themeType !== undefined) {
       setIsDarkMode(themeType === "dark");
     }
@@ -6082,7 +2984,7 @@ const Timeline_Timeline_Timeline = _ref => {
   const containerWidth = dayRange * cellWidth;
 
   // Internal zoom state'i prop'tan gelen zoomLevel ile senkronize et
-  (0,external_react_.useEffect)(() => {
+  __WEBPACK_EXTERNAL_MODULE_react_useEffect__(() => {
     if (setZoomLevel) {
       // Prop'tan gelen zoomLevel kullanılıyor, internal state'i güncelle
       setInternalZoomLevel(zoomLevel);
@@ -6092,7 +2994,7 @@ const Timeline_Timeline_Timeline = _ref => {
   // ---------------------------------------------------------
   // 4) Touch Gestures (Mobil desteği)
   // ---------------------------------------------------------
-  const timelineContainerRef = (0,external_react_.useRef)(null);
+  const timelineContainerRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(null);
   const touchGestures = useTouchGestures({
     onSwipeLeft: () => {
       if (onAdvance) onAdvance();
@@ -6187,7 +3089,7 @@ const Timeline_Timeline_Timeline = _ref => {
 
   // CustomHeaderButtons için tarih değiştirme fonksiyonu
   // Bu fonksiyon customHeaderButtons'un onClick'inde kullanılabilir
-  const handleCustomDateChange = (0,external_react_.useCallback)(dateString => {
+  const handleCustomDateChange = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(dateString => {
     if (dateString) {
       const date = new Date(dateString);
       if (!isNaN(date.getTime())) {
@@ -6244,12 +3146,12 @@ const Timeline_Timeline_Timeline = _ref => {
   // ---------------------------------------------------------
   // 8.5) Zoom handlers
   // ---------------------------------------------------------
-  const handleZoomIn = (0,external_react_.useCallback)(() => {
+  const handleZoomIn = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(() => {
     if (zoomOn) {
       effectiveSetZoomLevel(prev => Math.min(maxZoomLevel, prev + zoomStep));
     }
   }, [zoomOn, maxZoomLevel, zoomStep, effectiveSetZoomLevel]);
-  const handleZoomOut = (0,external_react_.useCallback)(() => {
+  const handleZoomOut = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(() => {
     if (zoomOn) {
       effectiveSetZoomLevel(prev => Math.max(minZoomLevel, prev - zoomStep));
     }
@@ -6289,12 +3191,12 @@ const Timeline_Timeline_Timeline = _ref => {
   // ---------------------------------------------------------
   // 10) Return
   // ---------------------------------------------------------
-  return /*#__PURE__*/external_react_default().createElement("div", _extends({
+  return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", _extends({
     className: "timeline-container ".concat(isDarkMode ? "dark-mode" : ""),
     ref: timelineContainerRef
-  }, touchGestures), masterHeaderView && /*#__PURE__*/external_react_default().createElement("div", {
+  }, touchGestures), masterHeaderView && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "timeline-master-header"
-  }, /*#__PURE__*/external_react_default().createElement(Timeline_MasterHeader, {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(Timeline_MasterHeader, {
     selectedDate: selectedDate // Seçili tarihi gönder
     ,
     onDateSelect: handleDateChange,
@@ -6314,35 +3216,35 @@ const Timeline_Timeline_Timeline = _ref => {
     showDefaultHeaderButtons: showDefaultHeaderButtons,
     customButtons: customHeaderButtons,
     onCustomButtonClick: handleCustomDateChange
-  })), /*#__PURE__*/external_react_default().createElement("div", {
+  })), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "timeline-body"
-  }, /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "timeline-resources-container",
     style: {
       overflow: "hidden"
     }
-  }, /*#__PURE__*/external_react_default().createElement(Timeline_ResourcesHeader, {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(Timeline_ResourcesHeader, {
     content: resourceHeaderContent
-  }), /*#__PURE__*/external_react_default().createElement(Timeline_Resources, {
+  }), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(Timeline_Resources, {
     groupedResources: resources,
     toggleGroupCollapse: toggleGroupCollapse,
     collapsedGroups: collapsedGroups,
     resourceSettings: resourceSettings
-  })), /*#__PURE__*/external_react_default().createElement("div", {
+  })), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "timeline-scrollable-container",
     style: {
       overflowX: horizontalScrollOn ? "auto" : "hidden"
     }
-  }, /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     className: "timeline-header-content-wrapper",
     style: {
       width: horizontalScrollOn ? "".concat(containerWidth, "px") : "100%"
     }
-  }, /*#__PURE__*/external_react_default().createElement(Timeline_TimelineHeader, {
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(Timeline_TimelineHeader, {
     dates: filteredDates,
     monthHeaders: filteredMonthHeaders,
     highlightWeekends: highlightWeekends
-  }), /*#__PURE__*/external_react_default().createElement(Timeline_TimelineContent, {
+  }), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(Timeline_TimelineContent, {
     groupedResources: resources,
     dates: filteredDates,
     collapsedGroups: collapsedGroups,
@@ -6405,12 +3307,12 @@ const Timeline_Timeline_Timeline = _ref => {
     disableDates: disableDates,
     autoSelectEnabledRange: autoSelectEnabledRange,
     autoSelectRanges: autoSelectRanges
-  }), selectedEvent && /*#__PURE__*/external_react_default().createElement(Timeline_EventTooltip, {
+  }), selectedEvent && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(Timeline_EventTooltip, {
     event: selectedEvent,
     position: tooltipPosition,
     onClose: handleCloseTooltip,
     onDelete: eventId => setLocalEvents(prev => prev.filter(e => e.id !== eventId))
-  })))), eventManagementOn && /*#__PURE__*/external_react_default().createElement(Timeline_EventDetailModal, {
+  })))), eventManagementOn && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(Timeline_EventDetailModal, {
     event: editingEvent,
     isOpen: isModalOpen,
     onClose: () => {
@@ -6420,7 +3322,7 @@ const Timeline_Timeline_Timeline = _ref => {
     onSave: handleEventSave,
     onDelete: handleEventDelete,
     resources: resources.flatMap(group => group.resources || [])
-  }), dailyViewOn && /*#__PURE__*/external_react_default().createElement(Timeline_DailyView, {
+  }), dailyViewOn && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(Timeline_DailyView, {
     isOpen: dailyView.isOpen,
     onClose: () => setDailyView({
       isOpen: false,
@@ -6454,8 +3356,199 @@ const Timeline_Timeline_Timeline = _ref => {
     themeType: themeType
   }));
 };
-/* harmony default export */ const components_Timeline_Timeline = (Timeline_Timeline_Timeline);
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
+/* harmony default export */ const Timeline_Timeline = (Timeline);
+;// ./src/components/Timeline/LoadingSpinner.jsx
+
+
+
+/**
+ * Loading Spinner Component
+ * Yükleme durumlarında gösterilir
+ */
+const LoadingSpinner = _ref => {
+  let {
+    size = 'medium',
+    // 'small', 'medium', 'large'
+    type = 'spinner',
+    // 'spinner', 'dots', 'pulse'
+    className = '',
+    overlay = false // Overlay gösterilsin mi?
+  } = _ref;
+  if (overlay) {
+    return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
+      className: "loading-overlay"
+    }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
+      className: "loading-spinner loading-spinner-".concat(type, " loading-spinner-").concat(size, " ").concat(className)
+    }, type === 'spinner' && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
+      className: "spinner-circle"
+    }), type === 'dots' && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
+      className: "dots-container"
+    }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", null), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", null), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", null)), type === 'pulse' && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
+      className: "pulse-circle"
+    })));
+  }
+  return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
+    className: "loading-spinner loading-spinner-".concat(type, " loading-spinner-").concat(size, " ").concat(className)
+  }, type === 'spinner' && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
+    className: "spinner-circle"
+  }), type === 'dots' && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
+    className: "dots-container"
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", null), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", null), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", null)), type === 'pulse' && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
+    className: "pulse-circle"
+  }));
+};
+/* harmony default export */ const Timeline_LoadingSpinner = (LoadingSpinner);
+;// ./src/components/Timeline/AutocompleteSelect.jsx
+
+
+const AutocompleteSelect = _ref => {
+  let {
+    options = [],
+    value = null,
+    onChange = () => {},
+    placeholder = "Seçiniz...",
+    getOptionLabel = option => (option === null || option === void 0 ? void 0 : option.label) || (option === null || option === void 0 ? void 0 : option.name) || String(option),
+    getOptionValue = option => (option === null || option === void 0 ? void 0 : option.value) || (option === null || option === void 0 ? void 0 : option.id) || option,
+    filterOptions = (options, inputValue) => {
+      if (!inputValue) return options;
+      const lowerInput = inputValue.toLowerCase();
+      return options.filter(option => {
+        const label = getOptionLabel(option).toLowerCase();
+        return label.includes(lowerInput);
+      });
+    }
+  } = _ref;
+  const [isOpen, setIsOpen] = __WEBPACK_EXTERNAL_MODULE_react_useState__(false);
+  const [inputValue, setInputValue] = __WEBPACK_EXTERNAL_MODULE_react_useState__("");
+  const [filteredOptions, setFilteredOptions] = __WEBPACK_EXTERNAL_MODULE_react_useState__(options);
+  const containerRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(null);
+  const inputRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(null);
+
+  // Seçili değerin label'ını bul (her render'da yeniden hesaplamayı önlemek için)
+  // getOptionValue ve getOptionLabel'ı dependency'den çıkarıyoruz çünkü her render'da yeni fonksiyon olabilir
+  const selectedOption = __WEBPACK_EXTERNAL_MODULE_react_useMemo__(() => {
+    return options.find(opt => getOptionValue(opt) === value);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [options, value]);
+  const displayValue = __WEBPACK_EXTERNAL_MODULE_react_useMemo__(() => {
+    return selectedOption ? getOptionLabel(selectedOption) : inputValue || placeholder;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selectedOption, inputValue, placeholder]);
+
+  // Input değiştiğinde filtrele
+  __WEBPACK_EXTERNAL_MODULE_react_useEffect__(() => {
+    if (isOpen) {
+      const filtered = filterOptions(options, inputValue);
+      setFilteredOptions(filtered);
+    } else {
+      setFilteredOptions(options);
+    }
+    // filterOptions'ı dependency'den çıkarıyoruz çünkü her render'da yeni fonksiyon olabilir
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [inputValue, isOpen, options]);
+
+  // Dışarı tıklandığında kapat
+  __WEBPACK_EXTERNAL_MODULE_react_useEffect__(() => {
+    const handleClickOutside = event => {
+      if (containerRef.current && !containerRef.current.contains(event.target)) {
+        setIsOpen(false);
+        setInputValue("");
+      }
+    };
+    if (isOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => {
+        document.removeEventListener("mousedown", handleClickOutside);
+      };
+    }
+  }, [isOpen]);
+  const handleInputChange = e => {
+    const newValue = e.target.value;
+    setInputValue(newValue);
+    setIsOpen(true);
+  };
+  const handleSelect = option => {
+    const optionValue = getOptionValue(option);
+    onChange(optionValue, option);
+    setInputValue("");
+    setIsOpen(false);
+  };
+  const handleFocus = () => {
+    setIsOpen(true);
+    if (selectedOption) {
+      setInputValue(getOptionLabel(selectedOption));
+    }
+  };
+  const handleBlur = () => {
+    // Input blur olduğunda hemen kapatma, click outside ile kapatılacak
+    setTimeout(() => {
+      var _containerRef$current;
+      if (!((_containerRef$current = containerRef.current) !== null && _containerRef$current !== void 0 && _containerRef$current.contains(document.activeElement))) {
+        setIsOpen(false);
+        if (selectedOption) {
+          setInputValue("");
+        }
+      }
+    }, 200);
+  };
+  return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
+    className: "autocomplete-select-container",
+    ref: containerRef
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
+    className: "autocomplete-select-input ".concat(isOpen ? "open" : ""),
+    onClick: () => {
+      var _inputRef$current;
+      setIsOpen(!isOpen);
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+    }
+  }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("input", {
+    ref: inputRef,
+    type: "text",
+    value: isOpen ? inputValue : displayValue,
+    onChange: handleInputChange,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    placeholder: placeholder,
+    className: "autocomplete-select-input-field"
+  }), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", {
+    className: "autocomplete-select-arrow"
+  }, isOpen ? "▲" : "▼")), isOpen && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
+    className: "autocomplete-select-dropdown"
+  }, filteredOptions.length > 0 ? filteredOptions.map((option, index) => {
+    const optionValue = getOptionValue(option);
+    const optionLabel = getOptionLabel(option);
+    const isSelected = optionValue === value;
+    return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
+      key: index,
+      className: "autocomplete-select-option ".concat(isSelected ? "selected" : ""),
+      onClick: () => handleSelect(option),
+      onMouseDown: e => e.preventDefault() // Blur'u engelle
+    }, optionLabel);
+  }) : /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
+    className: "autocomplete-select-no-results"
+  }, "Sonu\xE7 bulunamad\u0131")));
+};
+/* harmony default export */ const Timeline_AutocompleteSelect = (AutocompleteSelect);
+;// ./src/library.js
+
+
+
+
+
+
+
+
+
+// CSS dosyası package.json'da exports altında tanımlı
+// Kullanım: import 'akfatimeline/components/Timeline/Timeline.css'
+
+
+// Ana Timeline component'i default export (import akfatimeline from 'akfatimeline' için)
+/* harmony default export */ const library = (Timeline_Timeline);
+
+// Named export (import { akfatimeline } from 'akfatimeline' için)
+
+
+// Diğer named exports - İsteğe bağlı kullanım için
+
+export { Timeline_AutocompleteSelect as AutocompleteSelect, Timeline_ContextMenu as ContextMenu, Timeline_DailyView as DailyView, Timeline_EventBadge as EventBadge, Timeline_EventDetailModal as EventDetailModal, Timeline_EventIcon as EventIcon, Timeline_LoadingSpinner as LoadingSpinner, Timeline_Timeline as akfatimeline, library as default };