@fastnd/components 1.0.9 → 1.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/components.js +410 -410
  2. package/package.json +1 -1
@@ -1,26 +1,26 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('._status-badge_1vytb_3{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:500;line-height:1;color:var(--custom-color, var(--current-color));background-color:var(--custom-bg, var(--current-bg));white-space:nowrap}._status-badge_1vytb_3:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:var(--custom-color, var(--current-color))}._status-badge--neu_1vytb_26{--current-color: hsl(var(--status-neu));--current-bg: hsl(var(--status-neu) / .1)}._status-badge--offen_1vytb_31{--current-color: hsl(var(--status-offen));--current-bg: hsl(var(--status-offen) / .1)}._status-badge--in-prufung_1vytb_36{--current-color: hsl(var(--status-in-prufung));--current-bg: hsl(var(--status-in-prufung) / .1)}._status-badge--validierung_1vytb_41{--current-color: hsl(var(--status-validierung));--current-bg: hsl(var(--status-validierung) / .1)}._status-badge--abgeschlossen_1vytb_46{--current-color: hsl(var(--status-abgeschlossen));--current-bg: hsl(var(--status-abgeschlossen) / .1)}._favorite-btn_1f4wz_3{background:none;border:none;color:var(--custom-color, hsl(var(--muted-foreground) / .5));cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.375rem;border-radius:var(--radius);transition:all .2s ease}._favorite-btn_1f4wz_3:hover,._favorite-btn_1f4wz_3:focus-visible{background-color:hsl(var(--muted));color:var(--custom-active-color, hsl(var(--score-medium)));outline:none}._favorite-btn--active_1f4wz_23{color:var(--custom-active-color, hsl(var(--score-medium)))}._favorite-btn_1f4wz_3 svg{width:18px;height:18px;fill:currentColor}._status-legend__item_1935r_3{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:background-color .2s ease;border:1px solid transparent;background:none;width:100%}._status-legend__item_1935r_3:hover,._status-legend__item_1935r_3:focus-visible{background-color:hsl(var(--muted));outline:none}._status-legend__item--active_1935r_22{background-color:hsl(var(--muted));border-color:hsl(var(--border))}._status-legend__label-wrap_1935r_27{display:flex;align-items:center;gap:.5rem}._status-legend__color_1935r_33{width:12px;height:12px;border-radius:50%;flex-shrink:0;background-color:var(--custom-color, var(--current-color))}._status-legend__label_1935r_27{font-size:.875rem;color:hsl(var(--foreground));font-weight:500}._status-legend__count_1935r_47{font-family:var(--font-grotesk);font-size:.875rem;color:hsl(var(--muted-foreground));font-weight:600;background-color:hsl(var(--secondary));padding:.125rem .5rem;border-radius:1rem}._color-neu_1935r_57{--current-color: hsl(var(--status-neu))}._color-offen_1935r_61{--current-color: hsl(var(--status-offen))}._color-in-prufung_1935r_65{--current-color: hsl(var(--status-in-prufung))}._color-validierung_1935r_69{--current-color: hsl(var(--status-validierung))}._color-abgeschlossen_1935r_73{--current-color: hsl(var(--status-abgeschlossen))}._color-alle_1935r_77{--current-color: hsl(var(--status-alle))}._status-overview__chart-container_1f9eq_3{position:relative;width:200px;height:200px;margin:1rem auto 2rem;display:flex;align-items:center;justify-content:center}._status-chart-svg_1f9eq_13{width:100%;height:100%;position:absolute;top:0;left:0;filter:drop-shadow(var(--shadow-sm));pointer-events:none}._status-chart__segment_1f9eq_23{transition:all .3s cubic-bezier(.4,0,.2,1);stroke-linecap:butt;pointer-events:stroke}._status-chart__segment_1f9eq_23:hover,._status-chart__segment--hovered_1f9eq_30{stroke-width:48px;filter:brightness(1.1)}._status-chart__segment--dimmed_1f9eq_35{opacity:.6;filter:grayscale(.2)}._status-chart__hole_1f9eq_40{width:120px;height:120px;background-color:hsl(var(--card));border-radius:50%;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset var(--shadow-sm);clip-path:circle(50%)}._status-chart__total-value_1f9eq_55{font-family:var(--font-clash);font-size:2rem;font-weight:600;line-height:1;color:hsl(var(--foreground))}._status-chart__total-label_1f9eq_63{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}._table-container_fgnrg_3{overflow-x:auto}._project-table_fgnrg_7{width:100%;border-collapse:separate;border-spacing:0;text-align:left;table-layout:fixed}._project-table__head_fgnrg_15 th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));padding:.75rem 1rem;border-bottom:1px solid hsl(var(--border));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._project-table__head_fgnrg_15 th:nth-child(1){width:auto}._project-table__head_fgnrg_15 th:nth-child(2){width:20%}._project-table__head_fgnrg_15 th:nth-child(3){width:150px}._project-table__head_fgnrg_15 th:nth-child(4){width:160px}._project-table__row_fgnrg_33{transition:background-color .15s ease;cursor:default}._project-table__row_fgnrg_33:hover{background-color:hsl(var(--muted) / .5)}._project-table__row_fgnrg_33 td{padding:1rem;border-bottom:1px solid hsl(var(--border));font-size:.875rem;color:hsl(var(--foreground));vertical-align:middle}._project-table__row_fgnrg_33 td:nth-child(1),._project-table__row_fgnrg_33 td:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__row_fgnrg_33 td:nth-child(3),._project-table__row_fgnrg_33 td:nth-child(4){overflow:visible}._project-table__row_fgnrg_33:last-child td{border-bottom:none}._project-table__name-cell_fgnrg_66{display:flex;align-items:center;gap:.5rem}._project-table__favorite_fgnrg_72{margin-left:-.5rem}._project-table__name-wrapper_fgnrg_76{display:flex;flex-direction:column;overflow:hidden;min-width:0}._project-table__name_fgnrg_66{font-weight:500;color:hsl(var(--foreground));line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__app_fgnrg_92,._project-table__date-secondary_fgnrg_93{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__client_fgnrg_102,._project-table__date-main_fgnrg_103{color:hsl(var(--muted-foreground));font-size:.8125rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__date-main_fgnrg_103{color:hsl(var(--foreground));font-weight:500}._avatar_1ml48_3{width:1.5rem;height:1.5rem;border-radius:50%;background-color:hsl(var(--secondary));border:1px solid hsl(var(--border));display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;color:hsl(var(--foreground));text-transform:uppercase}._avatar-group_1ml48_18{display:flex;align-items:center}._group-member_1ml48_23{margin-right:-.5rem;position:relative;z-index:1;border:2px solid hsl(var(--card))}._group-member_1ml48_23:hover{z-index:10}._btn_lw4l4_3{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;border:1px solid transparent}._btn_lw4l4_3:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}._btn_lw4l4_3:active{transform:scale(.98)}._btn--primary_lw4l4_27{background:var(--gradient-header);color:#fff;padding:.5rem 1rem;box-shadow:var(--shadow-sm)}._btn--primary_lw4l4_27:hover{box-shadow:var(--shadow-md);opacity:.9}._btn--outline_lw4l4_39{background-color:transparent;border-color:hsl(var(--border));color:hsl(var(--foreground));padding:.375rem .75rem;min-width:110px}._btn--outline_lw4l4_39:hover{background-color:hsl(var(--secondary));color:hsl(var(--foreground))}._btn--ghost_lw4l4_52{background-color:transparent;color:hsl(var(--muted-foreground));padding:.375rem}._btn--ghost_lw4l4_52:hover{background-color:hsl(var(--secondary));color:hsl(var(--foreground))}._btn--sm_lw4l4_63{padding:.2rem .4rem;font-size:.75rem;min-width:auto!important}._badge_144f0_3{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-grotesk);font-weight:800}._badge--high_144f0_12{background-color:hsl(var(--destructive) / .1);color:hsl(var(--destructive));border:1px solid hsl(var(--destructive) / .2)}._badge--medium_144f0_18{background-color:hsl(var(--score-medium) / .1);color:hsl(var(--score-medium));border:1px solid hsl(var(--score-medium) / .2)}._badge--low_144f0_24{background-color:hsl(var(--secondary));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border))}._badge--size-small_144f0_30{width:1.5rem;height:1.5rem;border-radius:.375rem;font-size:.75rem}._badge--size-large_144f0_37{width:2.25rem;height:2.25rem;border-radius:.5rem;font-size:1.125rem}._badge--size-large_144f0_37._badge--low_144f0_24{font-size:.875rem}._badge_1ru08_3{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:hsl(var(--secondary));border-radius:2rem;font-size:.8125rem;font-weight:500}._status-dropdown_1t4xn_3{position:relative;display:inline-block;width:88px}._status-trigger_1t4xn_9{width:100%!important;justify-content:space-between!important}._status-menu_1t4xn_14{position:absolute;top:100%;right:0;margin-top:.25rem;background-color:hsl(var(--popover));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);box-shadow:var(--shadow-lg);z-index:100;width:100%;min-width:88px;display:none;padding:.25rem;animation:_fadeIn_1t4xn_1 .15s ease-out}._status-menu_1t4xn_14._is-open_1t4xn_31{display:block}._status-menu-item_1t4xn_35{width:100%;padding:.5rem .75rem;font-size:.8125rem;text-align:left;background:none;border:none;cursor:pointer;border-radius:calc(var(--radius) - 4px);color:hsl(var(--foreground));transition:background-color .1s}._status-menu-item_1t4xn_35:hover{background-color:hsl(var(--secondary))}._status-menu-item_1t4xn_35._is-active_1t4xn_52{font-weight:500}._icon_1t4xn_56{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}._icon-sm_1t4xn_65{width:.875rem;height:.875rem}@keyframes _fadeIn_1t4xn_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}._checklist_ylbeh_3{display:flex;flex-direction:column;gap:.5rem}._check-item_ylbeh_9{display:flex;align-items:center;gap:.5rem;font-size:.875rem}._check-item_ylbeh_9 input[type=checkbox]{width:1rem;height:1rem;accent-color:hsl(var(--primary));cursor:pointer}._check-item_ylbeh_9 label{cursor:pointer}._check-item_ylbeh_9._is-done_ylbeh_27 label{text-decoration:line-through;color:hsl(var(--muted-foreground))}._checklist--readonly_ylbeh_32 ._check-item_ylbeh_9 label{cursor:pointer}._checklist--readonly_ylbeh_32 ._check-item_ylbeh_9 input[type=checkbox]{pointer-events:all}._form-control_ylbeh_40{width:100%;padding:.125rem;border:none;background:transparent;color:hsl(var(--foreground));font-family:inherit;font-size:.875rem;border-radius:calc(var(--radius) - 2px);transition:background-color .2s}._form-control_ylbeh_40:focus{outline:none;background-color:hsl(var(--background))}._is-done_ylbeh_27 ._form-control_ylbeh_40{text-decoration:line-through;color:hsl(var(--muted-foreground))}._dashboard_10t3c_4{width:100%;display:grid;grid-template-columns:35% 65%;gap:1.5rem}@media(max-width:1024px){._dashboard_10t3c_4{grid-template-columns:1fr}}._dashboard-card_10t3c_17{background-color:hsl(var(--card));border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid hsl(var(--border));padding:1.5rem 2.5%;display:flex;flex-direction:column}._dashboard-card__header_10t3c_27{margin-bottom:1.5rem}._dashboard-card__title_10t3c_31{font-family:var(--font-clash);font-size:1.5rem;font-weight:500;color:hsl(var(--foreground));margin:0}._status-legend_10t3c_39{display:flex;flex-direction:column;gap:.75rem}._project-filters_10t3c_45{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}._project-filters__search_10t3c_54{padding:.5rem 1rem;border:1px solid hsl(var(--border));border-radius:var(--radius);background-color:hsl(var(--input));font-family:var(--font-inter);font-size:.875rem;color:hsl(var(--foreground));width:250px;transition:border-color .2s,box-shadow .2s}._project-filters__search_10t3c_54:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary) / .2)}._task-item_1ekm1_4{display:grid;grid-template-columns:55% 15% 30%;align-items:center;gap:0;padding:.75rem 5%;border-bottom:1px solid hsl(var(--border));transition:background-color .2s ease;cursor:pointer;font-family:var(--font-inter)}._task-item_1ekm1_4:last-child{border-bottom:none}._task-item_1ekm1_4:hover{background-color:hsl(var(--muted) / .5)}._task-item__content_1ekm1_25{display:flex;flex-direction:column;gap:.375rem;min-width:0}._task-item__title-group_1ekm1_32{display:flex;align-items:center;gap:.375rem;min-width:0}._task-item__title_1ekm1_32{color:hsl(var(--foreground));margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem;font-weight:500;line-height:1.25rem;font-family:var(--font-inter)}._task-item__meta_1ekm1_52{display:flex;align-items:center;gap:1.25rem;color:hsl(var(--muted-foreground));font-size:.625rem;line-height:.875rem;font-family:var(--font-inter);min-width:0}._meta-user_1ekm1_64{display:flex;align-items:center;flex-shrink:0}._meta-project_1ekm1_70{display:flex;align-items:center;gap:.375rem;color:hsl(var(--muted-foreground));font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem;flex:0 1 auto}._meta-project_1ekm1_70 ._icon-sm_1ekm1_83{flex-shrink:0}._task-item__deadline_1ekm1_88{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;font-family:var(--font-grotesk);font-size:.75rem;line-height:1rem}._deadline-urgent_1ekm1_97{color:hsl(var(--score-low));font-weight:500}._deadline-normal_1ekm1_102{color:hsl(var(--muted-foreground))}._task-item__actions_1ekm1_107{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}._icon_1ekm1_83{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._icon-sm_1ekm1_83{width:.875rem;height:.875rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}@media(max-width:640px){._task-item_1ekm1_4{grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"content actions" "deadline actions";gap:.25rem .75rem}._task-item__content_1ekm1_25{grid-area:content}._task-item__deadline_1ekm1_88{grid-area:deadline;text-align:left}._task-item__actions_1ekm1_107{grid-area:actions;align-self:center}}._modal-overlay_sth7y_4{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s ease-out;padding:1rem}._modal-overlay_sth7y_4._is-active_sth7y_19{opacity:1;pointer-events:all}._modal-content_sth7y_25{background-color:hsl(var(--popover));color:hsl(var(--popover-foreground));font-family:var(--font-inter);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;transform:scale(.95) translateY(10px);transition:transform .2s ease-out;overflow:hidden}._modal-overlay_sth7y_4._is-active_sth7y_19 ._modal-content_sth7y_25{transform:scale(1) translateY(0)}._modal-header_sth7y_46{padding:1.25rem 1.5rem;border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;justify-content:space-between;flex-shrink:0}._modal-header-title_sth7y_56{margin:0;font-family:var(--font-clash);font-weight:500;font-size:1.25rem;line-height:1.75rem;color:hsl(var(--foreground))}._modal-body_sth7y_66{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}._modal-body_sth7y_66::-webkit-scrollbar{width:4px}._modal-body_sth7y_66::-webkit-scrollbar-thumb{background-color:hsl(var(--border));border-radius:2px}._modal-footer_sth7y_85{padding:1rem 1.5rem;border-top:1px solid hsl(var(--border));display:flex;justify-content:flex-end;gap:.5rem;background:hsl(var(--muted) / .3);flex-shrink:0}._view-group_sth7y_96{display:flex;flex-direction:column;gap:.375rem}._view-label_sth7y_103{font-size:.625rem;line-height:.875rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-family:var(--font-inter)}._view-badge-row_sth7y_113{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}._view-task-title_sth7y_121{margin:0;font-family:var(--font-clash);font-weight:600;font-size:1.25rem;line-height:1.4;color:hsl(var(--foreground))}._view-value-strong_sth7y_131{font-family:var(--font-grotesk);font-weight:500;font-size:.9375rem;color:hsl(var(--foreground))}._view-description_sth7y_139{font-size:.875rem;line-height:1.6;margin:0;color:hsl(var(--foreground));font-family:var(--font-inter)}._text-muted_sth7y_147{color:hsl(var(--muted-foreground));font-style:italic}._form-group_sth7y_153{display:flex;flex-direction:column;gap:.5rem}._form-row_sth7y_159{display:grid;grid-template-columns:1fr 1fr;gap:1rem}._form-label_sth7y_165{font-size:.625rem;line-height:.875rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-inter)}._form-control_sth7y_175{width:100%;padding:.625rem .75rem;border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-inter);font-size:.875rem;line-height:1.25rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;appearance:auto}._form-control_sth7y_175:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .12)}._textarea_sth7y_196{resize:vertical;min-height:80px}._icon_sth7y_203{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._icon-pencil_sth7y_214{width:.875rem;height:.875rem;fill:currentColor}@media(max-width:640px){._form-row_sth7y_159{grid-template-columns:1fr}}:root{--primary: 209 100% 56%;--primary-hover: 207 82% 42%;--accent: 207 82% 42%;--background: 0 0% 100%;--foreground: 215 25% 15%;--muted: 210 15% 93%;--muted-foreground: 215 15% 45%;--secondary: 210 12% 94%;--border: 210 20% 90%;--input: 210 15% 92%;--card: 0 0% 100%;--card-foreground: 215 25% 15%;--popover: 0 0% 100%;--popover-foreground: 215 25% 15%;--destructive: 0 72% 51%;--score-high: 165 70% 42%;--score-medium: 45 90% 50%;--score-low: 35 85% 55%;--sidebar-background: 0 0% 100%;--sidebar-foreground: 215 20% 25%;--sidebar-primary: 209 100% 56%;--sidebar-accent: 210 20% 96%;--sidebar-border: 210 15% 92%;--radius: .5rem;--shadow-sm: 0 1px 2px 0 hsl(215 25% 15% / .04);--shadow-md: 0 4px 6px -1px hsl(215 25% 15% / .08);--shadow-lg: 0 10px 15px -3px hsl(215 25% 15% / .1);--shadow-card: 0 2px 8px hsl(215 25% 15% / .06);--gradient-primary: linear-gradient(135deg, hsl(209 100% 56%), hsl(207 82% 42%));--gradient-header: linear-gradient(135deg, hsl(207 82% 42%), hsl(209 100% 56%));--status-alle: 215 16% 47%;--status-neu: 210 95% 63%;--status-offen: 38 92% 50%;--status-in-prufung: 350 89% 60%;--status-validierung: 82 84% 44%;--status-abgeschlossen: 142 76% 36%;--font-inter: "Inter", sans-serif;--font-clash: "Clash Grotesk", sans-serif;--font-grotesk: "Space Grotesk", sans-serif}._widget-card_1fdjp_4{background-color:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-card);display:flex;flex-direction:column;height:100%;max-width:520px;overflow:hidden;font-family:var(--font-inter);animation:_fadeIn_1fdjp_1 .4s ease-out}._widget-header_1fdjp_20{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));flex-shrink:0}._widget-header__title_1fdjp_30{margin:0;font-family:var(--font-clash);font-size:1.25rem;font-weight:500;line-height:1.3;color:hsl(var(--foreground));letter-spacing:-.02em}._task-list_1fdjp_41{display:flex;flex-direction:column;overflow-y:auto;flex:1 1 0;scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}._task-list_1fdjp_41::-webkit-scrollbar{width:4px}._task-list_1fdjp_41::-webkit-scrollbar-track{background:transparent}._task-list_1fdjp_41::-webkit-scrollbar-thumb{background-color:hsl(var(--border));border-radius:2px}._icon_1fdjp_65{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._icon-sm_1fdjp_75{width:.875rem;height:.875rem}@keyframes _fadeIn_1fdjp_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
1
+ (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('._status-badge_c7rzu_3{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:500;line-height:1;color:var(--custom-color, var(--current-color));background-color:var(--custom-bg, var(--current-bg));white-space:nowrap}._status-badge_c7rzu_3:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:var(--custom-color, var(--current-color))}._status-badge--neu_c7rzu_26{--current-color: var(--status-neu);--current-bg: color-mix(in srgb, var(--status-neu), transparent 90%)}._status-badge--offen_c7rzu_31{--current-color: var(--status-offen);--current-bg: color-mix(in srgb, var(--status-offen), transparent 90%)}._status-badge--in-prufung_c7rzu_36{--current-color: var(--status-in-prufung);--current-bg: color-mix(in srgb, var(--status-in-prufung), transparent 90%)}._status-badge--validierung_c7rzu_41{--current-color: var(--status-validierung);--current-bg: color-mix(in srgb, var(--status-validierung), transparent 90%)}._status-badge--abgeschlossen_c7rzu_46{--current-color: var(--status-abgeschlossen);--current-bg: color-mix(in srgb, var(--status-abgeschlossen), transparent 90%)}._favorite-btn_1jlmc_3{background:none;border:none;color:var(--custom-color, var(--on-surface-light));cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.375rem;border-radius:var(--radius);transition:all .2s ease}._favorite-btn_1jlmc_3:hover,._favorite-btn_1jlmc_3:focus-visible{background-color:var(--surface-variant);color:var(--custom-active-color, var(--color-warning));outline:none}._favorite-btn--active_1jlmc_23{color:var(--custom-active-color, var(--color-warning))}._favorite-btn_1jlmc_3 svg{width:18px;height:18px;fill:currentColor}._status-legend__item_1xv4z_3{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:background-color .2s ease;border:1px solid transparent;background:none;width:100%}._status-legend__item_1xv4z_3:hover,._status-legend__item_1xv4z_3:focus-visible{background-color:var(--surface-variant);outline:none}._status-legend__item--active_1xv4z_22{background-color:var(--surface-variant);border-color:var(--border)}._status-legend__label-wrap_1xv4z_27{display:flex;align-items:center;gap:.5rem}._status-legend__color_1xv4z_33{width:12px;height:12px;border-radius:50%;flex-shrink:0;background-color:var(--custom-color, var(--current-color))}._status-legend__label_1xv4z_27{font-size:.875rem;color:var(--on-surface);font-weight:500}._status-legend__count_1xv4z_47{font-family:var(--font-grotesk);font-size:.875rem;color:var(--on-surface-variant);font-weight:600;background-color:var(--surface-variant);padding:.125rem .5rem;border-radius:1rem}._color-neu_1xv4z_57{--current-color: var(--status-neu)}._color-offen_1xv4z_61{--current-color: var(--status-offen)}._color-in-prufung_1xv4z_65{--current-color: var(--status-in-prufung)}._color-validierung_1xv4z_69{--current-color: var(--status-validierung)}._color-abgeschlossen_1xv4z_73{--current-color: var(--status-abgeschlossen)}._color-alle_1xv4z_77{--current-color: var(--status-alle)}._status-overview__chart-container_6nwc9_3{position:relative;width:200px;height:200px;margin:1rem auto 2rem;display:flex;align-items:center;justify-content:center}._status-chart-svg_6nwc9_13{width:100%;height:100%;position:absolute;top:0;left:0;filter:drop-shadow(var(--shadow-sm));pointer-events:none}._status-chart__segment_6nwc9_23{transition:all .3s cubic-bezier(.4,0,.2,1);stroke-linecap:butt;pointer-events:stroke}._status-chart__segment_6nwc9_23:hover,._status-chart__segment--hovered_6nwc9_30{stroke-width:48px;filter:brightness(1.1)}._status-chart__segment--dimmed_6nwc9_35{opacity:.6;filter:grayscale(.2)}._status-chart__hole_6nwc9_40{width:120px;height:120px;background-color:var(--surface);border-radius:50%;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset var(--shadow-sm);clip-path:circle(50%)}._status-chart__total-value_6nwc9_55{font-family:var(--font-clash);font-size:2rem;font-weight:600;line-height:1;color:var(--on-surface)}._status-chart__total-label_6nwc9_63{font-size:.75rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}._table-container_y8cqq_3{overflow-x:auto}._project-table_y8cqq_7{width:100%;border-collapse:separate;border-spacing:0;text-align:left;table-layout:fixed}._project-table__head_y8cqq_15 th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);padding:.75rem 1rem;border-bottom:1px solid var(--border);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._project-table__head_y8cqq_15 th:nth-child(1){width:auto}._project-table__head_y8cqq_15 th:nth-child(2){width:20%}._project-table__head_y8cqq_15 th:nth-child(3){width:150px}._project-table__head_y8cqq_15 th:nth-child(4){width:160px}._project-table__row_y8cqq_33{transition:background-color .15s ease;cursor:default}._project-table__row_y8cqq_33:hover{background-color:var(--surface-hover)}._project-table__row_y8cqq_33 td{padding:1rem;border-bottom:1px solid var(--border);font-size:.875rem;color:var(--on-surface);vertical-align:middle}._project-table__row_y8cqq_33 td:nth-child(1),._project-table__row_y8cqq_33 td:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__row_y8cqq_33 td:nth-child(3),._project-table__row_y8cqq_33 td:nth-child(4){overflow:visible}._project-table__row_y8cqq_33:last-child td{border-bottom:none}._project-table__name-cell_y8cqq_66{display:flex;align-items:center;gap:.5rem}._project-table__favorite_y8cqq_72{margin-left:-.5rem}._project-table__name-wrapper_y8cqq_76{display:flex;flex-direction:column;overflow:hidden;min-width:0}._project-table__name_y8cqq_66{font-weight:500;color:var(--on-surface);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__app_y8cqq_92,._project-table__date-secondary_y8cqq_93{font-size:.75rem;color:var(--on-surface-variant);margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__client_y8cqq_102,._project-table__date-main_y8cqq_103{color:var(--on-surface-variant);font-size:.8125rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__date-main_y8cqq_103{color:var(--on-surface);font-weight:500}._avatar_17ic7_3{width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--surface-variant);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;color:var(--on-surface);text-transform:uppercase}._avatar-group_17ic7_18{display:flex;align-items:center}._group-member_17ic7_23{margin-right:-.5rem;position:relative;z-index:1;border:2px solid var(--surface)}._group-member_17ic7_23:hover{z-index:10}._btn_7bh63_3{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;border:1px solid transparent}._btn_7bh63_3:focus-visible{outline:2px solid var(--primary);outline-offset:2px}._btn_7bh63_3:active{transform:scale(.98)}._btn--primary_7bh63_27{background:var(--gradient-header);color:#fff;padding:.5rem 1rem;box-shadow:var(--shadow-sm)}._btn--primary_7bh63_27:hover{box-shadow:var(--shadow-md);opacity:.9}._btn--outline_7bh63_39{background-color:transparent;border-color:var(--border);color:var(--on-surface);padding:.375rem .75rem;min-width:110px}._btn--outline_7bh63_39:hover{background-color:var(--surface-variant);color:var(--on-surface)}._btn--ghost_7bh63_52{background-color:transparent;color:var(--on-surface-variant);padding:.375rem}._btn--ghost_7bh63_52:hover{background-color:var(--surface-variant);color:var(--on-surface)}._btn--sm_7bh63_63{padding:.2rem .4rem;font-size:.75rem;min-width:auto!important}._badge_1e35x_3{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-grotesk);font-weight:800}._badge--high_1e35x_12{background-color:var(--error-variant);color:var(--error);border:1px solid color-mix(in srgb,var(--error),transparent 80%)}._badge--medium_1e35x_18{background-color:var(--color-warning-variant);color:var(--color-warning);border:1px solid color-mix(in srgb,var(--color-warning),transparent 80%)}._badge--low_1e35x_24{background-color:var(--surface-variant);color:var(--on-surface-variant);border:1px solid var(--border)}._badge--size-small_1e35x_30{width:1.5rem;height:1.5rem;border-radius:.375rem;font-size:.75rem}._badge--size-large_1e35x_37{width:2.25rem;height:2.25rem;border-radius:.5rem;font-size:1.125rem}._badge--size-large_1e35x_37._badge--low_1e35x_24{font-size:.875rem}._badge_1j9lv_3{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:var(--surface-variant);border-radius:2rem;font-size:.8125rem;font-weight:500}._status-dropdown_15zae_3{position:relative;display:inline-block;width:88px}._status-trigger_15zae_9{width:100%!important;justify-content:space-between!important}._status-menu_15zae_14{position:absolute;top:100%;right:0;margin-top:.25rem;background-color:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);box-shadow:var(--shadow-lg);z-index:100;width:100%;min-width:88px;display:none;padding:.25rem;animation:_fadeIn_15zae_1 .15s ease-out}._status-menu_15zae_14._is-open_15zae_31{display:block}._status-menu-item_15zae_35{width:100%;padding:.5rem .75rem;font-size:.8125rem;text-align:left;background:none;border:none;cursor:pointer;border-radius:calc(var(--radius) - 4px);color:var(--on-surface);transition:background-color .1s}._status-menu-item_15zae_35:hover{background-color:var(--surface-variant)}._status-menu-item_15zae_35._is-active_15zae_52{font-weight:500}._icon_15zae_56{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}._icon-sm_15zae_65{width:.875rem;height:.875rem}@keyframes _fadeIn_15zae_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}._checklist_ulozz_3{display:flex;flex-direction:column;gap:.5rem}._check-item_ulozz_9{display:flex;align-items:center;gap:.5rem;font-size:.875rem}._check-item_ulozz_9 input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer}._check-item_ulozz_9 label{cursor:pointer}._check-item_ulozz_9._is-done_ulozz_27 label{text-decoration:line-through;color:var(--on-surface-variant)}._checklist--readonly_ulozz_32 ._check-item_ulozz_9 label{cursor:pointer}._checklist--readonly_ulozz_32 ._check-item_ulozz_9 input[type=checkbox]{pointer-events:all}._form-control_ulozz_40{width:100%;padding:.125rem;border:none;background:transparent;color:var(--on-surface);font-family:inherit;font-size:.875rem;border-radius:calc(var(--radius) - 2px);transition:background-color .2s}._form-control_ulozz_40:focus{outline:none;background-color:var(--surface)}._is-done_ulozz_27 ._form-control_ulozz_40{text-decoration:line-through;color:var(--on-surface-variant)}._dashboard_1mbco_4{width:100%;display:grid;grid-template-columns:35% 65%;gap:1.5rem}@media(max-width:1024px){._dashboard_1mbco_4{grid-template-columns:1fr}}._dashboard-card_1mbco_17{background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--border);padding:1.5rem 2.5%;display:flex;flex-direction:column}._dashboard-card__header_1mbco_27{margin-bottom:1.5rem}._dashboard-card__title_1mbco_31{font-family:var(--font-clash);font-size:1.5rem;font-weight:500;color:var(--on-surface);margin:0}._status-legend_1mbco_39{display:flex;flex-direction:column;gap:.75rem}._project-filters_1mbco_45{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}._project-filters__search_1mbco_54{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface-variant);font-family:var(--font-inter);font-size:.875rem;color:var(--on-surface);width:250px;transition:border-color .2s,box-shadow .2s}._project-filters__search_1mbco_54:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary),transparent 80%)}._task-item_15khb_4{display:grid;grid-template-columns:55% 15% 30%;align-items:center;gap:0;padding:.75rem 5%;border-bottom:1px solid var(--border);transition:background-color .2s ease;cursor:pointer;font-family:var(--font-inter)}._task-item_15khb_4:last-child{border-bottom:none}._task-item_15khb_4:hover{background-color:var(--surface-hover)}._task-item__content_15khb_25{display:flex;flex-direction:column;gap:.375rem;min-width:0}._task-item__title-group_15khb_32{display:flex;align-items:center;gap:.375rem;min-width:0}._task-item__title_15khb_32{color:var(--on-surface);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem;font-weight:500;line-height:1.25rem;font-family:var(--font-inter)}._task-item__meta_15khb_52{display:flex;align-items:center;gap:1.25rem;color:var(--on-surface-variant);font-size:.625rem;line-height:.875rem;font-family:var(--font-inter);min-width:0}._meta-user_15khb_64{display:flex;align-items:center;flex-shrink:0}._meta-project_15khb_70{display:flex;align-items:center;gap:.375rem;color:var(--on-surface-variant);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem;flex:0 1 auto}._meta-project_15khb_70 ._icon-sm_15khb_83{flex-shrink:0}._task-item__deadline_15khb_88{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;font-family:var(--font-grotesk);font-size:.75rem;line-height:1rem}._deadline-urgent_15khb_97{color:var(--color-danger);font-weight:500}._deadline-normal_15khb_102{color:var(--on-surface-variant)}._task-item__actions_15khb_107{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}._icon_15khb_83{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._icon-sm_15khb_83{width:.875rem;height:.875rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}@media(max-width:640px){._task-item_15khb_4{grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"content actions" "deadline actions";gap:.25rem .75rem}._task-item__content_15khb_25{grid-area:content}._task-item__deadline_15khb_88{grid-area:deadline;text-align:left}._task-item__actions_15khb_107{grid-area:actions;align-self:center}}._modal-overlay_m18cx_4{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s ease-out;padding:1rem}._modal-overlay_m18cx_4._is-active_m18cx_19{opacity:1;pointer-events:all}._modal-content_m18cx_25{background-color:var(--surface);color:var(--on-surface);font-family:var(--font-inter);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;transform:scale(.95) translateY(10px);transition:transform .2s ease-out;overflow:hidden}._modal-overlay_m18cx_4._is-active_m18cx_19 ._modal-content_m18cx_25{transform:scale(1) translateY(0)}._modal-header_m18cx_46{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}._modal-header-title_m18cx_55{margin:0;font-family:var(--font-clash);font-weight:500;font-size:1.25rem;line-height:1.75rem;color:var(--on-surface)}._modal-body_m18cx_65{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}._modal-body_m18cx_65::-webkit-scrollbar{width:4px}._modal-body_m18cx_65::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:2px}._modal-footer_m18cx_84{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.5rem;background:var(--surface-hover);flex-shrink:0}._view-group_m18cx_95{display:flex;flex-direction:column;gap:.375rem}._view-label_m18cx_101{font-size:.625rem;line-height:.875rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-family:var(--font-inter)}._view-badge-row_m18cx_111{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}._view-task-title_m18cx_118{margin:0;font-family:var(--font-clash);font-weight:600;font-size:1.25rem;line-height:1.4;color:var(--on-surface)}._view-value-strong_m18cx_127{font-family:var(--font-grotesk);font-weight:500;font-size:.9375rem;color:var(--on-surface)}._view-description_m18cx_134{font-size:.875rem;line-height:1.6;margin:0;color:var(--on-surface);font-family:var(--font-inter)}._text-muted_m18cx_142{color:var(--on-surface-variant);font-style:italic}._form-group_m18cx_148{display:flex;flex-direction:column;gap:.5rem}._form-row_m18cx_154{display:grid;grid-template-columns:1fr 1fr;gap:1rem}._form-label_m18cx_160{font-size:.625rem;line-height:.875rem;font-weight:600;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-inter)}._form-control_m18cx_170{width:100%;padding:.625rem .75rem;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background-color:var(--surface);color:var(--on-surface);font-family:var(--font-inter);font-size:.875rem;line-height:1.25rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;appearance:auto}._form-control_m18cx_170:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary),transparent 88%)}._textarea_m18cx_191{resize:vertical;min-height:80px}._icon_m18cx_197{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._icon-pencil_m18cx_207{width:.875rem;height:.875rem;fill:currentColor}@media(max-width:640px){._form-row_m18cx_154{grid-template-columns:1fr}}:root{--surface: #ffffff;--surface-variant: #f0f1f2;--surface-hover: #f7f7f7;--border: #e0e4eb;--border-variant: rgba(0, 20, 41, .1);--on-surface: #001429;--on-surface-variant: #576472;--on-surface-light: #9aa2aa;--primary: #0073e6;--primary-variant: rgba(0, 115, 230, .07);--primary-container: rgba(0, 115, 230, .05);--error: #bd0c38;--error-variant: rgba(189, 12, 56, .07);--color-success: #1ec489;--color-success-variant: rgba(69, 220, 166, .2);--color-warning: #efaf55;--color-warning-variant: rgba(239, 175, 85, .25);--color-info: #8c46c4;--color-info-variant: rgba(169, 62, 255, .15);--color-danger: #f34e2a;--color-danger-variant: rgba(243, 78, 42, .2);--destructive: #bd0c38;--score-high: #1ec489;--score-medium: #efaf55;--score-low: #f34e2a;--sidebar-background: #ffffff;--sidebar-foreground: #001429;--sidebar-primary: #0073e6;--sidebar-accent: #f0f1f2;--sidebar-border: #e0e4eb;--status-alle: #576472;--status-neu: #0073e6;--status-offen: #efaf55;--status-in-prufung: #f34e2a;--status-validierung: #1ec489;--status-abgeschlossen: #1ec489;--radius: .5rem;--font-inter: "Inter", sans-serif;--font-clash: "Clash Grotesk", sans-serif;--font-grotesk: "Space Grotesk", sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 20, 41, .04);--shadow-md: 0 4px 6px -1px rgba(0, 20, 41, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 20, 41, .1);--shadow-card: 0 2px 8px rgba(0, 20, 41, .06);--gradient-primary: linear-gradient(135deg, #0073e6, #0053a3);--gradient-header: linear-gradient(135deg, #0053a3, #0073e6)}@media(prefers-color-scheme:dark){:root{--surface: #000000;--surface-variant: #18191b;--surface-hover: #0d0d0d;--border: #14181f;--border-variant: rgba(255, 255, 255, .1);--on-surface: #ffffff;--on-surface-variant: #9aa2aa;--on-surface-light: #576472;--primary: #0073e6;--primary-variant: rgba(0, 115, 230, .07);--primary-container: rgba(0, 115, 230, .05);--error: #bd0c38;--error-variant: rgba(189, 12, 56, .07);--color-success: #1ec489;--color-success-variant: rgba(69, 220, 166, .2);--color-warning: #efaf55;--color-warning-variant: rgba(239, 175, 85, .25);--color-info: #8c46c4;--color-info-variant: rgba(169, 62, 255, .15);--color-danger: #f34e2a;--color-danger-variant: rgba(243, 78, 42, .2);--sidebar-background: #000000;--sidebar-foreground: #ffffff;--sidebar-primary: #0073e6;--sidebar-accent: #18191b;--sidebar-border: #14181f;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3)}}._widget-card_gqjal_4{background-color:var(--surface);color:var(--on-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);display:flex;flex-direction:column;height:100%;max-width:520px;overflow:hidden;font-family:var(--font-inter);animation:_fadeIn_gqjal_1 .4s ease-out}._widget-header_gqjal_20{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}._widget-header__title_gqjal_30{margin:0;font-family:var(--font-clash);font-size:1.25rem;font-weight:500;line-height:1.3;color:var(--on-surface);letter-spacing:-.02em}._task-list_gqjal_41{display:flex;flex-direction:column;overflow-y:auto;flex:1 1 0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}._task-list_gqjal_41::-webkit-scrollbar{width:4px}._task-list_gqjal_41::-webkit-scrollbar-track{background:transparent}._task-list_gqjal_41::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:2px}._icon_gqjal_64{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._icon-sm_gqjal_74{width:.875rem;height:.875rem}@keyframes _fadeIn_gqjal_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
2
2
  import { jsx as e, jsxs as n } from "react/jsx-runtime";
3
- import w, { useState as I, useRef as oe, useEffect as z, useMemo as F } from "react";
4
- function X(a) {
3
+ import w, { useState as z, useRef as oe, useEffect as E, useMemo as q } from "react";
4
+ function X(t) {
5
5
  var l, r, o = "";
6
- if (typeof a == "string" || typeof a == "number") o += a;
7
- else if (typeof a == "object") if (Array.isArray(a)) {
8
- var i = a.length;
9
- for (l = 0; l < i; l++) a[l] && (r = X(a[l])) && (o && (o += " "), o += r);
10
- } else for (r in a) a[r] && (o && (o += " "), o += r);
6
+ if (typeof t == "string" || typeof t == "number") o += t;
7
+ else if (typeof t == "object") if (Array.isArray(t)) {
8
+ var i = t.length;
9
+ for (l = 0; l < i; l++) t[l] && (r = X(t[l])) && (o && (o += " "), o += r);
10
+ } else for (r in t) t[r] && (o && (o += " "), o += r);
11
11
  return o;
12
12
  }
13
- function v() {
14
- for (var a, l, r = 0, o = "", i = arguments.length; r < i; r++) (a = arguments[r]) && (l = X(a)) && (o && (o += " "), o += l);
13
+ function p() {
14
+ for (var t, l, r = 0, o = "", i = arguments.length; r < i; r++) (t = arguments[r]) && (l = X(t)) && (o && (o += " "), o += l);
15
15
  return o;
16
16
  }
17
17
  const Q = {
18
- "status-badge": "_status-badge_1vytb_3",
19
- "status-badge--neu": "_status-badge--neu_1vytb_26",
20
- "status-badge--offen": "_status-badge--offen_1vytb_31",
21
- "status-badge--in-prufung": "_status-badge--in-prufung_1vytb_36",
22
- "status-badge--validierung": "_status-badge--validierung_1vytb_41",
23
- "status-badge--abgeschlossen": "_status-badge--abgeschlossen_1vytb_46"
18
+ "status-badge": "_status-badge_c7rzu_3",
19
+ "status-badge--neu": "_status-badge--neu_c7rzu_26",
20
+ "status-badge--offen": "_status-badge--offen_c7rzu_31",
21
+ "status-badge--in-prufung": "_status-badge--in-prufung_c7rzu_36",
22
+ "status-badge--validierung": "_status-badge--validierung_c7rzu_41",
23
+ "status-badge--abgeschlossen": "_status-badge--abgeschlossen_c7rzu_46"
24
24
  }, ce = {
25
25
  neu: "Neu",
26
26
  offen: "Offen",
@@ -28,8 +28,8 @@ const Q = {
28
28
  validierung: "Validierung",
29
29
  abgeschlossen: "Abgeschlossen"
30
30
  }, ee = w.forwardRef(
31
- ({ status: a, color: l, backgroundColor: r, className: o, style: i, ..._ }, u) => {
32
- const f = {
31
+ ({ status: t, color: l, backgroundColor: r, className: o, style: i, ..._ }, u) => {
32
+ const b = {
33
33
  ...i,
34
34
  "--custom-color": l,
35
35
  "--custom-bg": r
@@ -38,40 +38,40 @@ const Q = {
38
38
  "span",
39
39
  {
40
40
  ref: u,
41
- className: v(Q["status-badge"], Q[`status-badge--${a}`], o),
42
- style: f,
41
+ className: p(Q["status-badge"], Q[`status-badge--${t}`], o),
42
+ style: b,
43
43
  ..._,
44
- children: ce[a]
44
+ children: ce[t]
45
45
  }
46
46
  );
47
47
  }
48
48
  );
49
49
  ee.displayName = "StatusBadge";
50
50
  const Z = {
51
- "favorite-btn": "_favorite-btn_1f4wz_3",
52
- "favorite-btn--active": "_favorite-btn--active_1f4wz_23"
53
- }, te = w.forwardRef(
54
- ({ pressed: a, projectName: l, onToggle: r, color: o, activeColor: i, className: _, style: u, onClick: f, ...m }, g) => {
55
- const t = {
51
+ "favorite-btn": "_favorite-btn_1jlmc_3",
52
+ "favorite-btn--active": "_favorite-btn--active_1jlmc_23"
53
+ }, ae = w.forwardRef(
54
+ ({ pressed: t, projectName: l, onToggle: r, color: o, activeColor: i, className: _, style: u, onClick: b, ...m }, g) => {
55
+ const a = {
56
56
  ...u,
57
57
  "--custom-color": o,
58
58
  "--custom-active-color": i
59
- }, b = a ? `Von Favoriten entfernen: ${l}` : `Zu Favoriten hinzufügen: ${l}`;
59
+ }, f = t ? `Von Favoriten entfernen: ${l}` : `Zu Favoriten hinzufügen: ${l}`;
60
60
  return /* @__PURE__ */ e(
61
61
  "button",
62
62
  {
63
63
  ref: g,
64
64
  type: "button",
65
- className: v(
65
+ className: p(
66
66
  Z["favorite-btn"],
67
- { [Z["favorite-btn--active"]]: a },
67
+ { [Z["favorite-btn--active"]]: t },
68
68
  _
69
69
  ),
70
- style: t,
71
- "aria-pressed": a,
72
- "aria-label": b,
70
+ style: a,
71
+ "aria-pressed": t,
72
+ "aria-label": f,
73
73
  onClick: (j) => {
74
- r?.(!a), f?.(j);
74
+ r?.(!t), b?.(j);
75
75
  },
76
76
  ...m,
77
77
  children: /* @__PURE__ */ e(
@@ -90,22 +90,22 @@ const Z = {
90
90
  );
91
91
  }
92
92
  );
93
- te.displayName = "FavoriteButton";
94
- const D = {
95
- "status-legend__item": "_status-legend__item_1935r_3",
96
- "status-legend__item--active": "_status-legend__item--active_1935r_22",
97
- "status-legend__label-wrap": "_status-legend__label-wrap_1935r_27",
98
- "status-legend__color": "_status-legend__color_1935r_33",
99
- "status-legend__label": "_status-legend__label_1935r_27",
100
- "status-legend__count": "_status-legend__count_1935r_47",
101
- "color-neu": "_color-neu_1935r_57",
102
- "color-offen": "_color-offen_1935r_61",
103
- "color-in-prufung": "_color-in-prufung_1935r_65",
104
- "color-validierung": "_color-validierung_1935r_69",
105
- "color-abgeschlossen": "_color-abgeschlossen_1935r_73",
106
- "color-alle": "_color-alle_1935r_77"
107
- }, ae = w.forwardRef(
108
- ({ status: a, label: l, count: r, active: o = !1, color: i, className: _, style: u, ...f }, m) => {
93
+ ae.displayName = "FavoriteButton";
94
+ const $ = {
95
+ "status-legend__item": "_status-legend__item_1xv4z_3",
96
+ "status-legend__item--active": "_status-legend__item--active_1xv4z_22",
97
+ "status-legend__label-wrap": "_status-legend__label-wrap_1xv4z_27",
98
+ "status-legend__color": "_status-legend__color_1xv4z_33",
99
+ "status-legend__label": "_status-legend__label_1xv4z_27",
100
+ "status-legend__count": "_status-legend__count_1xv4z_47",
101
+ "color-neu": "_color-neu_1xv4z_57",
102
+ "color-offen": "_color-offen_1xv4z_61",
103
+ "color-in-prufung": "_color-in-prufung_1xv4z_65",
104
+ "color-validierung": "_color-validierung_1xv4z_69",
105
+ "color-abgeschlossen": "_color-abgeschlossen_1xv4z_73",
106
+ "color-alle": "_color-alle_1xv4z_77"
107
+ }, te = w.forwardRef(
108
+ ({ status: t, label: l, count: r, active: o = !1, color: i, className: _, style: u, ...b }, m) => {
109
109
  const g = {
110
110
  ...u,
111
111
  "--custom-color": i
@@ -117,92 +117,92 @@ const D = {
117
117
  type: "button",
118
118
  role: "option",
119
119
  "aria-selected": o,
120
- className: v(
121
- D["status-legend__item"],
122
- { [D["status-legend__item--active"]]: o },
120
+ className: p(
121
+ $["status-legend__item"],
122
+ { [$["status-legend__item--active"]]: o },
123
123
  _
124
124
  ),
125
125
  style: g,
126
- ...f,
126
+ ...b,
127
127
  children: [
128
- /* @__PURE__ */ n("div", { className: D["status-legend__label-wrap"], children: [
128
+ /* @__PURE__ */ n("div", { className: $["status-legend__label-wrap"], children: [
129
129
  /* @__PURE__ */ e(
130
130
  "span",
131
131
  {
132
- className: v(D["status-legend__color"], D[`color-${a}`]),
132
+ className: p($["status-legend__color"], $[`color-${t}`]),
133
133
  "aria-hidden": "true"
134
134
  }
135
135
  ),
136
- /* @__PURE__ */ e("span", { className: D["status-legend__label"], children: l })
136
+ /* @__PURE__ */ e("span", { className: $["status-legend__label"], children: l })
137
137
  ] }),
138
- /* @__PURE__ */ e("span", { className: D["status-legend__count"], children: r })
138
+ /* @__PURE__ */ e("span", { className: $["status-legend__count"], children: r })
139
139
  ]
140
140
  }
141
141
  );
142
142
  }
143
143
  );
144
- ae.displayName = "StatusLegendItem";
145
- const L = {
146
- "status-overview__chart-container": "_status-overview__chart-container_1f9eq_3",
147
- "status-chart-svg": "_status-chart-svg_1f9eq_13",
148
- "status-chart__segment": "_status-chart__segment_1f9eq_23",
149
- "status-chart__segment--hovered": "_status-chart__segment--hovered_1f9eq_30",
150
- "status-chart__segment--dimmed": "_status-chart__segment--dimmed_1f9eq_35",
151
- "status-chart__hole": "_status-chart__hole_1f9eq_40",
152
- "status-chart__total-value": "_status-chart__total-value_1f9eq_55",
153
- "status-chart__total-label": "_status-chart__total-label_1f9eq_63"
144
+ te.displayName = "StatusLegendItem";
145
+ const P = {
146
+ "status-overview__chart-container": "_status-overview__chart-container_6nwc9_3",
147
+ "status-chart-svg": "_status-chart-svg_6nwc9_13",
148
+ "status-chart__segment": "_status-chart__segment_6nwc9_23",
149
+ "status-chart__segment--hovered": "_status-chart__segment--hovered_6nwc9_30",
150
+ "status-chart__segment--dimmed": "_status-chart__segment--dimmed_6nwc9_35",
151
+ "status-chart__hole": "_status-chart__hole_6nwc9_40",
152
+ "status-chart__total-value": "_status-chart__total-value_6nwc9_55",
153
+ "status-chart__total-label": "_status-chart__total-label_6nwc9_63"
154
154
  }, se = w.forwardRef(
155
- ({ data: a, totalLabel: l = "Gesamt", onSegmentClick: r, className: o, ...i }, _) => {
156
- const [u, f] = I(null), m = a.reduce((y, c) => y + c.value, 0), g = 240, t = g / 2, b = 100, j = 40, k = b - j / 2, p = k * 2 * Math.PI;
155
+ ({ data: t, totalLabel: l = "Gesamt", onSegmentClick: r, className: o, ...i }, _) => {
156
+ const [u, b] = z(null), m = t.reduce((k, c) => k + c.value, 0), g = 240, a = g / 2, f = 100, j = 40, y = f - j / 2, v = y * 2 * Math.PI;
157
157
  return /* @__PURE__ */ n(
158
158
  "div",
159
159
  {
160
160
  ref: _,
161
- className: v(L["status-overview__chart-container"], o),
161
+ className: p(P["status-overview__chart-container"], o),
162
162
  ...i,
163
163
  children: [
164
164
  /* @__PURE__ */ e(
165
165
  "svg",
166
166
  {
167
167
  viewBox: `0 0 ${g} ${g}`,
168
- className: L["status-chart-svg"],
168
+ className: P["status-chart-svg"],
169
169
  role: "img",
170
170
  "aria-label": "Kreisdiagramm der Projektstatus-Verteilung",
171
171
  overflow: "visible",
172
172
  children: m === 0 ? /* @__PURE__ */ e(
173
173
  "circle",
174
174
  {
175
- cx: t,
176
- cy: t,
177
- r: k,
175
+ cx: a,
176
+ cy: a,
177
+ r: y,
178
178
  fill: "none",
179
179
  stroke: "hsl(var(--border))",
180
180
  strokeWidth: j
181
181
  }
182
182
  ) : (() => {
183
- let y = 0;
184
- return a.map((c) => {
183
+ let k = 0;
184
+ return t.map((c) => {
185
185
  if (c.value === 0) return null;
186
- const N = c.value / m * 100, h = N / 100 * p, d = y / 100 * p;
187
- return y += N, /* @__PURE__ */ e(
186
+ const N = c.value / m * 100, h = N / 100 * v, d = k / 100 * v;
187
+ return k += N, /* @__PURE__ */ e(
188
188
  "circle",
189
189
  {
190
- cx: t,
191
- cy: t,
192
- r: k,
190
+ cx: a,
191
+ cy: a,
192
+ r: y,
193
193
  fill: "none",
194
194
  stroke: c.color,
195
195
  strokeWidth: j,
196
- strokeDasharray: `${h} ${p}`,
196
+ strokeDasharray: `${h} ${v}`,
197
197
  strokeDashoffset: -d,
198
- transform: `rotate(-90 ${t} ${t})`,
199
- className: v(L["status-chart__segment"], {
200
- [L["status-chart__segment--hovered"]]: u === c.status,
201
- [L["status-chart__segment--dimmed"]]: u && u !== c.status
198
+ transform: `rotate(-90 ${a} ${a})`,
199
+ className: p(P["status-chart__segment"], {
200
+ [P["status-chart__segment--hovered"]]: u === c.status,
201
+ [P["status-chart__segment--dimmed"]]: u && u !== c.status
202
202
  }),
203
203
  onClick: () => r?.(c.status),
204
- onMouseEnter: () => f(c.status),
205
- onMouseLeave: () => f(null),
204
+ onMouseEnter: () => b(c.status),
205
+ onMouseLeave: () => b(null),
206
206
  style: { cursor: r ? "pointer" : "default" },
207
207
  children: /* @__PURE__ */ e("title", { children: `${c.label}: ${c.value}` })
208
208
  },
@@ -212,9 +212,9 @@ const L = {
212
212
  })()
213
213
  }
214
214
  ),
215
- /* @__PURE__ */ n("div", { className: L["status-chart__hole"], children: [
216
- /* @__PURE__ */ e("span", { className: L["status-chart__total-value"], children: m }),
217
- /* @__PURE__ */ e("span", { className: L["status-chart__total-label"], children: l })
215
+ /* @__PURE__ */ n("div", { className: P["status-chart__hole"], children: [
216
+ /* @__PURE__ */ e("span", { className: P["status-chart__total-value"], children: m }),
217
+ /* @__PURE__ */ e("span", { className: P["status-chart__total-label"], children: l })
218
218
  ] })
219
219
  ]
220
220
  }
@@ -222,8 +222,8 @@ const L = {
222
222
  }
223
223
  );
224
224
  se.displayName = "StatusChart";
225
- function J(a) {
226
- const l = new Date(a);
225
+ function J(t) {
226
+ const l = new Date(t);
227
227
  if (isNaN(l.getTime())) return "Ungültiges Datum";
228
228
  const o = (/* @__PURE__ */ new Date()).getTime() - l.getTime(), i = Math.floor(o / (1e3 * 60 * 60 * 24));
229
229
  if (i === 0) return "Heute";
@@ -235,65 +235,65 @@ function J(a) {
235
235
  const u = Math.floor(i / 30);
236
236
  if (u < 12)
237
237
  return u === 1 ? "vor einem Monat" : `vor ${u} Monaten`;
238
- const f = Math.floor(i / 365);
239
- return f === 1 ? "vor einem Jahr" : `vor ${f} Jahren`;
238
+ const b = Math.floor(i / 365);
239
+ return b === 1 ? "vor einem Jahr" : `vor ${b} Jahren`;
240
240
  }
241
- const A = {
242
- "table-container": "_table-container_fgnrg_3",
243
- "project-table": "_project-table_fgnrg_7",
244
- "project-table__head": "_project-table__head_fgnrg_15",
245
- "project-table__row": "_project-table__row_fgnrg_33",
246
- "project-table__name-cell": "_project-table__name-cell_fgnrg_66",
247
- "project-table__favorite": "_project-table__favorite_fgnrg_72",
248
- "project-table__name-wrapper": "_project-table__name-wrapper_fgnrg_76",
249
- "project-table__name": "_project-table__name_fgnrg_66",
250
- "project-table__app": "_project-table__app_fgnrg_92",
251
- "project-table__date-secondary": "_project-table__date-secondary_fgnrg_93",
252
- "project-table__client": "_project-table__client_fgnrg_102",
253
- "project-table__date-main": "_project-table__date-main_fgnrg_103"
241
+ const S = {
242
+ "table-container": "_table-container_y8cqq_3",
243
+ "project-table": "_project-table_y8cqq_7",
244
+ "project-table__head": "_project-table__head_y8cqq_15",
245
+ "project-table__row": "_project-table__row_y8cqq_33",
246
+ "project-table__name-cell": "_project-table__name-cell_y8cqq_66",
247
+ "project-table__favorite": "_project-table__favorite_y8cqq_72",
248
+ "project-table__name-wrapper": "_project-table__name-wrapper_y8cqq_76",
249
+ "project-table__name": "_project-table__name_y8cqq_66",
250
+ "project-table__app": "_project-table__app_y8cqq_92",
251
+ "project-table__date-secondary": "_project-table__date-secondary_y8cqq_93",
252
+ "project-table__client": "_project-table__client_y8cqq_102",
253
+ "project-table__date-main": "_project-table__date-main_y8cqq_103"
254
254
  }, le = w.forwardRef(
255
- ({ rows: a, onToggleFavorite: l, className: r, ...o }, i) => /* @__PURE__ */ e(
255
+ ({ rows: t, onToggleFavorite: l, className: r, ...o }, i) => /* @__PURE__ */ e(
256
256
  "div",
257
257
  {
258
258
  ref: i,
259
- className: v(A["table-container"], r),
259
+ className: p(S["table-container"], r),
260
260
  tabIndex: 0,
261
261
  ...o,
262
- children: /* @__PURE__ */ n("table", { className: A["project-table"], children: [
263
- /* @__PURE__ */ e("thead", { className: A["project-table__head"], children: /* @__PURE__ */ n("tr", { children: [
262
+ children: /* @__PURE__ */ n("table", { className: S["project-table"], children: [
263
+ /* @__PURE__ */ e("thead", { className: S["project-table__head"], children: /* @__PURE__ */ n("tr", { children: [
264
264
  /* @__PURE__ */ e("th", { scope: "col", children: "Projekt / Applikation" }),
265
265
  /* @__PURE__ */ e("th", { scope: "col", children: "Kunde" }),
266
266
  /* @__PURE__ */ e("th", { scope: "col", children: "Status" }),
267
267
  /* @__PURE__ */ e("th", { scope: "col", children: "Aktivität" })
268
268
  ] }) }),
269
- /* @__PURE__ */ e("tbody", { className: A["project-table__body"], children: a.map((_) => /* @__PURE__ */ n(
269
+ /* @__PURE__ */ e("tbody", { className: S["project-table__body"], children: t.map((_) => /* @__PURE__ */ n(
270
270
  "tr",
271
271
  {
272
- className: A["project-table__row"],
272
+ className: S["project-table__row"],
273
273
  "data-status": _.status,
274
274
  children: [
275
- /* @__PURE__ */ e("td", { children: /* @__PURE__ */ n("div", { className: A["project-table__name-cell"], children: [
275
+ /* @__PURE__ */ e("td", { children: /* @__PURE__ */ n("div", { className: S["project-table__name-cell"], children: [
276
276
  /* @__PURE__ */ e(
277
- te,
277
+ ae,
278
278
  {
279
279
  pressed: _.favorite,
280
280
  projectName: _.name,
281
281
  onToggle: (u) => l?.(_.id, u),
282
- className: A["project-table__favorite"]
282
+ className: S["project-table__favorite"]
283
283
  }
284
284
  ),
285
- /* @__PURE__ */ n("div", { className: A["project-table__name-wrapper"], title: `${_.name}
285
+ /* @__PURE__ */ n("div", { className: S["project-table__name-wrapper"], title: `${_.name}
286
286
  ${_.app}`, children: [
287
- /* @__PURE__ */ e("div", { className: A["project-table__name"], children: _.name }),
288
- /* @__PURE__ */ e("div", { className: A["project-table__app"], children: _.app })
287
+ /* @__PURE__ */ e("div", { className: S["project-table__name"], children: _.name }),
288
+ /* @__PURE__ */ e("div", { className: S["project-table__app"], children: _.app })
289
289
  ] })
290
290
  ] }) }),
291
- /* @__PURE__ */ e("td", { title: _.client, children: /* @__PURE__ */ e("span", { className: A["project-table__client"], children: _.client }) }),
291
+ /* @__PURE__ */ e("td", { title: _.client, children: /* @__PURE__ */ e("span", { className: S["project-table__client"], children: _.client }) }),
292
292
  /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(ee, { status: _.status }) }),
293
293
  /* @__PURE__ */ n("td", { title: `Geändert: ${J(_.updatedAt)}
294
294
  Erstellt: ${_.createdAt}`, children: [
295
- /* @__PURE__ */ e("div", { className: A["project-table__date-main"], children: J(_.updatedAt) }),
296
- /* @__PURE__ */ n("div", { className: A["project-table__date-secondary"], children: [
295
+ /* @__PURE__ */ e("div", { className: S["project-table__date-main"], children: J(_.updatedAt) }),
296
+ /* @__PURE__ */ n("div", { className: S["project-table__date-secondary"], children: [
297
297
  "Erstellt: ",
298
298
  _.createdAt
299
299
  ] })
@@ -307,54 +307,54 @@ Erstellt: ${_.createdAt}`, children: [
307
307
  )
308
308
  );
309
309
  le.displayName = "ProjectTable";
310
- const de = "_avatar_1ml48_3", V = {
310
+ const de = "_avatar_17ic7_3", O = {
311
311
  avatar: de,
312
- "avatar-group": "_avatar-group_1ml48_18",
313
- "group-member": "_group-member_1ml48_23"
314
- }, B = w.forwardRef(
315
- ({ initials: a, name: l, className: r, ...o }, i) => /* @__PURE__ */ e(
312
+ "avatar-group": "_avatar-group_17ic7_18",
313
+ "group-member": "_group-member_17ic7_23"
314
+ }, M = w.forwardRef(
315
+ ({ initials: t, name: l, className: r, ...o }, i) => /* @__PURE__ */ e(
316
316
  "div",
317
317
  {
318
318
  ref: i,
319
- className: v(V.avatar, r),
319
+ className: p(O.avatar, r),
320
320
  title: l,
321
321
  "aria-label": l,
322
322
  ...o,
323
- children: a
323
+ children: t
324
324
  }
325
325
  )
326
326
  );
327
- B.displayName = "Avatar";
328
- const H = w.forwardRef(
329
- ({ children: a, className: l, ...r }, o) => /* @__PURE__ */ e(
327
+ M.displayName = "Avatar";
328
+ const W = w.forwardRef(
329
+ ({ children: t, className: l, ...r }, o) => /* @__PURE__ */ e(
330
330
  "div",
331
331
  {
332
332
  ref: o,
333
- className: v(V["avatar-group"], l),
333
+ className: p(O["avatar-group"], l),
334
334
  ...r,
335
- children: w.Children.map(a, (i) => w.isValidElement(i) ? w.cloneElement(i, {
336
- className: v(i.props.className, V["group-member"])
335
+ children: w.Children.map(t, (i) => w.isValidElement(i) ? w.cloneElement(i, {
336
+ className: p(i.props.className, O["group-member"])
337
337
  }) : i)
338
338
  }
339
339
  )
340
340
  );
341
- H.displayName = "AvatarGroup";
342
- const _e = "_btn_lw4l4_3", E = {
341
+ W.displayName = "AvatarGroup";
342
+ const _e = "_btn_7bh63_3", B = {
343
343
  btn: _e,
344
- "btn--primary": "_btn--primary_lw4l4_27",
345
- "btn--outline": "_btn--outline_lw4l4_39",
346
- "btn--ghost": "_btn--ghost_lw4l4_52",
347
- "btn--sm": "_btn--sm_lw4l4_63"
348
- }, P = w.forwardRef(
349
- ({ variant: a, size: l = "md", className: r, children: o, ...i }, _) => /* @__PURE__ */ e(
344
+ "btn--primary": "_btn--primary_7bh63_27",
345
+ "btn--outline": "_btn--outline_7bh63_39",
346
+ "btn--ghost": "_btn--ghost_7bh63_52",
347
+ "btn--sm": "_btn--sm_7bh63_63"
348
+ }, T = w.forwardRef(
349
+ ({ variant: t, size: l = "md", className: r, children: o, ...i }, _) => /* @__PURE__ */ e(
350
350
  "button",
351
351
  {
352
352
  ref: _,
353
- className: v(
354
- E.btn,
353
+ className: p(
354
+ B.btn,
355
355
  {
356
- [E[`btn--${a}`]]: a,
357
- [E[`btn--${l}`]]: l && l !== "md"
356
+ [B[`btn--${t}`]]: t,
357
+ [B[`btn--${l}`]]: l && l !== "md"
358
358
  },
359
359
  r
360
360
  ),
@@ -363,14 +363,14 @@ const _e = "_btn_lw4l4_3", E = {
363
363
  }
364
364
  )
365
365
  );
366
- P.displayName = "Button";
367
- const ue = "_badge_144f0_3", O = {
366
+ T.displayName = "Button";
367
+ const ue = "_badge_1e35x_3", F = {
368
368
  badge: ue,
369
- "badge--high": "_badge--high_144f0_12",
370
- "badge--medium": "_badge--medium_144f0_18",
371
- "badge--low": "_badge--low_144f0_24",
372
- "badge--size-small": "_badge--size-small_144f0_30",
373
- "badge--size-large": "_badge--size-large_144f0_37"
369
+ "badge--high": "_badge--high_1e35x_12",
370
+ "badge--medium": "_badge--medium_1e35x_18",
371
+ "badge--low": "_badge--low_1e35x_24",
372
+ "badge--size-small": "_badge--size-small_1e35x_30",
373
+ "badge--size-large": "_badge--size-large_1e35x_37"
374
374
  }, me = {
375
375
  high: "!!",
376
376
  medium: "!",
@@ -379,106 +379,106 @@ const ue = "_badge_144f0_3", O = {
379
379
  high: "Hohe Priorität",
380
380
  medium: "Mittlere Priorität",
381
381
  low: "Niedrige Priorität"
382
- }, K = w.forwardRef(
383
- ({ level: a, size: l = "small", className: r, "aria-label": o, ...i }, _) => {
384
- const u = he[a];
382
+ }, H = w.forwardRef(
383
+ ({ level: t, size: l = "small", className: r, "aria-label": o, ...i }, _) => {
384
+ const u = he[t];
385
385
  return /* @__PURE__ */ e(
386
386
  "span",
387
387
  {
388
388
  ref: _,
389
- className: v(
390
- O.badge,
391
- O[`badge--${a}`],
392
- O[`badge--size-${l}`],
389
+ className: p(
390
+ F.badge,
391
+ F[`badge--${t}`],
392
+ F[`badge--size-${l}`],
393
393
  r
394
394
  ),
395
395
  "aria-label": o || u,
396
396
  ...i,
397
- children: me[a]
397
+ children: me[t]
398
398
  }
399
399
  );
400
400
  }
401
401
  );
402
- K.displayName = "PriorityBadge";
403
- const ge = "_badge_1ru08_3", pe = {
402
+ H.displayName = "PriorityBadge";
403
+ const ge = "_badge_1j9lv_3", ve = {
404
404
  badge: ge
405
- }, G = w.forwardRef(
406
- ({ className: a, children: l, ...r }, o) => /* @__PURE__ */ e(
405
+ }, V = w.forwardRef(
406
+ ({ className: t, children: l, ...r }, o) => /* @__PURE__ */ e(
407
407
  "span",
408
408
  {
409
409
  ref: o,
410
- className: v(pe.badge, a),
410
+ className: p(ve.badge, t),
411
411
  ...r,
412
412
  children: l
413
413
  }
414
414
  )
415
415
  );
416
- G.displayName = "Badge";
417
- const fe = "_icon_1t4xn_56", $ = {
418
- "status-dropdown": "_status-dropdown_1t4xn_3",
419
- "status-trigger": "_status-trigger_1t4xn_9",
420
- "status-menu": "_status-menu_1t4xn_14",
421
- "is-open": "_is-open_1t4xn_31",
422
- "status-menu-item": "_status-menu-item_1t4xn_35",
423
- "is-active": "_is-active_1t4xn_52",
424
- icon: fe,
425
- "icon-sm": "_icon-sm_1t4xn_65"
416
+ V.displayName = "Badge";
417
+ const be = "_icon_15zae_56", L = {
418
+ "status-dropdown": "_status-dropdown_15zae_3",
419
+ "status-trigger": "_status-trigger_15zae_9",
420
+ "status-menu": "_status-menu_15zae_14",
421
+ "is-open": "_is-open_15zae_31",
422
+ "status-menu-item": "_status-menu-item_15zae_35",
423
+ "is-active": "_is-active_15zae_52",
424
+ icon: be,
425
+ "icon-sm": "_icon-sm_15zae_65"
426
426
  }, ne = w.forwardRef(
427
- ({ value: a, onChange: l, options: r, className: o, "aria-label": i, ..._ }, u) => {
428
- const [f, m] = I(!1), g = oe(null), t = (p) => {
429
- typeof u == "function" ? u(p) : u && (u.current = p), g.current = p;
430
- }, b = r.find((p) => p.value === a) || r[0];
431
- z(() => {
432
- const p = (y) => {
433
- g.current && !g.current.contains(y.target) && m(!1);
427
+ ({ value: t, onChange: l, options: r, className: o, "aria-label": i, ..._ }, u) => {
428
+ const [b, m] = z(!1), g = oe(null), a = (v) => {
429
+ typeof u == "function" ? u(v) : u && (u.current = v), g.current = v;
430
+ }, f = r.find((v) => v.value === t) || r[0];
431
+ E(() => {
432
+ const v = (k) => {
433
+ g.current && !g.current.contains(k.target) && m(!1);
434
434
  };
435
- return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
435
+ return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
436
436
  }, []);
437
- const j = (p) => {
438
- p.stopPropagation(), m(!f);
439
- }, k = (p, y) => {
440
- p.stopPropagation(), l && l(y.value), m(!1);
437
+ const j = (v) => {
438
+ v.stopPropagation(), m(!b);
439
+ }, y = (v, k) => {
440
+ v.stopPropagation(), l && l(k.value), m(!1);
441
441
  };
442
442
  return /* @__PURE__ */ n(
443
443
  "div",
444
444
  {
445
- ref: t,
446
- className: v($["status-dropdown"], o),
445
+ ref: a,
446
+ className: p(L["status-dropdown"], o),
447
447
  ..._,
448
448
  children: [
449
449
  /* @__PURE__ */ n(
450
- P,
450
+ T,
451
451
  {
452
452
  variant: "outline",
453
453
  size: "sm",
454
- className: $["status-trigger"],
454
+ className: L["status-trigger"],
455
455
  onClick: j,
456
456
  "aria-haspopup": "listbox",
457
- "aria-expanded": f,
457
+ "aria-expanded": b,
458
458
  "aria-label": i,
459
459
  children: [
460
- b?.label,
461
- /* @__PURE__ */ e("svg", { className: v($.icon, $["icon-sm"]), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) })
460
+ f?.label,
461
+ /* @__PURE__ */ e("svg", { className: p(L.icon, L["icon-sm"]), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) })
462
462
  ]
463
463
  }
464
464
  ),
465
465
  /* @__PURE__ */ e(
466
466
  "div",
467
467
  {
468
- className: v($["status-menu"], { [$["is-open"]]: f }),
468
+ className: p(L["status-menu"], { [L["is-open"]]: b }),
469
469
  role: "listbox",
470
- children: r.map((p) => /* @__PURE__ */ e(
470
+ children: r.map((v) => /* @__PURE__ */ e(
471
471
  "button",
472
472
  {
473
- className: v($["status-menu-item"], {
474
- [$["is-active"]]: p.value === b?.value
473
+ className: p(L["status-menu-item"], {
474
+ [L["is-active"]]: v.value === f?.value
475
475
  }),
476
476
  role: "option",
477
- "aria-selected": p.value === b?.value,
478
- onClick: (y) => k(y, p),
479
- children: p.label
477
+ "aria-selected": v.value === f?.value,
478
+ onClick: (k) => y(k, v),
479
+ children: v.label
480
480
  },
481
- p.value
481
+ v.value
482
482
  ))
483
483
  }
484
484
  )
@@ -488,26 +488,26 @@ const fe = "_icon_1t4xn_56", $ = {
488
488
  }
489
489
  );
490
490
  ne.displayName = "StatusDropdown";
491
- const ve = "_checklist_ylbeh_3", M = {
492
- checklist: ve,
493
- "check-item": "_check-item_ylbeh_9",
494
- "is-done": "_is-done_ylbeh_27",
495
- "checklist--readonly": "_checklist--readonly_ylbeh_32",
496
- "form-control": "_form-control_ylbeh_40"
497
- }, W = w.forwardRef(
498
- ({ items: a, onChange: l, editable: r = !1, className: o, ...i }, _) => {
491
+ const pe = "_checklist_ulozz_3", R = {
492
+ checklist: pe,
493
+ "check-item": "_check-item_ulozz_9",
494
+ "is-done": "_is-done_ulozz_27",
495
+ "checklist--readonly": "_checklist--readonly_ulozz_32",
496
+ "form-control": "_form-control_ulozz_40"
497
+ }, G = w.forwardRef(
498
+ ({ items: t, onChange: l, editable: r = !1, className: o, ...i }, _) => {
499
499
  const u = (m, g) => {
500
- l && l(a.map((t) => t.id === m ? { ...t, checked: g } : t));
501
- }, f = (m, g) => {
502
- l && l(a.map((t) => t.id === m ? { ...t, text: g } : t));
500
+ l && l(t.map((a) => a.id === m ? { ...a, checked: g } : a));
501
+ }, b = (m, g) => {
502
+ l && l(t.map((a) => a.id === m ? { ...a, text: g } : a));
503
503
  };
504
504
  return /* @__PURE__ */ e(
505
505
  "div",
506
506
  {
507
507
  ref: _,
508
- className: v(M.checklist, { [M["checklist--readonly"]]: !r }, o),
508
+ className: p(R.checklist, { [R["checklist--readonly"]]: !r }, o),
509
509
  ...i,
510
- children: a.map((m) => /* @__PURE__ */ n("div", { className: v(M["check-item"], { [M["is-done"]]: m.checked }), children: [
510
+ children: t.map((m) => /* @__PURE__ */ n("div", { className: p(R["check-item"], { [R["is-done"]]: m.checked }), children: [
511
511
  /* @__PURE__ */ e(
512
512
  "input",
513
513
  {
@@ -521,9 +521,9 @@ const ve = "_checklist_ylbeh_3", M = {
521
521
  "input",
522
522
  {
523
523
  type: "text",
524
- className: M["form-control"],
524
+ className: R["form-control"],
525
525
  value: m.text,
526
- onChange: (g) => f(m.id, g.target.value),
526
+ onChange: (g) => b(m.id, g.target.value),
527
527
  placeholder: "Was ist zu tun?",
528
528
  "aria-label": "Aufgabenbeschreibung bearbeiten"
529
529
  }
@@ -533,15 +533,15 @@ const ve = "_checklist_ylbeh_3", M = {
533
533
  );
534
534
  }
535
535
  );
536
- W.displayName = "Checklist";
537
- const be = "_dashboard_10t3c_4", C = {
538
- dashboard: be,
539
- "dashboard-card": "_dashboard-card_10t3c_17",
540
- "dashboard-card__header": "_dashboard-card__header_10t3c_27",
541
- "dashboard-card__title": "_dashboard-card__title_10t3c_31",
542
- "status-legend": "_status-legend_10t3c_39",
543
- "project-filters": "_project-filters_10t3c_45",
544
- "project-filters__search": "_project-filters__search_10t3c_54"
536
+ G.displayName = "Checklist";
537
+ const fe = "_dashboard_1mbco_4", A = {
538
+ dashboard: fe,
539
+ "dashboard-card": "_dashboard-card_1mbco_17",
540
+ "dashboard-card__header": "_dashboard-card__header_1mbco_27",
541
+ "dashboard-card__title": "_dashboard-card__title_1mbco_31",
542
+ "status-legend": "_status-legend_1mbco_39",
543
+ "project-filters": "_project-filters_1mbco_45",
544
+ "project-filters__search": "_project-filters__search_1mbco_54"
545
545
  }, Ne = [
546
546
  { id: "1", name: "E-Commerce Relaunch", client: "Müller GmbH", app: "Shopify CMS", status: "neu", favorite: !1, createdAt: "12.02.2026", updatedAt: (/* @__PURE__ */ new Date()).toISOString() },
547
547
  { id: "2", name: "CRM Integration MVP", client: "TechCorp Inc.", app: "Salesforce API", status: "offen", favorite: !0, createdAt: "15.01.2026", updatedAt: new Date(Date.now() - 2880 * 60 * 1e3).toISOString() },
@@ -576,15 +576,15 @@ const be = "_dashboard_10t3c_4", C = {
576
576
  { status: "in-prufung", label: "In Prüfung" },
577
577
  { status: "validierung", label: "Validierung" },
578
578
  { status: "abgeschlossen", label: "Abgeschlossen" }
579
- ], ye = {
579
+ ], ke = {
580
580
  neu: "Neu",
581
581
  offen: "Offen",
582
582
  "in-prufung": "In Prüfung",
583
583
  validierung: "Validierung",
584
584
  abgeschlossen: "Abgeschlossen"
585
- }, ke = w.forwardRef(
586
- ({ initialRows: a = Ne, className: l, ...r }, o) => {
587
- const [i, _] = I(a), [u, f] = I("alle"), [m, g] = I(""), t = F(() => {
585
+ }, ye = w.forwardRef(
586
+ ({ initialRows: t = Ne, className: l, ...r }, o) => {
587
+ const [i, _] = z(t), [u, b] = z("alle"), [m, g] = z(""), a = q(() => {
588
588
  const c = {
589
589
  alle: i.length,
590
590
  neu: 0,
@@ -596,7 +596,7 @@ const be = "_dashboard_10t3c_4", C = {
596
596
  return i.forEach((N) => {
597
597
  c[N.status]++;
598
598
  }), c;
599
- }, [i]), b = F(() => {
599
+ }, [i]), f = q(() => {
600
600
  let c = i;
601
601
  if (u !== "alle" && (c = c.filter((N) => N.status === u)), m.trim() !== "") {
602
602
  const N = m.toLowerCase().trim();
@@ -605,52 +605,52 @@ const be = "_dashboard_10t3c_4", C = {
605
605
  );
606
606
  }
607
607
  return u === "alle" && (c = [...c].sort((N, h) => Number(h.favorite) - Number(N.favorite))), c;
608
- }, [i, u, m]), j = u === "alle" ? "Alle Projekte" : `Projekte: ${ye[u]}`, k = (c, N) => {
608
+ }, [i, u, m]), j = u === "alle" ? "Alle Projekte" : `Projekte: ${ke[u]}`, y = (c, N) => {
609
609
  _((h) => h.map((d) => d.id === c ? { ...d, favorite: N } : d));
610
- }, p = F(() => [
611
- { status: "neu", label: "Neu", value: t.neu, color: "hsl(var(--status-neu))" },
612
- { status: "offen", label: "Offen", value: t.offen, color: "hsl(var(--status-offen))" },
613
- { status: "in-prufung", label: "In Prüfung", value: t["in-prufung"], color: "hsl(var(--status-in-prufung))" },
614
- { status: "validierung", label: "Validierung", value: t.validierung, color: "hsl(var(--status-validierung))" },
615
- { status: "abgeschlossen", label: "Abgeschlossen", value: t.abgeschlossen, color: "hsl(var(--status-abgeschlossen))" }
616
- ], [t]), y = (c) => {
617
- f(c);
610
+ }, v = q(() => [
611
+ { status: "neu", label: "Neu", value: a.neu, color: "hsl(var(--status-neu))" },
612
+ { status: "offen", label: "Offen", value: a.offen, color: "hsl(var(--status-offen))" },
613
+ { status: "in-prufung", label: "In Prüfung", value: a["in-prufung"], color: "hsl(var(--status-in-prufung))" },
614
+ { status: "validierung", label: "Validierung", value: a.validierung, color: "hsl(var(--status-validierung))" },
615
+ { status: "abgeschlossen", label: "Abgeschlossen", value: a.abgeschlossen, color: "hsl(var(--status-abgeschlossen))" }
616
+ ], [a]), k = (c) => {
617
+ b(c);
618
618
  };
619
619
  return /* @__PURE__ */ n(
620
620
  "main",
621
621
  {
622
622
  ref: o,
623
- className: v(C.dashboard, l),
623
+ className: p(A.dashboard, l),
624
624
  ...r,
625
625
  children: [
626
626
  /* @__PURE__ */ n(
627
627
  "section",
628
628
  {
629
- className: v(C["dashboard-card"], C["status-overview"]),
629
+ className: p(A["dashboard-card"], A["status-overview"]),
630
630
  "aria-label": "Projektstatus Übersicht",
631
631
  children: [
632
- /* @__PURE__ */ e("header", { className: C["dashboard-card__header"], children: /* @__PURE__ */ e("h1", { className: C["dashboard-card__title"], children: "Projekte" }) }),
632
+ /* @__PURE__ */ e("header", { className: A["dashboard-card__header"], children: /* @__PURE__ */ e("h1", { className: A["dashboard-card__title"], children: "Projekte" }) }),
633
633
  /* @__PURE__ */ e(
634
634
  se,
635
635
  {
636
- data: p,
637
- onSegmentClick: y
636
+ data: v,
637
+ onSegmentClick: k
638
638
  }
639
639
  ),
640
640
  /* @__PURE__ */ e(
641
641
  "div",
642
642
  {
643
- className: C["status-legend"],
643
+ className: A["status-legend"],
644
644
  role: "listbox",
645
645
  "aria-label": "Nach Status filtern",
646
646
  children: we.map(({ status: c, label: N }) => /* @__PURE__ */ e(
647
- ae,
647
+ te,
648
648
  {
649
649
  status: c,
650
650
  label: N,
651
- count: t[c],
651
+ count: a[c],
652
652
  active: u === c,
653
- onClick: () => f(c)
653
+ onClick: () => b(c)
654
654
  },
655
655
  c
656
656
  ))
@@ -662,16 +662,16 @@ const be = "_dashboard_10t3c_4", C = {
662
662
  /* @__PURE__ */ n(
663
663
  "section",
664
664
  {
665
- className: v(C["dashboard-card"], C["project-list"]),
665
+ className: p(A["dashboard-card"], A["project-list"]),
666
666
  "aria-label": "Projektliste",
667
667
  children: [
668
- /* @__PURE__ */ n("div", { className: C["project-filters"], children: [
669
- /* @__PURE__ */ e("h2", { className: C["dashboard-card__title"], children: j }),
668
+ /* @__PURE__ */ n("div", { className: A["project-filters"], children: [
669
+ /* @__PURE__ */ e("h2", { className: A["dashboard-card__title"], children: j }),
670
670
  /* @__PURE__ */ e(
671
671
  "input",
672
672
  {
673
673
  type: "search",
674
- className: C["project-filters__search"],
674
+ className: A["project-filters__search"],
675
675
  "aria-label": "Projekte durchsuchen",
676
676
  placeholder: "Suchen...",
677
677
  value: m,
@@ -679,7 +679,7 @@ const be = "_dashboard_10t3c_4", C = {
679
679
  }
680
680
  )
681
681
  ] }),
682
- /* @__PURE__ */ e(le, { rows: b, onToggleFavorite: k })
682
+ /* @__PURE__ */ e(le, { rows: f, onToggleFavorite: y })
683
683
  ]
684
684
  }
685
685
  )
@@ -688,61 +688,61 @@ const be = "_dashboard_10t3c_4", C = {
688
688
  );
689
689
  }
690
690
  );
691
- ke.displayName = "DashboardPage";
692
- const je = "_icon_1ekm1_83", x = {
693
- "task-item": "_task-item_1ekm1_4",
694
- "task-item__content": "_task-item__content_1ekm1_25",
695
- "task-item__title-group": "_task-item__title-group_1ekm1_32",
696
- "task-item__title": "_task-item__title_1ekm1_32",
697
- "task-item__meta": "_task-item__meta_1ekm1_52",
698
- "meta-user": "_meta-user_1ekm1_64",
699
- "meta-project": "_meta-project_1ekm1_70",
700
- "icon-sm": "_icon-sm_1ekm1_83",
701
- "task-item__deadline": "_task-item__deadline_1ekm1_88",
702
- "deadline-urgent": "_deadline-urgent_1ekm1_97",
703
- "deadline-normal": "_deadline-normal_1ekm1_102",
704
- "task-item__actions": "_task-item__actions_1ekm1_107",
691
+ ye.displayName = "DashboardPage";
692
+ const je = "_icon_15khb_83", C = {
693
+ "task-item": "_task-item_15khb_4",
694
+ "task-item__content": "_task-item__content_15khb_25",
695
+ "task-item__title-group": "_task-item__title-group_15khb_32",
696
+ "task-item__title": "_task-item__title_15khb_32",
697
+ "task-item__meta": "_task-item__meta_15khb_52",
698
+ "meta-user": "_meta-user_15khb_64",
699
+ "meta-project": "_meta-project_15khb_70",
700
+ "icon-sm": "_icon-sm_15khb_83",
701
+ "task-item__deadline": "_task-item__deadline_15khb_88",
702
+ "deadline-urgent": "_deadline-urgent_15khb_97",
703
+ "deadline-normal": "_deadline-normal_15khb_102",
704
+ "task-item__actions": "_task-item__actions_15khb_107",
705
705
  icon: je
706
- }, Se = [
706
+ }, xe = [
707
707
  { value: "Offen", label: "Offen" },
708
708
  { value: "In Arbeit", label: "In Arbeit" },
709
709
  { value: "Erledigt", label: "Erledigt" }
710
710
  ], re = w.forwardRef(
711
- ({ title: a, project: l, projectLabel: r, status: o, deadline: i, deadlineType: _ = "normal", priority: u, assignees: f, description: m, onClick: g, onStatusChange: t, className: b, ...j }, k) => {
712
- const p = (c) => {
711
+ ({ title: t, project: l, projectLabel: r, status: o, deadline: i, deadlineType: _ = "normal", priority: u, assignees: b, description: m, onClick: g, onStatusChange: a, className: f, ...j }, y) => {
712
+ const v = (c) => {
713
713
  (c.key === "Enter" || c.key === " ") && (c.preventDefault(), g?.());
714
- }, y = (c) => {
714
+ }, k = (c) => {
715
715
  c.stopPropagation();
716
716
  };
717
717
  return /* @__PURE__ */ n(
718
718
  "article",
719
719
  {
720
- ref: k,
721
- className: v(x["task-item"], b),
720
+ ref: y,
721
+ className: p(C["task-item"], f),
722
722
  role: "listitem",
723
723
  tabIndex: 0,
724
724
  onClick: g,
725
- onKeyDown: p,
725
+ onKeyDown: v,
726
726
  ...j,
727
727
  children: [
728
- /* @__PURE__ */ n("div", { className: x["task-item__content"], children: [
729
- /* @__PURE__ */ e("div", { className: x["task-item__title-group"], children: /* @__PURE__ */ e("h3", { className: x["task-item__title"], children: a }) }),
730
- /* @__PURE__ */ n("div", { className: x["task-item__meta"], children: [
731
- f.length > 0 && /* @__PURE__ */ e("div", { className: x["meta-user"], children: /* @__PURE__ */ e(H, { children: f.map((c, N) => /* @__PURE__ */ e(B, { initials: c.initials, name: c.name }, N)) }) }),
732
- /* @__PURE__ */ n("div", { className: x["meta-project"], "aria-label": `Projekt: ${r || l}`, children: [
733
- /* @__PURE__ */ e("svg", { className: x["icon-sm"], viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }) }),
728
+ /* @__PURE__ */ n("div", { className: C["task-item__content"], children: [
729
+ /* @__PURE__ */ e("div", { className: C["task-item__title-group"], children: /* @__PURE__ */ e("h3", { className: C["task-item__title"], children: t }) }),
730
+ /* @__PURE__ */ n("div", { className: C["task-item__meta"], children: [
731
+ b.length > 0 && /* @__PURE__ */ e("div", { className: C["meta-user"], children: /* @__PURE__ */ e(W, { children: b.map((c, N) => /* @__PURE__ */ e(M, { initials: c.initials, name: c.name }, N)) }) }),
732
+ /* @__PURE__ */ n("div", { className: C["meta-project"], "aria-label": `Projekt: ${r || l}`, children: [
733
+ /* @__PURE__ */ e("svg", { className: C["icon-sm"], viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }) }),
734
734
  r || l
735
735
  ] }),
736
- u && u !== "low" && /* @__PURE__ */ e(K, { level: u, size: "small" })
736
+ u && u !== "low" && /* @__PURE__ */ e(H, { level: u, size: "small" })
737
737
  ] })
738
738
  ] }),
739
- /* @__PURE__ */ e("div", { className: v(x["task-item__deadline"], x[`deadline-${_}`]), children: i }),
740
- /* @__PURE__ */ e("div", { className: x["task-item__actions"], onClick: y, children: /* @__PURE__ */ e(
739
+ /* @__PURE__ */ e("div", { className: p(C["task-item__deadline"], C[`deadline-${_}`]), children: i }),
740
+ /* @__PURE__ */ e("div", { className: C["task-item__actions"], onClick: k, children: /* @__PURE__ */ e(
741
741
  ne,
742
742
  {
743
- options: Se,
743
+ options: xe,
744
744
  value: o,
745
- onChange: t
745
+ onChange: a
746
746
  }
747
747
  ) })
748
748
  ]
@@ -751,28 +751,28 @@ const je = "_icon_1ekm1_83", x = {
751
751
  }
752
752
  );
753
753
  re.displayName = "TaskItem";
754
- const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
755
- "modal-overlay": "_modal-overlay_sth7y_4",
756
- "is-active": "_is-active_sth7y_19",
757
- "modal-content": "_modal-content_sth7y_25",
758
- "modal-header": "_modal-header_sth7y_46",
759
- "modal-header-title": "_modal-header-title_sth7y_56",
760
- "modal-body": "_modal-body_sth7y_66",
761
- "modal-footer": "_modal-footer_sth7y_85",
762
- "view-group": "_view-group_sth7y_96",
763
- "view-label": "_view-label_sth7y_103",
764
- "view-badge-row": "_view-badge-row_sth7y_113",
765
- "view-task-title": "_view-task-title_sth7y_121",
766
- "view-value-strong": "_view-value-strong_sth7y_131",
767
- "view-description": "_view-description_sth7y_139",
768
- "text-muted": "_text-muted_sth7y_147",
769
- "form-group": "_form-group_sth7y_153",
770
- "form-row": "_form-row_sth7y_159",
771
- "form-label": "_form-label_sth7y_165",
772
- "form-control": "_form-control_sth7y_175",
773
- textarea: Ae,
774
- icon: Ce,
775
- "icon-pencil": "_icon-pencil_sth7y_214"
754
+ const Se = "_textarea_m18cx_191", Ae = "_icon_m18cx_197", s = {
755
+ "modal-overlay": "_modal-overlay_m18cx_4",
756
+ "is-active": "_is-active_m18cx_19",
757
+ "modal-content": "_modal-content_m18cx_25",
758
+ "modal-header": "_modal-header_m18cx_46",
759
+ "modal-header-title": "_modal-header-title_m18cx_55",
760
+ "modal-body": "_modal-body_m18cx_65",
761
+ "modal-footer": "_modal-footer_m18cx_84",
762
+ "view-group": "_view-group_m18cx_95",
763
+ "view-label": "_view-label_m18cx_101",
764
+ "view-badge-row": "_view-badge-row_m18cx_111",
765
+ "view-task-title": "_view-task-title_m18cx_118",
766
+ "view-value-strong": "_view-value-strong_m18cx_127",
767
+ "view-description": "_view-description_m18cx_134",
768
+ "text-muted": "_text-muted_m18cx_142",
769
+ "form-group": "_form-group_m18cx_148",
770
+ "form-row": "_form-row_m18cx_154",
771
+ "form-label": "_form-label_m18cx_160",
772
+ "form-control": "_form-control_m18cx_170",
773
+ textarea: Se,
774
+ icon: Ae,
775
+ "icon-pencil": "_icon-pencil_m18cx_207"
776
776
  }, U = [
777
777
  { value: "Q1", label: "Q1 Roadmap" },
778
778
  { value: "FR", label: "Frontend Relaunch" },
@@ -782,50 +782,50 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
782
782
  { initials: "LV", name: "Luca Vitiello" },
783
783
  { initials: "AS", name: "Anna Schmidt" }
784
784
  ], ie = w.forwardRef(
785
- ({ isOpen: a, onClose: l, task: r, onSave: o, initialMode: i = "view", className: _, ...u }, f) => {
786
- const [m, g] = I(i), [t, b] = I(null);
787
- if (z(() => {
788
- a && r && (b({ ...r, checklist: [...r.checklist] }), g(i));
789
- }, [a, r, i]), z(() => {
790
- const d = (S) => {
791
- S.key === "Escape" && a && l();
785
+ ({ isOpen: t, onClose: l, task: r, onSave: o, initialMode: i = "view", className: _, ...u }, b) => {
786
+ const [m, g] = z(i), [a, f] = z(null);
787
+ if (E(() => {
788
+ t && r && (f({ ...r, checklist: [...r.checklist] }), g(i));
789
+ }, [t, r, i]), E(() => {
790
+ const d = (x) => {
791
+ x.key === "Escape" && t && l();
792
792
  };
793
793
  return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
794
- }, [a, l]), !a || !r || !t) return null;
794
+ }, [t, l]), !t || !r || !a) return null;
795
795
  const j = () => {
796
- o && o(t), g("view");
797
- }, k = () => {
796
+ o && o(a), g("view");
797
+ }, y = () => {
798
798
  l();
799
- }, p = (d) => {
800
- b({ ...t, checklist: d });
801
- }, y = (d) => {
802
- const S = U.find((T) => T.value === d.target.value);
803
- b({
804
- ...t,
799
+ }, v = (d) => {
800
+ f({ ...a, checklist: d });
801
+ }, k = (d) => {
802
+ const x = U.find((I) => I.value === d.target.value);
803
+ f({
804
+ ...a,
805
805
  project: d.target.value,
806
- projectLabel: S?.label || d.target.value
806
+ projectLabel: x?.label || d.target.value
807
807
  });
808
808
  }, c = (d) => {
809
- const S = Y.find((T) => T.initials.toLowerCase() === d.target.value);
810
- S && b({ ...t, assignees: [S] });
809
+ const x = Y.find((I) => I.initials.toLowerCase() === d.target.value);
810
+ x && f({ ...a, assignees: [x] });
811
811
  }, N = () => {
812
812
  const d = {
813
813
  id: `check-${Date.now()}`,
814
814
  text: "",
815
815
  checked: !1
816
816
  };
817
- b({
818
- ...t,
819
- checklist: [...t.checklist, d]
817
+ f({
818
+ ...a,
819
+ checklist: [...a.checklist, d]
820
820
  });
821
821
  }, h = (d) => {
822
- d.target === d.currentTarget && k();
822
+ d.target === d.currentTarget && y();
823
823
  };
824
824
  return /* @__PURE__ */ e(
825
825
  "div",
826
826
  {
827
- ref: f,
828
- className: v(s["modal-overlay"], { [s["is-active"]]: a }, _),
827
+ ref: b,
828
+ className: p(s["modal-overlay"], { [s["is-active"]]: t }, _),
829
829
  onClick: h,
830
830
  role: "dialog",
831
831
  "aria-modal": "true",
@@ -834,45 +834,45 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
834
834
  children: /* @__PURE__ */ n("div", { className: s["modal-content"], "data-mode": m, children: [
835
835
  /* @__PURE__ */ n("header", { className: s["modal-header"], children: [
836
836
  /* @__PURE__ */ e("h2", { className: s["modal-header-title"], id: "modalTitle", children: m === "edit" ? "Aufgabe bearbeiten" : "Aufgaben-Details" }),
837
- /* @__PURE__ */ e(P, { variant: "ghost", onClick: k, "aria-label": "Schließen", children: /* @__PURE__ */ e("svg", { className: s.icon, viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }) })
837
+ /* @__PURE__ */ e(T, { variant: "ghost", onClick: y, "aria-label": "Schließen", children: /* @__PURE__ */ e("svg", { className: s.icon, viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }) })
838
838
  ] }),
839
839
  m === "view" ? /* @__PURE__ */ n("div", { className: s["modal-body"], children: [
840
840
  /* @__PURE__ */ n("div", { className: s["view-group"], children: [
841
841
  /* @__PURE__ */ e("span", { className: s["view-label"], children: "Titel" }),
842
- /* @__PURE__ */ e("h3", { className: s["view-task-title"], children: t.title })
842
+ /* @__PURE__ */ e("h3", { className: s["view-task-title"], children: a.title })
843
843
  ] }),
844
844
  /* @__PURE__ */ n("div", { className: s["view-badge-row"], children: [
845
845
  /* @__PURE__ */ n("div", { className: s["view-group"], children: [
846
846
  /* @__PURE__ */ e("span", { className: s["view-label"], children: "Verantwortlich" }),
847
- t.assignees.length > 0 ? /* @__PURE__ */ e(H, { children: t.assignees.map((d, S) => /* @__PURE__ */ e(B, { initials: d.initials, name: d.name }, S)) }) : /* @__PURE__ */ e(B, { initials: "?", name: "Nicht zugewiesen" })
847
+ a.assignees.length > 0 ? /* @__PURE__ */ e(W, { children: a.assignees.map((d, x) => /* @__PURE__ */ e(M, { initials: d.initials, name: d.name }, x)) }) : /* @__PURE__ */ e(M, { initials: "?", name: "Nicht zugewiesen" })
848
848
  ] }),
849
849
  /* @__PURE__ */ n("div", { className: s["view-group"], children: [
850
850
  /* @__PURE__ */ e("span", { className: s["view-label"], children: "Projekt" }),
851
- /* @__PURE__ */ n(G, { children: [
851
+ /* @__PURE__ */ n(V, { children: [
852
852
  /* @__PURE__ */ e("svg", { className: s["icon-sm"], viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }) }),
853
- t.projectLabel || t.project
853
+ a.projectLabel || a.project
854
854
  ] })
855
855
  ] }),
856
856
  /* @__PURE__ */ n("div", { className: s["view-group"], children: [
857
857
  /* @__PURE__ */ e("span", { className: s["view-label"], children: "Priorität" }),
858
- t.priority ? /* @__PURE__ */ e(K, { level: t.priority, size: "large" }) : /* @__PURE__ */ e("div", { className: s["text-muted"], children: "Keine" })
858
+ a.priority ? /* @__PURE__ */ e(H, { level: a.priority, size: "large" }) : /* @__PURE__ */ e("div", { className: s["text-muted"], children: "Keine" })
859
859
  ] }),
860
860
  /* @__PURE__ */ n("div", { className: s["view-group"], children: [
861
861
  /* @__PURE__ */ e("span", { className: s["view-label"], children: "Status" }),
862
- /* @__PURE__ */ e(G, { children: t.status })
862
+ /* @__PURE__ */ e(V, { children: a.status })
863
863
  ] }),
864
864
  /* @__PURE__ */ n("div", { className: s["view-group"], children: [
865
865
  /* @__PURE__ */ e("span", { className: s["view-label"], children: "Fälligkeit" }),
866
- /* @__PURE__ */ e("div", { className: s["view-value-strong"], children: t.deadline })
866
+ /* @__PURE__ */ e("div", { className: s["view-value-strong"], children: a.deadline })
867
867
  ] })
868
868
  ] }),
869
869
  /* @__PURE__ */ n("div", { className: s["view-group"], children: [
870
870
  /* @__PURE__ */ e("span", { className: s["view-label"], children: "Beschreibung" }),
871
- /* @__PURE__ */ e("p", { className: s["view-description"], children: t.description || /* @__PURE__ */ e("span", { className: s["text-muted"], children: "Keine Beschreibung vorhanden." }) })
871
+ /* @__PURE__ */ e("p", { className: s["view-description"], children: a.description || /* @__PURE__ */ e("span", { className: s["text-muted"], children: "Keine Beschreibung vorhanden." }) })
872
872
  ] }),
873
873
  /* @__PURE__ */ n("div", { className: s["view-group"], children: [
874
874
  /* @__PURE__ */ e("span", { className: s["view-label"], children: "To-Do Checkliste" }),
875
- /* @__PURE__ */ e(W, { items: t.checklist, onChange: p, editable: !1 })
875
+ /* @__PURE__ */ e(G, { items: a.checklist, onChange: v, editable: !1 })
876
876
  ] })
877
877
  ] }) : /* @__PURE__ */ n("div", { className: s["modal-body"], children: [
878
878
  /* @__PURE__ */ n("div", { className: s["form-group"], children: [
@@ -883,8 +883,8 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
883
883
  type: "text",
884
884
  id: "taskTitle",
885
885
  className: s["form-control"],
886
- value: t.title,
887
- onChange: (d) => b({ ...t, title: d.target.value })
886
+ value: a.title,
887
+ onChange: (d) => f({ ...a, title: d.target.value })
888
888
  }
889
889
  )
890
890
  ] }),
@@ -896,8 +896,8 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
896
896
  {
897
897
  id: "taskProject",
898
898
  className: s["form-control"],
899
- value: t.project,
900
- onChange: y,
899
+ value: a.project,
900
+ onChange: k,
901
901
  children: U.map((d) => /* @__PURE__ */ e("option", { value: d.value, children: d.label }, d.value))
902
902
  }
903
903
  )
@@ -909,8 +909,8 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
909
909
  {
910
910
  id: "taskStatus",
911
911
  className: s["form-control"],
912
- value: t.status,
913
- onChange: (d) => b({ ...t, status: d.target.value }),
912
+ value: a.status,
913
+ onChange: (d) => f({ ...a, status: d.target.value }),
914
914
  children: [
915
915
  /* @__PURE__ */ e("option", { value: "Offen", children: "Offen" }),
916
916
  /* @__PURE__ */ e("option", { value: "In Arbeit", children: "In Arbeit" }),
@@ -929,8 +929,8 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
929
929
  type: "text",
930
930
  id: "taskDate",
931
931
  className: s["form-control"],
932
- value: t.deadline,
933
- onChange: (d) => b({ ...t, deadline: d.target.value })
932
+ value: a.deadline,
933
+ onChange: (d) => f({ ...a, deadline: d.target.value })
934
934
  }
935
935
  )
936
936
  ] }),
@@ -941,8 +941,8 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
941
941
  {
942
942
  id: "taskPriority",
943
943
  className: s["form-control"],
944
- value: t.priority || "",
945
- onChange: (d) => b({ ...t, priority: d.target.value || void 0 }),
944
+ value: a.priority || "",
945
+ onChange: (d) => f({ ...a, priority: d.target.value || void 0 }),
946
946
  children: [
947
947
  /* @__PURE__ */ e("option", { value: "", children: "Keine" }),
948
948
  /* @__PURE__ */ e("option", { value: "high", children: "Hoch (!!)" }),
@@ -956,14 +956,14 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
956
956
  /* @__PURE__ */ n("div", { className: s["form-group"], children: [
957
957
  /* @__PURE__ */ e("label", { className: s["form-label"], htmlFor: "taskAssignee", children: "Verantwortlich" }),
958
958
  /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
959
- /* @__PURE__ */ e(B, { initials: t.assignees[0]?.initials || "?" }),
959
+ /* @__PURE__ */ e(M, { initials: a.assignees[0]?.initials || "?" }),
960
960
  /* @__PURE__ */ e(
961
961
  "select",
962
962
  {
963
963
  id: "taskAssignee",
964
964
  className: s["form-control"],
965
965
  style: { flex: 1 },
966
- value: t.assignees[0]?.initials.toLowerCase() || "",
966
+ value: a.assignees[0]?.initials.toLowerCase() || "",
967
967
  onChange: c,
968
968
  children: Y.map((d) => /* @__PURE__ */ e("option", { value: d.initials.toLowerCase(), children: d.name }, d.initials))
969
969
  }
@@ -976,18 +976,18 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
976
976
  "textarea",
977
977
  {
978
978
  id: "taskDescription",
979
- className: v(s["form-control"], s.textarea),
979
+ className: p(s["form-control"], s.textarea),
980
980
  placeholder: "Weitere Details zur Aufgabe...",
981
- value: t.description || "",
982
- onChange: (d) => b({ ...t, description: d.target.value })
981
+ value: a.description || "",
982
+ onChange: (d) => f({ ...a, description: d.target.value })
983
983
  }
984
984
  )
985
985
  ] }),
986
986
  /* @__PURE__ */ n("div", { className: s["form-group"], children: [
987
987
  /* @__PURE__ */ e("label", { className: s["form-label"], children: "To-Do Checkliste" }),
988
- /* @__PURE__ */ e(W, { items: t.checklist, onChange: p, editable: !0 }),
988
+ /* @__PURE__ */ e(G, { items: a.checklist, onChange: v, editable: !0 }),
989
989
  /* @__PURE__ */ e(
990
- P,
990
+ T,
991
991
  {
992
992
  variant: "ghost",
993
993
  onClick: N,
@@ -998,14 +998,14 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
998
998
  ] })
999
999
  ] }),
1000
1000
  m === "view" ? /* @__PURE__ */ n("footer", { className: s["modal-footer"], children: [
1001
- /* @__PURE__ */ e(P, { variant: "outline", onClick: k, children: "Schließen" }),
1002
- /* @__PURE__ */ n(P, { variant: "primary", onClick: () => g("edit"), children: [
1001
+ /* @__PURE__ */ e(T, { variant: "outline", onClick: y, children: "Schließen" }),
1002
+ /* @__PURE__ */ n(T, { variant: "primary", onClick: () => g("edit"), children: [
1003
1003
  /* @__PURE__ */ e("svg", { className: s["icon-pencil"], viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" }) }),
1004
1004
  "Bearbeiten"
1005
1005
  ] })
1006
1006
  ] }) : /* @__PURE__ */ n("footer", { className: s["modal-footer"], children: [
1007
- /* @__PURE__ */ e(P, { variant: "outline", onClick: () => g("view"), children: "Abbrechen" }),
1008
- /* @__PURE__ */ e(P, { variant: "primary", onClick: j, children: "Speichern" })
1007
+ /* @__PURE__ */ e(T, { variant: "outline", onClick: () => g("view"), children: "Abbrechen" }),
1008
+ /* @__PURE__ */ e(T, { variant: "primary", onClick: j, children: "Speichern" })
1009
1009
  ] })
1010
1010
  ] })
1011
1011
  }
@@ -1013,18 +1013,18 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
1013
1013
  }
1014
1014
  );
1015
1015
  ie.displayName = "TaskDetailModal";
1016
- const xe = "_icon_1fdjp_65", R = {
1017
- "widget-card": "_widget-card_1fdjp_4",
1018
- "widget-header": "_widget-header_1fdjp_20",
1019
- "widget-header__title": "_widget-header__title_1fdjp_30",
1020
- "task-list": "_task-list_1fdjp_41",
1021
- icon: xe,
1022
- "icon-sm": "_icon-sm_1fdjp_75"
1023
- }, Ie = w.forwardRef(
1024
- ({ tasks: a, onTaskUpdate: l, onTaskAdd: r, className: o, ...i }, _) => {
1025
- const [u, f] = I(a), [m, g] = I(!1), [t, b] = I(null), [j, k] = I("view"), p = (h) => {
1026
- b(h), k("view"), g(!0);
1027
- }, y = () => {
1016
+ const Ce = "_icon_gqjal_64", D = {
1017
+ "widget-card": "_widget-card_gqjal_4",
1018
+ "widget-header": "_widget-header_gqjal_20",
1019
+ "widget-header__title": "_widget-header__title_gqjal_30",
1020
+ "task-list": "_task-list_gqjal_41",
1021
+ icon: Ce,
1022
+ "icon-sm": "_icon-sm_gqjal_74"
1023
+ }, ze = w.forwardRef(
1024
+ ({ tasks: t, onTaskUpdate: l, onTaskAdd: r, className: o, ...i }, _) => {
1025
+ const [u, b] = z(t), [m, g] = z(!1), [a, f] = z(null), [j, y] = z("view"), v = (h) => {
1026
+ f(h), y("view"), g(!0);
1027
+ }, k = () => {
1028
1028
  const h = {
1029
1029
  id: `new-${Date.now()}`,
1030
1030
  title: "Neue Aufgabe",
@@ -1037,39 +1037,39 @@ const xe = "_icon_1fdjp_65", R = {
1037
1037
  description: "",
1038
1038
  checklist: []
1039
1039
  };
1040
- b(h), k("edit"), g(!0);
1040
+ f(h), y("edit"), g(!0);
1041
1041
  }, c = (h) => {
1042
- if (u.some((S) => S.id === h.id)) {
1043
- const S = u.map((T) => T.id === h.id ? h : T);
1044
- f(S), l && l(h);
1042
+ if (u.some((x) => x.id === h.id)) {
1043
+ const x = u.map((I) => I.id === h.id ? h : I);
1044
+ b(x), l && l(h);
1045
1045
  } else
1046
- f([...u, h]), r && r(h);
1047
- b(h);
1046
+ b([...u, h]), r && r(h);
1047
+ f(h);
1048
1048
  }, N = (h, d) => {
1049
- const S = u.map((T) => {
1050
- if (T.id === h) {
1051
- const q = { ...T, status: d };
1052
- return l && l(q), q;
1049
+ const x = u.map((I) => {
1050
+ if (I.id === h) {
1051
+ const K = { ...I, status: d };
1052
+ return l && l(K), K;
1053
1053
  }
1054
- return T;
1054
+ return I;
1055
1055
  });
1056
- f(S);
1056
+ b(x);
1057
1057
  };
1058
1058
  return /* @__PURE__ */ n(
1059
1059
  "main",
1060
1060
  {
1061
1061
  ref: _,
1062
- className: v(R["widget-card"], o),
1062
+ className: p(D["widget-card"], o),
1063
1063
  ...i,
1064
1064
  children: [
1065
- /* @__PURE__ */ n("header", { className: R["widget-header"], children: [
1066
- /* @__PURE__ */ e("h2", { className: R["widget-header__title"], children: "Aufgaben" }),
1067
- /* @__PURE__ */ n(P, { variant: "primary", onClick: y, "aria-label": "Neue Aufgabe erstellen", children: [
1068
- /* @__PURE__ */ e("svg", { className: v(R.icon, R["icon-sm"]), viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M12 5v14M5 12h14" }) }),
1065
+ /* @__PURE__ */ n("header", { className: D["widget-header"], children: [
1066
+ /* @__PURE__ */ e("h2", { className: D["widget-header__title"], children: "Aufgaben" }),
1067
+ /* @__PURE__ */ n(T, { variant: "primary", onClick: k, "aria-label": "Neue Aufgabe erstellen", children: [
1068
+ /* @__PURE__ */ e("svg", { className: p(D.icon, D["icon-sm"]), viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M12 5v14M5 12h14" }) }),
1069
1069
  "Neu"
1070
1070
  ] })
1071
1071
  ] }),
1072
- /* @__PURE__ */ e("div", { className: R["task-list"], role: "list", "aria-label": "Aufgabenliste", children: u.map((h) => /* @__PURE__ */ e(
1072
+ /* @__PURE__ */ e("div", { className: D["task-list"], role: "list", "aria-label": "Aufgabenliste", children: u.map((h) => /* @__PURE__ */ e(
1073
1073
  re,
1074
1074
  {
1075
1075
  title: h.title,
@@ -1081,7 +1081,7 @@ const xe = "_icon_1fdjp_65", R = {
1081
1081
  priority: h.priority,
1082
1082
  assignees: h.assignees,
1083
1083
  description: h.description,
1084
- onClick: () => p(h),
1084
+ onClick: () => v(h),
1085
1085
  onStatusChange: (d) => N(h.id, d)
1086
1086
  },
1087
1087
  h.id
@@ -1091,7 +1091,7 @@ const xe = "_icon_1fdjp_65", R = {
1091
1091
  {
1092
1092
  isOpen: m,
1093
1093
  onClose: () => g(!1),
1094
- task: t,
1094
+ task: a,
1095
1095
  initialMode: j,
1096
1096
  onSave: c
1097
1097
  }
@@ -1101,22 +1101,22 @@ const xe = "_icon_1fdjp_65", R = {
1101
1101
  );
1102
1102
  }
1103
1103
  );
1104
- Ie.displayName = "TaskWidget";
1104
+ ze.displayName = "TaskWidget";
1105
1105
  export {
1106
- B as Avatar,
1107
- H as AvatarGroup,
1108
- G as Badge,
1109
- P as Button,
1110
- W as Checklist,
1111
- ke as DashboardPage,
1112
- te as FavoriteButton,
1113
- K as PriorityBadge,
1106
+ M as Avatar,
1107
+ W as AvatarGroup,
1108
+ V as Badge,
1109
+ T as Button,
1110
+ G as Checklist,
1111
+ ye as DashboardPage,
1112
+ ae as FavoriteButton,
1113
+ H as PriorityBadge,
1114
1114
  le as ProjectTable,
1115
1115
  ee as StatusBadge,
1116
1116
  se as StatusChart,
1117
1117
  ne as StatusDropdown,
1118
- ae as StatusLegendItem,
1118
+ te as StatusLegendItem,
1119
1119
  ie as TaskDetailModal,
1120
1120
  re as TaskItem,
1121
- Ie as TaskWidget
1121
+ ze as TaskWidget
1122
1122
  };