@fastnd/components 1.0.8 → 1.0.10

package/dist/components.js

@@ -1,80 +1,80 @@
-(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)}}: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}._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))}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import g, { useState as I, useRef as q, useEffect as O } from "react";
-function M(e) {
-  var t, r, s = "";
-  if (typeof e == "string" || typeof e == "number") s += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var n = e.length;
-    for (t = 0; t < n; t++) e[t] && (r = M(e[t])) && (s && (s += " "), s += r);
-  } else for (r in e) e[r] && (s && (s += " "), s += r);
-  return s;
+(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{--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_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)}})();
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import w, { useState as I, useRef as oe, useEffect as z, useMemo as F } from "react";
+function X(a) {
+  var l, r, o = "";
+  if (typeof a == "string" || typeof a == "number") o += a;
+  else if (typeof a == "object") if (Array.isArray(a)) {
+    var i = a.length;
+    for (l = 0; l < i; l++) a[l] && (r = X(a[l])) && (o && (o += " "), o += r);
+  } else for (r in a) a[r] && (o && (o += " "), o += r);
+  return o;
 }
-function d() {
-  for (var e, t, r = 0, s = "", n = arguments.length; r < n; r++) (e = arguments[r]) && (t = M(e)) && (s && (s += " "), s += t);
-  return s;
+function v() {
+  for (var a, l, r = 0, o = "", i = arguments.length; r < i; r++) (a = arguments[r]) && (l = X(a)) && (o && (o += " "), o += l);
+  return o;
 }
-const L = {
+const Q = {
   "status-badge": "_status-badge_1vytb_3",
   "status-badge--neu": "_status-badge--neu_1vytb_26",
   "status-badge--offen": "_status-badge--offen_1vytb_31",
   "status-badge--in-prufung": "_status-badge--in-prufung_1vytb_36",
   "status-badge--validierung": "_status-badge--validierung_1vytb_41",
   "status-badge--abgeschlossen": "_status-badge--abgeschlossen_1vytb_46"
-}, W = {
+}, ce = {
   neu: "Neu",
   offen: "Offen",
   "in-prufung": "In Prüfung",
   validierung: "Validierung",
   abgeschlossen: "Abgeschlossen"
-}, T = g.forwardRef(
-  ({ status: e, color: t, backgroundColor: r, className: s, style: n, ...l }, c) => {
-    const b = {
-      ...n,
-      "--custom-color": t,
+}, ee = w.forwardRef(
+  ({ status: a, color: l, backgroundColor: r, className: o, style: i, ..._ }, u) => {
+    const f = {
+      ...i,
+      "--custom-color": l,
       "--custom-bg": r
     };
-    return /* @__PURE__ */ a(
+    return /* @__PURE__ */ e(
       "span",
       {
-        ref: c,
-        className: d(L["status-badge"], L[`status-badge--${e}`], s),
-        style: b,
-        ...l,
-        children: W[e]
+        ref: u,
+        className: v(Q["status-badge"], Q[`status-badge--${a}`], o),
+        style: f,
+        ..._,
+        children: ce[a]
       }
     );
   }
 );
-T.displayName = "StatusBadge";
-const B = {
+ee.displayName = "StatusBadge";
+const Z = {
   "favorite-btn": "_favorite-btn_1f4wz_3",
   "favorite-btn--active": "_favorite-btn--active_1f4wz_23"
-}, z = g.forwardRef(
-  ({ pressed: e, projectName: t, onToggle: r, color: s, activeColor: n, className: l, style: c, onClick: b, ...o }, i) => {
-    const u = {
-      ...c,
-      "--custom-color": s,
-      "--custom-active-color": n
-    }, N = e ? `Von Favoriten entfernen: ${t}` : `Zu Favoriten hinzufügen: ${t}`;
-    return /* @__PURE__ */ a(
+}, te = w.forwardRef(
+  ({ pressed: a, projectName: l, onToggle: r, color: o, activeColor: i, className: _, style: u, onClick: f, ...m }, g) => {
+    const t = {
+      ...u,
+      "--custom-color": o,
+      "--custom-active-color": i
+    }, b = a ? `Von Favoriten entfernen: ${l}` : `Zu Favoriten hinzufügen: ${l}`;
+    return /* @__PURE__ */ e(
       "button",
       {
-        ref: i,
+        ref: g,
         type: "button",
-        className: d(
-          B["favorite-btn"],
-          { [B["favorite-btn--active"]]: e },
-          l
+        className: v(
+          Z["favorite-btn"],
+          { [Z["favorite-btn--active"]]: a },
+          _
         ),
-        style: u,
-        "aria-pressed": e,
-        "aria-label": N,
+        style: t,
+        "aria-pressed": a,
+        "aria-label": b,
         onClick: (j) => {
-          r?.(!e), b?.(j);
+          r?.(!a), f?.(j);
         },
-        ...o,
-        children: /* @__PURE__ */ a(
+        ...m,
+        children: /* @__PURE__ */ e(
           "svg",
           {
             viewBox: "0 0 24 24",
@@ -83,15 +83,15 @@ const B = {
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ a("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })
+            children: /* @__PURE__ */ e("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })
           }
         )
       }
     );
   }
 );
-z.displayName = "FavoriteButton";
-const k = {
+te.displayName = "FavoriteButton";
+const D = {
   "status-legend__item": "_status-legend__item_1935r_3",
   "status-legend__item--active": "_status-legend__item--active_1935r_22",
   "status-legend__label-wrap": "_status-legend__label-wrap_1935r_27",
@@ -104,45 +104,45 @@ const k = {
   "color-validierung": "_color-validierung_1935r_69",
   "color-abgeschlossen": "_color-abgeschlossen_1935r_73",
   "color-alle": "_color-alle_1935r_77"
-}, F = g.forwardRef(
-  ({ status: e, label: t, count: r, active: s = !1, color: n, className: l, style: c, ...b }, o) => {
-    const i = {
-      ...c,
-      "--custom-color": n
+}, ae = w.forwardRef(
+  ({ status: a, label: l, count: r, active: o = !1, color: i, className: _, style: u, ...f }, m) => {
+    const g = {
+      ...u,
+      "--custom-color": i
     };
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ n(
       "button",
       {
-        ref: o,
+        ref: m,
         type: "button",
         role: "option",
-        "aria-selected": s,
-        className: d(
-          k["status-legend__item"],
-          { [k["status-legend__item--active"]]: s },
-          l
+        "aria-selected": o,
+        className: v(
+          D["status-legend__item"],
+          { [D["status-legend__item--active"]]: o },
+          _
         ),
-        style: i,
-        ...b,
+        style: g,
+        ...f,
         children: [
-          /* @__PURE__ */ m("div", { className: k["status-legend__label-wrap"], children: [
-            /* @__PURE__ */ a(
+          /* @__PURE__ */ n("div", { className: D["status-legend__label-wrap"], children: [
+            /* @__PURE__ */ e(
               "span",
               {
-                className: d(k["status-legend__color"], k[`color-${e}`]),
+                className: v(D["status-legend__color"], D[`color-${a}`]),
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ a("span", { className: k["status-legend__label"], children: t })
+            /* @__PURE__ */ e("span", { className: D["status-legend__label"], children: l })
           ] }),
-          /* @__PURE__ */ a("span", { className: k["status-legend__count"], children: r })
+          /* @__PURE__ */ e("span", { className: D["status-legend__count"], children: r })
         ]
       }
     );
   }
 );
-F.displayName = "StatusLegendItem";
-const v = {
+ae.displayName = "StatusLegendItem";
+const L = {
   "status-overview__chart-container": "_status-overview__chart-container_1f9eq_3",
   "status-chart-svg": "_status-chart-svg_1f9eq_13",
   "status-chart__segment": "_status-chart__segment_1f9eq_23",
@@ -151,94 +151,94 @@ const v = {
   "status-chart__hole": "_status-chart__hole_1f9eq_40",
   "status-chart__total-value": "_status-chart__total-value_1f9eq_55",
   "status-chart__total-label": "_status-chart__total-label_1f9eq_63"
-}, G = g.forwardRef(
-  ({ data: e, totalLabel: t = "Gesamt", onSegmentClick: r, className: s, ...n }, l) => {
-    const [c, b] = I(null), o = e.reduce((p, h) => p + h.value, 0), i = 240, u = i / 2, N = 100, j = 40, w = N - j / 2, _ = w * 2 * Math.PI;
-    return /* @__PURE__ */ m(
+}, se = w.forwardRef(
+  ({ data: a, totalLabel: l = "Gesamt", onSegmentClick: r, className: o, ...i }, _) => {
+    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;
+    return /* @__PURE__ */ n(
       "div",
       {
-        ref: l,
-        className: d(v["status-overview__chart-container"], s),
-        ...n,
+        ref: _,
+        className: v(L["status-overview__chart-container"], o),
+        ...i,
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ e(
             "svg",
             {
-              viewBox: `0 0 ${i} ${i}`,
-              className: v["status-chart-svg"],
+              viewBox: `0 0 ${g} ${g}`,
+              className: L["status-chart-svg"],
               role: "img",
               "aria-label": "Kreisdiagramm der Projektstatus-Verteilung",
               overflow: "visible",
-              children: o === 0 ? /* @__PURE__ */ a(
+              children: m === 0 ? /* @__PURE__ */ e(
                 "circle",
                 {
-                  cx: u,
-                  cy: u,
-                  r: w,
+                  cx: t,
+                  cy: t,
+                  r: k,
                   fill: "none",
                   stroke: "hsl(var(--border))",
                   strokeWidth: j
                 }
               ) : (() => {
-                let p = 0;
-                return e.map((h) => {
-                  if (h.value === 0) return null;
-                  const S = h.value / o * 100, C = S / 100 * _, D = p / 100 * _;
-                  return p += S, /* @__PURE__ */ a(
+                let y = 0;
+                return a.map((c) => {
+                  if (c.value === 0) return null;
+                  const N = c.value / m * 100, h = N / 100 * p, d = y / 100 * p;
+                  return y += N, /* @__PURE__ */ e(
                     "circle",
                     {
-                      cx: u,
-                      cy: u,
-                      r: w,
+                      cx: t,
+                      cy: t,
+                      r: k,
                       fill: "none",
-                      stroke: h.color,
+                      stroke: c.color,
                       strokeWidth: j,
-                      strokeDasharray: `${C} ${_}`,
-                      strokeDashoffset: -D,
-                      transform: `rotate(-90 ${u} ${u})`,
-                      className: d(v["status-chart__segment"], {
-                        [v["status-chart__segment--hovered"]]: c === h.status,
-                        [v["status-chart__segment--dimmed"]]: c && c !== h.status
+                      strokeDasharray: `${h} ${p}`,
+                      strokeDashoffset: -d,
+                      transform: `rotate(-90 ${t} ${t})`,
+                      className: v(L["status-chart__segment"], {
+                        [L["status-chart__segment--hovered"]]: u === c.status,
+                        [L["status-chart__segment--dimmed"]]: u && u !== c.status
                       }),
-                      onClick: () => r?.(h.status),
-                      onMouseEnter: () => b(h.status),
-                      onMouseLeave: () => b(null),
+                      onClick: () => r?.(c.status),
+                      onMouseEnter: () => f(c.status),
+                      onMouseLeave: () => f(null),
                       style: { cursor: r ? "pointer" : "default" },
-                      children: /* @__PURE__ */ a("title", { children: `${h.label}: ${h.value}` })
+                      children: /* @__PURE__ */ e("title", { children: `${c.label}: ${c.value}` })
                     },
-                    h.status
+                    c.status
                   );
                 });
               })()
             }
           ),
-          /* @__PURE__ */ m("div", { className: v["status-chart__hole"], children: [
-            /* @__PURE__ */ a("span", { className: v["status-chart__total-value"], children: o }),
-            /* @__PURE__ */ a("span", { className: v["status-chart__total-label"], children: t })
+          /* @__PURE__ */ n("div", { className: L["status-chart__hole"], children: [
+            /* @__PURE__ */ e("span", { className: L["status-chart__total-value"], children: m }),
+            /* @__PURE__ */ e("span", { className: L["status-chart__total-label"], children: l })
           ] })
         ]
       }
     );
   }
 );
-G.displayName = "StatusChart";
-function P(e) {
-  const t = new Date(e);
-  if (isNaN(t.getTime())) return "Ungültiges Datum";
-  const s = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), n = Math.floor(s / (1e3 * 60 * 60 * 24));
-  if (n === 0) return "Heute";
-  if (n === 1) return "Gestern";
-  if (n < 7) return `vor ${n} Tagen`;
-  const l = Math.floor(n / 7);
-  if (l < 4)
-    return l === 1 ? "vor einer Woche" : `vor ${l} Wochen`;
-  const c = Math.floor(n / 30);
-  if (c < 12)
-    return c === 1 ? "vor einem Monat" : `vor ${c} Monaten`;
-  const b = Math.floor(n / 365);
-  return b === 1 ? "vor einem Jahr" : `vor ${b} Jahren`;
+se.displayName = "StatusChart";
+function J(a) {
+  const l = new Date(a);
+  if (isNaN(l.getTime())) return "Ungültiges Datum";
+  const o = (/* @__PURE__ */ new Date()).getTime() - l.getTime(), i = Math.floor(o / (1e3 * 60 * 60 * 24));
+  if (i === 0) return "Heute";
+  if (i === 1) return "Gestern";
+  if (i < 7) return `vor ${i} Tagen`;
+  const _ = Math.floor(i / 7);
+  if (_ < 4)
+    return _ === 1 ? "vor einer Woche" : `vor ${_} Wochen`;
+  const u = Math.floor(i / 30);
+  if (u < 12)
+    return u === 1 ? "vor einem Monat" : `vor ${u} Monaten`;
+  const f = Math.floor(i / 365);
+  return f === 1 ? "vor einem Jahr" : `vor ${f} Jahren`;
 }
-const f = {
+const A = {
   "table-container": "_table-container_fgnrg_3",
   "project-table": "_project-table_fgnrg_7",
   "project-table__head": "_project-table__head_fgnrg_15",
@@ -251,234 +251,234 @@ const f = {
   "project-table__date-secondary": "_project-table__date-secondary_fgnrg_93",
   "project-table__client": "_project-table__client_fgnrg_102",
   "project-table__date-main": "_project-table__date-main_fgnrg_103"
-}, V = g.forwardRef(
-  ({ rows: e, onToggleFavorite: t, className: r, ...s }, n) => /* @__PURE__ */ a(
+}, le = w.forwardRef(
+  ({ rows: a, onToggleFavorite: l, className: r, ...o }, i) => /* @__PURE__ */ e(
     "div",
     {
-      ref: n,
-      className: d(f["table-container"], r),
+      ref: i,
+      className: v(A["table-container"], r),
       tabIndex: 0,
-      ...s,
-      children: /* @__PURE__ */ m("table", { className: f["project-table"], children: [
-        /* @__PURE__ */ a("thead", { className: f["project-table__head"], children: /* @__PURE__ */ m("tr", { children: [
-          /* @__PURE__ */ a("th", { scope: "col", children: "Projekt / Applikation" }),
-          /* @__PURE__ */ a("th", { scope: "col", children: "Kunde" }),
-          /* @__PURE__ */ a("th", { scope: "col", children: "Status" }),
-          /* @__PURE__ */ a("th", { scope: "col", children: "Aktivität" })
+      ...o,
+      children: /* @__PURE__ */ n("table", { className: A["project-table"], children: [
+        /* @__PURE__ */ e("thead", { className: A["project-table__head"], children: /* @__PURE__ */ n("tr", { children: [
+          /* @__PURE__ */ e("th", { scope: "col", children: "Projekt / Applikation" }),
+          /* @__PURE__ */ e("th", { scope: "col", children: "Kunde" }),
+          /* @__PURE__ */ e("th", { scope: "col", children: "Status" }),
+          /* @__PURE__ */ e("th", { scope: "col", children: "Aktivität" })
         ] }) }),
-        /* @__PURE__ */ a("tbody", { className: f["project-table__body"], children: e.map((l) => /* @__PURE__ */ m(
+        /* @__PURE__ */ e("tbody", { className: A["project-table__body"], children: a.map((_) => /* @__PURE__ */ n(
           "tr",
           {
-            className: f["project-table__row"],
-            "data-status": l.status,
+            className: A["project-table__row"],
+            "data-status": _.status,
             children: [
-              /* @__PURE__ */ a("td", { children: /* @__PURE__ */ m("div", { className: f["project-table__name-cell"], children: [
-                /* @__PURE__ */ a(
-                  z,
+              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ n("div", { className: A["project-table__name-cell"], children: [
+                /* @__PURE__ */ e(
+                  te,
                   {
-                    pressed: l.favorite,
-                    projectName: l.name,
-                    onToggle: (c) => t?.(l.id, c),
-                    className: f["project-table__favorite"]
+                    pressed: _.favorite,
+                    projectName: _.name,
+                    onToggle: (u) => l?.(_.id, u),
+                    className: A["project-table__favorite"]
                   }
                 ),
-                /* @__PURE__ */ m("div", { className: f["project-table__name-wrapper"], title: `${l.name}
-${l.app}`, children: [
-                  /* @__PURE__ */ a("div", { className: f["project-table__name"], children: l.name }),
-                  /* @__PURE__ */ a("div", { className: f["project-table__app"], children: l.app })
+                /* @__PURE__ */ n("div", { className: A["project-table__name-wrapper"], title: `${_.name}
+${_.app}`, children: [
+                  /* @__PURE__ */ e("div", { className: A["project-table__name"], children: _.name }),
+                  /* @__PURE__ */ e("div", { className: A["project-table__app"], children: _.app })
                 ] })
               ] }) }),
-              /* @__PURE__ */ a("td", { title: l.client, children: /* @__PURE__ */ a("span", { className: f["project-table__client"], children: l.client }) }),
-              /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(T, { status: l.status }) }),
-              /* @__PURE__ */ m("td", { title: `Geändert: ${P(l.updatedAt)}
-Erstellt: ${l.createdAt}`, children: [
-                /* @__PURE__ */ a("div", { className: f["project-table__date-main"], children: P(l.updatedAt) }),
-                /* @__PURE__ */ m("div", { className: f["project-table__date-secondary"], children: [
+              /* @__PURE__ */ e("td", { title: _.client, children: /* @__PURE__ */ e("span", { className: A["project-table__client"], children: _.client }) }),
+              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(ee, { status: _.status }) }),
+              /* @__PURE__ */ n("td", { title: `Geändert: ${J(_.updatedAt)}
+Erstellt: ${_.createdAt}`, children: [
+                /* @__PURE__ */ e("div", { className: A["project-table__date-main"], children: J(_.updatedAt) }),
+                /* @__PURE__ */ n("div", { className: A["project-table__date-secondary"], children: [
                   "Erstellt: ",
-                  l.createdAt
+                  _.createdAt
                 ] })
               ] })
             ]
           },
-          l.id
+          _.id
         )) })
       ] })
     }
   )
 );
-V.displayName = "ProjectTable";
-const H = "_avatar_1ml48_3", R = {
-  avatar: H,
+le.displayName = "ProjectTable";
+const de = "_avatar_1ml48_3", V = {
+  avatar: de,
   "avatar-group": "_avatar-group_1ml48_18",
   "group-member": "_group-member_1ml48_23"
-}, J = g.forwardRef(
-  ({ initials: e, name: t, className: r, ...s }, n) => /* @__PURE__ */ a(
+}, B = w.forwardRef(
+  ({ initials: a, name: l, className: r, ...o }, i) => /* @__PURE__ */ e(
     "div",
     {
-      ref: n,
-      className: d(R.avatar, r),
-      title: t,
-      "aria-label": t,
-      ...s,
-      children: e
+      ref: i,
+      className: v(V.avatar, r),
+      title: l,
+      "aria-label": l,
+      ...o,
+      children: a
     }
   )
 );
-J.displayName = "Avatar";
-const K = g.forwardRef(
-  ({ children: e, className: t, ...r }, s) => /* @__PURE__ */ a(
+B.displayName = "Avatar";
+const H = w.forwardRef(
+  ({ children: a, className: l, ...r }, o) => /* @__PURE__ */ e(
     "div",
     {
-      ref: s,
-      className: d(R["avatar-group"], t),
+      ref: o,
+      className: v(V["avatar-group"], l),
       ...r,
-      children: g.Children.map(e, (n) => g.isValidElement(n) ? g.cloneElement(n, {
-        className: d(n.props.className, R["group-member"])
-      }) : n)
+      children: w.Children.map(a, (i) => w.isValidElement(i) ? w.cloneElement(i, {
+        className: v(i.props.className, V["group-member"])
+      }) : i)
     }
   )
 );
-K.displayName = "AvatarGroup";
-const U = "_btn_lw4l4_3", x = {
-  btn: U,
+H.displayName = "AvatarGroup";
+const _e = "_btn_lw4l4_3", E = {
+  btn: _e,
   "btn--primary": "_btn--primary_lw4l4_27",
   "btn--outline": "_btn--outline_lw4l4_39",
   "btn--ghost": "_btn--ghost_lw4l4_52",
   "btn--sm": "_btn--sm_lw4l4_63"
-}, E = g.forwardRef(
-  ({ variant: e, size: t = "md", className: r, children: s, ...n }, l) => /* @__PURE__ */ a(
+}, P = w.forwardRef(
+  ({ variant: a, size: l = "md", className: r, children: o, ...i }, _) => /* @__PURE__ */ e(
     "button",
     {
-      ref: l,
-      className: d(
-        x.btn,
+      ref: _,
+      className: v(
+        E.btn,
         {
-          [x[`btn--${e}`]]: e,
-          [x[`btn--${t}`]]: t && t !== "md"
+          [E[`btn--${a}`]]: a,
+          [E[`btn--${l}`]]: l && l !== "md"
         },
         r
       ),
-      ...n,
-      children: s
+      ...i,
+      children: o
     }
   )
 );
-E.displayName = "Button";
-const Y = "_badge_144f0_3", A = {
-  badge: Y,
+P.displayName = "Button";
+const ue = "_badge_144f0_3", O = {
+  badge: ue,
   "badge--high": "_badge--high_144f0_12",
   "badge--medium": "_badge--medium_144f0_18",
   "badge--low": "_badge--low_144f0_24",
   "badge--size-small": "_badge--size-small_144f0_30",
   "badge--size-large": "_badge--size-large_144f0_37"
-}, Z = {
+}, me = {
   high: "!!",
   medium: "!",
   low: "-"
-}, Q = {
+}, he = {
   high: "Hohe Priorität",
   medium: "Mittlere Priorität",
   low: "Niedrige Priorität"
-}, X = g.forwardRef(
-  ({ level: e, size: t = "small", className: r, "aria-label": s, ...n }, l) => {
-    const c = Q[e];
-    return /* @__PURE__ */ a(
+}, K = w.forwardRef(
+  ({ level: a, size: l = "small", className: r, "aria-label": o, ...i }, _) => {
+    const u = he[a];
+    return /* @__PURE__ */ e(
       "span",
       {
-        ref: l,
-        className: d(
-          A.badge,
-          A[`badge--${e}`],
-          A[`badge--size-${t}`],
+        ref: _,
+        className: v(
+          O.badge,
+          O[`badge--${a}`],
+          O[`badge--size-${l}`],
           r
         ),
-        "aria-label": s || c,
-        ...n,
-        children: Z[e]
+        "aria-label": o || u,
+        ...i,
+        children: me[a]
       }
     );
   }
 );
-X.displayName = "PriorityBadge";
-const ee = "_badge_1ru08_3", te = {
-  badge: ee
-}, ae = g.forwardRef(
-  ({ className: e, children: t, ...r }, s) => /* @__PURE__ */ a(
+K.displayName = "PriorityBadge";
+const ge = "_badge_1ru08_3", pe = {
+  badge: ge
+}, G = w.forwardRef(
+  ({ className: a, children: l, ...r }, o) => /* @__PURE__ */ e(
     "span",
     {
-      ref: s,
-      className: d(te.badge, e),
+      ref: o,
+      className: v(pe.badge, a),
       ...r,
-      children: t
+      children: l
     }
   )
 );
-ae.displayName = "Badge";
-const se = "_icon_1t4xn_56", y = {
+G.displayName = "Badge";
+const fe = "_icon_1t4xn_56", $ = {
   "status-dropdown": "_status-dropdown_1t4xn_3",
   "status-trigger": "_status-trigger_1t4xn_9",
   "status-menu": "_status-menu_1t4xn_14",
   "is-open": "_is-open_1t4xn_31",
   "status-menu-item": "_status-menu-item_1t4xn_35",
   "is-active": "_is-active_1t4xn_52",
-  icon: se,
+  icon: fe,
   "icon-sm": "_icon-sm_1t4xn_65"
-}, re = g.forwardRef(
-  ({ value: e, onChange: t, options: r, className: s, "aria-label": n, ...l }, c) => {
-    const [b, o] = I(!1), i = q(null), u = (_) => {
-      typeof c == "function" ? c(_) : c && (c.current = _), i.current = _;
-    }, N = r.find((_) => _.value === e) || r[0];
-    O(() => {
-      const _ = (p) => {
-        i.current && !i.current.contains(p.target) && o(!1);
+}, ne = w.forwardRef(
+  ({ value: a, onChange: l, options: r, className: o, "aria-label": i, ..._ }, u) => {
+    const [f, m] = I(!1), g = oe(null), t = (p) => {
+      typeof u == "function" ? u(p) : u && (u.current = p), g.current = p;
+    }, b = r.find((p) => p.value === a) || r[0];
+    z(() => {
+      const p = (y) => {
+        g.current && !g.current.contains(y.target) && m(!1);
       };
-      return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
+      return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
     }, []);
-    const j = (_) => {
-      _.stopPropagation(), o(!b);
-    }, w = (_, p) => {
-      _.stopPropagation(), t && t(p.value), o(!1);
+    const j = (p) => {
+      p.stopPropagation(), m(!f);
+    }, k = (p, y) => {
+      p.stopPropagation(), l && l(y.value), m(!1);
     };
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ n(
       "div",
       {
-        ref: u,
-        className: d(y["status-dropdown"], s),
-        ...l,
+        ref: t,
+        className: v($["status-dropdown"], o),
+        ..._,
         children: [
-          /* @__PURE__ */ m(
-            E,
+          /* @__PURE__ */ n(
+            P,
             {
               variant: "outline",
               size: "sm",
-              className: y["status-trigger"],
+              className: $["status-trigger"],
               onClick: j,
               "aria-haspopup": "listbox",
-              "aria-expanded": b,
-              "aria-label": n,
+              "aria-expanded": f,
+              "aria-label": i,
               children: [
-                N?.label,
-                /* @__PURE__ */ a("svg", { className: d(y.icon, y["icon-sm"]), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: /* @__PURE__ */ a("path", { d: "m6 9 6 6 6-6" }) })
+                b?.label,
+                /* @__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" }) })
               ]
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ e(
             "div",
             {
-              className: d(y["status-menu"], { [y["is-open"]]: b }),
+              className: v($["status-menu"], { [$["is-open"]]: f }),
               role: "listbox",
-              children: r.map((_) => /* @__PURE__ */ a(
+              children: r.map((p) => /* @__PURE__ */ e(
                 "button",
                 {
-                  className: d(y["status-menu-item"], {
-                    [y["is-active"]]: _.value === N?.value
+                  className: v($["status-menu-item"], {
+                    [$["is-active"]]: p.value === b?.value
                   }),
                   role: "option",
-                  "aria-selected": _.value === N?.value,
-                  onClick: (p) => w(p, _),
-                  children: _.label
+                  "aria-selected": p.value === b?.value,
+                  onClick: (y) => k(y, p),
+                  children: p.label
                 },
-                _.value
+                p.value
               ))
             }
           )
@@ -487,64 +487,636 @@ const se = "_icon_1t4xn_56", y = {
     );
   }
 );
-re.displayName = "StatusDropdown";
-const ne = "_checklist_ylbeh_3", $ = {
-  checklist: ne,
+ne.displayName = "StatusDropdown";
+const ve = "_checklist_ylbeh_3", M = {
+  checklist: ve,
   "check-item": "_check-item_ylbeh_9",
   "is-done": "_is-done_ylbeh_27",
   "checklist--readonly": "_checklist--readonly_ylbeh_32",
   "form-control": "_form-control_ylbeh_40"
-}, le = g.forwardRef(
-  ({ items: e, onChange: t, editable: r = !1, className: s, ...n }, l) => {
-    const c = (o, i) => {
-      t && t(e.map((u) => u.id === o ? { ...u, checked: i } : u));
-    }, b = (o, i) => {
-      t && t(e.map((u) => u.id === o ? { ...u, text: i } : u));
+}, W = w.forwardRef(
+  ({ items: a, onChange: l, editable: r = !1, className: o, ...i }, _) => {
+    const u = (m, g) => {
+      l && l(a.map((t) => t.id === m ? { ...t, checked: g } : t));
+    }, f = (m, g) => {
+      l && l(a.map((t) => t.id === m ? { ...t, text: g } : t));
     };
-    return /* @__PURE__ */ a(
+    return /* @__PURE__ */ e(
       "div",
       {
-        ref: l,
-        className: d($.checklist, { [$["checklist--readonly"]]: !r }, s),
-        ...n,
-        children: e.map((o) => /* @__PURE__ */ m("div", { className: d($["check-item"], { [$["is-done"]]: o.checked }), children: [
-          /* @__PURE__ */ a(
+        ref: _,
+        className: v(M.checklist, { [M["checklist--readonly"]]: !r }, o),
+        ...i,
+        children: a.map((m) => /* @__PURE__ */ n("div", { className: v(M["check-item"], { [M["is-done"]]: m.checked }), children: [
+          /* @__PURE__ */ e(
             "input",
             {
               type: "checkbox",
-              id: o.id,
-              checked: o.checked,
-              onChange: (i) => c(o.id, i.target.checked)
+              id: m.id,
+              checked: m.checked,
+              onChange: (g) => u(m.id, g.target.checked)
             }
           ),
-          r ? /* @__PURE__ */ a(
+          r ? /* @__PURE__ */ e(
             "input",
             {
               type: "text",
-              className: $["form-control"],
-              value: o.text,
-              onChange: (i) => b(o.id, i.target.value),
+              className: M["form-control"],
+              value: m.text,
+              onChange: (g) => f(m.id, g.target.value),
               placeholder: "Was ist zu tun?",
               "aria-label": "Aufgabenbeschreibung bearbeiten"
             }
-          ) : /* @__PURE__ */ a("label", { htmlFor: o.id, children: o.text })
-        ] }, o.id))
+          ) : /* @__PURE__ */ e("label", { htmlFor: m.id, children: m.text })
+        ] }, m.id))
+      }
+    );
+  }
+);
+W.displayName = "Checklist";
+const be = "_dashboard_10t3c_4", C = {
+  dashboard: be,
+  "dashboard-card": "_dashboard-card_10t3c_17",
+  "dashboard-card__header": "_dashboard-card__header_10t3c_27",
+  "dashboard-card__title": "_dashboard-card__title_10t3c_31",
+  "status-legend": "_status-legend_10t3c_39",
+  "project-filters": "_project-filters_10t3c_45",
+  "project-filters__search": "_project-filters__search_10t3c_54"
+}, Ne = [
+  { 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() },
+  { 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() },
+  { id: "3", name: "Data Analytics Dashboard", client: "DataViz AG", app: "React / Supabase", status: "in-prufung", favorite: !1, createdAt: "20.02.2026", updatedAt: new Date(Date.now() - 10080 * 60 * 1e3).toISOString() },
+  { id: "4", name: "Mobile App Onboarding", client: "FitHealth", app: "Flutter", status: "neu", favorite: !1, createdAt: "01.03.2026", updatedAt: new Date(Date.now() - 960 * 60 * 60 * 1e3).toISOString() },
+  { id: "5", name: "Payment Gateway Update", client: "FinTech Solutions", app: "Stripe API", status: "validierung", favorite: !1, createdAt: "10.02.2026", updatedAt: new Date(Date.now() - 2880 * 60 * 60 * 1e3).toISOString() },
+  { id: "6", name: "Legacy System Migration", client: "OldBank Corp.", app: "Node.js / PostgreSQL", status: "abgeschlossen", favorite: !0, createdAt: "01.12.2025", updatedAt: new Date(Date.now() - 366 * 24 * 60 * 60 * 1e3).toISOString() },
+  {
+    id: "7",
+    name: "Extrem langer Projektname der wahrscheinlich das Layout sprengt oder zumindest sehr viel Platz einnimmt um das Verhalten zu testen",
+    client: "International Dynamics Worldwide Global Solutions Holding GmbH & Co. KG",
+    app: "Enterprise Resource Planning & Cloud Service Integration Platform (v2.4.8-beta)",
+    status: "in-prufung",
+    favorite: !1,
+    createdAt: "01.01.2026",
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  },
+  {
+    id: "8",
+    name: "Short Title",
+    client: "Kunde mit einem Namen der so lang ist dass er in einer schmalen Spalte sicherlich umbrechen oder abgeschnitten werden muss um die Lesbarkeit des restlichen Layouts zu erhalten",
+    app: "App",
+    status: "validierung",
+    favorite: !1,
+    createdAt: "05.01.2026",
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  }
+], we = [
+  { status: "alle", label: "Alle" },
+  { status: "neu", label: "Neu" },
+  { status: "offen", label: "Offen" },
+  { status: "in-prufung", label: "In Prüfung" },
+  { status: "validierung", label: "Validierung" },
+  { status: "abgeschlossen", label: "Abgeschlossen" }
+], ye = {
+  neu: "Neu",
+  offen: "Offen",
+  "in-prufung": "In Prüfung",
+  validierung: "Validierung",
+  abgeschlossen: "Abgeschlossen"
+}, ke = w.forwardRef(
+  ({ initialRows: a = Ne, className: l, ...r }, o) => {
+    const [i, _] = I(a), [u, f] = I("alle"), [m, g] = I(""), t = F(() => {
+      const c = {
+        alle: i.length,
+        neu: 0,
+        offen: 0,
+        "in-prufung": 0,
+        validierung: 0,
+        abgeschlossen: 0
+      };
+      return i.forEach((N) => {
+        c[N.status]++;
+      }), c;
+    }, [i]), b = F(() => {
+      let c = i;
+      if (u !== "alle" && (c = c.filter((N) => N.status === u)), m.trim() !== "") {
+        const N = m.toLowerCase().trim();
+        c = c.filter(
+          (h) => h.name.toLowerCase().includes(N) || h.client.toLowerCase().includes(N) || h.app.toLowerCase().includes(N)
+        );
+      }
+      return u === "alle" && (c = [...c].sort((N, h) => Number(h.favorite) - Number(N.favorite))), c;
+    }, [i, u, m]), j = u === "alle" ? "Alle Projekte" : `Projekte: ${ye[u]}`, k = (c, N) => {
+      _((h) => h.map((d) => d.id === c ? { ...d, favorite: N } : d));
+    }, p = F(() => [
+      { status: "neu", label: "Neu", value: t.neu, color: "hsl(var(--status-neu))" },
+      { status: "offen", label: "Offen", value: t.offen, color: "hsl(var(--status-offen))" },
+      { status: "in-prufung", label: "In Prüfung", value: t["in-prufung"], color: "hsl(var(--status-in-prufung))" },
+      { status: "validierung", label: "Validierung", value: t.validierung, color: "hsl(var(--status-validierung))" },
+      { status: "abgeschlossen", label: "Abgeschlossen", value: t.abgeschlossen, color: "hsl(var(--status-abgeschlossen))" }
+    ], [t]), y = (c) => {
+      f(c);
+    };
+    return /* @__PURE__ */ n(
+      "main",
+      {
+        ref: o,
+        className: v(C.dashboard, l),
+        ...r,
+        children: [
+          /* @__PURE__ */ n(
+            "section",
+            {
+              className: v(C["dashboard-card"], C["status-overview"]),
+              "aria-label": "Projektstatus Übersicht",
+              children: [
+                /* @__PURE__ */ e("header", { className: C["dashboard-card__header"], children: /* @__PURE__ */ e("h1", { className: C["dashboard-card__title"], children: "Projekte" }) }),
+                /* @__PURE__ */ e(
+                  se,
+                  {
+                    data: p,
+                    onSegmentClick: y
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: C["status-legend"],
+                    role: "listbox",
+                    "aria-label": "Nach Status filtern",
+                    children: we.map(({ status: c, label: N }) => /* @__PURE__ */ e(
+                      ae,
+                      {
+                        status: c,
+                        label: N,
+                        count: t[c],
+                        active: u === c,
+                        onClick: () => f(c)
+                      },
+                      c
+                    ))
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ n(
+            "section",
+            {
+              className: v(C["dashboard-card"], C["project-list"]),
+              "aria-label": "Projektliste",
+              children: [
+                /* @__PURE__ */ n("div", { className: C["project-filters"], children: [
+                  /* @__PURE__ */ e("h2", { className: C["dashboard-card__title"], children: j }),
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      type: "search",
+                      className: C["project-filters__search"],
+                      "aria-label": "Projekte durchsuchen",
+                      placeholder: "Suchen...",
+                      value: m,
+                      onChange: (c) => g(c.target.value)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e(le, { rows: b, onToggleFavorite: k })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ke.displayName = "DashboardPage";
+const je = "_icon_1ekm1_83", x = {
+  "task-item": "_task-item_1ekm1_4",
+  "task-item__content": "_task-item__content_1ekm1_25",
+  "task-item__title-group": "_task-item__title-group_1ekm1_32",
+  "task-item__title": "_task-item__title_1ekm1_32",
+  "task-item__meta": "_task-item__meta_1ekm1_52",
+  "meta-user": "_meta-user_1ekm1_64",
+  "meta-project": "_meta-project_1ekm1_70",
+  "icon-sm": "_icon-sm_1ekm1_83",
+  "task-item__deadline": "_task-item__deadline_1ekm1_88",
+  "deadline-urgent": "_deadline-urgent_1ekm1_97",
+  "deadline-normal": "_deadline-normal_1ekm1_102",
+  "task-item__actions": "_task-item__actions_1ekm1_107",
+  icon: je
+}, Se = [
+  { value: "Offen", label: "Offen" },
+  { value: "In Arbeit", label: "In Arbeit" },
+  { value: "Erledigt", label: "Erledigt" }
+], re = w.forwardRef(
+  ({ 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) => {
+    const p = (c) => {
+      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), g?.());
+    }, y = (c) => {
+      c.stopPropagation();
+    };
+    return /* @__PURE__ */ n(
+      "article",
+      {
+        ref: k,
+        className: v(x["task-item"], b),
+        role: "listitem",
+        tabIndex: 0,
+        onClick: g,
+        onKeyDown: p,
+        ...j,
+        children: [
+          /* @__PURE__ */ n("div", { className: x["task-item__content"], children: [
+            /* @__PURE__ */ e("div", { className: x["task-item__title-group"], children: /* @__PURE__ */ e("h3", { className: x["task-item__title"], children: a }) }),
+            /* @__PURE__ */ n("div", { className: x["task-item__meta"], children: [
+              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)) }) }),
+              /* @__PURE__ */ n("div", { className: x["meta-project"], "aria-label": `Projekt: ${r || l}`, children: [
+                /* @__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" }) }),
+                r || l
+              ] }),
+              u && u !== "low" && /* @__PURE__ */ e(K, { level: u, size: "small" })
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: v(x["task-item__deadline"], x[`deadline-${_}`]), children: i }),
+          /* @__PURE__ */ e("div", { className: x["task-item__actions"], onClick: y, children: /* @__PURE__ */ e(
+            ne,
+            {
+              options: Se,
+              value: o,
+              onChange: t
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+re.displayName = "TaskItem";
+const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
+  "modal-overlay": "_modal-overlay_sth7y_4",
+  "is-active": "_is-active_sth7y_19",
+  "modal-content": "_modal-content_sth7y_25",
+  "modal-header": "_modal-header_sth7y_46",
+  "modal-header-title": "_modal-header-title_sth7y_56",
+  "modal-body": "_modal-body_sth7y_66",
+  "modal-footer": "_modal-footer_sth7y_85",
+  "view-group": "_view-group_sth7y_96",
+  "view-label": "_view-label_sth7y_103",
+  "view-badge-row": "_view-badge-row_sth7y_113",
+  "view-task-title": "_view-task-title_sth7y_121",
+  "view-value-strong": "_view-value-strong_sth7y_131",
+  "view-description": "_view-description_sth7y_139",
+  "text-muted": "_text-muted_sth7y_147",
+  "form-group": "_form-group_sth7y_153",
+  "form-row": "_form-row_sth7y_159",
+  "form-label": "_form-label_sth7y_165",
+  "form-control": "_form-control_sth7y_175",
+  textarea: Ae,
+  icon: Ce,
+  "icon-pencil": "_icon-pencil_sth7y_214"
+}, U = [
+  { value: "Q1", label: "Q1 Roadmap" },
+  { value: "FR", label: "Frontend Relaunch" },
+  { value: "UR", label: "User Research" }
+], Y = [
+  { initials: "FV", name: "Fabian Venmann" },
+  { initials: "LV", name: "Luca Vitiello" },
+  { initials: "AS", name: "Anna Schmidt" }
+], ie = w.forwardRef(
+  ({ isOpen: a, onClose: l, task: r, onSave: o, initialMode: i = "view", className: _, ...u }, f) => {
+    const [m, g] = I(i), [t, b] = I(null);
+    if (z(() => {
+      a && r && (b({ ...r, checklist: [...r.checklist] }), g(i));
+    }, [a, r, i]), z(() => {
+      const d = (S) => {
+        S.key === "Escape" && a && l();
+      };
+      return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
+    }, [a, l]), !a || !r || !t) return null;
+    const j = () => {
+      o && o(t), g("view");
+    }, k = () => {
+      l();
+    }, p = (d) => {
+      b({ ...t, checklist: d });
+    }, y = (d) => {
+      const S = U.find((T) => T.value === d.target.value);
+      b({
+        ...t,
+        project: d.target.value,
+        projectLabel: S?.label || d.target.value
+      });
+    }, c = (d) => {
+      const S = Y.find((T) => T.initials.toLowerCase() === d.target.value);
+      S && b({ ...t, assignees: [S] });
+    }, N = () => {
+      const d = {
+        id: `check-${Date.now()}`,
+        text: "",
+        checked: !1
+      };
+      b({
+        ...t,
+        checklist: [...t.checklist, d]
+      });
+    }, h = (d) => {
+      d.target === d.currentTarget && k();
+    };
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: f,
+        className: v(s["modal-overlay"], { [s["is-active"]]: a }, _),
+        onClick: h,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "modalTitle",
+        ...u,
+        children: /* @__PURE__ */ n("div", { className: s["modal-content"], "data-mode": m, children: [
+          /* @__PURE__ */ n("header", { className: s["modal-header"], children: [
+            /* @__PURE__ */ e("h2", { className: s["modal-header-title"], id: "modalTitle", children: m === "edit" ? "Aufgabe bearbeiten" : "Aufgaben-Details" }),
+            /* @__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" }) }) })
+          ] }),
+          m === "view" ? /* @__PURE__ */ n("div", { className: s["modal-body"], children: [
+            /* @__PURE__ */ n("div", { className: s["view-group"], children: [
+              /* @__PURE__ */ e("span", { className: s["view-label"], children: "Titel" }),
+              /* @__PURE__ */ e("h3", { className: s["view-task-title"], children: t.title })
+            ] }),
+            /* @__PURE__ */ n("div", { className: s["view-badge-row"], children: [
+              /* @__PURE__ */ n("div", { className: s["view-group"], children: [
+                /* @__PURE__ */ e("span", { className: s["view-label"], children: "Verantwortlich" }),
+                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" })
+              ] }),
+              /* @__PURE__ */ n("div", { className: s["view-group"], children: [
+                /* @__PURE__ */ e("span", { className: s["view-label"], children: "Projekt" }),
+                /* @__PURE__ */ n(G, { children: [
+                  /* @__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" }) }),
+                  t.projectLabel || t.project
+                ] })
+              ] }),
+              /* @__PURE__ */ n("div", { className: s["view-group"], children: [
+                /* @__PURE__ */ e("span", { className: s["view-label"], children: "Priorität" }),
+                t.priority ? /* @__PURE__ */ e(K, { level: t.priority, size: "large" }) : /* @__PURE__ */ e("div", { className: s["text-muted"], children: "Keine" })
+              ] }),
+              /* @__PURE__ */ n("div", { className: s["view-group"], children: [
+                /* @__PURE__ */ e("span", { className: s["view-label"], children: "Status" }),
+                /* @__PURE__ */ e(G, { children: t.status })
+              ] }),
+              /* @__PURE__ */ n("div", { className: s["view-group"], children: [
+                /* @__PURE__ */ e("span", { className: s["view-label"], children: "Fälligkeit" }),
+                /* @__PURE__ */ e("div", { className: s["view-value-strong"], children: t.deadline })
+              ] })
+            ] }),
+            /* @__PURE__ */ n("div", { className: s["view-group"], children: [
+              /* @__PURE__ */ e("span", { className: s["view-label"], children: "Beschreibung" }),
+              /* @__PURE__ */ e("p", { className: s["view-description"], children: t.description || /* @__PURE__ */ e("span", { className: s["text-muted"], children: "Keine Beschreibung vorhanden." }) })
+            ] }),
+            /* @__PURE__ */ n("div", { className: s["view-group"], children: [
+              /* @__PURE__ */ e("span", { className: s["view-label"], children: "To-Do Checkliste" }),
+              /* @__PURE__ */ e(W, { items: t.checklist, onChange: p, editable: !1 })
+            ] })
+          ] }) : /* @__PURE__ */ n("div", { className: s["modal-body"], children: [
+            /* @__PURE__ */ n("div", { className: s["form-group"], children: [
+              /* @__PURE__ */ e("label", { className: s["form-label"], htmlFor: "taskTitle", children: "Titel" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "text",
+                  id: "taskTitle",
+                  className: s["form-control"],
+                  value: t.title,
+                  onChange: (d) => b({ ...t, title: d.target.value })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ n("div", { className: s["form-row"], children: [
+              /* @__PURE__ */ n("div", { className: s["form-group"], children: [
+                /* @__PURE__ */ e("label", { className: s["form-label"], htmlFor: "taskProject", children: "Projekt" }),
+                /* @__PURE__ */ e(
+                  "select",
+                  {
+                    id: "taskProject",
+                    className: s["form-control"],
+                    value: t.project,
+                    onChange: y,
+                    children: U.map((d) => /* @__PURE__ */ e("option", { value: d.value, children: d.label }, d.value))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ n("div", { className: s["form-group"], children: [
+                /* @__PURE__ */ e("label", { className: s["form-label"], htmlFor: "taskStatus", children: "Status" }),
+                /* @__PURE__ */ n(
+                  "select",
+                  {
+                    id: "taskStatus",
+                    className: s["form-control"],
+                    value: t.status,
+                    onChange: (d) => b({ ...t, status: d.target.value }),
+                    children: [
+                      /* @__PURE__ */ e("option", { value: "Offen", children: "Offen" }),
+                      /* @__PURE__ */ e("option", { value: "In Arbeit", children: "In Arbeit" }),
+                      /* @__PURE__ */ e("option", { value: "Erledigt", children: "Erledigt" })
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ n("div", { className: s["form-row"], children: [
+              /* @__PURE__ */ n("div", { className: s["form-group"], children: [
+                /* @__PURE__ */ e("label", { className: s["form-label"], htmlFor: "taskDate", children: "Fälligkeitsdatum" }),
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "text",
+                    id: "taskDate",
+                    className: s["form-control"],
+                    value: t.deadline,
+                    onChange: (d) => b({ ...t, deadline: d.target.value })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ n("div", { className: s["form-group"], children: [
+                /* @__PURE__ */ e("label", { className: s["form-label"], htmlFor: "taskPriority", children: "Priorität" }),
+                /* @__PURE__ */ n(
+                  "select",
+                  {
+                    id: "taskPriority",
+                    className: s["form-control"],
+                    value: t.priority || "",
+                    onChange: (d) => b({ ...t, priority: d.target.value || void 0 }),
+                    children: [
+                      /* @__PURE__ */ e("option", { value: "", children: "Keine" }),
+                      /* @__PURE__ */ e("option", { value: "high", children: "Hoch (!!)" }),
+                      /* @__PURE__ */ e("option", { value: "medium", children: "Medium (!)" }),
+                      /* @__PURE__ */ e("option", { value: "low", children: "Niedrig" })
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ n("div", { className: s["form-group"], children: [
+              /* @__PURE__ */ e("label", { className: s["form-label"], htmlFor: "taskAssignee", children: "Verantwortlich" }),
+              /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+                /* @__PURE__ */ e(B, { initials: t.assignees[0]?.initials || "?" }),
+                /* @__PURE__ */ e(
+                  "select",
+                  {
+                    id: "taskAssignee",
+                    className: s["form-control"],
+                    style: { flex: 1 },
+                    value: t.assignees[0]?.initials.toLowerCase() || "",
+                    onChange: c,
+                    children: Y.map((d) => /* @__PURE__ */ e("option", { value: d.initials.toLowerCase(), children: d.name }, d.initials))
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ n("div", { className: s["form-group"], children: [
+              /* @__PURE__ */ e("label", { className: s["form-label"], htmlFor: "taskDescription", children: "Beschreibung" }),
+              /* @__PURE__ */ e(
+                "textarea",
+                {
+                  id: "taskDescription",
+                  className: v(s["form-control"], s.textarea),
+                  placeholder: "Weitere Details zur Aufgabe...",
+                  value: t.description || "",
+                  onChange: (d) => b({ ...t, description: d.target.value })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ n("div", { className: s["form-group"], children: [
+              /* @__PURE__ */ e("label", { className: s["form-label"], children: "To-Do Checkliste" }),
+              /* @__PURE__ */ e(W, { items: t.checklist, onChange: p, editable: !0 }),
+              /* @__PURE__ */ e(
+                P,
+                {
+                  variant: "ghost",
+                  onClick: N,
+                  style: { alignSelf: "flex-start", marginTop: "0.25rem" },
+                  children: "+ Neues Element"
+                }
+              )
+            ] })
+          ] }),
+          m === "view" ? /* @__PURE__ */ n("footer", { className: s["modal-footer"], children: [
+            /* @__PURE__ */ e(P, { variant: "outline", onClick: k, children: "Schließen" }),
+            /* @__PURE__ */ n(P, { variant: "primary", onClick: () => g("edit"), children: [
+              /* @__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" }) }),
+              "Bearbeiten"
+            ] })
+          ] }) : /* @__PURE__ */ n("footer", { className: s["modal-footer"], children: [
+            /* @__PURE__ */ e(P, { variant: "outline", onClick: () => g("view"), children: "Abbrechen" }),
+            /* @__PURE__ */ e(P, { variant: "primary", onClick: j, children: "Speichern" })
+          ] })
+        ] })
+      }
+    );
+  }
+);
+ie.displayName = "TaskDetailModal";
+const xe = "_icon_1fdjp_65", R = {
+  "widget-card": "_widget-card_1fdjp_4",
+  "widget-header": "_widget-header_1fdjp_20",
+  "widget-header__title": "_widget-header__title_1fdjp_30",
+  "task-list": "_task-list_1fdjp_41",
+  icon: xe,
+  "icon-sm": "_icon-sm_1fdjp_75"
+}, Ie = w.forwardRef(
+  ({ tasks: a, onTaskUpdate: l, onTaskAdd: r, className: o, ...i }, _) => {
+    const [u, f] = I(a), [m, g] = I(!1), [t, b] = I(null), [j, k] = I("view"), p = (h) => {
+      b(h), k("view"), g(!0);
+    }, y = () => {
+      const h = {
+        id: `new-${Date.now()}`,
+        title: "Neue Aufgabe",
+        project: "Q1",
+        projectLabel: "Q1 Roadmap",
+        status: "Offen",
+        deadline: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+        priority: "medium",
+        assignees: [{ initials: "FV", name: "Fabian Venmann" }],
+        description: "",
+        checklist: []
+      };
+      b(h), k("edit"), g(!0);
+    }, c = (h) => {
+      if (u.some((S) => S.id === h.id)) {
+        const S = u.map((T) => T.id === h.id ? h : T);
+        f(S), l && l(h);
+      } else
+        f([...u, h]), r && r(h);
+      b(h);
+    }, N = (h, d) => {
+      const S = u.map((T) => {
+        if (T.id === h) {
+          const q = { ...T, status: d };
+          return l && l(q), q;
+        }
+        return T;
+      });
+      f(S);
+    };
+    return /* @__PURE__ */ n(
+      "main",
+      {
+        ref: _,
+        className: v(R["widget-card"], o),
+        ...i,
+        children: [
+          /* @__PURE__ */ n("header", { className: R["widget-header"], children: [
+            /* @__PURE__ */ e("h2", { className: R["widget-header__title"], children: "Aufgaben" }),
+            /* @__PURE__ */ n(P, { variant: "primary", onClick: y, "aria-label": "Neue Aufgabe erstellen", children: [
+              /* @__PURE__ */ e("svg", { className: v(R.icon, R["icon-sm"]), viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M12 5v14M5 12h14" }) }),
+              "Neu"
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: R["task-list"], role: "list", "aria-label": "Aufgabenliste", children: u.map((h) => /* @__PURE__ */ e(
+            re,
+            {
+              title: h.title,
+              project: h.project,
+              projectLabel: h.projectLabel,
+              status: h.status,
+              deadline: h.deadline,
+              deadlineType: h.deadlineType,
+              priority: h.priority,
+              assignees: h.assignees,
+              description: h.description,
+              onClick: () => p(h),
+              onStatusChange: (d) => N(h.id, d)
+            },
+            h.id
+          )) }),
+          /* @__PURE__ */ e(
+            ie,
+            {
+              isOpen: m,
+              onClose: () => g(!1),
+              task: t,
+              initialMode: j,
+              onSave: c
+            }
+          )
+        ]
       }
     );
   }
 );
-le.displayName = "Checklist";
+Ie.displayName = "TaskWidget";
 export {
-  J as Avatar,
-  K as AvatarGroup,
-  ae as Badge,
-  E as Button,
-  le as Checklist,
-  z as FavoriteButton,
-  X as PriorityBadge,
-  V as ProjectTable,
-  T as StatusBadge,
-  G as StatusChart,
-  re as StatusDropdown,
-  F as StatusLegendItem
+  B as Avatar,
+  H as AvatarGroup,
+  G as Badge,
+  P as Button,
+  W as Checklist,
+  ke as DashboardPage,
+  te as FavoriteButton,
+  K as PriorityBadge,
+  le as ProjectTable,
+  ee as StatusBadge,
+  se as StatusChart,
+  ne as StatusDropdown,
+  ae as StatusLegendItem,
+  ie as TaskDetailModal,
+  re as TaskItem,
+  Ie as TaskWidget
 };