@fastnd/components 1.0.4 → 1.0.6

package/dist/components/FavoriteButton/FavoriteButton.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-export interface FavoriteButtonProps {
+export interface FavoriteButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onToggle'> {
     pressed: boolean;
     projectName: string;
-    variant?: 'default' | 'featured';
     onToggle?: (nextPressed: boolean) => void;
+    color?: string;
+    activeColor?: string;
     className?: string;
 }
 export declare const FavoriteButton: React.ForwardRefExoticComponent<FavoriteButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ProjectTable/ProjectTable.d.ts

@@ -1,17 +1,18 @@
 import React from 'react';
-import { type StatusBadgeStatus } from '../StatusBadge/StatusBadge';
+import { StatusBadgeStatus } from '../StatusBadge/StatusBadge';
 export interface ProjectRow {
     id: string;
     name: string;
     client: string;
     app: string;
     status: StatusBadgeStatus;
-    statusLabel: string;
     favorite: boolean;
+    createdAt: string;
+    updatedAt: string;
 }
-export interface ProjectTableProps {
+export interface ProjectTableProps extends React.HTMLAttributes<HTMLDivElement> {
     rows: ProjectRow[];
-    onFavoriteToggle?: (id: string, nextPressed: boolean) => void;
+    onToggleFavorite?: (id: string, nextFavorite: boolean) => void;
     className?: string;
 }
-export declare const ProjectTable: React.ForwardRefExoticComponent<ProjectTableProps & React.RefAttributes<HTMLTableElement>>;
+export declare const ProjectTable: React.ForwardRefExoticComponent<ProjectTableProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/StatusBadge/StatusBadge.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-export type StatusBadgeStatus = 'neu' | 'offen' | 'pruefung' | 'validierung' | 'abgeschlossen';
-export interface StatusBadgeProps {
+export type StatusBadgeStatus = 'neu' | 'offen' | 'in-prufung' | 'validierung' | 'abgeschlossen';
+export declare const STATUS_LABELS: Record<StatusBadgeStatus, string>;
+export interface StatusBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     status: StatusBadgeStatus;
-    label: string;
-    variant?: 'default' | 'featured';
+    color?: string;
+    backgroundColor?: string;
     className?: string;
 }
 export declare const StatusBadge: React.ForwardRefExoticComponent<StatusBadgeProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/StatusChart/StatusChart.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface StatusSegment {
+    status: string;
+    label: string;
+    value: number;
+    color: string;
+}
+export interface StatusChartProps extends React.HTMLAttributes<HTMLDivElement> {
+    data: StatusSegment[];
+    totalLabel?: string;
+    onSegmentClick?: (status: string) => void;
+    className?: string;
+}
+export declare const StatusChart: React.ForwardRefExoticComponent<StatusChartProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/StatusLegendItem/StatusLegendItem.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type LegendStatus = 'alle' | 'neu' | 'offen' | 'in-prufung' | 'validierung' | 'abgeschlossen';
+export interface StatusLegendItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    status: LegendStatus;
+    label: string;
+    count: number;
+    active?: boolean;
+    color?: string;
+    className?: string;
+}
+export declare const StatusLegendItem: React.ForwardRefExoticComponent<StatusLegendItemProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/index.d.ts

@@ -2,13 +2,9 @@ export { StatusBadge } from './StatusBadge/StatusBadge';
 export type { StatusBadgeProps, StatusBadgeStatus } from './StatusBadge/StatusBadge';
 export { FavoriteButton } from './FavoriteButton/FavoriteButton';
 export type { FavoriteButtonProps } from './FavoriteButton/FavoriteButton';
-export { LegendItem } from './LegendItem/LegendItem';
-export type { LegendItemProps, LegendItemFilter } from './LegendItem/LegendItem';
-export { DonutChart } from './DonutChart/DonutChart';
-export type { DonutChartProps, DonutSegment } from './DonutChart/DonutChart';
-export { StatsPanel } from './StatsPanel/StatsPanel';
-export type { StatsPanelProps, StatsPanelLegendEntry } from './StatsPanel/StatsPanel';
-export { ProjectFeatured } from './ProjectFeatured/ProjectFeatured';
-export type { ProjectFeaturedProps } from './ProjectFeatured/ProjectFeatured';
+export { StatusLegendItem } from './StatusLegendItem/StatusLegendItem';
+export type { StatusLegendItemProps, LegendStatus } from './StatusLegendItem/StatusLegendItem';
+export { StatusChart } from './StatusChart/StatusChart';
+export type { StatusChartProps } from './StatusChart/StatusChart';
 export { ProjectTable } from './ProjectTable/ProjectTable';
 export type { ProjectTableProps, ProjectRow } from './ProjectTable/ProjectTable';

