@fastnd/components 1.0.4

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

@@ -0,0 +1,15 @@
+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/FavoriteButton/FavoriteButton.d.ts

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

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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,12 @@
+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/ProjectTable/ProjectTable.d.ts

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

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

@@ -0,0 +1,17 @@
+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>>;

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

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

package/dist/components/index.d.ts

@@ -0,0 +1,14 @@
+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 { ProjectTable } from './ProjectTable/ProjectTable';
+export type { ProjectTableProps, ProjectRow } from './ProjectTable/ProjectTable';

package/dist/components.js

@@ -0,0 +1,296 @@
+(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 c() {
+  for (var e, r, l = 0, a = "", _ = arguments.length; l < _; l++) (e = arguments[l]) && (r = w(e)) && (a && (a += " "), a += r);
+  return a;
+}
+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
+      ]
+    }
+  )
+);
+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(
+      "button",
+      {
+        ref: i,
+        type: "button",
+        className: c(
+          y.btn,
+          { [y["btn--featured"]]: l === "featured" },
+          _
+        ),
+        "aria-pressed": e,
+        "aria-label": s,
+        onClick: () => a?.(!e),
+        children: /* @__PURE__ */ t(
+          "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" })
+          }
+        )
+      }
+    );
+  }
+);
+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"
+          }
+        ),
+        /* @__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 })
+    ] })
+  ] })
+);
+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",
+      {
+        ref: s,
+        className: c(g.panel, i),
+        "aria-label": "Projektstatistiken",
+        children: [
+          /* @__PURE__ */ t("div", { className: g.panel__chartWrapper, children: /* @__PURE__ */ t(
+            x,
+            {
+              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,
+                {
+                  filter: d.filter,
+                  label: d.label,
+                  count: d.count,
+                  pressed: a === d.filter,
+                  onSelect: _
+                }
+              ) }, d.filter))
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+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
+    )) })
+  ] })
+);
+Z.displayName = "ProjectTable";
+export {
+  x as DonutChart,
+  v as FavoriteButton,
+  k as LegendItem,
+  H as ProjectFeatured,
+  Z as ProjectTable,
+  K as StatsPanel,
+  N as StatusBadge
+};

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+import './tokens.module.css';
+export * from './components';

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@fastnd/components",
+  "version": "1.0.4",
+  "type": "module",
+  "main": "./dist/components.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/components.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:ui": "vitest --ui"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "clsx": "2.1.1"
+  },
+  "devDependencies": {
+    "@storybook/react-vite": "^10.2.15",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@vitejs/plugin-react-swc": "^4.2.3",
+    "jsdom": "^28.1.0",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "storybook": "^10.2.15",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vitest": "^4.0.18"
+  }
+}