@boostdev/design-system-components 0.1.1 → 0.1.3

package/dist/client.js

@@ -0,0 +1,2223 @@
+'use client';
+
+// src/components/ui/Accordion/Accordion.tsx
+import { useId, useState } from "react";
+
+// src/components/ui/Accordion/Accordion.module.css
+var Accordion_default = {};
+
+// src/components/ui/Accordion/Accordion.tsx
+import { cn } from "@boostdev/design-system-foundation";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Accordion({
+  items,
+  allowMultiple = false,
+  defaultOpen = [],
+  className
+}) {
+  const baseId = useId();
+  const [openIds, setOpenIds] = useState(defaultOpen);
+  const toggle = (id) => {
+    setOpenIds((prev) => {
+      const isOpen = prev.includes(id);
+      if (isOpen) return prev.filter((i) => i !== id);
+      return allowMultiple ? [...prev, id] : [id];
+    });
+  };
+  return /* @__PURE__ */ jsx("div", { className: cn(Accordion_default.accordion, className), children: items.map((item) => {
+    const isOpen = openIds.includes(item.id);
+    const triggerId = `${baseId}-trigger-${item.id}`;
+    const panelId = `${baseId}-panel-${item.id}`;
+    return /* @__PURE__ */ jsxs("div", { className: cn(Accordion_default.item, isOpen ? Accordion_default["--open"] : void 0), children: [
+      /* @__PURE__ */ jsx("h3", { className: Accordion_default.heading, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          id: triggerId,
+          "aria-expanded": isOpen,
+          "aria-controls": panelId,
+          disabled: item.disabled,
+          className: Accordion_default.trigger,
+          onClick: () => toggle(item.id),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: Accordion_default.triggerLabel, children: item.title }),
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                "aria-hidden": "true",
+                className: Accordion_default.chevron,
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" })
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          id: panelId,
+          role: "region",
+          "aria-labelledby": triggerId,
+          hidden: !isOpen,
+          className: Accordion_default.panel,
+          children: /* @__PURE__ */ jsx("div", { className: Accordion_default.panelContent, children: item.content })
+        }
+      )
+    ] }, item.id);
+  }) });
+}
+
+// src/components/ui/Alert/Alert.module.css
+var Alert_default = {};
+
+// src/components/ui/Alert/Alert.tsx
+import { cn as cn2 } from "@boostdev/design-system-foundation";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Alert({
+  variant = "info",
+  icon,
+  title,
+  children,
+  onDismiss,
+  className
+}) {
+  const isUrgent = variant === "error" || variant === "warning";
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      role: isUrgent ? "alert" : "status",
+      "aria-live": isUrgent ? "assertive" : "polite",
+      "aria-atomic": "true",
+      className: cn2(Alert_default.alert, Alert_default[`--variant_${variant}`], className),
+      children: [
+        icon && /* @__PURE__ */ jsx2("span", { className: Alert_default.icon, "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ jsxs2("div", { className: Alert_default.content, children: [
+          title && /* @__PURE__ */ jsx2("strong", { className: Alert_default.title, children: title }),
+          /* @__PURE__ */ jsx2("div", { className: Alert_default.body, children })
+        ] }),
+        onDismiss && /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            className: Alert_default.dismiss,
+            onClick: onDismiss,
+            "aria-label": "Dismiss alert",
+            children: /* @__PURE__ */ jsx2("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx2("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/ui/Avatar/Avatar.module.css
+var Avatar_default = {};
+
+// src/components/ui/Avatar/Avatar.tsx
+import { cn as cn3 } from "@boostdev/design-system-foundation";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function getInitials(name) {
+  return name.split(" ").filter(Boolean).slice(0, 2).map((word) => word[0].toUpperCase()).join("");
+}
+function Avatar({ src, alt, name, size = "medium", className }) {
+  const sizeClass = Avatar_default[`--size_${size}`];
+  if (src) {
+    return /* @__PURE__ */ jsx3("span", { className: cn3(Avatar_default.avatar, sizeClass, className), children: /* @__PURE__ */ jsx3("img", { src, alt: alt ?? name ?? "", className: Avatar_default.image }) });
+  }
+  const initials = name ? getInitials(name) : "";
+  return /* @__PURE__ */ jsx3(
+    "span",
+    {
+      role: "img",
+      "aria-label": name ?? "User avatar",
+      className: cn3(Avatar_default.avatar, Avatar_default["--fallback"], sizeClass, className),
+      children: /* @__PURE__ */ jsx3("span", { className: Avatar_default.initials, "aria-hidden": "true", children: initials })
+    }
+  );
+}
+
+// src/components/ui/Badge/Badge.module.css
+var Badge_default = {};
+
+// src/components/ui/Badge/Badge.tsx
+import { cn as cn4 } from "@boostdev/design-system-foundation";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function Badge({ children, variant = "primary", className }) {
+  return /* @__PURE__ */ jsx4("span", { className: cn4(Badge_default.badge, Badge_default[`--variant_${variant}`], className), children });
+}
+
+// src/components/ui/Breadcrumb/Breadcrumb.module.css
+var Breadcrumb_default = {};
+
+// src/components/ui/Breadcrumb/Breadcrumb.tsx
+import { cn as cn5 } from "@boostdev/design-system-foundation";
+import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+function Breadcrumb({ items, className }) {
+  return /* @__PURE__ */ jsx5("nav", { "aria-label": "Breadcrumb", className: cn5(Breadcrumb_default.breadcrumb, className), children: /* @__PURE__ */ jsx5("ol", { className: Breadcrumb_default.list, children: items.map((item, index) => {
+    const isLast = index === items.length - 1;
+    return /* @__PURE__ */ jsx5("li", { className: Breadcrumb_default.item, children: isLast ? /* @__PURE__ */ jsx5("span", { "aria-current": "page", className: Breadcrumb_default.current, children: item.label }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsx5("a", { href: item.href, className: Breadcrumb_default.link, children: item.label }),
+      /* @__PURE__ */ jsx5("span", { className: Breadcrumb_default.separator, "aria-hidden": "true", children: "\u203A" })
+    ] }) }, item.label);
+  }) }) });
+}
+
+// src/components/ui/Calendar/Calendar.tsx
+import { useState as useState2, useId as useId2 } from "react";
+
+// src/components/ui/Calendar/Calendar.module.css
+var Calendar_default = {};
+
+// src/components/ui/Calendar/Calendar.tsx
+import { cn as cn6 } from "@boostdev/design-system-foundation";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+var MONTHS = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+function isSameDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function isOutOfRange(date, min, max) {
+  if (min && date < min) return true;
+  if (max && date > max) return true;
+  return false;
+}
+function getDaysInMonth(year, month) {
+  return new Date(year, month + 1, 0).getDate();
+}
+function getFirstDayOfMonth(year, month) {
+  return new Date(year, month, 1).getDay();
+}
+function Calendar({ value, defaultValue, min, max, onChange, className }) {
+  const today = /* @__PURE__ */ new Date();
+  const controlled = value !== void 0;
+  const [internal, setInternal] = useState2(defaultValue);
+  const selected = controlled ? value : internal;
+  const [viewYear, setViewYear] = useState2(selected?.getFullYear() ?? today.getFullYear());
+  const [viewMonth, setViewMonth] = useState2(selected?.getMonth() ?? today.getMonth());
+  const [focusedDay, setFocusedDay] = useState2();
+  const titleId = useId2();
+  const daysInMonth = getDaysInMonth(viewYear, viewMonth);
+  const firstDay = getFirstDayOfMonth(viewYear, viewMonth);
+  const navigate = (delta) => {
+    const d = new Date(viewYear, viewMonth + delta, 1);
+    setViewYear(d.getFullYear());
+    setViewMonth(d.getMonth());
+    setFocusedDay(void 0);
+  };
+  const selectDay = (day) => {
+    const date = new Date(viewYear, viewMonth, day);
+    if (isOutOfRange(date, min, max)) return;
+    if (!controlled) setInternal(date);
+    onChange?.(date);
+  };
+  const handleKeyDown = (e, day) => {
+    const map = {
+      ArrowRight: 1,
+      ArrowLeft: -1,
+      ArrowDown: 7,
+      ArrowUp: -7
+    };
+    if (e.key in map) {
+      e.preventDefault();
+      const current = new Date(viewYear, viewMonth, day);
+      const next = new Date(current);
+      next.setDate(next.getDate() + map[e.key]);
+      setViewYear(next.getFullYear());
+      setViewMonth(next.getMonth());
+      setFocusedDay(next.getDate());
+    } else if (e.key === "Home") {
+      e.preventDefault();
+      setFocusedDay(1);
+    } else if (e.key === "End") {
+      e.preventDefault();
+      setFocusedDay(daysInMonth);
+    } else if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      selectDay(day);
+    }
+  };
+  const cells = [
+    ...Array.from({ length: firstDay }, () => null),
+    ...Array.from({ length: daysInMonth }, (_, i) => ({ day: i + 1 }))
+  ];
+  while (cells.length % 7 !== 0) cells.push(null);
+  return /* @__PURE__ */ jsxs4("div", { className: cn6(Calendar_default.calendar, className), role: "group", "aria-labelledby": titleId, children: [
+    /* @__PURE__ */ jsxs4("div", { className: Calendar_default.header, children: [
+      /* @__PURE__ */ jsx6(
+        "button",
+        {
+          type: "button",
+          className: Calendar_default.navBtn,
+          "aria-label": "Previous month",
+          onClick: () => navigate(-1),
+          children: /* @__PURE__ */ jsx6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx6("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
+        }
+      ),
+      /* @__PURE__ */ jsxs4("span", { id: titleId, className: Calendar_default.monthYear, "aria-live": "polite", children: [
+        MONTHS[viewMonth],
+        " ",
+        viewYear
+      ] }),
+      /* @__PURE__ */ jsx6(
+        "button",
+        {
+          type: "button",
+          className: Calendar_default.navBtn,
+          "aria-label": "Next month",
+          onClick: () => navigate(1),
+          children: /* @__PURE__ */ jsx6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx6("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs4(
+      "table",
+      {
+        className: Calendar_default.grid,
+        role: "grid",
+        "aria-labelledby": titleId,
+        children: [
+          /* @__PURE__ */ jsx6("thead", { children: /* @__PURE__ */ jsx6("tr", { children: DAYS.map((d) => /* @__PURE__ */ jsx6("th", { scope: "col", abbr: d, className: Calendar_default.weekday, children: d }, d)) }) }),
+          /* @__PURE__ */ jsx6("tbody", { children: Array.from({ length: cells.length / 7 }, (_, row) => /* @__PURE__ */ jsx6("tr", { children: cells.slice(row * 7, row * 7 + 7).map((cell, col) => {
+            if (!cell) return /* @__PURE__ */ jsx6("td", { className: Calendar_default.empty, "aria-hidden": "true" }, col);
+            const date = new Date(viewYear, viewMonth, cell.day);
+            const isSelected = selected ? isSameDay(date, selected) : false;
+            const isToday = isSameDay(date, today);
+            const disabled = isOutOfRange(date, min, max);
+            const isFocused = focusedDay === cell.day;
+            return /* @__PURE__ */ jsx6("td", { role: "gridcell", children: /* @__PURE__ */ jsx6(
+              "button",
+              {
+                type: "button",
+                className: cn6(
+                  Calendar_default.day,
+                  isSelected && Calendar_default.selected,
+                  isToday && !isSelected && Calendar_default.today,
+                  disabled && Calendar_default.disabled
+                ),
+                "aria-label": date.toLocaleDateString("en", { month: "long", day: "numeric", year: "numeric" }),
+                "aria-pressed": isSelected,
+                "aria-current": isToday ? "date" : void 0,
+                "aria-disabled": disabled,
+                disabled,
+                tabIndex: isFocused || !focusedDay && isSelected || !focusedDay && !selected && isToday ? 0 : -1,
+                onClick: () => selectDay(cell.day),
+                onKeyDown: (e) => handleKeyDown(e, cell.day),
+                children: cell.day
+              }
+            ) }, col);
+          }) }, row)) })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/ui/Carousel/Carousel.tsx
+import { useRef, useId as useId3 } from "react";
+
+// src/components/ui/Carousel/Carousel.module.css
+var Carousel_default = {};
+
+// src/components/ui/Carousel/Carousel.tsx
+import { cn as cn7 } from "@boostdev/design-system-foundation";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function Carousel({ items, label, className }) {
+  const trackRef = useRef(null);
+  const listId = useId3();
+  const scroll = (direction) => {
+    if (!trackRef.current) return;
+    const { scrollLeft, clientWidth } = trackRef.current;
+    trackRef.current.scrollTo({
+      left: scrollLeft + (direction === "next" ? clientWidth : -clientWidth),
+      behavior: "smooth"
+    });
+  };
+  return /* @__PURE__ */ jsxs5("section", { "aria-label": label, className: cn7(Carousel_default.carousel, className), children: [
+    /* @__PURE__ */ jsx7(
+      "button",
+      {
+        type: "button",
+        className: cn7(Carousel_default.navBtn, Carousel_default["--prev"]),
+        "aria-label": "Previous",
+        "aria-controls": listId,
+        onClick: () => scroll("prev"),
+        children: /* @__PURE__ */ jsx7("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx7("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
+      }
+    ),
+    /* @__PURE__ */ jsx7(
+      "div",
+      {
+        ref: trackRef,
+        id: listId,
+        role: "list",
+        className: Carousel_default.track,
+        children: items.map((item, i) => /* @__PURE__ */ jsx7("div", { role: "listitem", className: Carousel_default.slide, children: item }, i))
+      }
+    ),
+    /* @__PURE__ */ jsx7(
+      "button",
+      {
+        type: "button",
+        className: cn7(Carousel_default.navBtn, Carousel_default["--next"]),
+        "aria-label": "Next",
+        "aria-controls": listId,
+        onClick: () => scroll("next"),
+        children: /* @__PURE__ */ jsx7("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx7("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+      }
+    )
+  ] });
+}
+
+// src/components/ui/DescriptionList/DescriptionList.module.css
+var DescriptionList_default = {};
+
+// src/components/ui/DescriptionList/DescriptionList.tsx
+import { cn as cn8 } from "@boostdev/design-system-foundation";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function DescriptionList({ items, layout = "stacked", className }) {
+  return /* @__PURE__ */ jsx8("dl", { className: cn8(DescriptionList_default.list, DescriptionList_default[`--layout_${layout}`], className), children: items.map((item, i) => /* @__PURE__ */ jsxs6("div", { className: DescriptionList_default.group, children: [
+    /* @__PURE__ */ jsx8("dt", { className: DescriptionList_default.term, children: item.term }),
+    Array.isArray(item.details) ? item.details.map((d, j) => /* @__PURE__ */ jsx8("dd", { className: DescriptionList_default.details, children: d }, j)) : /* @__PURE__ */ jsx8("dd", { className: DescriptionList_default.details, children: item.details })
+  ] }, i)) });
+}
+
+// src/components/ui/Link/Link.module.css
+var Link_default = {};
+
+// src/components/ui/Link/Link.tsx
+import { cn as cn9 } from "@boostdev/design-system-foundation";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function Link({
+  as,
+  children,
+  variant = "default",
+  external = false,
+  className,
+  ...props
+}) {
+  const Component = as ?? "a";
+  const externalProps = external ? { target: "_blank", rel: "noreferrer noopener" } : {};
+  return /* @__PURE__ */ jsxs7(
+    Component,
+    {
+      className: cn9(Link_default.link, Link_default[`--variant_${variant}`], className),
+      ...externalProps,
+      ...props,
+      children: [
+        children,
+        external && /* @__PURE__ */ jsx9("span", { className: Link_default.externalLabel, children: " (opens in new tab)" })
+      ]
+    }
+  );
+}
+
+// src/components/ui/Loading/Loading.module.css
+var Loading_default = {};
+
+// src/components/ui/Loading/Loading.tsx
+import { cn as cn10 } from "@boostdev/design-system-foundation";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function Loading({ size = "medium", className }) {
+  return /* @__PURE__ */ jsx10("div", { className: cn10(Loading_default.loading, Loading_default[`--size_${size}`], className), children: /* @__PURE__ */ jsx10("div", { className: Loading_default.spinner, role: "status", "aria-label": "Loading" }) });
+}
+
+// src/components/ui/NotificationBanner/NotificationBanner.module.css
+var NotificationBanner_default = {};
+
+// src/components/ui/NotificationBanner/NotificationBanner.tsx
+import { cn as cn11 } from "@boostdev/design-system-foundation";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+function NotificationBanner({
+  variant = "info",
+  children,
+  action,
+  onDismiss,
+  className
+}) {
+  const isUrgent = variant === "error" || variant === "warning";
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      role: isUrgent ? "alert" : "status",
+      "aria-live": isUrgent ? "assertive" : "polite",
+      "aria-atomic": "true",
+      className: cn11(NotificationBanner_default.banner, NotificationBanner_default[`--variant_${variant}`], className),
+      children: [
+        /* @__PURE__ */ jsx11("div", { className: NotificationBanner_default.content, children }),
+        action && /* @__PURE__ */ jsx11("div", { className: NotificationBanner_default.action, children: action }),
+        onDismiss && /* @__PURE__ */ jsx11(
+          "button",
+          {
+            type: "button",
+            className: NotificationBanner_default.dismiss,
+            onClick: onDismiss,
+            "aria-label": "Dismiss notification",
+            children: /* @__PURE__ */ jsx11("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx11("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/ui/Pagination/Pagination.module.css
+var Pagination_default = {};
+
+// src/components/ui/Pagination/Pagination.tsx
+import { cn as cn12 } from "@boostdev/design-system-foundation";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+function getPageRange(current, total) {
+  const delta = 1;
+  const range = [];
+  for (let i = 1; i <= total; i++) {
+    if (i === 1 || i === total || i >= current - delta && i <= current + delta) {
+      range.push(i);
+    } else if (range[range.length - 1] !== "...") {
+      range.push("...");
+    }
+  }
+  return range;
+}
+function Pagination({
+  currentPage,
+  totalPages,
+  onPageChange,
+  className
+}) {
+  const pages = getPageRange(currentPage, totalPages);
+  return /* @__PURE__ */ jsx12("nav", { "aria-label": "Pagination", className: cn12(Pagination_default.pagination, className), children: /* @__PURE__ */ jsxs9("ul", { className: Pagination_default.list, children: [
+    /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsx12(
+      "button",
+      {
+        type: "button",
+        className: cn12(Pagination_default.button, Pagination_default["--nav"]),
+        onClick: () => onPageChange(currentPage - 1),
+        disabled: currentPage <= 1,
+        "aria-label": "Previous page",
+        children: /* @__PURE__ */ jsx12("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
+      }
+    ) }),
+    pages.map(
+      (page, index) => page === "..." ? /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsx12("span", { className: Pagination_default.ellipsis, "aria-hidden": "true", children: "\u2026" }) }, `ellipsis-${index}`) : /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsx12(
+        "button",
+        {
+          type: "button",
+          className: cn12(Pagination_default.button, currentPage === page ? Pagination_default["--active"] : void 0),
+          onClick: () => onPageChange(page),
+          "aria-label": `Page ${page}`,
+          "aria-current": currentPage === page ? "page" : void 0,
+          children: page
+        }
+      ) }, page)
+    ),
+    /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsx12(
+      "button",
+      {
+        type: "button",
+        className: cn12(Pagination_default.button, Pagination_default["--nav"]),
+        onClick: () => onPageChange(currentPage + 1),
+        disabled: currentPage >= totalPages,
+        "aria-label": "Next page",
+        children: /* @__PURE__ */ jsx12("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+      }
+    ) })
+  ] }) });
+}
+
+// src/components/ui/Progress/Progress.module.css
+var Progress_default = {};
+
+// src/components/ui/Progress/Progress.tsx
+import { cn as cn13 } from "@boostdev/design-system-foundation";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+function Progress({
+  value,
+  max = 100,
+  label,
+  showLabel = false,
+  size = "medium",
+  className
+}) {
+  const percentage = Math.min(100, Math.max(0, value / max * 100));
+  return /* @__PURE__ */ jsxs10("div", { className: cn13(Progress_default.container, className), children: [
+    showLabel && /* @__PURE__ */ jsxs10("div", { className: Progress_default.labelRow, children: [
+      /* @__PURE__ */ jsx13("span", { className: Progress_default.label, children: label }),
+      /* @__PURE__ */ jsxs10("span", { className: Progress_default.value, children: [
+        Math.round(percentage),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx13(
+      "div",
+      {
+        role: "progressbar",
+        "aria-label": label,
+        "aria-valuenow": value,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        className: cn13(Progress_default.track, Progress_default[`--size_${size}`]),
+        children: /* @__PURE__ */ jsx13("div", { className: Progress_default.fill, style: { width: `${percentage}%` } })
+      }
+    )
+  ] });
+}
+
+// src/components/ui/ProgressCircle/ProgressCircle.module.css
+var ProgressCircle_default = {};
+
+// src/components/ui/ProgressCircle/ProgressCircle.tsx
+import { cn as cn14 } from "@boostdev/design-system-foundation";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+var SIZE_PX = { small: 40, medium: 64, large: 96 };
+var STROKE_WIDTH = 4;
+function ProgressCircle({
+  value,
+  max = 100,
+  label,
+  showValue = false,
+  size = "medium",
+  className
+}) {
+  const percentage = Math.min(100, Math.max(0, value / max * 100));
+  const px = SIZE_PX[size];
+  const radius = (px - STROKE_WIDTH * 2) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const offset = circumference - percentage / 100 * circumference;
+  const cx = px / 2;
+  return /* @__PURE__ */ jsxs11(
+    "div",
+    {
+      role: "progressbar",
+      "aria-label": label,
+      "aria-valuenow": value,
+      "aria-valuemin": 0,
+      "aria-valuemax": max,
+      className: cn14(ProgressCircle_default.wrapper, ProgressCircle_default[`--size_${size}`], className),
+      children: [
+        /* @__PURE__ */ jsxs11(
+          "svg",
+          {
+            width: px,
+            height: px,
+            viewBox: `0 0 ${px} ${px}`,
+            "aria-hidden": "true",
+            className: ProgressCircle_default.svg,
+            children: [
+              /* @__PURE__ */ jsx14(
+                "circle",
+                {
+                  className: ProgressCircle_default.track,
+                  cx,
+                  cy: cx,
+                  r: radius,
+                  strokeWidth: STROKE_WIDTH,
+                  fill: "none"
+                }
+              ),
+              /* @__PURE__ */ jsx14(
+                "circle",
+                {
+                  className: ProgressCircle_default.fill,
+                  cx,
+                  cy: cx,
+                  r: radius,
+                  strokeWidth: STROKE_WIDTH,
+                  fill: "none",
+                  strokeDasharray: circumference,
+                  strokeDashoffset: offset,
+                  strokeLinecap: "round",
+                  transform: `rotate(-90 ${cx} ${cx})`
+                }
+              )
+            ]
+          }
+        ),
+        showValue && /* @__PURE__ */ jsxs11("span", { className: ProgressCircle_default.value, "aria-hidden": "true", children: [
+          Math.round(percentage),
+          "%"
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/ui/Separator/Separator.module.css
+var Separator_default = {};
+
+// src/components/ui/Separator/Separator.tsx
+import { cn as cn15 } from "@boostdev/design-system-foundation";
+import { jsx as jsx15 } from "react/jsx-runtime";
+function Separator({ orientation = "horizontal", className }) {
+  if (orientation === "vertical") {
+    return /* @__PURE__ */ jsx15(
+      "div",
+      {
+        role: "separator",
+        "aria-orientation": "vertical",
+        className: cn15(Separator_default.separator, Separator_default["--vertical"], className)
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx15("hr", { className: cn15(Separator_default.separator, Separator_default["--horizontal"], className) });
+}
+
+// src/components/ui/Skeleton/Skeleton.tsx
+import { cn as cn16 } from "@boostdev/design-system-foundation";
+
+// src/components/ui/Skeleton/Skeleton.module.css
+var Skeleton_default = {};
+
+// src/components/ui/Skeleton/Skeleton.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+function Skeleton({ className }) {
+  return /* @__PURE__ */ jsx16("div", { "aria-hidden": "true", className: cn16(Skeleton_default.skeleton, className) });
+}
+
+// src/components/ui/SkipLink/SkipLink.module.css
+var SkipLink_default = {};
+
+// src/components/ui/SkipLink/SkipLink.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+function SkipLink({ href = "#main", children = "Skip to main content" }) {
+  return /* @__PURE__ */ jsx17("a", { href, className: SkipLink_default.skipLink, children });
+}
+
+// src/components/ui/Table/Table.module.css
+var Table_default = {};
+
+// src/components/ui/Table/Table.tsx
+import { cn as cn17 } from "@boostdev/design-system-foundation";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+function Table({
+  columns,
+  rows,
+  caption,
+  sortKey,
+  sortDirection,
+  onSort,
+  className
+}) {
+  const handleSort = (key) => {
+    if (!onSort) return;
+    const nextDirection = sortKey === key && sortDirection === "asc" ? "desc" : "asc";
+    onSort(key, nextDirection);
+  };
+  const getAriaSort = (key) => {
+    if (sortKey !== key) return "none";
+    return sortDirection === "asc" ? "ascending" : "descending";
+  };
+  return /* @__PURE__ */ jsx18("div", { className: cn17(Table_default.wrapper, className), children: /* @__PURE__ */ jsxs12("table", { className: Table_default.table, children: [
+    caption && /* @__PURE__ */ jsx18("caption", { className: Table_default.caption, children: caption }),
+    /* @__PURE__ */ jsx18("thead", { className: Table_default.thead, children: /* @__PURE__ */ jsx18("tr", { children: columns.map((col) => /* @__PURE__ */ jsx18(
+      "th",
+      {
+        scope: "col",
+        "aria-sort": col.sortable ? getAriaSort(col.key) : void 0,
+        className: cn17(Table_default.th, col.sortable ? Table_default["--sortable"] : void 0),
+        children: col.sortable ? /* @__PURE__ */ jsxs12(
+          "button",
+          {
+            type: "button",
+            className: Table_default.sortButton,
+            onClick: () => handleSort(col.key),
+            children: [
+              col.header,
+              /* @__PURE__ */ jsx18(
+                "svg",
+                {
+                  "aria-hidden": "true",
+                  className: cn17(
+                    Table_default.sortIcon,
+                    sortKey === col.key ? Table_default["--sort-active"] : void 0,
+                    sortKey === col.key && sortDirection === "desc" ? Table_default["--sort-desc"] : void 0
+                  ),
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  children: /* @__PURE__ */ jsx18("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" })
+                }
+              )
+            ]
+          }
+        ) : col.header
+      },
+      col.key
+    )) }) }),
+    /* @__PURE__ */ jsx18("tbody", { className: Table_default.tbody, children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx18("tr", { className: Table_default.tr, children: columns.map((col) => /* @__PURE__ */ jsx18("td", { className: Table_default.td, children: col.render ? col.render(row) : String(row[col.key] ?? "") }, col.key)) }, rowIndex)) })
+  ] }) });
+}
+
+// src/components/ui/Tabs/Tabs.tsx
+import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
+
+// src/components/ui/Tabs/Tabs.module.css
+var Tabs_default = {};
+
+// src/components/ui/Tabs/Tabs.tsx
+import { cn as cn18 } from "@boostdev/design-system-foundation";
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+function Tabs({ tabs, defaultTab, className }) {
+  const baseId = useId4();
+  const [activeTab, setActiveTab] = useState3(defaultTab ?? tabs[0]?.id);
+  const tabRefs = useRef2([]);
+  const enabledIndexes = tabs.map((tab, i) => ({ tab, i })).filter(({ tab }) => !tab.disabled).map(({ i }) => i);
+  const handleKeyDown = (e, index) => {
+    const pos = enabledIndexes.indexOf(index);
+    const focusAt = (i) => {
+      tabRefs.current[i]?.focus();
+      setActiveTab(tabs[i].id);
+    };
+    if (e.key === "ArrowRight") {
+      e.preventDefault();
+      focusAt(enabledIndexes[(pos + 1) % enabledIndexes.length]);
+    } else if (e.key === "ArrowLeft") {
+      e.preventDefault();
+      focusAt(enabledIndexes[(pos - 1 + enabledIndexes.length) % enabledIndexes.length]);
+    } else if (e.key === "Home") {
+      e.preventDefault();
+      focusAt(enabledIndexes[0]);
+    } else if (e.key === "End") {
+      e.preventDefault();
+      focusAt(enabledIndexes[enabledIndexes.length - 1]);
+    }
+  };
+  return /* @__PURE__ */ jsxs13("div", { className: cn18(Tabs_default.tabs, className), children: [
+    /* @__PURE__ */ jsx19("div", { role: "tablist", className: Tabs_default.tabList, children: tabs.map((tab, i) => {
+      const tabId = `${baseId}-tab-${tab.id}`;
+      const panelId = `${baseId}-panel-${tab.id}`;
+      const isActive = activeTab === tab.id;
+      return /* @__PURE__ */ jsx19(
+        "button",
+        {
+          ref: (el) => {
+            tabRefs.current[i] = el;
+          },
+          id: tabId,
+          type: "button",
+          role: "tab",
+          "aria-selected": isActive,
+          "aria-controls": panelId,
+          tabIndex: isActive ? 0 : -1,
+          disabled: tab.disabled,
+          className: cn18(Tabs_default.tab, isActive ? Tabs_default["--active"] : void 0),
+          onClick: () => setActiveTab(tab.id),
+          onKeyDown: (e) => handleKeyDown(e, i),
+          children: tab.label
+        },
+        tab.id
+      );
+    }) }),
+    tabs.map((tab) => {
+      const tabId = `${baseId}-tab-${tab.id}`;
+      const panelId = `${baseId}-panel-${tab.id}`;
+      const isActive = activeTab === tab.id;
+      return /* @__PURE__ */ jsx19(
+        "div",
+        {
+          id: panelId,
+          role: "tabpanel",
+          "aria-labelledby": tabId,
+          tabIndex: 0,
+          hidden: !isActive,
+          className: Tabs_default.panel,
+          children: tab.content
+        },
+        tab.id
+      );
+    })
+  ] });
+}
+
+// src/components/ui/Tooltip/Tooltip.tsx
+import { cloneElement, isValidElement, useId as useId5 } from "react";
+
+// src/components/ui/Tooltip/Tooltip.module.css
+var Tooltip_default = {};
+
+// src/components/ui/Tooltip/Tooltip.tsx
+import { cn as cn19 } from "@boostdev/design-system-foundation";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+function Tooltip({
+  content,
+  placement = "top",
+  children,
+  className
+}) {
+  const tooltipId = useId5();
+  const trigger = isValidElement(children) ? cloneElement(children, {
+    "aria-describedby": tooltipId
+  }) : children;
+  return /* @__PURE__ */ jsxs14("span", { className: cn19(Tooltip_default.wrapper, className), children: [
+    trigger,
+    /* @__PURE__ */ jsx20(
+      "span",
+      {
+        id: tooltipId,
+        role: "tooltip",
+        className: cn19(Tooltip_default.tooltip, Tooltip_default[`--placement_${placement}`]),
+        children: content
+      }
+    )
+  ] });
+}
+
+// src/components/ui/Typography/Typography.module.css
+var Typography_default = {};
+
+// src/components/ui/Typography/Typography.tsx
+import { cn as cn20 } from "@boostdev/design-system-foundation";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var variantToElement = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  body: "p",
+  body_s: "p"
+};
+function Typography({ variant = "body", component, children, className }) {
+  const Component = component || variantToElement[variant];
+  return /* @__PURE__ */ jsx21(Component, { className: cn20(Typography_default.typography, Typography_default[`--${variant}`], className), children });
+}
+
+// src/components/interaction/Button/Button.module.css
+var Button_default = {};
+
+// src/components/interaction/Button/Button.tsx
+import { cn as cn21 } from "@boostdev/design-system-foundation";
+import { Fragment as Fragment2, jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+function Button({
+  children,
+  className = "",
+  variant = "primary",
+  type = "button",
+  iconStart,
+  iconEnd,
+  size = "medium",
+  hasPulse = false,
+  href,
+  target,
+  rel,
+  disabled,
+  onClick,
+  ...rest
+}) {
+  const classNames = cn21(
+    Button_default.button,
+    Button_default[`--${variant}`],
+    Button_default[`--size_${size}`],
+    hasPulse && Button_default["--hasPulse"],
+    className
+  );
+  const allChildren = /* @__PURE__ */ jsxs15(Fragment2, { children: [
+    !!iconStart && /* @__PURE__ */ jsx22("span", { className: Button_default.prefix, children: iconStart }),
+    children,
+    !!iconEnd && /* @__PURE__ */ jsx22("span", { className: Button_default.suffix, children: iconEnd })
+  ] });
+  if (href) {
+    return /* @__PURE__ */ jsx22("a", { className: classNames, href, target, rel, onClick, ...rest, children: allChildren });
+  }
+  return /* @__PURE__ */ jsx22("button", { type, className: classNames, disabled, onClick, ...rest, children: allChildren });
+}
+
+// src/components/interaction/Command/Command.tsx
+import { useState as useState4, useEffect, useRef as useRef3, useId as useId6, useMemo } from "react";
+
+// src/components/interaction/Command/Command.module.css
+var Command_default = {};
+
+// src/components/interaction/Command/Command.tsx
+import { cn as cn22 } from "@boostdev/design-system-foundation";
+import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+function Command({
+  isOpen,
+  onClose,
+  items,
+  placeholder = "Search commands\u2026",
+  className
+}) {
+  const [query, setQuery] = useState4("");
+  const [activeIndex, setActiveIndex] = useState4(0);
+  const dialogRef = useRef3(null);
+  const inputRef = useRef3(null);
+  const listboxId = useId6();
+  const filtered = useMemo(() => {
+    const q = query.toLowerCase().trim();
+    return q ? items.filter(
+      (item) => item.label.toLowerCase().includes(q) || item.description?.toLowerCase().includes(q)
+    ) : items;
+  }, [query, items]);
+  const groups = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    filtered.forEach((item) => {
+      const g = item.group ?? "";
+      const list = map.get(g) ?? [];
+      list.push(item);
+      map.set(g, list);
+    });
+    return map;
+  }, [filtered]);
+  useEffect(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    if (isOpen) {
+      dialog.showModal();
+      setQuery("");
+      setActiveIndex(0);
+      setTimeout(() => inputRef.current?.focus(), 0);
+    } else if (dialog.open) {
+      dialog.close();
+    }
+  }, [isOpen]);
+  useEffect(() => {
+    setActiveIndex(0);
+  }, [query]);
+  const handleCancel = (e) => {
+    e.preventDefault();
+    onClose();
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setActiveIndex((i) => Math.min(i + 1, filtered.length - 1));
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setActiveIndex((i) => Math.max(i - 1, 0));
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      filtered[activeIndex]?.onSelect();
+      onClose();
+    } else if (e.key === "Escape") {
+      onClose();
+    }
+  };
+  const selectItem = (item) => {
+    item.onSelect();
+    onClose();
+  };
+  return /* @__PURE__ */ jsx23(
+    "dialog",
+    {
+      ref: dialogRef,
+      className: cn22(Command_default.dialog, className),
+      "aria-label": "Command palette",
+      onCancel: handleCancel,
+      children: /* @__PURE__ */ jsxs16("div", { className: Command_default.palette, onKeyDown: handleKeyDown, children: [
+        /* @__PURE__ */ jsxs16("div", { className: Command_default.searchRow, children: [
+          /* @__PURE__ */ jsxs16("svg", { "aria-hidden": "true", className: Command_default.searchIcon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+            /* @__PURE__ */ jsx23("circle", { cx: "11", cy: "11", r: "8" }),
+            /* @__PURE__ */ jsx23("path", { strokeLinecap: "round", d: "M21 21l-4.35-4.35" })
+          ] }),
+          /* @__PURE__ */ jsx23(
+            "input",
+            {
+              ref: inputRef,
+              type: "search",
+              role: "combobox",
+              "aria-expanded": filtered.length > 0,
+              "aria-controls": listboxId,
+              "aria-autocomplete": "list",
+              "aria-activedescendant": filtered[activeIndex] ? `cmd-${filtered[activeIndex].id}` : void 0,
+              className: Command_default.search,
+              placeholder,
+              value: query,
+              onChange: (e) => setQuery(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsx23("kbd", { className: Command_default.escHint, children: "Esc" })
+        ] }),
+        filtered.length > 0 ? /* @__PURE__ */ jsx23("ul", { id: listboxId, role: "listbox", className: Command_default.list, "aria-label": "Commands", children: Array.from(groups.entries()).map(([group, groupItems]) => /* @__PURE__ */ jsxs16("li", { role: "presentation", children: [
+          group && /* @__PURE__ */ jsx23("div", { className: Command_default.group, role: "presentation", children: group }),
+          /* @__PURE__ */ jsx23("ul", { role: "group", "aria-label": group || void 0, className: Command_default.groupList, children: groupItems.map((item) => {
+            const flatIndex = filtered.indexOf(item);
+            const isActive = flatIndex === activeIndex;
+            return /* @__PURE__ */ jsxs16(
+              "li",
+              {
+                id: `cmd-${item.id}`,
+                role: "option",
+                "aria-selected": isActive,
+                className: cn22(Command_default.item, isActive && Command_default.itemActive),
+                onPointerDown: (e) => e.preventDefault(),
+                onClick: () => selectItem(item),
+                children: [
+                  /* @__PURE__ */ jsx23("span", { className: Command_default.itemLabel, children: item.label }),
+                  item.description && /* @__PURE__ */ jsx23("span", { className: Command_default.itemDesc, children: item.description }),
+                  item.shortcut && /* @__PURE__ */ jsx23("kbd", { className: Command_default.shortcut, children: item.shortcut })
+                ]
+              },
+              item.id
+            );
+          }) })
+        ] }, group)) }) : /* @__PURE__ */ jsxs16("div", { className: Command_default.empty, "aria-live": "polite", children: [
+          "No results for \u201C",
+          query,
+          "\u201D"
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/components/interaction/Dialog/Dialog.tsx
+import { useEffect as useEffect2, useRef as useRef4 } from "react";
+
+// src/components/interaction/Dialog/Dialog.module.css
+var Dialog_default = {};
+
+// src/components/interaction/Dialog/Dialog.tsx
+import { cn as cn23 } from "@boostdev/design-system-foundation";
+import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+function Dialog({ children, isVisible = false, className, handleClose }) {
+  const dialogRef = useRef4(null);
+  useEffect2(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    if (isVisible) {
+      dialog.showModal();
+    } else if (dialog.open) {
+      dialog.close();
+    }
+  }, [isVisible]);
+  return /* @__PURE__ */ jsxs17("dialog", { ref: dialogRef, className: cn23(className, Dialog_default.dialog), children: [
+    /* @__PURE__ */ jsx24("form", { method: "dialog", className: Dialog_default.closeForm, children: /* @__PURE__ */ jsx24(
+      "button",
+      {
+        type: "submit",
+        className: Dialog_default.closeButton,
+        onClick: handleClose,
+        "aria-label": "Close dialog",
+        children: /* @__PURE__ */ jsx24("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx24("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
+      }
+    ) }),
+    children
+  ] });
+}
+
+// src/components/interaction/Drawer/Drawer.tsx
+import { useEffect as useEffect3, useRef as useRef5 } from "react";
+
+// src/components/interaction/Drawer/Drawer.module.css
+var Drawer_default = {};
+
+// src/components/interaction/Drawer/Drawer.tsx
+import { cn as cn24 } from "@boostdev/design-system-foundation";
+import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+function Drawer({
+  isOpen,
+  onClose,
+  title,
+  children,
+  side = "right",
+  className
+}) {
+  const dialogRef = useRef5(null);
+  useEffect3(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    if (isOpen) {
+      dialog.showModal();
+    } else if (dialog.open) {
+      dialog.close();
+    }
+  }, [isOpen]);
+  const handleClick = (e) => {
+    if (e.target === dialogRef.current) onClose();
+  };
+  const handleCancel = (e) => {
+    e.preventDefault();
+    onClose();
+  };
+  return /* @__PURE__ */ jsx25(
+    "dialog",
+    {
+      ref: dialogRef,
+      className: cn24(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
+      "aria-label": title,
+      onClick: handleClick,
+      onCancel: handleCancel,
+      children: /* @__PURE__ */ jsxs18("div", { className: Drawer_default.panel, children: [
+        /* @__PURE__ */ jsxs18("div", { className: Drawer_default.header, children: [
+          /* @__PURE__ */ jsx25("h2", { className: Drawer_default.title, children: title }),
+          /* @__PURE__ */ jsx25(
+            "button",
+            {
+              type: "button",
+              className: Drawer_default.closeButton,
+              onClick: onClose,
+              "aria-label": "Close drawer",
+              children: /* @__PURE__ */ jsx25("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx25("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx25("div", { className: Drawer_default.body, children })
+      ] })
+    }
+  );
+}
+
+// src/components/interaction/DropdownMenu/DropdownMenu.tsx
+import {
+  cloneElement as cloneElement2,
+  isValidElement as isValidElement2,
+  useEffect as useEffect4,
+  useId as useId7,
+  useRef as useRef6,
+  useState as useState5
+} from "react";
+
+// src/components/interaction/DropdownMenu/DropdownMenu.module.css
+var DropdownMenu_default = {};
+
+// src/components/interaction/DropdownMenu/DropdownMenu.tsx
+import { cn as cn25 } from "@boostdev/design-system-foundation";
+import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
+function DropdownMenu({
+  trigger,
+  items,
+  placement = "bottom-start",
+  className
+}) {
+  const [isOpen, setIsOpen] = useState5(false);
+  const containerRef = useRef6(null);
+  const menuId = useId7();
+  const itemRefs = useRef6([]);
+  const open = () => {
+    setIsOpen(true);
+  };
+  const close = () => setIsOpen(false);
+  useEffect4(() => {
+    if (isOpen) {
+      itemRefs.current[0]?.focus();
+    }
+  }, [isOpen]);
+  useEffect4(() => {
+    if (!isOpen) return;
+    const handlePointerDown = (e) => {
+      if (!containerRef.current?.contains(e.target)) close();
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") close();
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown);
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [isOpen]);
+  const handleItemKeyDown = (e, index) => {
+    const enabledIndexes = items.map((item, i) => ({ item, i })).filter(({ item }) => !item.disabled).map(({ i }) => i);
+    const pos = enabledIndexes.indexOf(index);
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      itemRefs.current[enabledIndexes[(pos + 1) % enabledIndexes.length]]?.focus();
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      itemRefs.current[enabledIndexes[(pos - 1 + enabledIndexes.length) % enabledIndexes.length]]?.focus();
+    } else if (e.key === "Home") {
+      e.preventDefault();
+      itemRefs.current[enabledIndexes[0]]?.focus();
+    } else if (e.key === "End") {
+      e.preventDefault();
+      itemRefs.current[enabledIndexes[enabledIndexes.length - 1]]?.focus();
+    } else if (e.key === "Tab") {
+      close();
+    }
+  };
+  const triggerEl = isValidElement2(trigger) ? cloneElement2(trigger, {
+    "aria-haspopup": "menu",
+    "aria-expanded": isOpen,
+    "aria-controls": menuId,
+    onClick: (e) => {
+      if (isOpen) {
+        close();
+      } else {
+        open();
+      }
+      const existingOnClick = trigger.props.onClick;
+      if (typeof existingOnClick === "function") existingOnClick(e);
+    }
+  }) : trigger;
+  return /* @__PURE__ */ jsxs19("div", { ref: containerRef, className: cn25(DropdownMenu_default.wrapper, className), children: [
+    triggerEl,
+    isOpen && /* @__PURE__ */ jsx26(
+      "ul",
+      {
+        id: menuId,
+        role: "menu",
+        className: cn25(DropdownMenu_default.menu, DropdownMenu_default[`--placement_${placement}`]),
+        children: items.map((item, index) => /* @__PURE__ */ jsxs19("li", { role: "presentation", children: [
+          item.separator && /* @__PURE__ */ jsx26("hr", { className: DropdownMenu_default.separator, role: "separator" }),
+          /* @__PURE__ */ jsxs19(
+            "button",
+            {
+              ref: (el) => {
+                itemRefs.current[index] = el;
+              },
+              type: "button",
+              role: "menuitem",
+              disabled: item.disabled,
+              className: DropdownMenu_default.item,
+              onClick: () => {
+                item.onClick?.();
+                close();
+              },
+              onKeyDown: (e) => handleItemKeyDown(e, index),
+              children: [
+                item.icon && /* @__PURE__ */ jsx26("span", { className: DropdownMenu_default.icon, "aria-hidden": "true", children: item.icon }),
+                item.label
+              ]
+            }
+          )
+        ] }, item.id))
+      }
+    )
+  ] });
+}
+
+// src/components/interaction/Popover/Popover.tsx
+import {
+  cloneElement as cloneElement3,
+  isValidElement as isValidElement3,
+  useEffect as useEffect5,
+  useId as useId8,
+  useRef as useRef7,
+  useState as useState6
+} from "react";
+
+// src/components/interaction/Popover/Popover.module.css
+var Popover_default = {};
+
+// src/components/interaction/Popover/Popover.tsx
+import { cn as cn26 } from "@boostdev/design-system-foundation";
+import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+function Popover({
+  children,
+  content,
+  placement = "bottom",
+  className
+}) {
+  const [isOpen, setIsOpen] = useState6(false);
+  const containerRef = useRef7(null);
+  const panelId = useId8();
+  useEffect5(() => {
+    if (!isOpen) return;
+    const handlePointerDown = (e) => {
+      if (!containerRef.current?.contains(e.target)) {
+        setIsOpen(false);
+      }
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") setIsOpen(false);
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown);
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [isOpen]);
+  const trigger = isValidElement3(children) ? cloneElement3(children, {
+    "aria-expanded": isOpen,
+    "aria-controls": panelId,
+    onClick: (e) => {
+      setIsOpen((prev) => !prev);
+      const existingOnClick = children.props.onClick;
+      if (typeof existingOnClick === "function") existingOnClick(e);
+    }
+  }) : children;
+  return /* @__PURE__ */ jsxs20("span", { ref: containerRef, className: cn26(Popover_default.wrapper, className), children: [
+    trigger,
+    isOpen && /* @__PURE__ */ jsx27(
+      "div",
+      {
+        id: panelId,
+        role: "dialog",
+        "aria-modal": "false",
+        className: cn26(Popover_default.panel, Popover_default[`--placement_${placement}`]),
+        children: content
+      }
+    )
+  ] });
+}
+
+// src/components/interaction/Rating/Rating.module.css
+var Rating_default = {};
+
+// src/components/interaction/Rating/Rating.tsx
+import { cn as cn27 } from "@boostdev/design-system-foundation";
+import { jsx as jsx28 } from "react/jsx-runtime";
+function Rating({ value, max = 5, className }) {
+  return /* @__PURE__ */ jsx28(
+    "div",
+    {
+      className: cn27(Rating_default.rating, className),
+      role: "img",
+      "aria-label": `${value} out of ${max} stars`,
+      children: Array.from({ length: max }).map((_, i) => /* @__PURE__ */ jsx28(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: cn27(Rating_default.star, i < value && Rating_default["--filled"]),
+          fill: "currentColor",
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ jsx28("path", { d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" })
+        },
+        i
+      ))
+    }
+  );
+}
+
+// src/components/interaction/Toast/Toast.tsx
+import { useState as useState7, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2 } from "react";
+
+// src/components/interaction/Toast/Toast.module.css
+var Toast_default = {};
+
+// src/components/interaction/Toast/Toast.tsx
+import { cn as cn28 } from "@boostdev/design-system-foundation";
+import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
+var ToastContext = createContext(void 0);
+function ToastProvider({ children }) {
+  const [toasts, setToasts] = useState7([]);
+  const showToast = useCallback((message, variant) => {
+    const id = Math.random().toString(36).substring(2, 9);
+    setToasts((prev) => [...prev, { id, message, variant }]);
+  }, []);
+  const removeToast = useCallback((id) => {
+    setToasts((prev) => prev.filter((toast) => toast.id !== id));
+  }, []);
+  const value = useMemo2(() => ({ showToast }), [showToast]);
+  return /* @__PURE__ */ jsxs21(ToastContext.Provider, { value, children: [
+    children,
+    /* @__PURE__ */ jsx29("div", { className: Toast_default.toastContainer, children: toasts.map((toast) => /* @__PURE__ */ jsx29(
+      ToastItem,
+      {
+        toast,
+        onRemove: () => removeToast(toast.id)
+      },
+      toast.id
+    )) })
+  ] });
+}
+function ToastItem({ toast, onRemove }) {
+  useEffect6(() => {
+    const timer = setTimeout(onRemove, 5e3);
+    return () => clearTimeout(timer);
+  }, [onRemove]);
+  return /* @__PURE__ */ jsx29("div", { className: cn28(Toast_default.toast, Toast_default[`--variant_${toast.variant}`]), children: toast.message });
+}
+function useToast() {
+  const context = useContext(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+}
+
+// src/components/interaction/form/Checkbox/Checkbox.tsx
+import { useId as useId9 } from "react";
+
+// src/components/interaction/form/Checkbox/Checkbox.module.css
+var Checkbox_default = {};
+
+// src/components/interaction/form/atoms/Message.module.css
+var Message_default = {};
+
+// src/components/interaction/form/atoms/Message.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
+var Message = ({ message, type, inputId }) => {
+  if (!message) return null;
+  return /* @__PURE__ */ jsx30("label", { id: inputId + type, htmlFor: inputId, className: Message_default[type], children: message });
+};
+
+// src/components/interaction/form/atoms/Label.module.css
+var Label_default = {};
+
+// src/components/interaction/form/atoms/Label.tsx
+import { jsx as jsx31 } from "react/jsx-runtime";
+var Label = ({ label, id }) => {
+  return /* @__PURE__ */ jsx31("label", { htmlFor: id, className: Label_default.label, children: label });
+};
+
+// src/components/interaction/form/Checkbox/Checkbox.tsx
+import { cn as cn30 } from "@boostdev/design-system-foundation";
+
+// src/components/interaction/form/atoms/InputContainer.module.css
+var InputContainer_default = {};
+
+// src/components/interaction/form/atoms/InputContainer.tsx
+import { cn as cn29 } from "@boostdev/design-system-foundation";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var InputContainer = ({ children, className }) => {
+  return /* @__PURE__ */ jsx32("div", { className: cn29(InputContainer_default.container, className), children });
+};
+
+// src/components/interaction/form/Checkbox/Checkbox.tsx
+import { jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
+function Checkbox({ label, name, error, hint, className, ...props }) {
+  const id = name + useId9();
+  const hintId = id + "hint";
+  const errorId = id + "error";
+  const describedBy = !!error ? errorId : hintId;
+  return /* @__PURE__ */ jsxs22(InputContainer, { className: cn30(Checkbox_default.checkboxGroup, className), children: [
+    /* @__PURE__ */ jsxs22("div", { className: Checkbox_default.inputWrapper, children: [
+      /* @__PURE__ */ jsx33(
+        "input",
+        {
+          "aria-describedby": describedBy,
+          type: "checkbox",
+          id,
+          name,
+          className: `${Checkbox_default.checkbox} ${error ? Checkbox_default.checkboxError : ""}`,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx33(Label, { id, label })
+    ] }),
+    /* @__PURE__ */ jsx33(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx33(Message, { inputId: id, type: "hint", message: hint })
+  ] });
+}
+
+// src/components/interaction/form/Combobox/Combobox.tsx
+import {
+  useEffect as useEffect7,
+  useId as useId10,
+  useRef as useRef8,
+  useState as useState8
+} from "react";
+
+// src/components/interaction/form/Combobox/Combobox.module.css
+var Combobox_default = {};
+
+// src/components/interaction/form/Combobox/Combobox.tsx
+import { cn as cn31 } from "@boostdev/design-system-foundation";
+import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
+function Combobox({
+  label,
+  name,
+  options,
+  placeholder,
+  value,
+  onChange,
+  error,
+  hint,
+  className
+}) {
+  const id = name + useId10();
+  const listboxId = id + "listbox";
+  const hintId = id + "hint";
+  const errorId = id + "error";
+  const describedBy = error ? errorId : hintId;
+  const selectedOption = options.find((o) => o.value === value);
+  const [inputValue, setInputValue] = useState8(selectedOption?.label ?? "");
+  const [isOpen, setIsOpen] = useState8(false);
+  const [highlightedIndex, setHighlightedIndex] = useState8(-1);
+  const containerRef = useRef8(null);
+  const inputRef = useRef8(null);
+  const filtered = options.filter(
+    (o) => o.label.toLowerCase().includes(inputValue.toLowerCase())
+  );
+  const getOptionId = (index) => `${id}-option-${index}`;
+  useEffect7(() => {
+    if (!isOpen) return;
+    const handlePointerDown = (e) => {
+      if (!containerRef.current?.contains(e.target)) setIsOpen(false);
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    return () => document.removeEventListener("pointerdown", handlePointerDown);
+  }, [isOpen]);
+  const selectOption = (option) => {
+    setInputValue(option.label);
+    setIsOpen(false);
+    setHighlightedIndex(-1);
+    onChange?.(option.value);
+  };
+  const handleInputChange = (e) => {
+    setInputValue(e.target.value);
+    setIsOpen(true);
+    setHighlightedIndex(-1);
+  };
+  const handleKeyDown = (e) => {
+    const enabledIndexes = filtered.map((opt, i) => ({ opt, i })).filter(({ opt }) => !opt.disabled).map(({ i }) => i);
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      if (!isOpen) {
+        setIsOpen(true);
+        return;
+      }
+      const pos = enabledIndexes.indexOf(highlightedIndex);
+      setHighlightedIndex(enabledIndexes[(pos + 1) % enabledIndexes.length] ?? 0);
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      const pos = enabledIndexes.indexOf(highlightedIndex);
+      setHighlightedIndex(
+        enabledIndexes[(pos - 1 + enabledIndexes.length) % enabledIndexes.length] ?? 0
+      );
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      if (highlightedIndex >= 0 && filtered[highlightedIndex]) {
+        selectOption(filtered[highlightedIndex]);
+      }
+    } else if (e.key === "Escape") {
+      setIsOpen(false);
+      setHighlightedIndex(-1);
+    } else if (e.key === "Tab") {
+      setIsOpen(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs23(InputContainer, { className: cn31(Combobox_default.formGroup, className), children: [
+    /* @__PURE__ */ jsx34(Label, { id, label }),
+    /* @__PURE__ */ jsxs23("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
+      /* @__PURE__ */ jsx34(
+        "input",
+        {
+          ref: inputRef,
+          id,
+          name,
+          type: "text",
+          role: "combobox",
+          "aria-expanded": isOpen,
+          "aria-haspopup": "listbox",
+          "aria-autocomplete": "list",
+          "aria-controls": listboxId,
+          "aria-activedescendant": highlightedIndex >= 0 ? getOptionId(highlightedIndex) : void 0,
+          "aria-invalid": !!error,
+          "aria-describedby": describedBy,
+          autoComplete: "off",
+          placeholder,
+          value: inputValue,
+          className: cn31(Combobox_default.input, error ? Combobox_default.inputError : void 0),
+          onChange: handleInputChange,
+          onKeyDown: handleKeyDown,
+          onFocus: () => setIsOpen(true)
+        }
+      ),
+      /* @__PURE__ */ jsx34("span", { className: Combobox_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx34("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx34("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) }),
+      isOpen && filtered.length > 0 && /* @__PURE__ */ jsx34(
+        "ul",
+        {
+          id: listboxId,
+          role: "listbox",
+          "aria-label": String(label),
+          className: Combobox_default.listbox,
+          children: filtered.map((option, index) => /* @__PURE__ */ jsx34(
+            "li",
+            {
+              id: getOptionId(index),
+              role: "option",
+              "aria-selected": option.value === value,
+              "aria-disabled": option.disabled,
+              className: cn31(
+                Combobox_default.option,
+                index === highlightedIndex ? Combobox_default["--highlighted"] : void 0,
+                option.value === value ? Combobox_default["--selected"] : void 0,
+                option.disabled ? Combobox_default["--disabled"] : void 0
+              ),
+              onPointerDown: (e) => {
+                e.preventDefault();
+                if (!option.disabled) selectOption(option);
+              },
+              children: option.label
+            },
+            option.value
+          ))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx34(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx34(Message, { inputId: id, type: "hint", message: hint })
+  ] });
+}
+
+// src/components/interaction/form/FileInput/FileInput.tsx
+import { useId as useId11, useRef as useRef9, useState as useState9 } from "react";
+
+// src/components/interaction/form/FileInput/FileInput.module.css
+var FileInput_default = {};
+
+// src/components/interaction/form/FileInput/FileInput.tsx
+import { cn as cn32 } from "@boostdev/design-system-foundation";
+import { Fragment as Fragment3, jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
+function FileInput({
+  label,
+  name,
+  accept,
+  multiple = false,
+  disabled = false,
+  error,
+  hint,
+  onChange,
+  className
+}) {
+  const uid = name + useId11();
+  const hintId = uid + "hint";
+  const errorId = uid + "error";
+  const describedBy = error ? errorId : hintId;
+  const inputRef = useRef9(null);
+  const [isDragging, setIsDragging] = useState9(false);
+  const [fileNames, setFileNames] = useState9([]);
+  const handleFiles = (files) => {
+    if (!files) return;
+    setFileNames(Array.from(files).map((f) => f.name));
+    onChange?.(files);
+  };
+  const handleChange = (e) => handleFiles(e.target.files);
+  const handleDrop = (e) => {
+    e.preventDefault();
+    setIsDragging(false);
+    if (disabled) return;
+    handleFiles(e.dataTransfer.files);
+  };
+  const handleDragOver = (e) => {
+    e.preventDefault();
+    if (!disabled) setIsDragging(true);
+  };
+  const handleDragLeave = () => setIsDragging(false);
+  return /* @__PURE__ */ jsxs24(InputContainer, { className: cn32(FileInput_default.formGroup, className), children: [
+    /* @__PURE__ */ jsx35(Label, { id: uid, label }),
+    /* @__PURE__ */ jsxs24(
+      "label",
+      {
+        htmlFor: uid,
+        className: cn32(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
+        onDrop: handleDrop,
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        children: [
+          /* @__PURE__ */ jsx35("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx35("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" }) }),
+          /* @__PURE__ */ jsx35("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ jsxs24(Fragment3, { children: [
+            /* @__PURE__ */ jsx35("strong", { children: "Click to upload" }),
+            " or drag and drop"
+          ] }) }),
+          accept && /* @__PURE__ */ jsx35("span", { className: FileInput_default.acceptHint, children: accept }),
+          /* @__PURE__ */ jsx35(
+            "input",
+            {
+              ref: inputRef,
+              id: uid,
+              type: "file",
+              name,
+              accept,
+              multiple,
+              disabled,
+              "aria-invalid": !!error,
+              "aria-describedby": describedBy,
+              className: FileInput_default.hiddenInput,
+              onChange: handleChange
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx35(Message, { inputId: uid, type: "error", message: error }),
+    /* @__PURE__ */ jsx35(Message, { inputId: uid, type: "hint", message: hint })
+  ] });
+}
+
+// src/components/interaction/form/FormInput/FormInput.tsx
+import { useId as useId12 } from "react";
+
+// src/components/interaction/form/FormInput/FormInput.module.css
+var FormInput_default = {};
+
+// src/components/interaction/form/FormInput/FormInput.tsx
+import { cn as cn33 } from "@boostdev/design-system-foundation";
+import { jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
+function FormInput({
+  label,
+  name,
+  ariaLabel,
+  error,
+  hint,
+  className,
+  ...props
+}) {
+  const id = name + useId12();
+  const hintId = id + "hint";
+  const errorId = id + "error";
+  const describedBy = !!error ? errorId : hintId;
+  return /* @__PURE__ */ jsxs25(InputContainer, { className: cn33(FormInput_default.formGroup, className), children: [
+    /* @__PURE__ */ jsx36(Label, { id, label }),
+    /* @__PURE__ */ jsx36(
+      "input",
+      {
+        "aria-invalid": !!error,
+        "aria-describedby": describedBy,
+        "aria-label": ariaLabel,
+        id,
+        name,
+        className: `${FormInput_default.input} ${error ? FormInput_default.inputError : ""}`,
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx36(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx36(Message, { inputId: id, type: "hint", message: hint })
+  ] });
+}
+
+// src/components/interaction/form/NumberInput/NumberInput.tsx
+import { useId as useId13, useRef as useRef10 } from "react";
+
+// src/components/interaction/form/NumberInput/NumberInput.module.css
+var NumberInput_default = {};
+
+// src/components/interaction/form/NumberInput/NumberInput.tsx
+import { cn as cn34 } from "@boostdev/design-system-foundation";
+import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
+function NumberInput({
+  label,
+  name,
+  value,
+  defaultValue,
+  min,
+  max,
+  step = 1,
+  disabled = false,
+  error,
+  hint,
+  onChange,
+  className
+}) {
+  const uid = name + useId13();
+  const hintId = uid + "hint";
+  const errorId = uid + "error";
+  const describedBy = error ? errorId : hintId;
+  const inputRef = useRef10(null);
+  const clamp = (v) => {
+    const withMin = min !== void 0 ? Math.max(min, v) : v;
+    const withMax = max !== void 0 ? Math.min(max, withMin) : withMin;
+    return withMax;
+  };
+  const adjust = (delta) => {
+    if (!inputRef.current) return;
+    const current = parseFloat(inputRef.current.value) || 0;
+    const next = clamp(current + delta);
+    inputRef.current.value = String(next);
+    onChange?.(next);
+  };
+  return /* @__PURE__ */ jsxs26(InputContainer, { className: cn34(NumberInput_default.formGroup, className), children: [
+    /* @__PURE__ */ jsx37(Label, { id: uid, label }),
+    /* @__PURE__ */ jsxs26("div", { className: NumberInput_default.inputRow, children: [
+      /* @__PURE__ */ jsx37(
+        "button",
+        {
+          type: "button",
+          className: NumberInput_default.stepper,
+          "aria-label": "Decrease",
+          disabled: disabled || min !== void 0 && (value ?? defaultValue ?? 0) <= min,
+          onClick: () => adjust(-step),
+          tabIndex: -1,
+          children: /* @__PURE__ */ jsx37("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx37("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
+        }
+      ),
+      /* @__PURE__ */ jsx37(
+        "input",
+        {
+          ref: inputRef,
+          id: uid,
+          type: "number",
+          name,
+          defaultValue,
+          value,
+          min,
+          max,
+          step,
+          disabled,
+          "aria-invalid": !!error,
+          "aria-describedby": describedBy,
+          className: cn34(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
+          onChange: (e) => onChange?.(parseFloat(e.target.value))
+        }
+      ),
+      /* @__PURE__ */ jsx37(
+        "button",
+        {
+          type: "button",
+          className: NumberInput_default.stepper,
+          "aria-label": "Increase",
+          disabled: disabled || max !== void 0 && (value ?? defaultValue ?? 0) >= max,
+          onClick: () => adjust(step),
+          tabIndex: -1,
+          children: /* @__PURE__ */ jsx37("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx37("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx37(Message, { inputId: uid, type: "error", message: error }),
+    /* @__PURE__ */ jsx37(Message, { inputId: uid, type: "hint", message: hint })
+  ] });
+}
+
+// src/components/interaction/form/Radio/Radio.tsx
+import { useId as useId14 } from "react";
+
+// src/components/interaction/form/Radio/Radio.module.css
+var Radio_default = {};
+
+// src/components/interaction/form/Radio/Radio.tsx
+import { cn as cn35 } from "@boostdev/design-system-foundation";
+import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
+function Radio({ label, name, error, hint, className, ...props }) {
+  const id = name + useId14();
+  const hintId = id + "hint";
+  const errorId = id + "error";
+  const describedBy = !!error ? errorId : hintId;
+  return /* @__PURE__ */ jsxs27(InputContainer, { className: cn35(Radio_default.radioGroup, className), children: [
+    /* @__PURE__ */ jsxs27("div", { className: Radio_default.inputWrapper, children: [
+      /* @__PURE__ */ jsx38(
+        "input",
+        {
+          "aria-describedby": describedBy,
+          type: "radio",
+          id,
+          name,
+          className: `${Radio_default.radio} ${error ? Radio_default.radioError : ""}`,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx38(Label, { id, label })
+    ] }),
+    /* @__PURE__ */ jsx38(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx38(Message, { inputId: id, type: "hint", message: hint })
+  ] });
+}
+
+// src/components/interaction/form/Select/Select.tsx
+import { useId as useId15 } from "react";
+
+// src/components/interaction/form/Select/Select.module.css
+var Select_default = {};
+
+// src/components/interaction/form/Select/Select.tsx
+import { cn as cn36 } from "@boostdev/design-system-foundation";
+import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
+function Select({
+  label,
+  name,
+  options,
+  placeholder,
+  error,
+  hint,
+  className,
+  ...props
+}) {
+  const id = name + useId15();
+  const hintId = id + "hint";
+  const errorId = id + "error";
+  const describedBy = error ? errorId : hintId;
+  return /* @__PURE__ */ jsxs28(InputContainer, { className: cn36(Select_default.formGroup, className), children: [
+    /* @__PURE__ */ jsx39(Label, { id, label }),
+    /* @__PURE__ */ jsxs28("div", { className: Select_default.selectWrapper, children: [
+      /* @__PURE__ */ jsxs28(
+        "select",
+        {
+          id,
+          name,
+          "aria-invalid": !!error,
+          "aria-describedby": describedBy,
+          className: cn36(Select_default.select, error ? Select_default.selectError : void 0),
+          ...props,
+          children: [
+            placeholder && /* @__PURE__ */ jsx39("option", { value: "", disabled: true, children: placeholder }),
+            options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ jsx39("option", { value, disabled, children: optLabel }, value))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx39("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx39("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx39("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
+    ] }),
+    /* @__PURE__ */ jsx39(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx39(Message, { inputId: id, type: "hint", message: hint })
+  ] });
+}
+
+// src/components/interaction/form/Slider/Slider.tsx
+import { useId as useId16, useState as useState10 } from "react";
+
+// src/components/interaction/form/Slider/Slider.module.css
+var Slider_default = {};
+
+// src/components/interaction/form/Slider/Slider.tsx
+import { cn as cn37 } from "@boostdev/design-system-foundation";
+import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
+function Slider({
+  label,
+  name,
+  min = 0,
+  max = 100,
+  showValue = false,
+  error,
+  hint,
+  className,
+  onChange,
+  ...props
+}) {
+  const id = name + useId16();
+  const hintId = id + "hint";
+  const errorId = id + "error";
+  const describedBy = error ? errorId : hintId;
+  const initialValue = Number(props.value ?? props.defaultValue ?? min);
+  const [currentValue, setCurrentValue] = useState10(initialValue);
+  const fillPct = (currentValue - min) / (max - min) * 100;
+  const handleChange = (e) => {
+    setCurrentValue(Number(e.target.value));
+    onChange?.(e);
+  };
+  return /* @__PURE__ */ jsxs29(InputContainer, { className: cn37(Slider_default.formGroup, className), children: [
+    /* @__PURE__ */ jsxs29("div", { className: Slider_default.labelRow, children: [
+      /* @__PURE__ */ jsx40(Label, { id, label }),
+      showValue && /* @__PURE__ */ jsx40("span", { className: Slider_default.value, children: currentValue })
+    ] }),
+    /* @__PURE__ */ jsx40(
+      "input",
+      {
+        type: "range",
+        id,
+        name,
+        min,
+        max,
+        "aria-describedby": describedBy,
+        "aria-valuemin": min,
+        "aria-valuemax": max,
+        "aria-valuenow": currentValue,
+        className: cn37(Slider_default.slider, error ? Slider_default.sliderError : void 0),
+        style: { "--slider_fill": `${fillPct}%` },
+        onChange: handleChange,
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx40(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx40(Message, { inputId: id, type: "hint", message: hint })
+  ] });
+}
+
+// src/components/interaction/form/Switch/Switch.tsx
+import { useId as useId17 } from "react";
+
+// src/components/interaction/form/Switch/Switch.module.css
+var Switch_default = {};
+
+// src/components/interaction/form/Switch/Switch.tsx
+import { cn as cn38 } from "@boostdev/design-system-foundation";
+import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
+function Switch({
+  label,
+  name,
+  size = "medium",
+  error,
+  hint,
+  className,
+  ...props
+}) {
+  const id = name + useId17();
+  const hintId = id + "hint";
+  const errorId = id + "error";
+  const describedBy = error ? errorId : hintId;
+  return /* @__PURE__ */ jsxs30(InputContainer, { className: cn38(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
+    /* @__PURE__ */ jsxs30("div", { className: Switch_default.inputWrapper, children: [
+      /* @__PURE__ */ jsxs30("div", { className: Switch_default.trackWrapper, children: [
+        /* @__PURE__ */ jsx41(
+          "input",
+          {
+            type: "checkbox",
+            role: "switch",
+            id,
+            name,
+            "aria-describedby": describedBy,
+            className: cn38(Switch_default.switch, error ? Switch_default.switchError : void 0),
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsx41("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx41("span", { className: Switch_default.thumb }) })
+      ] }),
+      /* @__PURE__ */ jsx41(Label, { id, label })
+    ] }),
+    /* @__PURE__ */ jsx41(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx41(Message, { inputId: id, type: "hint", message: hint })
+  ] });
+}
+
+// src/components/interaction/form/Textarea/Textarea.tsx
+import { useId as useId18 } from "react";
+
+// src/components/interaction/form/Textarea/Textarea.module.css
+var Textarea_default = {};
+
+// src/components/interaction/form/Textarea/Textarea.tsx
+import { cn as cn39 } from "@boostdev/design-system-foundation";
+import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
+function Textarea({
+  label,
+  name,
+  error,
+  hint,
+  className,
+  ...props
+}) {
+  const id = name + useId18();
+  const hintId = id + "hint";
+  const errorId = id + "error";
+  const describedBy = error ? errorId : hintId;
+  return /* @__PURE__ */ jsxs31(InputContainer, { className: cn39(Textarea_default.formGroup, className), children: [
+    /* @__PURE__ */ jsx42(Label, { id, label }),
+    /* @__PURE__ */ jsx42(
+      "textarea",
+      {
+        id,
+        name,
+        "aria-invalid": !!error,
+        "aria-describedby": describedBy,
+        className: cn39(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx42(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx42(Message, { inputId: id, type: "hint", message: hint })
+  ] });
+}
+
+// src/components/layout/ButtonGroup/ButtonGroup.module.css
+var ButtonGroup_default = {};
+
+// src/components/layout/ButtonGroup/ButtonGroup.tsx
+import { cn as cn40 } from "@boostdev/design-system-foundation";
+import { jsx as jsx43 } from "react/jsx-runtime";
+function ButtonGroup({ children, className, variant }) {
+  return /* @__PURE__ */ jsx43("div", { className: cn40(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant__${variant}`]), children: /* @__PURE__ */ jsx43("div", { className: ButtonGroup_default.container, children }) });
+}
+
+// src/components/layout/Card/Card.module.css
+var Card_default = {};
+
+// src/components/layout/Card/Card.tsx
+import { cn as cn41 } from "@boostdev/design-system-foundation";
+import { jsx as jsx44 } from "react/jsx-runtime";
+function Card({
+  children,
+  className,
+  variant = "default",
+  padding = "medium",
+  textAlign = "start",
+  style,
+  onClick
+}) {
+  const classNames = cn41(
+    Card_default.card,
+    Card_default[`--${variant}`],
+    Card_default[`--padding-${padding}`],
+    Card_default[`--text-${textAlign}`],
+    onClick && Card_default["--clickable"],
+    className
+  );
+  const Component = onClick ? "button" : "div";
+  return /* @__PURE__ */ jsx44(
+    Component,
+    {
+      className: classNames,
+      onClick,
+      style,
+      ...onClick && { type: "button" },
+      children
+    }
+  );
+}
+
+// src/components/layout/SectionHeader/SectionHeader.module.css
+var SectionHeader_default = {};
+
+// src/components/layout/SectionHeader/SectionHeader.tsx
+import { cn as cn42 } from "@boostdev/design-system-foundation";
+import { jsx as jsx45, jsxs as jsxs32 } from "react/jsx-runtime";
+function SectionHeader({
+  title,
+  subtitle,
+  className,
+  alignment = "start",
+  size = "medium",
+  titleAs = "h2"
+}) {
+  const Title = titleAs;
+  return /* @__PURE__ */ jsxs32("header", { className: cn42(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
+    /* @__PURE__ */ jsx45(Title, { className: SectionHeader_default.title, children: title }),
+    subtitle && /* @__PURE__ */ jsx45("p", { className: SectionHeader_default.subtitle, children: subtitle })
+  ] });
+}
+
+// src/components/layout/IconWrapper/IconWrapper.module.css
+var IconWrapper_default = {};
+
+// src/components/layout/IconWrapper/IconWrapper.tsx
+import { cn as cn43 } from "@boostdev/design-system-foundation";
+import { jsx as jsx46 } from "react/jsx-runtime";
+function IconWrapper({ children, className }) {
+  return /* @__PURE__ */ jsx46("div", { className: cn43(className, IconWrapper_default.wrapper), children });
+}
+
+// src/index.ts
+import { cn as cn44 } from "@boostdev/design-system-foundation";
+export {
+  Accordion,
+  Alert,
+  Avatar,
+  Badge,
+  Breadcrumb,
+  Button,
+  ButtonGroup,
+  Calendar,
+  Card,
+  Carousel,
+  Checkbox,
+  Combobox,
+  Command,
+  DescriptionList,
+  Dialog,
+  Drawer,
+  DropdownMenu,
+  FileInput,
+  FormInput,
+  IconWrapper,
+  Link,
+  Loading,
+  NotificationBanner,
+  NumberInput,
+  Pagination,
+  Popover,
+  Progress,
+  ProgressCircle,
+  Radio,
+  Rating,
+  SectionHeader,
+  Select,
+  Separator,
+  Skeleton,
+  SkipLink,
+  Slider,
+  Switch,
+  Table,
+  Tabs,
+  Textarea,
+  ToastProvider,
+  Tooltip,
+  Typography,
+  cn44 as cn,
+  useToast
+};