package/dist/components.js

@@ -1,296 +1,316 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._badge_982rt_1{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.6875rem;font-weight:500;letter-spacing:.01em;white-space:nowrap;line-height:1.4}._badge__dot_982rt_14{width:6px;height:6px;border-radius:50%}._badge--neu_982rt_20{background-color:hsl(var(--status-neu) / .1);color:hsl(var(--status-neu))}._badge--neu_982rt_20 ._badge__dot_982rt_14{background-color:hsl(var(--status-neu))}._badge--offen_982rt_26{background-color:hsl(var(--status-offen) / .1);color:hsl(var(--status-offen))}._badge--offen_982rt_26 ._badge__dot_982rt_14{background-color:hsl(var(--status-offen))}._badge--pruefung_982rt_32{background-color:hsl(var(--status-pruefung) / .12);color:#ae8813}._badge--pruefung_982rt_32 ._badge__dot_982rt_14{background-color:hsl(var(--status-pruefung))}._badge--validierung_982rt_38{background-color:hsl(var(--status-validierung) / .1);color:hsl(var(--status-validierung))}._badge--validierung_982rt_38 ._badge__dot_982rt_14{background-color:hsl(var(--status-validierung))}._badge--abgeschlossen_982rt_44{background-color:hsl(var(--score-high) / .1);color:hsl(var(--score-high))}._badge--abgeschlossen_982rt_44 ._badge__dot_982rt_14{background-color:hsl(var(--score-high))}._badge--featured_982rt_50{background-color:#fff3;color:#fff}._badge--featured_982rt_50 ._badge__dot_982rt_14{background-color:#fff}._btn_1uvto_1{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease;color:hsl(var(--muted-foreground))}._btn_1uvto_1:hover{background-color:hsl(var(--muted))}._btn_1uvto_1[aria-pressed=true]{color:hsl(var(--score-medium))}._btn--featured_1uvto_20{color:#fff9}._btn--featured_1uvto_20:hover{background-color:#ffffff1a}._btn--featured_1uvto_20[aria-pressed=true]{color:#fff}._btn_1uvto_1 svg{width:18px;height:18px;pointer-events:none}._item_2eawr_1{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:var(--radius-md);transition:background-color .15s ease;width:100%;text-align:left}._item_2eawr_1:hover{background-color:hsl(var(--sidebar-accent))}._item_2eawr_1[aria-pressed=true]{background-color:hsl(var(--sidebar-accent));font-weight:500}._item__dot_2eawr_21{width:10px;height:10px;border-radius:50%;flex-shrink:0}._item__dot--alle_2eawr_28{background:var(--gradient-primary)}._item__dot--neu_2eawr_29{background-color:hsl(var(--status-neu))}._item__dot--offen_2eawr_30{background-color:hsl(var(--status-offen))}._item__dot--pruefung_2eawr_31{background-color:hsl(var(--status-pruefung))}._item__dot--validierung_2eawr_32{background-color:hsl(var(--status-validierung))}._item__dot--abgeschlossen_2eawr_33{background-color:hsl(var(--status-abgeschlossen))}._item__label_2eawr_35{flex:1;font-size:.8125rem;color:hsl(var(--sidebar-foreground))}._item__count_2eawr_41{font-family:var(--font-display);font-size:.8125rem;font-weight:600;color:hsl(var(--foreground));min-width:2rem;text-align:right}._chart_wxr92_1{position:relative;width:180px;height:180px}._chart__center_wxr92_7{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}._chart__total_wxr92_15{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:hsl(var(--foreground));line-height:1}._chart__label_wxr92_23{font-size:.625rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem}@keyframes _donutSegment_wxr92_1{0%{stroke-dasharray:0 100}}._segment_wxr92_35{animation:_donutSegment_wxr92_1 .8s ease forwards}@media(max-width:768px){._chart_wxr92_1{width:140px;height:140px}}@media(max-width:480px){._chart_wxr92_1{width:120px;height:120px}}._panel_dp2i7_1{background:hsl(var(--card));border-radius:var(--radius);border:1px solid hsl(var(--border));box-shadow:var(--shadow-card);padding:1.5rem;position:sticky;top:1rem;animation:_fadeSlideIn_dp2i7_1 .4s ease both}._panel__chartWrapper_dp2i7_12{display:flex;justify-content:center;margin-bottom:1.5rem}._panel__legend_dp2i7_18{list-style:none;display:flex;flex-direction:column;gap:.25rem}@keyframes _fadeSlideIn_dp2i7_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){._panel_dp2i7_1{position:static;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}._panel__chartWrapper_dp2i7_12{margin-bottom:0}}@media(max-width:480px){._panel_dp2i7_1{grid-template-columns:1fr}}._featured_fn5hb_1{background:var(--gradient-header);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}._featured__info_fn5hb_10{min-width:0}._featured__name_fn5hb_14{font-family:var(--font-display);font-size:1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._featured__client_fn5hb_24{font-size:.75rem;color:#ffffffbf;margin-top:.125rem}._featured__actions_fn5hb_30{display:flex;align-items:center;gap:.75rem;flex-shrink:0}@media(max-width:768px){._featured__name_fn5hb_14{font-size:.875rem}}@media(max-width:480px){._featured_fn5hb_1{flex-direction:column;align-items:flex-start;gap:.5rem}._featured__actions_fn5hb_30{align-self:flex-end}}._table_15o0h_1{width:100%;border-collapse:collapse}._table__head_15o0h_6{position:sticky;top:0;z-index:1}._table__headerRow_15o0h_12{border-bottom:1px solid hsl(var(--border))}._table__th_15o0h_16{padding:.625rem 1rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--muted-foreground));text-align:left;background:hsl(var(--secondary))}._table__th--actions_15o0h_27{width:3rem;text-align:center}._table__row_15o0h_32{border-bottom:1px solid hsl(var(--border));transition:background-color .1s ease;animation:_fadeSlideIn_15o0h_1 .3s ease both}._table__row_15o0h_32:last-child{border-bottom:none}._table__row_15o0h_32:hover{background-color:hsl(var(--sidebar-accent))}._table__row_15o0h_32[data-favorite=true]{background-color:hsl(var(--score-medium) / .04)}._table__row_15o0h_32[data-favorite=true]:hover{background-color:hsl(var(--score-medium) / .07)}._table__cell_15o0h_54{padding:.75rem 1rem;vertical-align:middle}._table__cell--name_15o0h_59{font-weight:500;color:hsl(var(--foreground))}._table__cell--client_15o0h_64,._table__cell--app_15o0h_65{color:hsl(var(--muted-foreground))}._table__cell--status_15o0h_69{white-space:nowrap}._table__cell--actions_15o0h_73{text-align:center}@keyframes _fadeSlideIn_15o0h_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){._table__th_15o0h_16,._table__cell_15o0h_54{padding:.5rem .625rem;font-size:.75rem}._table__cell--app_15o0h_65,._table__th--app_15o0h_99{display:none}}@media(max-width:480px){._table__cell--client_15o0h_64,._table__th--client_15o0h_109{display:none}}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import h from "react";
-function w(e) {
-  var r, l, a = "";
-  if (typeof e == "string" || typeof e == "number") a += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var _ = e.length;
-    for (r = 0; r < _; r++) e[r] && (l = w(e[r])) && (a && (a += " "), a += l);
-  } else for (l in e) e[l] && (a && (a += " "), a += l);
-  return a;
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.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}: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%));--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}._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}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import v, { useState as q } from "react";
+function w(t) {
+  var r, l, s = "";
+  if (typeof t == "string" || typeof t == "number") s += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var n = t.length;
+    for (r = 0; r < n; r++) t[r] && (l = w(t[r])) && (s && (s += " "), s += l);
+  } else for (l in t) t[l] && (s && (s += " "), s += l);
+  return s;
 }
-function c() {
-  for (var e, r, l = 0, a = "", _ = arguments.length; l < _; l++) (e = arguments[l]) && (r = w(e)) && (a && (a += " "), a += r);
-  return a;
+function p() {
+  for (var t, r, l = 0, s = "", n = arguments.length; l < n; l++) (t = arguments[l]) && (r = w(t)) && (s && (s += " "), s += r);
+  return s;
 }
-const j = "_badge_982rt_1", $ = "_badge__dot_982rt_14", p = {
-  badge: j,
-  badge__dot: $,
-  "badge--neu": "_badge--neu_982rt_20",
-  "badge--offen": "_badge--offen_982rt_26",
-  "badge--pruefung": "_badge--pruefung_982rt_32",
-  "badge--validierung": "_badge--validierung_982rt_38",
-  "badge--abgeschlossen": "_badge--abgeschlossen_982rt_44",
-  "badge--featured": "_badge--featured_982rt_50"
-}, N = h.forwardRef(
-  ({ status: e, label: r, variant: l = "default", className: a }, _) => /* @__PURE__ */ o(
-    "span",
-    {
-      ref: _,
-      className: c(
-        p.badge,
-        p[`badge--${e}`],
-        { [p["badge--featured"]]: l === "featured" },
-        a
-      ),
-      children: [
-        /* @__PURE__ */ t("span", { className: p.badge__dot, "aria-hidden": "true" }),
-        r
-      ]
-    }
-  )
+const S = {
+  "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"
+}, R = {
+  neu: "Neu",
+  offen: "Offen",
+  "in-prufung": "In Prüfung",
+  validierung: "Validierung",
+  abgeschlossen: "Abgeschlossen"
+}, A = v.forwardRef(
+  ({ status: t, color: r, backgroundColor: l, className: s, style: n, ...a }, o) => {
+    const i = {
+      ...n,
+      "--custom-color": r,
+      "--custom-bg": l
+    };
+    return /* @__PURE__ */ e(
+      "span",
+      {
+        ref: o,
+        className: p(S["status-badge"], S[`status-badge--${t}`], s),
+        style: i,
+        ...a,
+        children: R[t]
+      }
+    );
+  }
 );
-N.displayName = "StatusBadge";
-const R = "_btn_1uvto_1", y = {
-  btn: R,
-  "btn--featured": "_btn--featured_1uvto_20"
-}, v = h.forwardRef(
-  ({ pressed: e, projectName: r, variant: l = "default", onToggle: a, className: _ }, i) => {
-    const s = e ? `Favorit entfernen: ${r}` : `Favorit hinzufügen: ${r}`;
-    return /* @__PURE__ */ t(
+A.displayName = "StatusBadge";
+const L = {
+  "favorite-btn": "_favorite-btn_1f4wz_3",
+  "favorite-btn--active": "_favorite-btn--active_1f4wz_23"
+}, I = v.forwardRef(
+  ({ pressed: t, projectName: r, onToggle: l, color: s, activeColor: n, className: a, style: o, onClick: i, ...g }, h) => {
+    const d = {
+      ...o,
+      "--custom-color": s,
+      "--custom-active-color": n
+    }, y = t ? `Von Favoriten entfernen: ${r}` : `Zu Favoriten hinzufügen: ${r}`;
+    return /* @__PURE__ */ e(
       "button",
       {
-        ref: i,
+        ref: h,
         type: "button",
-        className: c(
-          y.btn,
-          { [y["btn--featured"]]: l === "featured" },
-          _
+        className: p(
+          L["favorite-btn"],
+          { [L["favorite-btn--active"]]: t },
+          a
         ),
-        "aria-pressed": e,
-        "aria-label": s,
-        onClick: () => a?.(!e),
-        children: /* @__PURE__ */ t(
+        style: d,
+        "aria-pressed": t,
+        "aria-label": y,
+        onClick: (m) => {
+          l?.(!t), i?.(m);
+        },
+        ...g,
+        children: /* @__PURE__ */ e(
           "svg",
           {
-            xmlns: "http://www.w3.org/2000/svg",
             viewBox: "0 0 24 24",
-            fill: e ? "currentColor" : "none",
-            stroke: e ? void 0 : "currentColor",
-            strokeWidth: e ? void 0 : 2,
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ t("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" })
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            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" })
           }
         )
       }
     );
   }
 );
-v.displayName = "FavoriteButton";
-const L = "_item_2eawr_1", P = "_item__dot_2eawr_21", D = "_item__label_2eawr_35", S = "_item__count_2eawr_41", m = {
-  item: L,
-  item__dot: P,
-  "item__dot--alle": "_item__dot--alle_2eawr_28",
-  "item__dot--neu": "_item__dot--neu_2eawr_29",
-  "item__dot--offen": "_item__dot--offen_2eawr_30",
-  "item__dot--pruefung": "_item__dot--pruefung_2eawr_31",
-  "item__dot--validierung": "_item__dot--validierung_2eawr_32",
-  "item__dot--abgeschlossen": "_item__dot--abgeschlossen_2eawr_33",
-  item__label: D,
-  item__count: S
-}, k = h.forwardRef(
-  ({ filter: e, label: r, count: l, pressed: a, onSelect: _, className: i }, s) => /* @__PURE__ */ o(
-    "button",
-    {
-      ref: s,
-      type: "button",
-      role: "option",
-      className: c(m.item, i),
-      "aria-pressed": a,
-      "data-filter": e,
-      onClick: () => _(e),
-      children: [
-        /* @__PURE__ */ t(
-          "span",
-          {
-            className: c(m.item__dot, m[`item__dot--${e}`]),
-            "aria-hidden": "true"
-          }
+I.displayName = "FavoriteButton";
+const b = {
+  "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",
+  "status-legend__color": "_status-legend__color_1935r_33",
+  "status-legend__label": "_status-legend__label_1935r_27",
+  "status-legend__count": "_status-legend__count_1935r_47",
+  "color-neu": "_color-neu_1935r_57",
+  "color-offen": "_color-offen_1935r_61",
+  "color-in-prufung": "_color-in-prufung_1935r_65",
+  "color-validierung": "_color-validierung_1935r_69",
+  "color-abgeschlossen": "_color-abgeschlossen_1935r_73",
+  "color-alle": "_color-alle_1935r_77"
+}, B = v.forwardRef(
+  ({ status: t, label: r, count: l, active: s = !1, color: n, className: a, style: o, ...i }, g) => {
+    const h = {
+      ...o,
+      "--custom-color": n
+    };
+    return /* @__PURE__ */ u(
+      "button",
+      {
+        ref: g,
+        type: "button",
+        role: "option",
+        "aria-selected": s,
+        className: p(
+          b["status-legend__item"],
+          { [b["status-legend__item--active"]]: s },
+          a
         ),
-        /* @__PURE__ */ t("span", { className: m.item__label, children: r }),
-        /* @__PURE__ */ t("span", { className: m.item__count, children: l })
-      ]
-    }
-  )
-);
-k.displayName = "LegendItem";
-const W = "_chart_wxr92_1", A = "_chart__center_wxr92_7", B = "_chart__total_wxr92_15", C = "_chart__label_wxr92_23", F = "_segment_wxr92_35", u = {
-  chart: W,
-  chart__center: A,
-  chart__total: B,
-  chart__label: C,
-  segment: F
-}, x = h.forwardRef(
-  ({ total: e, totalLabel: r, segments: l, ariaLabel: a, className: _ }, i) => /* @__PURE__ */ o("div", { ref: i, className: c(u.chart, _), role: "img", "aria-label": a, children: [
-    /* @__PURE__ */ o("svg", { viewBox: "0 0 42 42", width: "100%", height: "100%", children: [
-      /* @__PURE__ */ t(
-        "circle",
-        {
-          cx: "21",
-          cy: "21",
-          r: "15.915",
-          fill: "none",
-          stroke: "hsl(var(--muted))",
-          strokeWidth: "5"
-        }
-      ),
-      l.map((s, b) => /* @__PURE__ */ t(
-        "circle",
-        {
-          className: u.segment,
-          cx: "21",
-          cy: "21",
-          r: "15.915",
-          fill: "none",
-          stroke: s.color,
-          strokeWidth: "5",
-          strokeDasharray: s.dashArray,
-          strokeDashoffset: s.dashOffset,
-          strokeLinecap: "round",
-          style: { animationDelay: s.animationDelay }
-        },
-        b
-      ))
-    ] }),
-    /* @__PURE__ */ o("div", { className: u.chart__center, children: [
-      /* @__PURE__ */ t("div", { className: u.chart__total, children: e }),
-      /* @__PURE__ */ t("div", { className: u.chart__label, children: r })
-    ] })
-  ] })
+        style: h,
+        ...i,
+        children: [
+          /* @__PURE__ */ u("div", { className: b["status-legend__label-wrap"], children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: p(b["status-legend__color"], b[`color-${t}`]),
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: b["status-legend__label"], children: r })
+          ] }),
+          /* @__PURE__ */ e("span", { className: b["status-legend__count"], children: l })
+        ]
+      }
+    );
+  }
 );
-x.displayName = "DonutChart";
-const T = "_panel_dp2i7_1", z = "_panel__chartWrapper_dp2i7_12", I = "_panel__legend_dp2i7_18", g = {
-  panel: T,
-  panel__chartWrapper: z,
-  panel__legend: I
-}, K = h.forwardRef(
-  ({ total: e, segments: r, legend: l, activeFilter: a, onFilterChange: _, className: i }, s) => {
-    const b = `Donut-Diagramm: ${l.filter((d) => d.filter !== "alle").map((d) => `${d.count} ${d.label}`).join(", ")}`;
-    return /* @__PURE__ */ o(
-      "aside",
+B.displayName = "StatusLegendItem";
+const f = {
+  "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",
+  "status-chart__segment--hovered": "_status-chart__segment--hovered_1f9eq_30",
+  "status-chart__segment--dimmed": "_status-chart__segment--dimmed_1f9eq_35",
+  "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"
+}, D = v.forwardRef(
+  ({ data: t, totalLabel: r = "Gesamt", onSegmentClick: l, className: s, ...n }, a) => {
+    const [o, i] = q(null), g = t.reduce((j, c) => j + c.value, 0), h = 240, d = h / 2, y = 100, m = 40, N = y - m / 2, $ = N * 2 * Math.PI;
+    return /* @__PURE__ */ u(
+      "div",
       {
-        ref: s,
-        className: c(g.panel, i),
-        "aria-label": "Projektstatistiken",
+        ref: a,
+        className: p(f["status-overview__chart-container"], s),
+        ...n,
         children: [
-          /* @__PURE__ */ t("div", { className: g.panel__chartWrapper, children: /* @__PURE__ */ t(
-            x,
+          /* @__PURE__ */ e(
+            "svg",
             {
-              total: e,
-              totalLabel: "Projekte",
-              segments: r,
-              ariaLabel: b
-            }
-          ) }),
-          /* @__PURE__ */ t(
-            "ul",
-            {
-              className: g.panel__legend,
-              role: "listbox",
-              "aria-label": "Projekte nach Status filtern",
-              children: l.map((d) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
-                k,
+              viewBox: `0 0 ${h} ${h}`,
+              className: f["status-chart-svg"],
+              role: "img",
+              "aria-label": "Kreisdiagramm der Projektstatus-Verteilung",
+              overflow: "visible",
+              children: g === 0 ? /* @__PURE__ */ e(
+                "circle",
                 {
-                  filter: d.filter,
-                  label: d.label,
-                  count: d.count,
-                  pressed: a === d.filter,
-                  onSelect: _
+                  cx: d,
+                  cy: d,
+                  r: N,
+                  fill: "none",
+                  stroke: "hsl(var(--border))",
+                  strokeWidth: m
                 }
-              ) }, d.filter))
+              ) : (() => {
+                let j = 0;
+                return t.map((c) => {
+                  if (c.value === 0) return null;
+                  const k = c.value / g * 100, x = k / 100 * $, T = j / 100 * $;
+                  return j += k, /* @__PURE__ */ e(
+                    "circle",
+                    {
+                      cx: d,
+                      cy: d,
+                      r: N,
+                      fill: "none",
+                      stroke: c.color,
+                      strokeWidth: m,
+                      strokeDasharray: `${x} ${$}`,
+                      strokeDashoffset: -T,
+                      transform: `rotate(-90 ${d} ${d})`,
+                      className: p(f["status-chart__segment"], {
+                        [f["status-chart__segment--hovered"]]: o === c.status,
+                        [f["status-chart__segment--dimmed"]]: o && o !== c.status
+                      }),
+                      onClick: () => l?.(c.status),
+                      onMouseEnter: () => i(c.status),
+                      onMouseLeave: () => i(null),
+                      style: { cursor: l ? "pointer" : "default" },
+                      children: /* @__PURE__ */ e("title", { children: `${c.label}: ${c.value}` })
+                    },
+                    c.status
+                  );
+                });
+              })()
             }
-          )
+          ),
+          /* @__PURE__ */ u("div", { className: f["status-chart__hole"], children: [
+            /* @__PURE__ */ e("span", { className: f["status-chart__total-value"], children: g }),
+            /* @__PURE__ */ e("span", { className: f["status-chart__total-label"], children: r })
+          ] })
         ]
       }
     );
   }
 );
-K.displayName = "StatsPanel";
-const M = "_featured_fn5hb_1", O = "_featured__info_fn5hb_10", q = "_featured__name_fn5hb_14", E = "_featured__client_fn5hb_24", G = "_featured__actions_fn5hb_30", f = {
-  featured: M,
-  featured__info: O,
-  featured__name: q,
-  featured__client: E,
-  featured__actions: G
-}, H = h.forwardRef(
-  ({ name: e, client: r, status: l, statusLabel: a, favorite: _, onFavoriteToggle: i, className: s }, b) => /* @__PURE__ */ o("div", { ref: b, className: c(f.featured, s), children: [
-    /* @__PURE__ */ o("div", { className: f.featured__info, children: [
-      /* @__PURE__ */ t("div", { className: f.featured__name, children: e }),
-      /* @__PURE__ */ t("div", { className: f.featured__client, children: r })
-    ] }),
-    /* @__PURE__ */ o("div", { className: f.featured__actions, children: [
-      /* @__PURE__ */ t(N, { status: l, label: a, variant: "featured" }),
-      /* @__PURE__ */ t(
-        v,
-        {
-          pressed: _,
-          projectName: e,
-          variant: "featured",
-          onToggle: i
-        }
-      )
-    ] })
-  ] })
-);
-H.displayName = "ProjectFeatured";
-const J = "_table_15o0h_1", Q = "_table__head_15o0h_6", U = "_table__headerRow_15o0h_12", V = "_table__th_15o0h_16", X = "_table__row_15o0h_32", Y = "_table__cell_15o0h_54", n = {
-  table: J,
-  table__head: Q,
-  table__headerRow: U,
-  table__th: V,
-  "table__th--actions": "_table__th--actions_15o0h_27",
-  table__row: X,
-  table__cell: Y,
-  "table__cell--name": "_table__cell--name_15o0h_59",
-  "table__cell--client": "_table__cell--client_15o0h_64",
-  "table__cell--app": "_table__cell--app_15o0h_65",
-  "table__cell--status": "_table__cell--status_15o0h_69",
-  "table__cell--actions": "_table__cell--actions_15o0h_73",
-  "table__th--app": "_table__th--app_15o0h_99",
-  "table__th--client": "_table__th--client_15o0h_109"
-}, Z = h.forwardRef(
-  ({ rows: e, onFavoriteToggle: r, className: l }, a) => /* @__PURE__ */ o("table", { ref: a, className: c(n.table, l), "aria-label": "Projekte", children: [
-    /* @__PURE__ */ t("thead", { className: n.table__head, children: /* @__PURE__ */ o("tr", { className: n.table__headerRow, children: [
-      /* @__PURE__ */ t("th", { className: n.table__th, scope: "col", children: "Projekt" }),
-      /* @__PURE__ */ t("th", { className: c(n.table__th, n["table__th--client"]), scope: "col", children: "Kunde" }),
-      /* @__PURE__ */ t("th", { className: c(n.table__th, n["table__th--app"]), scope: "col", children: "Applikation" }),
-      /* @__PURE__ */ t("th", { className: n.table__th, scope: "col", children: "Status" }),
-      /* @__PURE__ */ t("th", { className: c(n.table__th, n["table__th--actions"]), scope: "col", children: /* @__PURE__ */ t("span", { className: "sr-only", children: "Aktionen" }) })
-    ] }) }),
-    /* @__PURE__ */ t("tbody", { children: e.map((_, i) => /* @__PURE__ */ o(
-      "tr",
-      {
-        className: n.table__row,
-        "data-status": _.status,
-        "data-favorite": _.favorite,
-        style: { animationDelay: `${0.15 + i * 0.03}s` },
-        children: [
-          /* @__PURE__ */ t("td", { className: c(n.table__cell, n["table__cell--name"]), children: _.name }),
-          /* @__PURE__ */ t("td", { className: c(n.table__cell, n["table__cell--client"]), children: _.client }),
-          /* @__PURE__ */ t("td", { className: c(n.table__cell, n["table__cell--app"]), children: _.app }),
-          /* @__PURE__ */ t("td", { className: c(n.table__cell, n["table__cell--status"]), children: /* @__PURE__ */ t(N, { status: _.status, label: _.statusLabel }) }),
-          /* @__PURE__ */ t("td", { className: c(n.table__cell, n["table__cell--actions"]), children: /* @__PURE__ */ t(
-            v,
-            {
-              pressed: _.favorite,
-              projectName: _.name,
-              onToggle: (s) => r?.(_.id, s)
-            }
-          ) })
-        ]
-      },
-      _.id
-    )) })
-  ] })
+D.displayName = "StatusChart";
+function M(t) {
+  const r = new Date(t);
+  if (isNaN(r.getTime())) return "Ungültiges Datum";
+  const s = (/* @__PURE__ */ new Date()).getTime() - r.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 a = Math.floor(n / 7);
+  if (a < 4)
+    return a === 1 ? "vor einer Woche" : `vor ${a} Wochen`;
+  const o = Math.floor(n / 30);
+  if (o < 12)
+    return o === 1 ? "vor einem Monat" : `vor ${o} Monaten`;
+  const i = Math.floor(n / 365);
+  return i === 1 ? "vor einem Jahr" : `vor ${i} Jahren`;
+}
+const _ = {
+  "table-container": "_table-container_fgnrg_3",
+  "project-table": "_project-table_fgnrg_7",
+  "project-table__head": "_project-table__head_fgnrg_15",
+  "project-table__row": "_project-table__row_fgnrg_33",
+  "project-table__name-cell": "_project-table__name-cell_fgnrg_66",
+  "project-table__favorite": "_project-table__favorite_fgnrg_72",
+  "project-table__name-wrapper": "_project-table__name-wrapper_fgnrg_76",
+  "project-table__name": "_project-table__name_fgnrg_66",
+  "project-table__app": "_project-table__app_fgnrg_92",
+  "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"
+}, P = v.forwardRef(
+  ({ rows: t, onToggleFavorite: r, className: l, ...s }, n) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: n,
+      className: p(_["table-container"], l),
+      tabIndex: 0,
+      ...s,
+      children: /* @__PURE__ */ u("table", { className: _["project-table"], children: [
+        /* @__PURE__ */ e("thead", { className: _["project-table__head"], children: /* @__PURE__ */ u("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__ */ e("tbody", { className: _["project-table__body"], children: t.map((a) => /* @__PURE__ */ u(
+          "tr",
+          {
+            className: _["project-table__row"],
+            "data-status": a.status,
+            children: [
+              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ u("div", { className: _["project-table__name-cell"], children: [
+                /* @__PURE__ */ e(
+                  I,
+                  {
+                    pressed: a.favorite,
+                    projectName: a.name,
+                    onToggle: (o) => r?.(a.id, o),
+                    className: _["project-table__favorite"]
+                  }
+                ),
+                /* @__PURE__ */ u("div", { className: _["project-table__name-wrapper"], title: `${a.name}
+${a.app}`, children: [
+                  /* @__PURE__ */ e("div", { className: _["project-table__name"], children: a.name }),
+                  /* @__PURE__ */ e("div", { className: _["project-table__app"], children: a.app })
+                ] })
+              ] }) }),
+              /* @__PURE__ */ e("td", { title: a.client, children: /* @__PURE__ */ e("span", { className: _["project-table__client"], children: a.client }) }),
+              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(A, { status: a.status }) }),
+              /* @__PURE__ */ u("td", { title: `Geändert: ${M(a.updatedAt)}
+Erstellt: ${a.createdAt}`, children: [
+                /* @__PURE__ */ e("div", { className: _["project-table__date-main"], children: M(a.updatedAt) }),
+                /* @__PURE__ */ u("div", { className: _["project-table__date-secondary"], children: [
+                  "Erstellt: ",
+                  a.createdAt
+                ] })
+              ] })
+            ]
+          },
+          a.id
+        )) })
+      ] })
+    }
+  )
 );
-Z.displayName = "ProjectTable";
+P.displayName = "ProjectTable";
 export {
-  x as DonutChart,
-  v as FavoriteButton,
-  k as LegendItem,
-  H as ProjectFeatured,
-  Z as ProjectTable,
-  K as StatsPanel,
-  N as StatusBadge
+  I as FavoriteButton,
+  P as ProjectTable,
+  A as StatusBadge,
+  D as StatusChart,
+  B as StatusLegendItem
 };

package/dist/utils/date.d.ts

@@ -0,0 +1 @@
+export declare function formatRelativeDate(dateInput: string | Date | number): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fastnd/components",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "type": "module",
   "main": "./dist/components.js",
   "types": "./dist/index.d.ts",

package/dist/components/DonutChart/DonutChart.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export interface DonutSegment {
-    color: string;
-    dashArray: string;
-    dashOffset: string;
-    animationDelay: string;
-}
-export interface DonutChartProps {
-    total: number;
-    totalLabel: string;
-    segments: DonutSegment[];
-    ariaLabel: string;
-    className?: string;
-}
-export declare const DonutChart: React.ForwardRefExoticComponent<DonutChartProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/LegendItem/LegendItem.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export type LegendItemFilter = 'alle' | 'neu' | 'offen' | 'pruefung' | 'validierung' | 'abgeschlossen';
-export interface LegendItemProps {
-    filter: LegendItemFilter;
-    label: string;
-    count: number;
-    pressed: boolean;
-    onSelect: (filter: LegendItemFilter) => void;
-    className?: string;
-}
-export declare const LegendItem: React.ForwardRefExoticComponent<LegendItemProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ProjectFeatured/ProjectFeatured.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { type StatusBadgeStatus } from '../StatusBadge/StatusBadge';
-export interface ProjectFeaturedProps {
-    name: string;
-    client: string;
-    status: StatusBadgeStatus;
-    statusLabel: string;
-    favorite: boolean;
-    onFavoriteToggle?: (nextPressed: boolean) => void;
-    className?: string;
-}
-export declare const ProjectFeatured: React.ForwardRefExoticComponent<ProjectFeaturedProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/StatsPanel/StatsPanel.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { type DonutSegment } from '../DonutChart/DonutChart';
-import { type LegendItemFilter } from '../LegendItem/LegendItem';
-export interface StatsPanelLegendEntry {
-    filter: LegendItemFilter;
-    label: string;
-    count: number;
-}
-export interface StatsPanelProps {
-    total: number;
-    segments: DonutSegment[];
-    legend: StatsPanelLegendEntry[];
-    activeFilter: LegendItemFilter;
-    onFilterChange: (filter: LegendItemFilter) => void;
-    className?: string;
-}
-export declare const StatsPanel: React.ForwardRefExoticComponent<StatsPanelProps & React.RefAttributes<HTMLElement>>;