@duskmoon-dev/components 0.1.2

package/dist/components/dm-table/index.js

@@ -0,0 +1,2607 @@
+"use client";
+
+// ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if (typeof e == "string" || typeof e == "number")
+    n += e;
+  else if (typeof e == "object")
+    if (Array.isArray(e)) {
+      var o = e.length;
+      for (t = 0;t < o; t++)
+        e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+    } else
+      for (f in e)
+        e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length;f < o; f++)
+    (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  return clsx(inputs);
+}
+// src/classes/button.ts
+var buttonBaseClass = "btn";
+var buttonColorClasses = {
+  primary: "btn-primary",
+  secondary: "btn-secondary",
+  tertiary: "btn-tertiary",
+  info: "btn-info",
+  success: "btn-success",
+  warning: "btn-warning",
+  error: "btn-error"
+};
+var buttonAppearanceClasses = {
+  filled: "",
+  outline: "btn-outline",
+  tonal: "btn-tonal",
+  ghost: "btn-ghost",
+  text: "btn-text"
+};
+var buttonShapeClasses = {
+  rect: "",
+  circle: "btn-circle",
+  square: "btn-square"
+};
+var buttonSizeClasses = {
+  xs: "btn-xs",
+  sm: "btn-sm",
+  md: "btn-md",
+  lg: "btn-lg"
+};
+var buttonBlockClass = "btn-block";
+var buttonIsLoadingClass = "btn-loading";
+function getButtonClasses({
+  color = "primary",
+  appearance = "filled",
+  shape = "rect",
+  size = "md",
+  block,
+  isLoading,
+  className
+}) {
+  return cn(buttonBaseClass, buttonColorClasses[color], buttonAppearanceClasses[appearance], buttonShapeClasses[shape], buttonSizeClasses[size], block && buttonBlockClass, isLoading && buttonIsLoadingClass, className);
+}
+
+// src/components/button/Button.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Button({
+  color = "primary",
+  appearance = "filled",
+  shape = "rect",
+  size = "md",
+  block,
+  isLoading,
+  leftIcon,
+  rightIcon,
+  className,
+  children,
+  disabled,
+  ref,
+  ...props
+}) {
+  const classes = getButtonClasses({
+    color,
+    appearance,
+    shape,
+    size,
+    block,
+    isLoading,
+    className
+  });
+  return /* @__PURE__ */ jsxs("button", {
+    ref,
+    className: classes,
+    disabled: disabled || isLoading,
+    "aria-busy": isLoading,
+    "aria-disabled": disabled || isLoading,
+    ...props,
+    children: [
+      isLoading && /* @__PURE__ */ jsx("span", {
+        className: "btn-spinner"
+      }),
+      !isLoading && leftIcon && /* @__PURE__ */ jsx("span", {
+        className: "btn-icon-left",
+        children: leftIcon
+      }),
+      /* @__PURE__ */ jsx("span", {
+        className: "btn-content",
+        children
+      }),
+      !isLoading && rightIcon && /* @__PURE__ */ jsx("span", {
+        className: "btn-icon-right",
+        children: rightIcon
+      })
+    ]
+  });
+}
+// src/classes/card.ts
+var cardBaseClass = "card";
+var cardAppearanceClasses = {
+  elevated: "card-elevated",
+  outline: "card-outline",
+  filled: "card-filled"
+};
+var cardPaddingClasses = {
+  none: "card-padding-none",
+  sm: "card-padding-sm",
+  md: "card-padding-md",
+  lg: "card-padding-lg"
+};
+function getCardClasses({
+  appearance = "elevated",
+  padding = "md",
+  className
+}) {
+  return cn(cardBaseClass, cardAppearanceClasses[appearance], cardPaddingClasses[padding], className);
+}
+
+// src/components/card/Card.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Card({
+  appearance = "elevated",
+  padding = "md",
+  className,
+  children,
+  ref,
+  ...props
+}) {
+  const classes = getCardClasses({
+    appearance,
+    padding,
+    className
+  });
+  return /* @__PURE__ */ jsx2("div", {
+    ref,
+    className: classes,
+    ...props,
+    children
+  });
+}
+// src/components/date-picker/DatePicker.tsx
+import { forwardRef, useMemo, useState } from "react";
+
+// src/classes/date-picker.ts
+var datePickerBaseClass = "datepicker";
+var datePickerInputClass = "datepicker-input";
+var datePickerIconClass = "datepicker-icon";
+var datePickerDropdownClass = "datepicker-dropdown";
+var datePickerDropdownOpenClass = "datepicker-dropdown-open";
+var datePickerFooterClass = "datepicker-footer";
+var datePickerPresetClass = "datepicker-preset";
+var datePickerRangeClass = "datepicker-range";
+var datePickerSeparatorClass = "datepicker-range-separator";
+var datePickerClearClass = "datepicker-clear";
+var datePickerSizeClasses = {
+  sm: "datepicker-sm",
+  md: "",
+  lg: "datepicker-lg"
+};
+var datePickerStatusClasses = {
+  error: "datepicker-error",
+  success: "datepicker-success"
+};
+var datePickerPickerClasses = {
+  date: "",
+  week: "datepicker-week",
+  month: "datepicker-month-picker",
+  quarter: "datepicker-quarter-picker",
+  year: "datepicker-year-picker",
+  time: "datepicker-time-picker"
+};
+function getDatePickerClasses({
+  size = "md",
+  status,
+  picker = "date",
+  open,
+  disabled,
+  range,
+  className
+}) {
+  return cn(datePickerBaseClass, datePickerSizeClasses[size], status && datePickerStatusClasses[status], datePickerPickerClasses[picker], open && "datepicker-open", disabled && "datepicker-disabled", range && datePickerRangeClass, className);
+}
+function getDatePickerDropdownClasses({
+  open,
+  className
+}) {
+  return cn(datePickerDropdownClass, open && datePickerDropdownOpenClass, className);
+}
+
+// src/components/date-picker/DatePicker.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function todayValue(picker) {
+  const today = new Date;
+  const year = today.getFullYear();
+  const month = String(today.getMonth() + 1).padStart(2, "0");
+  const day = String(today.getDate()).padStart(2, "0");
+  if (picker === "month")
+    return `${year}-${month}`;
+  if (picker === "year")
+    return String(year);
+  if (picker === "time")
+    return "00:00";
+  return `${year}-${month}-${day}`;
+}
+function inputTypeForPicker(picker) {
+  if (picker === "month")
+    return "month";
+  if (picker === "week")
+    return "week";
+  if (picker === "time")
+    return "time";
+  return picker === "year" || picker === "quarter" ? "text" : "date";
+}
+function placeholderForPicker(picker) {
+  if (picker === "month")
+    return "Select month";
+  if (picker === "week")
+    return "Select week";
+  if (picker === "quarter")
+    return "Select quarter";
+  if (picker === "year")
+    return "Select year";
+  if (picker === "time")
+    return "Select time";
+  return "Select date";
+}
+function normalizeDateValue(value) {
+  return typeof value === "string" && value.length > 0 ? value : undefined;
+}
+var DatePickerRoot = forwardRef(({
+  allowClear,
+  className,
+  defaultOpen,
+  defaultValue,
+  disabled,
+  disabledDate,
+  onBlur,
+  onChange,
+  onFocus,
+  onOpenChange,
+  open,
+  picker = "date",
+  placeholder,
+  presets,
+  showNow,
+  size = "md",
+  status,
+  value,
+  ...props
+}, ref) => {
+  const isValueControlled = value !== undefined;
+  const isOpenControlled = open !== undefined;
+  const [innerValue, setInnerValue] = useState(() => normalizeDateValue(defaultValue));
+  const [innerOpen, setInnerOpen] = useState(Boolean(defaultOpen));
+  const currentValue = isValueControlled ? normalizeDateValue(value) : innerValue;
+  const visible = isOpenControlled ? Boolean(open) : innerOpen;
+  const inputType = inputTypeForPicker(picker);
+  function setVisible(nextOpen) {
+    if (!isOpenControlled) {
+      setInnerOpen(nextOpen);
+    }
+    onOpenChange?.(nextOpen);
+  }
+  function emitChange(nextValue) {
+    if (nextValue && disabledDate?.(nextValue)) {
+      return;
+    }
+    if (!isValueControlled) {
+      setInnerValue(nextValue);
+    }
+    onChange?.(nextValue, nextValue ?? "");
+  }
+  const presetItems = useMemo(() => presets ?? [], [presets]);
+  return /* @__PURE__ */ jsxs2("div", {
+    ...props,
+    ref,
+    className: getDatePickerClasses({
+      size,
+      status,
+      picker,
+      open: visible,
+      disabled,
+      className
+    }),
+    children: [
+      /* @__PURE__ */ jsx3("input", {
+        className: datePickerInputClass,
+        disabled,
+        type: inputType,
+        value: currentValue ?? "",
+        placeholder: placeholder ?? placeholderForPicker(picker),
+        onFocus: (event) => {
+          onFocus?.(event);
+          setVisible(true);
+        },
+        onBlur: (event) => {
+          onBlur?.(event);
+          setVisible(false);
+        },
+        onChange: (event) => emitChange(event.currentTarget.value || undefined)
+      }),
+      allowClear && currentValue && !disabled ? /* @__PURE__ */ jsx3("button", {
+        type: "button",
+        className: datePickerClearClass,
+        "aria-label": "Clear date",
+        onMouseDown: (event) => event.preventDefault(),
+        onClick: () => emitChange(undefined),
+        children: "x"
+      }) : null,
+      /* @__PURE__ */ jsx3("span", {
+        className: datePickerIconClass,
+        "aria-hidden": "true",
+        children: "calendar"
+      }),
+      (presetItems.length > 0 || showNow) && visible ? /* @__PURE__ */ jsxs2("div", {
+        className: getDatePickerDropdownClasses({ open: visible }),
+        children: [
+          presetItems.map((preset, index) => /* @__PURE__ */ jsx3("button", {
+            type: "button",
+            className: datePickerPresetClass,
+            onMouseDown: (event) => event.preventDefault(),
+            onClick: () => emitChange(preset.value),
+            children: preset.label
+          }, index)),
+          showNow ? /* @__PURE__ */ jsx3("div", {
+            className: datePickerFooterClass,
+            children: /* @__PURE__ */ jsx3("button", {
+              type: "button",
+              onMouseDown: (event) => event.preventDefault(),
+              onClick: () => emitChange(todayValue(picker)),
+              children: "Now"
+            })
+          }) : null
+        ]
+      }) : null
+    ]
+  });
+});
+DatePickerRoot.displayName = "DatePicker";
+var RangePicker = forwardRef(({
+  allowClear,
+  className,
+  defaultValue,
+  disabled,
+  disabledDate,
+  onChange,
+  picker = "date",
+  placeholder,
+  separator = "-",
+  size = "md",
+  status,
+  value,
+  ...props
+}, ref) => {
+  const isControlled = value !== undefined;
+  const [innerValue, setInnerValue] = useState(defaultValue ?? [undefined, undefined]);
+  const currentValue = isControlled ? value : innerValue;
+  const inputType = inputTypeForPicker(picker);
+  function emitChange(nextValue) {
+    if (nextValue.some((item) => item !== undefined && Boolean(disabledDate?.(item)))) {
+      return;
+    }
+    if (!isControlled) {
+      setInnerValue(nextValue);
+    }
+    onChange?.(nextValue, [nextValue[0] ?? "", nextValue[1] ?? ""]);
+  }
+  function updateIndex(index, nextItem) {
+    emitChange(index === 0 ? [nextItem, currentValue?.[1]] : [currentValue?.[0], nextItem]);
+  }
+  return /* @__PURE__ */ jsxs2("div", {
+    ...props,
+    ref,
+    className: getDatePickerClasses({
+      size,
+      status,
+      picker,
+      disabled,
+      range: true,
+      className
+    }),
+    children: [
+      /* @__PURE__ */ jsx3("input", {
+        className: datePickerInputClass,
+        disabled,
+        type: inputType,
+        value: currentValue?.[0] ?? "",
+        placeholder: Array.isArray(placeholder) ? placeholder[0] : "Start date",
+        onChange: (event) => updateIndex(0, event.currentTarget.value || undefined)
+      }),
+      /* @__PURE__ */ jsx3("span", {
+        className: datePickerSeparatorClass,
+        children: separator
+      }),
+      /* @__PURE__ */ jsx3("input", {
+        className: datePickerInputClass,
+        disabled,
+        type: inputType,
+        value: currentValue?.[1] ?? "",
+        placeholder: Array.isArray(placeholder) ? placeholder[1] : "End date",
+        onChange: (event) => updateIndex(1, event.currentTarget.value || undefined)
+      }),
+      allowClear && (currentValue?.[0] || currentValue?.[1]) && !disabled ? /* @__PURE__ */ jsx3("button", {
+        type: "button",
+        className: datePickerClearClass,
+        "aria-label": "Clear date range",
+        onClick: () => emitChange([undefined, undefined]),
+        children: "x"
+      }) : null
+    ]
+  });
+});
+RangePicker.displayName = "DatePicker.RangePicker";
+function withPicker(picker, displayName) {
+  const Picker = forwardRef((props, ref) => /* @__PURE__ */ jsx3(DatePickerRoot, {
+    ...props,
+    ref,
+    picker
+  }));
+  Picker.displayName = displayName;
+  return Picker;
+}
+var DatePicker = Object.assign(DatePickerRoot, {
+  RangePicker,
+  WeekPicker: withPicker("week", "DatePicker.WeekPicker"),
+  MonthPicker: withPicker("month", "DatePicker.MonthPicker"),
+  QuarterPicker: withPicker("quarter", "DatePicker.QuarterPicker"),
+  YearPicker: withPicker("year", "DatePicker.YearPicker")
+});
+// src/components/pagination/Pagination.tsx
+import {
+  forwardRef as forwardRef2,
+  useMemo as useMemo2,
+  useState as useState2
+} from "react";
+
+// src/classes/pagination.ts
+var paginationBaseClass = "pagination";
+var paginationItemClass = "pagination-item";
+var paginationItemActiveClass = "pagination-item-active";
+var paginationItemDisabledClass = "pagination-item-disabled";
+var paginationPrevClass = "pagination-prev";
+var paginationNextClass = "pagination-next";
+var paginationEllipsisClass = "pagination-ellipsis";
+var paginationCompactClass = "pagination-compact";
+var paginationInfoClass = "pagination-info";
+var paginationInfoTextClass = "pagination-info-text";
+var paginationInputClass = "pagination-input";
+var paginationResponsiveClass = "pagination-responsive";
+var paginationSizeClasses = {
+  sm: "pagination-sm",
+  md: "",
+  lg: "pagination-lg"
+};
+function getPaginationClasses({
+  size = "md",
+  compact,
+  className
+}) {
+  return cn(paginationBaseClass, paginationResponsiveClass, paginationSizeClasses[size], compact && paginationCompactClass, className);
+}
+function getPaginationItemClasses({
+  active,
+  disabled
+}) {
+  return cn(paginationItemClass, active && paginationItemActiveClass, disabled && paginationItemDisabledClass);
+}
+
+// src/components/pagination/Pagination.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var defaultPageSizeOptions = [10, 20, 50, 100];
+function toPositiveInteger(value, fallback) {
+  if (!Number.isFinite(value) || value === undefined) {
+    return fallback;
+  }
+  return Math.max(1, Math.floor(value));
+}
+function clampPage(page, pageCount) {
+  return Math.min(pageCount, Math.max(1, Math.floor(page)));
+}
+function getPageCount(total, pageSize) {
+  return Math.max(1, Math.ceil(Math.max(0, total) / pageSize));
+}
+function getRange(current, pageSize, total) {
+  if (total <= 0) {
+    return [0, 0];
+  }
+  const start = (current - 1) * pageSize + 1;
+  const end = Math.min(total, current * pageSize);
+  return [start, end];
+}
+function getPageTokens(current, pageCount) {
+  if (pageCount <= 7) {
+    return Array.from({ length: pageCount }, (_, index) => index + 1);
+  }
+  const pages = new Set([1, pageCount, current - 1, current, current + 1]);
+  if (current <= 4) {
+    [2, 3, 4, 5].forEach((page) => pages.add(page));
+  }
+  if (current >= pageCount - 3) {
+    [pageCount - 4, pageCount - 3, pageCount - 2, pageCount - 1].forEach((page) => pages.add(page));
+  }
+  const sortedPages = Array.from(pages).filter((page) => page >= 1 && page <= pageCount).sort((first, second) => first - second);
+  return sortedPages.reduce((tokens, page) => {
+    const previous = tokens[tokens.length - 1];
+    if (typeof previous === "number") {
+      const gap = page - previous;
+      if (gap === 2) {
+        tokens.push(previous + 1);
+      } else if (gap > 2) {
+        tokens.push("ellipsis");
+      }
+    }
+    tokens.push(page);
+    return tokens;
+  }, []);
+}
+function getSizeOptions(pageSize) {
+  return Array.from(new Set([...defaultPageSizeOptions, pageSize])).sort((first, second) => first - second);
+}
+var Pagination = forwardRef2(({
+  current,
+  defaultCurrent = 1,
+  pageSize,
+  defaultPageSize = 10,
+  total = 0,
+  onChange,
+  disabled,
+  simple,
+  showSizeChanger,
+  showQuickJumper,
+  showTotal,
+  size = "md",
+  className,
+  ...props
+}, ref) => {
+  const isCurrentControlled = current !== undefined;
+  const isPageSizeControlled = pageSize !== undefined;
+  const [internalCurrent, setInternalCurrent] = useState2(defaultCurrent);
+  const [internalPageSize, setInternalPageSize] = useState2(defaultPageSize);
+  const [quickJumpValue, setQuickJumpValue] = useState2("");
+  const mergedPageSize = toPositiveInteger(pageSize ?? internalPageSize, defaultPageSize);
+  const pageCount = getPageCount(total, mergedPageSize);
+  const mergedCurrent = clampPage(toPositiveInteger(current ?? internalCurrent, defaultCurrent), pageCount);
+  const pageTokens = useMemo2(() => getPageTokens(mergedCurrent, pageCount), [mergedCurrent, pageCount]);
+  const range = getRange(mergedCurrent, mergedPageSize, total);
+  function changePage(nextPage, nextPageSize = mergedPageSize) {
+    const nextPageCount = getPageCount(total, nextPageSize);
+    const normalizedPage = clampPage(nextPage, nextPageCount);
+    if (!isCurrentControlled) {
+      setInternalCurrent(normalizedPage);
+    }
+    if (!isPageSizeControlled) {
+      setInternalPageSize(nextPageSize);
+    }
+    onChange?.(normalizedPage, nextPageSize);
+  }
+  function handlePageSizeChange(event) {
+    const nextPageSize = toPositiveInteger(Number(event.currentTarget.value), mergedPageSize);
+    const nextPage = clampPage(mergedCurrent, getPageCount(total, nextPageSize));
+    changePage(nextPage, nextPageSize);
+  }
+  function jumpToInputPage(value) {
+    const nextPage = Number(value);
+    if (!Number.isFinite(nextPage)) {
+      return;
+    }
+    changePage(nextPage);
+    setQuickJumpValue("");
+  }
+  function handleQuickJumpKeyDown(event) {
+    if (event.key !== "Enter") {
+      return;
+    }
+    jumpToInputPage(event.currentTarget.value);
+  }
+  const previousDisabled = disabled || mergedCurrent <= 1;
+  const nextDisabled = disabled || mergedCurrent >= pageCount;
+  return /* @__PURE__ */ jsxs3("nav", {
+    ...props,
+    ref,
+    className: getPaginationClasses({ size, compact: simple, className }),
+    children: [
+      showTotal ? /* @__PURE__ */ jsx4("div", {
+        className: paginationInfoClass,
+        children: /* @__PURE__ */ jsx4("span", {
+          className: paginationInfoTextClass,
+          children: showTotal(total, range)
+        })
+      }) : null,
+      /* @__PURE__ */ jsx4("button", {
+        type: "button",
+        className: paginationPrevClass,
+        disabled: previousDisabled,
+        "aria-label": "Previous page",
+        onClick: () => changePage(mergedCurrent - 1),
+        children: "Prev"
+      }),
+      simple ? /* @__PURE__ */ jsxs3("div", {
+        className: paginationInputClass,
+        children: [
+          /* @__PURE__ */ jsx4("input", {
+            "aria-label": "Current page",
+            type: "number",
+            min: 1,
+            max: pageCount,
+            value: quickJumpValue || String(mergedCurrent),
+            disabled,
+            onChange: (event) => setQuickJumpValue(event.currentTarget.value),
+            onKeyDown: handleQuickJumpKeyDown,
+            onBlur: (event) => {
+              if (event.currentTarget.value !== String(mergedCurrent)) {
+                jumpToInputPage(event.currentTarget.value);
+              }
+            }
+          }),
+          /* @__PURE__ */ jsxs3("span", {
+            className: paginationInfoTextClass,
+            children: [
+              "/ ",
+              pageCount
+            ]
+          })
+        ]
+      }) : pageTokens.map((pageToken, index) => pageToken === "ellipsis" ? /* @__PURE__ */ jsx4("span", {
+        "aria-hidden": "true",
+        className: paginationEllipsisClass
+      }, `ellipsis-${index}`) : /* @__PURE__ */ jsx4("button", {
+        type: "button",
+        className: getPaginationItemClasses({
+          active: pageToken === mergedCurrent,
+          disabled
+        }),
+        disabled,
+        "aria-current": pageToken === mergedCurrent ? "page" : undefined,
+        "aria-label": `Page ${pageToken}`,
+        onClick: () => changePage(pageToken),
+        children: pageToken
+      }, pageToken)),
+      /* @__PURE__ */ jsx4("button", {
+        type: "button",
+        className: paginationNextClass,
+        disabled: nextDisabled,
+        "aria-label": "Next page",
+        onClick: () => changePage(mergedCurrent + 1),
+        children: "Next"
+      }),
+      showSizeChanger ? /* @__PURE__ */ jsx4("div", {
+        className: paginationInputClass,
+        children: /* @__PURE__ */ jsx4("select", {
+          "aria-label": "Page size",
+          value: mergedPageSize,
+          disabled,
+          onChange: handlePageSizeChange,
+          children: getSizeOptions(mergedPageSize).map((option) => /* @__PURE__ */ jsxs3("option", {
+            value: option,
+            children: [
+              option,
+              " / page"
+            ]
+          }, option))
+        })
+      }) : null,
+      showQuickJumper && !simple ? /* @__PURE__ */ jsx4("div", {
+        className: paginationInputClass,
+        children: /* @__PURE__ */ jsx4("input", {
+          "aria-label": "Jump to page",
+          type: "number",
+          min: 1,
+          max: pageCount,
+          value: quickJumpValue,
+          disabled,
+          onChange: (event) => setQuickJumpValue(event.currentTarget.value),
+          onKeyDown: handleQuickJumpKeyDown
+        })
+      }) : null
+    ]
+  });
+});
+Pagination.displayName = "Pagination";
+// src/components/dm-pagination/DmPagination.tsx
+import {
+  forwardRef as forwardRef3,
+  useEffect,
+  useMemo as useMemo3,
+  useRef,
+  useState as useState3
+} from "react";
+
+// src/classes/dm-pagination.ts
+var dmPaginationBaseClass = "dm-pagination";
+var dmPaginationHiddenClass = "dm-pagination-hidden";
+var dmPaginationPagerClass = "dm-pagination-pager";
+var dmPaginationRefreshClass = "dm-pagination-refresh";
+var dmPaginationRefreshLoadingClass = "dm-pagination-refresh-loading";
+var dmPaginationSelectedClass = "dm-pagination-selected";
+var dmPaginationAlignClasses = {
+  left: "dm-pagination-left",
+  center: "dm-pagination-center",
+  right: "dm-pagination-right"
+};
+function getDmPaginationClasses({
+  align = "right",
+  hidden,
+  className
+}) {
+  return cn(dmPaginationBaseClass, dmPaginationAlignClasses[align], hidden && dmPaginationHiddenClass, className);
+}
+function getDmPaginationRefreshClasses({
+  loading,
+  className
+}) {
+  return cn(dmPaginationRefreshClass, loading && dmPaginationRefreshLoadingClass, className);
+}
+
+// src/components/dm-pagination/DmPagination.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var defaultLocale = {
+  refresh: "Refresh",
+  showTotal: (total, range) => `${range[0]}-${range[1]} of ${total}`,
+  showTotalSimple: (total, range) => `${range[0]}-${range[1]} / ${total}`,
+  selected: (selectedTotal) => `, ${selectedTotal} selected`
+};
+function getResponsiveSimple({
+  width,
+  total,
+  showRefresh,
+  showSizeChanger
+}) {
+  let reservedWidth = 0;
+  if (!showRefresh)
+    reservedWidth += 100;
+  if (!showSizeChanger)
+    reservedWidth += 100;
+  if (width < 900 - reservedWidth)
+    return total >= 100;
+  if (width < 1100 - reservedWidth)
+    return total >= 1000;
+  if (width < 1220 - reservedWidth)
+    return total >= 99999;
+  if (width < 1300 - reservedWidth)
+    return total >= 999999;
+  if (width < 1450 - reservedWidth)
+    return total >= 9999999;
+  return false;
+}
+function useElementWidth() {
+  const ref = useRef(null);
+  const [width, setWidth] = useState3(1000);
+  useEffect(() => {
+    const element = ref.current;
+    if (!element || typeof ResizeObserver === "undefined")
+      return;
+    const observer = new ResizeObserver(([entry]) => {
+      setWidth(entry?.contentRect.width || element.getBoundingClientRect().width);
+    });
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, []);
+  return [ref, width];
+}
+function renderSelected(selectedTotal, locale) {
+  if (!selectedTotal)
+    return null;
+  return /* @__PURE__ */ jsx5("span", {
+    className: dmPaginationSelectedClass,
+    children: locale.selected(selectedTotal)
+  });
+}
+var DmPagination = forwardRef3(({
+  selectedTotal = 0,
+  loading = false,
+  total = 0,
+  showRefresh = true,
+  showPagination = true,
+  wrapperStyle,
+  className,
+  align = "right",
+  showTotalFullMessage = false,
+  showSizeChanger = true,
+  responsiveSimple = true,
+  refresh,
+  simple,
+  showQuickJumper,
+  showTotal,
+  locale,
+  ...props
+}, ref) => {
+  const [measureRef, width] = useElementWidth();
+  const mergedLocale = useMemo3(() => ({ ...defaultLocale, ...locale }), [locale]);
+  const isRefreshVisible = showRefresh && Boolean(refresh);
+  const shouldRender = showPagination || isRefreshVisible;
+  const responsiveSimpleMode = responsiveSimple ? getResponsiveSimple({
+    width,
+    total,
+    showRefresh,
+    showSizeChanger
+  }) : false;
+  const mergedSimple = simple ?? responsiveSimpleMode;
+  const mergedShowQuickJumper = showQuickJumper ?? !mergedSimple;
+  const totalRenderer = useMemo3(() => {
+    if (showTotal)
+      return showTotal;
+    return (nextTotal, range) => {
+      if (Number(nextTotal) === 0)
+        return "";
+      const selected = renderSelected(selectedTotal, mergedLocale);
+      const message = mergedSimple && !showTotalFullMessage ? mergedLocale.showTotalSimple(nextTotal, range, selectedTotal) : mergedLocale.showTotal(nextTotal, range, selectedTotal);
+      return /* @__PURE__ */ jsxs4("span", {
+        title: `${mergedLocale.showTotal(nextTotal, range, selectedTotal)}${selectedTotal ? mergedLocale.selected(selectedTotal) : ""}`,
+        children: [
+          message,
+          selected
+        ]
+      });
+    };
+  }, [
+    mergedLocale,
+    mergedSimple,
+    selectedTotal,
+    showTotal,
+    showTotalFullMessage
+  ]);
+  if (!shouldRender)
+    return null;
+  return /* @__PURE__ */ jsxs4("div", {
+    ref: (element) => {
+      measureRef.current = element;
+      if (typeof ref === "function") {
+        ref(element);
+      } else if (ref) {
+        ref.current = element;
+      }
+    },
+    className: getDmPaginationClasses({ align, className }),
+    style: wrapperStyle,
+    children: [
+      showPagination ? /* @__PURE__ */ jsx5("div", {
+        className: dmPaginationPagerClass,
+        children: /* @__PURE__ */ jsx5(Pagination, {
+          ...props,
+          total,
+          simple: mergedSimple,
+          showQuickJumper: mergedShowQuickJumper,
+          showSizeChanger,
+          showTotal: totalRenderer
+        })
+      }) : null,
+      isRefreshVisible ? /* @__PURE__ */ jsxs4("button", {
+        type: "button",
+        className: getDmPaginationRefreshClasses({ loading }),
+        disabled: loading || props.disabled,
+        "aria-busy": loading || undefined,
+        onClick: refresh,
+        children: [
+          /* @__PURE__ */ jsx5("span", {
+            "aria-hidden": "true",
+            children: "Reload"
+          }),
+          /* @__PURE__ */ jsx5("span", {
+            children: mergedLocale.refresh
+          })
+        ]
+      }) : null
+    ]
+  });
+});
+DmPagination.displayName = "DmPagination";
+// src/components/input/Input.tsx
+import {
+  forwardRef as forwardRef4,
+  useImperativeHandle,
+  useRef as useRef2,
+  useState as useState4
+} from "react";
+
+// src/classes/input.ts
+var inputBaseClass = "input";
+var inputWrapperClass = "input-wrapper";
+var inputAffixWrapperClass = "input-affix-wrapper";
+var inputPrefixClass = "input-prefix";
+var inputSuffixClass = "input-suffix";
+var inputClearClass = "input-clear";
+var inputSearchClass = "input-search";
+var inputSearchButtonClass = "input-search-button";
+var inputPasswordClass = "input-password";
+var inputPasswordToggleClass = "input-password-toggle";
+var inputGroupClass = "input-group";
+var textAreaBaseClass = "textarea";
+var textAreaWrapperClass = "textarea-wrapper";
+var textAreaCountClass = "textarea-counter";
+var textAreaCountExceededClass = "textarea-counter-exceeded";
+var textAreaAutoSizeClass = "textarea-auto-resize";
+var inputVariantClasses = {
+  filled: "input-filled",
+  outlined: "input-outlined"
+};
+var inputSizeClasses = {
+  sm: "input-sm",
+  md: "input-md",
+  lg: "input-lg"
+};
+var inputStatusClasses = {
+  error: "input-error",
+  success: "input-success"
+};
+var textAreaVariantClasses = {
+  filled: "textarea-filled",
+  outlined: "textarea-outlined"
+};
+var textAreaSizeClasses = {
+  sm: "textarea-sm",
+  md: "",
+  lg: "textarea-lg"
+};
+var textAreaStatusClasses = {
+  error: "textarea-error",
+  success: "textarea-success"
+};
+var textAreaResizeClasses = {
+  none: "textarea-resize-none",
+  both: "textarea-resize-both",
+  horizontal: "textarea-resize-horizontal",
+  vertical: "textarea-resize-vertical"
+};
+function getInputClasses({
+  size = "md",
+  status,
+  variant = "outlined",
+  className
+}) {
+  return cn(inputBaseClass, inputVariantClasses[variant], inputSizeClasses[size], status && inputStatusClasses[status], className);
+}
+function getInputWrapperClasses({
+  affixed,
+  className
+}) {
+  return cn(inputWrapperClass, affixed && inputAffixWrapperClass, className);
+}
+function getSearchWrapperClasses({ className }) {
+  return cn(inputSearchClass, className);
+}
+function getPasswordWrapperClasses({
+  className
+}) {
+  return cn(inputPasswordClass, className);
+}
+function getTextAreaClasses({
+  size = "md",
+  status,
+  variant = "outlined",
+  resize = "vertical",
+  autoSize,
+  className
+}) {
+  return cn(textAreaBaseClass, textAreaVariantClasses[variant], textAreaSizeClasses[size], status && textAreaStatusClasses[status], textAreaResizeClasses[resize], autoSize && textAreaAutoSizeClass, className);
+}
+function getTextAreaCountClasses({ exceeded }) {
+  return cn(textAreaCountClass, exceeded && textAreaCountExceededClass);
+}
+
+// src/components/input/Input.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function toTextValue(value) {
+  if (Array.isArray(value)) {
+    return value.join(",");
+  }
+  return value == null ? "" : String(value);
+}
+var InputRoot = forwardRef4(({
+  allowClear,
+  className,
+  defaultValue,
+  disabled,
+  onChange,
+  prefix,
+  size = "md",
+  status,
+  suffix,
+  type = "text",
+  value,
+  variant = "outlined",
+  ...props
+}, ref) => {
+  const inputRef = useRef2(null);
+  const [internalValue, setInternalValue] = useState4(() => toTextValue(defaultValue));
+  const isControlled = value !== undefined;
+  const currentValue = isControlled ? toTextValue(value) : internalValue;
+  const hasAffix = prefix != null || suffix != null || allowClear;
+  useImperativeHandle(ref, () => inputRef.current);
+  function handleChange(event) {
+    if (!isControlled) {
+      setInternalValue(event.currentTarget.value);
+    }
+    onChange?.(event);
+  }
+  function handleClear() {
+    const input = inputRef.current;
+    if (!input || disabled) {
+      return;
+    }
+    input.value = "";
+    if (!isControlled) {
+      setInternalValue("");
+    }
+    onChange?.({
+      currentTarget: input,
+      target: input,
+      type: "change"
+    });
+    input.focus();
+  }
+  const control = /* @__PURE__ */ jsx6("input", {
+    ...props,
+    ref: inputRef,
+    type,
+    className: getInputClasses({ size, status, variant, className }),
+    disabled,
+    value: currentValue,
+    onChange: handleChange
+  });
+  if (!hasAffix) {
+    return control;
+  }
+  const showClear = allowClear && !disabled && currentValue.length > 0;
+  return /* @__PURE__ */ jsxs5("span", {
+    className: getInputWrapperClasses({ affixed: hasAffix }),
+    children: [
+      prefix != null ? /* @__PURE__ */ jsx6("span", {
+        className: inputPrefixClass,
+        children: prefix
+      }) : null,
+      control,
+      showClear ? /* @__PURE__ */ jsx6("button", {
+        type: "button",
+        className: inputClearClass,
+        "aria-label": "Clear input",
+        onClick: handleClear,
+        children: "x"
+      }) : null,
+      suffix != null ? /* @__PURE__ */ jsx6("span", {
+        className: inputSuffixClass,
+        children: suffix
+      }) : null
+    ]
+  });
+});
+InputRoot.displayName = "Input";
+var Search = forwardRef4(({
+  className,
+  disabled,
+  enterButton,
+  loading,
+  onKeyDown,
+  onSearch,
+  ...props
+}, ref) => {
+  const inputRef = useRef2(null);
+  useImperativeHandle(ref, () => inputRef.current);
+  function emitSearch(event) {
+    onSearch?.(inputRef.current?.value ?? "", event);
+  }
+  function handleKeyDown(event) {
+    onKeyDown?.(event);
+    if (!event.defaultPrevented && event.key === "Enter") {
+      emitSearch(event);
+    }
+  }
+  const buttonContent = enterButton === true ? "Search" : enterButton ?? "Search";
+  return /* @__PURE__ */ jsxs5("span", {
+    className: getSearchWrapperClasses({ className }),
+    children: [
+      /* @__PURE__ */ jsx6(InputRoot, {
+        ...props,
+        ref: inputRef,
+        disabled,
+        onKeyDown: handleKeyDown
+      }),
+      enterButton || loading ? /* @__PURE__ */ jsx6("button", {
+        type: "button",
+        className: inputSearchButtonClass,
+        disabled: disabled || loading,
+        "aria-busy": loading || undefined,
+        onClick: emitSearch,
+        children: loading ? "Loading" : buttonContent
+      }) : null
+    ]
+  });
+});
+Search.displayName = "Input.Search";
+var Password = forwardRef4(({ className, disabled, visibilityToggle = true, ...props }, ref) => {
+  const [visible, setVisible] = useState4(false);
+  const type = visible ? "text" : "password";
+  const toggle = visibilityToggle ? /* @__PURE__ */ jsx6("button", {
+    type: "button",
+    className: inputPasswordToggleClass,
+    disabled,
+    "aria-label": visible ? "Hide password" : "Show password",
+    onClick: () => {
+      setVisible((current) => !current);
+    },
+    children: visible ? "Hide" : "Show"
+  }) : undefined;
+  return /* @__PURE__ */ jsx6("span", {
+    className: getPasswordWrapperClasses({ className }),
+    children: /* @__PURE__ */ jsx6(InputRoot, {
+      ...props,
+      ref,
+      disabled,
+      type,
+      suffix: toggle
+    })
+  });
+});
+Password.displayName = "Input.Password";
+var TextArea = forwardRef4(({
+  autoSize,
+  className,
+  defaultValue,
+  maxLength,
+  onChange,
+  resize = "vertical",
+  showCount,
+  size = "md",
+  status,
+  value,
+  variant = "outlined",
+  ...props
+}, ref) => {
+  const [internalValue, setInternalValue] = useState4(() => toTextValue(defaultValue));
+  const isControlled = value !== undefined;
+  const currentValue = isControlled ? toTextValue(value) : internalValue;
+  const count = currentValue.length;
+  const exceeded = maxLength !== undefined && count > maxLength;
+  function handleChange(event) {
+    if (!isControlled) {
+      setInternalValue(event.currentTarget.value);
+    }
+    onChange?.(event);
+  }
+  const control = /* @__PURE__ */ jsx6("textarea", {
+    ...props,
+    ref,
+    className: getTextAreaClasses({
+      size,
+      status,
+      variant,
+      resize,
+      autoSize: Boolean(autoSize),
+      className
+    }),
+    maxLength,
+    value: currentValue,
+    onChange: handleChange
+  });
+  if (!showCount) {
+    return control;
+  }
+  return /* @__PURE__ */ jsxs5("span", {
+    className: textAreaWrapperClass,
+    children: [
+      control,
+      /* @__PURE__ */ jsxs5("span", {
+        className: getTextAreaCountClasses({ exceeded }),
+        children: [
+          count,
+          maxLength !== undefined ? ` / ${maxLength}` : null
+        ]
+      })
+    ]
+  });
+});
+TextArea.displayName = "Input.TextArea";
+var Group = forwardRef4(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx6("div", {
+  ...props,
+  ref,
+  className: cn(inputGroupClass, className),
+  children
+}));
+Group.displayName = "Input.Group";
+var Input = Object.assign(InputRoot, {
+  Search,
+  Password,
+  TextArea,
+  Group
+});
+// src/components/select/Select.tsx
+import React5, { forwardRef as forwardRef5, useMemo as useMemo4, useState as useState5 } from "react";
+
+// src/classes/select.ts
+var selectContainerClass = "select-container";
+var selectBaseClass = "select";
+var selectIconClass = "select-icon";
+var selectOpenClass = "select-open";
+var selectLoadingClass = "select-loading";
+var selectFullClass = "select-full";
+var selectOptionClass = "select-option";
+var selectOptionSelectedClass = "select-option-selected";
+var selectOptionDisabledClass = "select-option-disabled";
+var selectDropdownClass = "select-dropdown";
+var selectSearchClass = "select-search";
+var selectSelectionClass = "select-selection";
+var selectTagClass = "select-tag";
+var selectClearClass = "select-clear";
+var selectPlaceholderClass = "select-placeholder";
+var selectEmptyClass = "select-empty";
+var selectGroupClass = "select-group";
+var selectGroupLabelClass = "select-group-label";
+var selectSizeClasses = {
+  sm: "select-sm",
+  md: "",
+  lg: "select-lg"
+};
+var selectStatusClasses = {
+  error: "select-error",
+  success: "select-success"
+};
+function getSelectContainerClasses({
+  open,
+  loading,
+  disabled,
+  full,
+  className
+}) {
+  return cn(selectContainerClass, open && selectOpenClass, loading && selectLoadingClass, disabled && "select-disabled", full && selectFullClass, className);
+}
+function getSelectClasses({
+  size = "md",
+  status,
+  disabled,
+  className
+}) {
+  return cn(selectBaseClass, selectSizeClasses[size], status && selectStatusClasses[status], disabled && "select-disabled", className);
+}
+function getSelectOptionClasses({
+  selected,
+  disabled,
+  className
+}) {
+  return cn(selectOptionClass, selected && selectOptionSelectedClass, disabled && selectOptionDisabledClass, className);
+}
+
+// src/components/select/Select.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function isGroup(option) {
+  return "options" in option;
+}
+function optionLabel(option) {
+  return option.label ?? option.value;
+}
+function valueKey(value) {
+  return String(value);
+}
+function normalizeSingleValue(value) {
+  if (Array.isArray(value)) {
+    return value[0];
+  }
+  return typeof value === "string" || typeof value === "number" ? value : undefined;
+}
+function normalizeMultiValue(value) {
+  if (Array.isArray(value)) {
+    return value.filter((item) => typeof item === "string" || typeof item === "number");
+  }
+  const single = normalizeSingleValue(value);
+  return single === undefined ? [] : [single];
+}
+function optionsFromChildren(children) {
+  const result = [];
+  React5.Children.forEach(children, (child) => {
+    if (!React5.isValidElement(child)) {
+      return;
+    }
+    if (child.type === Option) {
+      const props = child.props;
+      result.push({
+        value: props.value,
+        label: props.children,
+        disabled: props.disabled,
+        className: props.className
+      });
+      return;
+    }
+    if (child.type === OptGroup) {
+      const props = child.props;
+      result.push({
+        label: props.label,
+        className: props.className,
+        options: optionsFromChildren(props.children).filter((option) => !isGroup(option))
+      });
+    }
+  });
+  return result;
+}
+function flattenOptions(options) {
+  return options.flatMap((option) => isGroup(option) ? option.options : option);
+}
+function matchesOption(option, searchValue, filterOption) {
+  if (!searchValue || filterOption === false) {
+    return true;
+  }
+  if (typeof filterOption === "function") {
+    return filterOption(searchValue, option);
+  }
+  const label = optionLabel(option);
+  const text = typeof label === "string" || typeof label === "number" ? String(label) : String(option.value);
+  return text.toLowerCase().includes(searchValue.toLowerCase());
+}
+function filterOptions(options, searchValue, filterOption) {
+  return options.map((option) => {
+    if (!isGroup(option)) {
+      return matchesOption(option, searchValue, filterOption) ? option : null;
+    }
+    const groupOptions = option.options.filter((child) => matchesOption(child, searchValue, filterOption));
+    return groupOptions.length > 0 ? { ...option, options: groupOptions } : null;
+  }).filter((option) => option !== null);
+}
+function renderValue(option) {
+  return option ? optionLabel(option) : null;
+}
+var Option = forwardRef5(({ children, ...props }, ref) => /* @__PURE__ */ jsx7("div", {
+  ...props,
+  ref,
+  children
+}));
+Option.displayName = "Select.Option";
+var OptGroup = forwardRef5(({ children, ...props }, ref) => /* @__PURE__ */ jsx7("div", {
+  ...props,
+  ref,
+  children
+}));
+OptGroup.displayName = "Select.OptGroup";
+var SelectRoot = forwardRef5(({
+  allowClear,
+  children,
+  className,
+  defaultValue,
+  disabled,
+  filterOption,
+  loading,
+  mode,
+  onChange,
+  options,
+  placeholder,
+  showSearch,
+  size = "md",
+  status,
+  value,
+  ...props
+}, ref) => {
+  const multiple = mode === "multiple" || mode === "tags";
+  const sourceOptions = useMemo4(() => options ?? optionsFromChildren(children), [children, options]);
+  const flatOptions = useMemo4(() => flattenOptions(sourceOptions), [sourceOptions]);
+  const [open, setOpen] = useState5(false);
+  const [searchValue, setSearchValue] = useState5("");
+  const [internalValue, setInternalValue] = useState5(multiple ? normalizeMultiValue(defaultValue) : normalizeSingleValue(defaultValue));
+  const controlled = value !== undefined;
+  const currentValue = controlled ? value : internalValue;
+  const selectedValues = multiple ? normalizeMultiValue(currentValue) : normalizeSingleValue(currentValue) === undefined ? [] : [normalizeSingleValue(currentValue)];
+  const selectedKeys = new Set(selectedValues.map(valueKey));
+  const selectedOptions = selectedValues.map((selectedValue) => flatOptions.find((option) => option.value === selectedValue) ?? {
+    value: selectedValue,
+    label: selectedValue
+  });
+  const visibleOptions = filterOptions(sourceOptions, searchValue, filterOption);
+  const hasValue = selectedValues.length > 0;
+  const searchable = showSearch || mode === "tags";
+  function emitChange(nextValue) {
+    if (!controlled) {
+      setInternalValue(nextValue);
+    }
+    const nextValues = Array.isArray(nextValue) ? nextValue : nextValue === undefined ? [] : [nextValue];
+    const nextOptions = nextValues.map((next) => flatOptions.find((option) => option.value === next) ?? {
+      value: next,
+      label: next
+    });
+    onChange?.(nextValue, multiple ? nextOptions : nextOptions[0]);
+  }
+  function selectOption(option) {
+    if (disabled || loading || option.disabled) {
+      return;
+    }
+    if (multiple) {
+      const optionKey = valueKey(option.value);
+      const nextValues = selectedKeys.has(optionKey) ? selectedValues.filter((item) => valueKey(item) !== optionKey) : [...selectedValues, option.value];
+      emitChange(nextValues);
+    } else {
+      emitChange(option.value);
+      setOpen(false);
+    }
+    setSearchValue("");
+  }
+  function clearValue(event) {
+    event.stopPropagation();
+    if (disabled || loading) {
+      return;
+    }
+    emitChange(multiple ? [] : undefined);
+    setSearchValue("");
+  }
+  function addTag() {
+    const tag = searchValue.trim();
+    if (mode !== "tags" || tag.length === 0) {
+      return;
+    }
+    if (!selectedKeys.has(tag)) {
+      emitChange([...selectedValues, tag]);
+    }
+    setSearchValue("");
+  }
+  function renderOption(option) {
+    const selected = selectedKeys.has(valueKey(option.value));
+    return /* @__PURE__ */ jsx7("button", {
+      type: "button",
+      role: "option",
+      "aria-selected": selected,
+      disabled: disabled || option.disabled,
+      className: getSelectOptionClasses({
+        selected,
+        disabled: disabled || option.disabled,
+        className: option.className
+      }),
+      onClick: () => selectOption(option),
+      children: optionLabel(option)
+    }, valueKey(option.value));
+  }
+  function renderOptions(optionItems) {
+    return optionItems.map((option, index) => {
+      if (!isGroup(option)) {
+        return renderOption(option);
+      }
+      return /* @__PURE__ */ jsxs6("div", {
+        className: cn(selectGroupClass, option.className),
+        role: "group",
+        children: [
+          /* @__PURE__ */ jsx7("div", {
+            className: selectGroupLabelClass,
+            children: option.label
+          }),
+          option.options.map(renderOption)
+        ]
+      }, `group-${index}`);
+    });
+  }
+  const selection = multiple ? selectedOptions.map((option) => /* @__PURE__ */ jsx7("span", {
+    className: selectTagClass,
+    children: renderValue(option)
+  }, valueKey(option.value))) : renderValue(selectedOptions[0]);
+  return /* @__PURE__ */ jsxs6("div", {
+    ...props,
+    ref,
+    className: getSelectContainerClasses({
+      open,
+      loading,
+      disabled,
+      full: true,
+      className
+    }),
+    children: [
+      /* @__PURE__ */ jsxs6("button", {
+        type: "button",
+        className: getSelectClasses({ size, status, disabled }),
+        disabled: disabled || loading,
+        "aria-haspopup": "listbox",
+        "aria-expanded": open,
+        onClick: () => setOpen((current) => !current),
+        children: [
+          /* @__PURE__ */ jsx7("span", {
+            className: selectSelectionClass,
+            children: hasValue ? selection : /* @__PURE__ */ jsx7("span", {
+              className: selectPlaceholderClass,
+              children: placeholder
+            })
+          }),
+          /* @__PURE__ */ jsx7("span", {
+            className: selectIconClass,
+            "aria-hidden": "true",
+            children: "v"
+          })
+        ]
+      }),
+      allowClear && hasValue && !disabled && !loading ? /* @__PURE__ */ jsx7("button", {
+        type: "button",
+        className: selectClearClass,
+        "aria-label": "Clear selection",
+        onClick: clearValue,
+        children: "x"
+      }) : null,
+      open ? /* @__PURE__ */ jsxs6("div", {
+        className: selectDropdownClass,
+        role: "listbox",
+        "aria-multiselectable": multiple || undefined,
+        children: [
+          searchable ? /* @__PURE__ */ jsx7("input", {
+            className: selectSearchClass,
+            value: searchValue,
+            placeholder: typeof placeholder === "string" ? placeholder : undefined,
+            onChange: (event) => setSearchValue(event.currentTarget.value),
+            onKeyDown: (event) => {
+              if (event.key === "Enter") {
+                event.preventDefault();
+                addTag();
+              }
+            }
+          }) : null,
+          visibleOptions.length > 0 ? renderOptions(visibleOptions) : /* @__PURE__ */ jsx7("div", {
+            className: selectEmptyClass,
+            children: "No data"
+          })
+        ]
+      }) : null
+    ]
+  });
+});
+SelectRoot.displayName = "Select";
+var Select = SelectRoot;
+Select.Option = Option;
+Select.OptGroup = OptGroup;
+// src/components/dm-search/DmSearch.tsx
+import {
+  forwardRef as forwardRef6,
+  useEffect as useEffect2,
+  useImperativeHandle as useImperativeHandle2,
+  useMemo as useMemo5,
+  useState as useState6
+} from "react";
+
+// src/classes/dm-search.ts
+var dmSearchBaseClass = "dm-search";
+var dmSearchCompactClass = "dm-search-compact";
+var dmSearchCollapsedClass = "dm-search-collapsed";
+var dmSearchFieldsClass = "dm-search-fields";
+var dmSearchFieldClass = "dm-search-field";
+var dmSearchActionsClass = "dm-search-actions";
+var dmSearchFastFilterClass = "dm-search-fast-filter";
+function getDmSearchClasses({
+  compact,
+  collapsed,
+  className
+}) {
+  return cn(dmSearchBaseClass, compact && dmSearchCompactClass, collapsed && dmSearchCollapsedClass, className);
+}
+
+// src/components/dm-search/DmSearch.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function initialValues(items, searchParams, useSearchParams = true) {
+  return items.reduce((acc, item) => {
+    const defaultValue = item.search.extraProps?.value ?? item.search.formProps?.initialValue;
+    acc[item.dataIndex] = useSearchParams && searchParams && item.dataIndex in searchParams ? searchParams[item.dataIndex] : defaultValue;
+    return acc;
+  }, {});
+}
+function optionList(extraProps) {
+  return Array.isArray(extraProps?.options) ? extraProps.options : [];
+}
+function renderField({
+  item,
+  value,
+  setValue,
+  loading,
+  enableDefaultPlaceHolder
+}) {
+  const extraProps = item.search.extraProps ?? {};
+  const placeholder = extraProps.placeholder ?? (enableDefaultPlaceHolder ? item.search.type === "select" ? "Please select" : "Please enter" : undefined);
+  if (item.search.type === "custom") {
+    return item.search.render?.(value, setValue, item) ?? null;
+  }
+  if (item.search.type === "select") {
+    return /* @__PURE__ */ jsx8(Select, {
+      ...extraProps,
+      disabled: Boolean(loading || extraProps.disabled),
+      value,
+      placeholder,
+      onChange: (nextValue) => setValue(nextValue)
+    });
+  }
+  if (item.search.type === "dateRange") {
+    return /* @__PURE__ */ jsx8(DatePicker.RangePicker, {
+      ...extraProps,
+      value,
+      onChange: (nextValue) => setValue(nextValue)
+    });
+  }
+  if (item.search.type === "date") {
+    return /* @__PURE__ */ jsx8(DatePicker, {
+      ...extraProps,
+      value,
+      onChange: (nextValue) => setValue(nextValue)
+    });
+  }
+  if (item.search.type === "radio" || item.search.type === "checkbox") {
+    return /* @__PURE__ */ jsx8("div", {
+      role: item.search.type === "radio" ? "radiogroup" : "group",
+      children: optionList(extraProps).map((option) => /* @__PURE__ */ jsxs7("label", {
+        children: [
+          /* @__PURE__ */ jsx8("input", {
+            type: item.search.type,
+            disabled: loading,
+            checked: item.search.type === "checkbox" ? Array.isArray(value) && value.includes(option.value) : value === option.value,
+            onChange: (event) => {
+              if (item.search.type === "radio") {
+                setValue(option.value);
+                return;
+              }
+              const current = Array.isArray(value) ? value : [];
+              setValue(event.currentTarget.checked ? [...current, option.value] : current.filter((entry) => entry !== option.value));
+            }
+          }),
+          option.label ?? option.value
+        ]
+      }, String(option.value)))
+    });
+  }
+  return /* @__PURE__ */ jsx8(Input, {
+    ...extraProps,
+    type: item.search.type === "input-number" ? "number" : "text",
+    disabled: Boolean(loading || extraProps.disabled),
+    placeholder,
+    value: value == null ? "" : String(value),
+    onChange: (event) => setValue(event.currentTarget.value),
+    onKeyDown: (event) => {
+      if (event.key === "Enter") {
+        event.currentTarget.form?.requestSubmit();
+      }
+    }
+  });
+}
+var DmSearch = forwardRef6(({
+  items = [],
+  onSearch,
+  extra,
+  fastFilterItem,
+  defaultCollapsed = true,
+  hideCollapseBtn = false,
+  compact = false,
+  searchParams,
+  loading = false,
+  enableDefaultPlaceHolder = false,
+  className
+}, ref) => {
+  const allItems = useMemo5(() => fastFilterItem ? [fastFilterItem, ...items] : items, [fastFilterItem, items]);
+  const [collapsed, setCollapsed] = useState6(defaultCollapsed);
+  const [values, setValues] = useState6(() => initialValues(allItems, searchParams));
+  const visibleItems = collapsed ? allItems.slice(0, 1) : allItems;
+  useEffect2(() => {
+    setValues(initialValues(allItems, searchParams));
+  }, [allItems, searchParams]);
+  function reset(useSearchParams = false) {
+    const nextValues = initialValues(allItems, searchParams, useSearchParams);
+    setValues(nextValues);
+    return nextValues;
+  }
+  useImperativeHandle2(ref, () => ({
+    onReset: () => {
+      reset(false);
+    }
+  }));
+  return /* @__PURE__ */ jsxs7("form", {
+    id: "searchForm",
+    className: getDmSearchClasses({ compact, collapsed, className }),
+    onSubmit: (event) => {
+      event.preventDefault();
+      onSearch?.(values);
+    },
+    children: [
+      fastFilterItem ? /* @__PURE__ */ jsx8("div", {
+        className: dmSearchFastFilterClass,
+        children: fastFilterItem.title
+      }) : null,
+      /* @__PURE__ */ jsx8("div", {
+        className: dmSearchFieldsClass,
+        children: visibleItems.map((item) => /* @__PURE__ */ jsxs7("label", {
+          className: dmSearchFieldClass,
+          children: [
+            compact ? null : /* @__PURE__ */ jsx8("span", {
+              children: item.title
+            }),
+            renderField({
+              item,
+              value: values[item.dataIndex],
+              loading,
+              enableDefaultPlaceHolder,
+              setValue: (value) => setValues((current) => ({ ...current, [item.dataIndex]: value }))
+            })
+          ]
+        }, item.key))
+      }),
+      /* @__PURE__ */ jsxs7("div", {
+        className: dmSearchActionsClass,
+        children: [
+          /* @__PURE__ */ jsx8(Button, {
+            type: "submit",
+            isLoading: loading,
+            children: "Search"
+          }),
+          /* @__PURE__ */ jsx8(Button, {
+            type: "button",
+            color: "secondary",
+            appearance: "outline",
+            onClick: () => onSearch?.(reset(false)),
+            children: "Reset"
+          }),
+          !hideCollapseBtn && allItems.length > 1 ? /* @__PURE__ */ jsx8(Button, {
+            type: "button",
+            color: "secondary",
+            appearance: "text",
+            onClick: () => {
+              setCollapsed((current) => !current);
+              setValues(initialValues(allItems, searchParams));
+            },
+            children: collapsed ? "Expand" : "Collapse"
+          }) : null,
+          extra
+        ]
+      })
+    ]
+  });
+});
+DmSearch.displayName = "DmSearch";
+// src/components/table/Table.tsx
+import React7, {
+  forwardRef as forwardRef7,
+  useMemo as useMemo6,
+  useState as useState7
+} from "react";
+
+// src/classes/table.ts
+var tableWrapperClass = "table-wrapper";
+var tableBaseClass = "table";
+var tableBorderedClass = "table-bordered";
+var tableLoadingClass = "table-loading";
+var tableSmallClass = "table-sm";
+var tableLargeClass = "table-lg";
+var tableHeaderCellClass = "table-header-cell";
+var tableCellClass = "table-cell";
+var tableRowClass = "table-row";
+var tableRowSelectedClass = "table-row-selected";
+var tableRowExpandedClass = "table-row-expanded";
+var tableEmptyClass = "table-empty";
+var tableLoadingIndicatorClass = "table-loading-indicator";
+var tableSorterClass = "table-sorter";
+var tableSorterActiveClass = "table-sorter-active";
+var tableFilterClass = "table-filter";
+var tableSelectionCellClass = "table-selection-cell";
+var tableExpandCellClass = "table-expand-cell";
+var tableExpandButtonClass = "table-expand-button";
+var tablePaginationClass = "table-pagination";
+var tablePaginationButtonClass = "table-pagination-button";
+var tablePaginationInfoClass = "table-pagination-info";
+function getTableWrapperClasses({
+  loading,
+  className
+}) {
+  return cn(tableWrapperClass, loading && tableLoadingClass, className);
+}
+function getTableClasses({
+  bordered,
+  size
+}) {
+  return cn(tableBaseClass, bordered && tableBorderedClass, size === "small" && tableSmallClass, size === "large" && tableLargeClass);
+}
+function getTableRowClasses({
+  selected,
+  expanded,
+  className
+}) {
+  return cn(tableRowClass, selected && tableRowSelectedClass, expanded && tableRowExpandedClass, className);
+}
+function getTableSorterClasses(active) {
+  return cn(tableSorterClass, active && tableSorterActiveClass);
+}
+
+// src/components/table/Table.tsx
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { createElement } from "react";
+var defaultPageSize = 10;
+var defaultSortDirections = ["ascend", "descend", null];
+function hasNode(node) {
+  return node !== undefined && node !== null && node !== false;
+}
+function textFromNode(node, fallback) {
+  return typeof node === "string" || typeof node === "number" ? String(node) : fallback;
+}
+function dataIndexKey(dataIndex) {
+  if (dataIndex === undefined) {
+    return;
+  }
+  return typeof dataIndex === "string" || typeof dataIndex === "number" ? dataIndex : Array.from(dataIndex).join(".");
+}
+function getValue(record, dataIndex) {
+  if (dataIndex === undefined) {
+    return;
+  }
+  const path = Array.isArray(dataIndex) ? dataIndex : [dataIndex];
+  return path.reduce((current, key) => {
+    if (current === null || current === undefined) {
+      return;
+    }
+    return current[key];
+  }, record);
+}
+function getRecordKey(record, index, rowKey) {
+  if (typeof rowKey === "function") {
+    return rowKey(record, index);
+  }
+  if (rowKey) {
+    const key2 = record[rowKey];
+    return typeof key2 === "string" || typeof key2 === "number" ? key2 : index;
+  }
+  const key = record.key;
+  return typeof key === "string" || typeof key === "number" ? key : index;
+}
+function normalizeKeys(keys) {
+  return keys?.map(String) ?? [];
+}
+function normalizeColumns(columns, prefix = "column") {
+  return columns.map((column, index) => {
+    const rawKey = column.key ?? dataIndexKey(column.dataIndex) ?? `${prefix}-${index}`;
+    return {
+      ...column,
+      columnKey: rawKey,
+      children: column.children ? normalizeColumns(column.children, String(rawKey)) : undefined
+    };
+  });
+}
+function leafColumns(columns) {
+  return columns.flatMap((column) => column.children?.length ? leafColumns(column.children) : [column]);
+}
+function getDepth(columns) {
+  if (columns.length === 0) {
+    return 1;
+  }
+  return Math.max(...columns.map((column) => column.children?.length ? 1 + getDepth(column.children) : 1));
+}
+function getLeafCount(column) {
+  return column.children?.length ? column.children.reduce((count, child) => count + getLeafCount(child), 0) : 1;
+}
+function buildHeaderRows(columns, depth, level = 0, rows = []) {
+  rows[level] ??= [];
+  columns.forEach((column) => {
+    const grouped = Boolean(column.children?.length);
+    rows[level].push({
+      column,
+      colSpan: grouped ? getLeafCount(column) : 1,
+      rowSpan: grouped ? 1 : depth - level
+    });
+    if (column.children?.length) {
+      buildHeaderRows(column.children, depth, level + 1, rows);
+    }
+  });
+  return rows;
+}
+function optionValues(filters) {
+  return (filters ?? []).flatMap((filter) => [
+    filter,
+    ...filter.children ?? []
+  ]);
+}
+function sortCompare(sorter) {
+  if (typeof sorter === "function") {
+    return sorter;
+  }
+  if (typeof sorter === "object" && sorter.compare) {
+    return sorter.compare;
+  }
+  return;
+}
+function sortOrderFor(column, sortStates) {
+  if (column.sortOrder !== undefined) {
+    return column.sortOrder;
+  }
+  return sortStates[String(column.columnKey)] ?? column.defaultSortOrder;
+}
+function filterValueFor(column, filterStates) {
+  if (column.filteredValue !== undefined) {
+    return column.filteredValue;
+  }
+  const state = filterStates[String(column.columnKey)];
+  return state !== undefined ? state : column.defaultFilteredValue;
+}
+function nextSortOrder(column, current) {
+  const directions = column.sortDirections ?? defaultSortDirections;
+  const index = directions.findIndex((order) => order === (current ?? null));
+  return directions[(index + 1) % directions.length] ?? null;
+}
+function selectedRowsForKeys(data, keys, rowKey) {
+  const keySet = new Set(normalizeKeys(keys));
+  return data.filter((record, index) => keySet.has(String(getRecordKey(record, index, rowKey))));
+}
+var Column = forwardRef7(() => null);
+Column.displayName = "Table.Column";
+var ColumnGroup = forwardRef7(() => null);
+ColumnGroup.displayName = "Table.ColumnGroup";
+var SummaryRow = forwardRef7((props, ref) => /* @__PURE__ */ jsx9("tr", {
+  ...props,
+  ref
+}));
+SummaryRow.displayName = "Table.Summary.Row";
+var SummaryCell = forwardRef7(({ index, ...props }, ref) => {
+  return /* @__PURE__ */ jsx9("td", {
+    ...props,
+    ref
+  });
+});
+SummaryCell.displayName = "Table.Summary.Cell";
+var Summary = Object.assign(forwardRef7(({ fixed, ...props }, ref) => {
+  return /* @__PURE__ */ jsx9("tfoot", {
+    ...props,
+    ref
+  });
+}), {
+  Row: SummaryRow,
+  Cell: SummaryCell
+});
+Summary.displayName = "Table.Summary";
+function columnsFromChildren(children) {
+  return React7.Children.toArray(children).flatMap((child) => {
+    if (!React7.isValidElement(child)) {
+      return [];
+    }
+    if (child.type === Column) {
+      const props = child.props;
+      const { children: columnChildren, ...column } = props;
+      return [column];
+    }
+    if (child.type === ColumnGroup) {
+      const props = child.props;
+      const { children: groupChildren, ...column } = props;
+      return [
+        {
+          ...column,
+          children: columnsFromChildren(groupChildren)
+        }
+      ];
+    }
+    return [];
+  });
+}
+function renderSummary(summary, pageData, colSpan) {
+  if (!summary) {
+    return null;
+  }
+  const node = summary(pageData);
+  if (React7.isValidElement(node) && node.type === Summary) {
+    return node;
+  }
+  return /* @__PURE__ */ jsx9("tfoot", {
+    children: /* @__PURE__ */ jsx9("tr", {
+      children: /* @__PURE__ */ jsx9("td", {
+        className: tableCellClass,
+        colSpan,
+        children: node
+      })
+    })
+  });
+}
+function resolvePagination(pagination, total) {
+  if (pagination === false) {
+    return null;
+  }
+  const config = pagination ?? {};
+  return {
+    current: config.current,
+    defaultCurrent: config.defaultCurrent ?? 1,
+    pageSize: config.pageSize,
+    defaultPageSize: config.defaultPageSize ?? defaultPageSize,
+    total: config.total ?? total,
+    disabled: config.disabled,
+    hideOnSinglePage: config.hideOnSinglePage,
+    showTotal: config.showTotal,
+    onChange: config.onChange
+  };
+}
+function TableRoot({
+  columns,
+  dataSource = [],
+  rowKey,
+  loading,
+  bordered,
+  size = "middle",
+  pagination,
+  rowSelection,
+  expandable,
+  summary,
+  locale,
+  tableLayout,
+  scroll,
+  onChange,
+  children,
+  className,
+  ...props
+}, ref) {
+  const childColumns = useMemo6(() => columnsFromChildren(children), [children]);
+  const normalizedColumns = useMemo6(() => normalizeColumns(columns ?? childColumns), [childColumns, columns]);
+  const leaves = useMemo6(() => leafColumns(normalizedColumns), [normalizedColumns]);
+  const headerRows = useMemo6(() => buildHeaderRows(normalizedColumns, getDepth(normalizedColumns)), [normalizedColumns]);
+  const [sortStates, setSortStates] = useState7({});
+  const [filterStates, setFilterStates] = useState7({});
+  const [internalCurrent, setInternalCurrent] = useState7(1);
+  const [internalPageSize, setInternalPageSize] = useState7(defaultPageSize);
+  const [internalSelectedKeys, setInternalSelectedKeys] = useState7(rowSelection?.defaultSelectedRowKeys ?? []);
+  const [internalExpandedKeys, setInternalExpandedKeys] = useState7(expandable?.defaultExpandedRowKeys ?? []);
+  const spinning = typeof loading === "object" ? loading.spinning : Boolean(loading);
+  const activeFilters = useMemo6(() => {
+    return leaves.reduce((result, column) => {
+      const value = filterValueFor(column, filterStates) ?? null;
+      if (value !== null) {
+        result[String(column.columnKey)] = value;
+      }
+      return result;
+    }, {});
+  }, [filterStates, leaves]);
+  const activeSorter = useMemo6(() => {
+    const column = leaves.find((item) => sortOrderFor(item, sortStates));
+    if (!column) {
+      return {};
+    }
+    return {
+      column,
+      columnKey: column.columnKey,
+      field: column.dataIndex,
+      order: sortOrderFor(column, sortStates) ?? null
+    };
+  }, [leaves, sortStates]);
+  const filteredData = useMemo6(() => {
+    return leaves.reduce((records, column) => {
+      const values = filterValueFor(column, filterStates);
+      if (!values?.length || !column.onFilter) {
+        return records;
+      }
+      return records.filter((record) => values.some((value) => column.onFilter?.(value, record)));
+    }, dataSource);
+  }, [dataSource, filterStates, leaves]);
+  const sortedData = useMemo6(() => {
+    const sorterColumn = leaves.find((column) => sortOrderFor(column, sortStates));
+    const order = sorterColumn ? sortOrderFor(sorterColumn, sortStates) : null;
+    const compare = sorterColumn ? sortCompare(sorterColumn.sorter) : undefined;
+    if (!sorterColumn || !order || !compare) {
+      return filteredData;
+    }
+    return [...filteredData].sort((first, second) => {
+      const result = compare(first, second);
+      return order === "descend" ? -result : result;
+    });
+  }, [filteredData, leaves, sortStates]);
+  const paginationConfig = resolvePagination(pagination, sortedData.length);
+  const pageSize = Math.max(1, Math.floor(paginationConfig?.pageSize ?? (internalPageSize === defaultPageSize ? paginationConfig?.defaultPageSize : internalPageSize) ?? defaultPageSize));
+  const pageCount = paginationConfig ? Math.max(1, Math.ceil(Math.max(0, paginationConfig.total ?? sortedData.length) / pageSize)) : 1;
+  const current = paginationConfig ? Math.min(pageCount, Math.max(1, Math.floor(paginationConfig.current ?? internalCurrent ?? paginationConfig.defaultCurrent ?? 1))) : 1;
+  const pageData = paginationConfig ? sortedData.slice((current - 1) * pageSize, current * pageSize) : sortedData;
+  const selectedKeys = rowSelection?.selectedRowKeys ?? internalSelectedKeys;
+  const selectedKeySet = new Set(normalizeKeys(selectedKeys));
+  const expandedKeys = expandable?.expandedRowKeys ?? internalExpandedKeys;
+  const expandedKeySet = new Set(normalizeKeys(expandedKeys));
+  const hasSelection = Boolean(rowSelection);
+  const hasExpandable = Boolean(expandable?.expandedRowRender);
+  const structuralColumnCount = leaves.length + (hasSelection ? 1 : 0) + (hasExpandable ? 1 : 0);
+  const bodyEmpty = pageData.length === 0;
+  function emitTableChange(nextPagination, nextFilters, nextSorter, action) {
+    onChange?.(nextPagination, nextFilters, nextSorter, {
+      currentDataSource: sortedData,
+      action
+    });
+  }
+  function changePage(nextPage, nextPageSize = pageSize) {
+    if (!paginationConfig || paginationConfig.disabled) {
+      return;
+    }
+    const nextPageCount = Math.max(1, Math.ceil((paginationConfig.total ?? sortedData.length) / nextPageSize));
+    const normalizedPage = Math.min(nextPageCount, Math.max(1, nextPage));
+    if (paginationConfig.current === undefined) {
+      setInternalCurrent(normalizedPage);
+    }
+    if (paginationConfig.pageSize === undefined) {
+      setInternalPageSize(nextPageSize);
+    }
+    paginationConfig.onChange?.(normalizedPage, nextPageSize);
+    emitTableChange({ ...paginationConfig, current: normalizedPage, pageSize: nextPageSize }, activeFilters, activeSorter, "paginate");
+  }
+  function changeSorter(column) {
+    if (!column.sorter) {
+      return;
+    }
+    const nextOrder = nextSortOrder(column, sortOrderFor(column, sortStates));
+    const nextSortStates = { [String(column.columnKey)]: nextOrder };
+    const nextSorter = nextOrder ? {
+      column,
+      columnKey: column.columnKey,
+      field: column.dataIndex,
+      order: nextOrder
+    } : {};
+    setSortStates(nextSortStates);
+    setInternalCurrent(1);
+    emitTableChange({ ...paginationConfig ?? {}, current: 1, pageSize }, activeFilters, nextSorter, "sort");
+  }
+  function changeFilter(column, event) {
+    const selected = Array.from(event.currentTarget.selectedOptions).map((option) => option.value).filter((value) => value !== "");
+    const nextValue = selected.length > 0 ? selected : null;
+    const nextFilters = {
+      ...activeFilters,
+      [String(column.columnKey)]: nextValue
+    };
+    if (nextValue === null) {
+      delete nextFilters[String(column.columnKey)];
+    }
+    setFilterStates((currentFilters) => ({
+      ...currentFilters,
+      [String(column.columnKey)]: nextValue
+    }));
+    setInternalCurrent(1);
+    emitTableChange({ ...paginationConfig ?? {}, current: 1, pageSize }, nextFilters, activeSorter, "filter");
+  }
+  function commitSelection(nextKeys, nativeEvent, changedRecord, selected, changedRows) {
+    if (!rowSelection) {
+      return;
+    }
+    const normalizedNextKeys = Array.from(new Set(nextKeys.map(String)));
+    const originalKeys = normalizedNextKeys.map((key) => {
+      const index = dataSource.findIndex((record, itemIndex) => String(getRecordKey(record, itemIndex, rowKey)) === key);
+      return index >= 0 ? getRecordKey(dataSource[index], index, rowKey) : key;
+    });
+    const selectedRows = selectedRowsForKeys(dataSource, originalKeys, rowKey);
+    if (rowSelection.selectedRowKeys === undefined) {
+      setInternalSelectedKeys(originalKeys);
+    }
+    rowSelection.onChange?.(originalKeys, selectedRows);
+    if (changedRecord && selected !== undefined) {
+      rowSelection.onSelect?.(changedRecord, selected, selectedRows, nativeEvent);
+    }
+    if (changedRows) {
+      rowSelection.onSelectAll?.(Boolean(selected), selectedRows, changedRows);
+    }
+  }
+  function toggleRowSelection(record, index, event) {
+    if (!rowSelection) {
+      return;
+    }
+    const key = getRecordKey(record, index, rowKey);
+    const keyString = String(key);
+    const checked = event.currentTarget.checked;
+    const nextKeys = rowSelection.type === "radio" ? checked ? [key] : [] : checked ? [...selectedKeys, key] : selectedKeys.filter((selectedKey) => String(selectedKey) !== keyString);
+    commitSelection(nextKeys, event.nativeEvent, record, checked);
+  }
+  function toggleAllRows(event) {
+    if (!rowSelection) {
+      return;
+    }
+    const checked = event.currentTarget.checked;
+    const selectableRows = pageData.filter((record, index) => {
+      const checkboxProps = rowSelection.getCheckboxProps?.(record);
+      return !checkboxProps?.disabled && getRecordKey(record, index, rowKey) !== undefined;
+    });
+    const pageKeys = selectableRows.map((record, index) => getRecordKey(record, index, rowKey));
+    const pageKeySet = new Set(normalizeKeys(pageKeys));
+    const nextKeys = checked ? [...selectedKeys, ...pageKeys] : selectedKeys.filter((key) => !pageKeySet.has(String(key)));
+    commitSelection(nextKeys, event.nativeEvent, undefined, checked, selectableRows);
+  }
+  function toggleExpand(record, index) {
+    if (!expandable?.expandedRowRender) {
+      return;
+    }
+    const key = getRecordKey(record, index, rowKey);
+    const keyString = String(key);
+    const expanded = !expandedKeySet.has(keyString);
+    const nextKeys = expanded ? [...expandedKeys, key] : expandedKeys.filter((expandedKey) => String(expandedKey) !== keyString);
+    if (expandable.expandedRowKeys === undefined) {
+      setInternalExpandedKeys(nextKeys);
+    }
+    expandable.onExpand?.(expanded, record);
+    expandable.onExpandedRowsChange?.(nextKeys);
+  }
+  function renderSelectionHeader() {
+    if (!rowSelection) {
+      return null;
+    }
+    if (rowSelection.type === "radio" || rowSelection.hideSelectAll) {
+      return /* @__PURE__ */ jsx9("th", {
+        className: cn(tableHeaderCellClass, tableSelectionCellClass),
+        children: rowSelection.columnTitle
+      });
+    }
+    const pageKeys = pageData.map((record, index) => getRecordKey(record, index, rowKey));
+    const allSelected = pageKeys.length > 0 && pageKeys.every((key) => selectedKeySet.has(String(key)));
+    return /* @__PURE__ */ jsx9("th", {
+      className: cn(tableHeaderCellClass, tableSelectionCellClass),
+      children: /* @__PURE__ */ jsxs8("label", {
+        children: [
+          /* @__PURE__ */ jsx9("input", {
+            type: "checkbox",
+            "aria-label": "Select all rows",
+            checked: allSelected,
+            onChange: toggleAllRows
+          }),
+          hasNode(rowSelection.columnTitle) ? rowSelection.columnTitle : null
+        ]
+      })
+    });
+  }
+  function renderHeaderCell(cell, index) {
+    const { column } = cell;
+    const title = column.title ?? dataIndexKey(column.dataIndex) ?? index + 1;
+    const sortOrder = sortOrderFor(column, sortStates);
+    const headerProps = column.onHeaderCell?.(column) ?? {};
+    return /* @__PURE__ */ createElement("th", {
+      ...headerProps,
+      key: String(column.columnKey),
+      className: cn(tableHeaderCellClass, column.className, headerProps.className),
+      colSpan: cell.colSpan,
+      rowSpan: cell.rowSpan,
+      style: {
+        width: column.width,
+        textAlign: column.align,
+        ...headerProps.style
+      }
+    }, /* @__PURE__ */ jsx9("span", {
+      children: title
+    }), column.sorter ? /* @__PURE__ */ jsx9("button", {
+      type: "button",
+      className: getTableSorterClasses(Boolean(sortOrder)),
+      "aria-label": `Sort ${textFromNode(title, String(column.columnKey))}`,
+      onClick: () => changeSorter(column),
+      children: sortOrder === "ascend" ? "Asc" : sortOrder === "descend" ? "Desc" : "Sort"
+    }) : null, column.filters?.length ? /* @__PURE__ */ jsxs8("select", {
+      className: tableFilterClass,
+      "aria-label": `Filter ${textFromNode(title, String(column.columnKey))}`,
+      multiple: column.filterMultiple !== false,
+      value: column.filterMultiple === false ? String((filterValueFor(column, filterStates) ?? [])[0] ?? "") : (filterValueFor(column, filterStates) ?? []).map(String),
+      onChange: (event) => changeFilter(column, event),
+      children: [
+        column.filterMultiple === false ? /* @__PURE__ */ jsx9("option", {
+          value: "",
+          children: "All"
+        }) : null,
+        optionValues(column.filters).map((filter) => /* @__PURE__ */ jsx9("option", {
+          value: String(filter.value),
+          children: filter.text
+        }, String(filter.value)))
+      ]
+    }) : null);
+  }
+  function renderCell(record, recordIndex, column) {
+    const value = getValue(record, column.dataIndex);
+    const rendered = column.render ? column.render(value, record, recordIndex) : value;
+    const cellProps = column.onCell?.(record, recordIndex) ?? {};
+    return /* @__PURE__ */ createElement("td", {
+      ...cellProps,
+      key: String(column.columnKey),
+      className: cn(tableCellClass, column.className, cellProps.className),
+      style: { textAlign: column.align, ...cellProps.style }
+    }, hasNode(rendered) ? rendered : null);
+  }
+  function renderSelectionCell(record, index) {
+    if (!rowSelection) {
+      return null;
+    }
+    const key = getRecordKey(record, index, rowKey);
+    const checked = selectedKeySet.has(String(key));
+    const checkboxProps = rowSelection.getCheckboxProps?.(record) ?? {};
+    const originNode = /* @__PURE__ */ jsx9("input", {
+      ...checkboxProps,
+      type: rowSelection.type === "radio" ? "radio" : "checkbox",
+      "aria-label": `Select row ${index + 1}`,
+      checked,
+      onChange: (event) => toggleRowSelection(record, index, event)
+    });
+    return /* @__PURE__ */ jsx9("td", {
+      className: cn(tableCellClass, tableSelectionCellClass),
+      children: rowSelection.renderCell ? rowSelection.renderCell(checked, record, index, originNode) : originNode
+    });
+  }
+  function renderExpandCell(record, index) {
+    if (!expandable?.expandedRowRender) {
+      return null;
+    }
+    const key = getRecordKey(record, index, rowKey);
+    const expanded = expandedKeySet.has(String(key));
+    const expandableRow = expandable.rowExpandable?.(record) ?? true;
+    return /* @__PURE__ */ jsx9("td", {
+      className: cn(tableCellClass, tableExpandCellClass),
+      children: expandableRow ? /* @__PURE__ */ jsx9("button", {
+        type: "button",
+        className: tableExpandButtonClass,
+        "aria-label": `${expanded ? "Collapse" : "Expand"} row ${index + 1}`,
+        onClick: () => toggleExpand(record, index),
+        children: expanded ? "-" : "+"
+      }) : null
+    });
+  }
+  function renderRow(record, index) {
+    const key = getRecordKey(record, index, rowKey);
+    const expanded = expandedKeySet.has(String(key));
+    const selected = selectedKeySet.has(String(key));
+    const row = /* @__PURE__ */ jsxs8("tr", {
+      className: getTableRowClasses({ selected, expanded }),
+      onClick: () => {
+        if (expandable?.expandRowByClick) {
+          toggleExpand(record, index);
+        }
+      },
+      children: [
+        renderSelectionCell(record, index),
+        renderExpandCell(record, index),
+        leaves.map((column) => renderCell(record, index, column))
+      ]
+    }, String(key));
+    if (!expanded || !expandable?.expandedRowRender) {
+      return row;
+    }
+    return /* @__PURE__ */ jsxs8(React7.Fragment, {
+      children: [
+        row,
+        /* @__PURE__ */ jsx9("tr", {
+          className: "table-expanded-row",
+          children: /* @__PURE__ */ jsx9("td", {
+            className: tableCellClass,
+            colSpan: structuralColumnCount,
+            children: expandable.expandedRowRender(record, index, 0, expanded)
+          })
+        })
+      ]
+    }, String(key));
+  }
+  const tableNode = /* @__PURE__ */ jsxs8("table", {
+    className: getTableClasses({ bordered, size }),
+    style: { tableLayout },
+    children: [
+      /* @__PURE__ */ jsx9("thead", {
+        children: headerRows.map((row, rowIndex) => /* @__PURE__ */ jsxs8("tr", {
+          children: [
+            rowIndex === 0 ? renderSelectionHeader() : null,
+            rowIndex === 0 && hasExpandable ? /* @__PURE__ */ jsx9("th", {
+              className: cn(tableHeaderCellClass, tableExpandCellClass),
+              children: expandable?.columnTitle
+            }) : null,
+            row.map(renderHeaderCell)
+          ]
+        }, rowIndex))
+      }),
+      /* @__PURE__ */ jsx9("tbody", {
+        children: bodyEmpty ? /* @__PURE__ */ jsx9("tr", {
+          children: /* @__PURE__ */ jsx9("td", {
+            className: tableEmptyClass,
+            colSpan: structuralColumnCount,
+            children: locale?.emptyText ?? "No data"
+          })
+        }) : pageData.map(renderRow)
+      }),
+      renderSummary(summary, pageData, structuralColumnCount)
+    ]
+  });
+  return /* @__PURE__ */ jsxs8("div", {
+    ...props,
+    ref,
+    className: getTableWrapperClasses({ loading: spinning, className }),
+    children: [
+      scroll?.x || scroll?.y ? /* @__PURE__ */ jsx9("div", {
+        style: {
+          overflow: "auto",
+          maxHeight: scroll.y,
+          width: scroll.x === true ? "100%" : scroll.x
+        },
+        children: tableNode
+      }) : tableNode,
+      spinning ? /* @__PURE__ */ jsx9("div", {
+        className: tableLoadingIndicatorClass,
+        role: "status",
+        children: typeof loading === "object" && loading.indicator ? loading.indicator : "Loading"
+      }) : null,
+      paginationConfig && !(paginationConfig.hideOnSinglePage && pageCount <= 1) ? /* @__PURE__ */ jsxs8("nav", {
+        className: tablePaginationClass,
+        "aria-label": "Table pagination",
+        children: [
+          /* @__PURE__ */ jsx9("button", {
+            type: "button",
+            className: tablePaginationButtonClass,
+            disabled: paginationConfig.disabled || current <= 1,
+            onClick: () => changePage(current - 1),
+            children: "Previous"
+          }),
+          /* @__PURE__ */ jsx9("span", {
+            className: tablePaginationInfoClass,
+            children: paginationConfig.showTotal ? paginationConfig.showTotal(paginationConfig.total ?? sortedData.length, [
+              bodyEmpty ? 0 : (current - 1) * pageSize + 1,
+              Math.min(current * pageSize, sortedData.length)
+            ]) : `${current} / ${pageCount}`
+          }),
+          /* @__PURE__ */ jsx9("button", {
+            type: "button",
+            className: tablePaginationButtonClass,
+            disabled: paginationConfig.disabled || current >= pageCount,
+            onClick: () => changePage(current + 1),
+            children: "Next"
+          })
+        ]
+      }) : null
+    ]
+  });
+}
+var TableWithRef = forwardRef7(TableRoot);
+var Table = Object.assign(TableWithRef, {
+  Column,
+  ColumnGroup,
+  Summary,
+  SELECTION_ALL: "SELECT_ALL",
+  SELECTION_INVERT: "SELECT_INVERT",
+  SELECTION_NONE: "SELECT_NONE",
+  SELECTION_COLUMN: "SELECTION_COLUMN",
+  EXPAND_COLUMN: "EXPAND_COLUMN"
+});
+Table.displayName = "Table";
+// src/components/dm-table/DmTable.tsx
+import { useMemo as useMemo7, useState as useState8 } from "react";
+
+// src/classes/dm-table.ts
+var dmTableBaseClass = "dm-table";
+var dmTableSearchClass = "dm-table-search";
+var dmTableCardClass = "dm-table-card";
+var dmTableHeaderClass = "dm-table-header";
+var dmTableTitleClass = "dm-table-title";
+var dmTableExtraClass = "dm-table-extra";
+var dmTableIndicatorsClass = "dm-table-indicators";
+var dmTableTableExtraClass = "dm-table-table-extra";
+var dmTableColumnSettingClass = "dm-table-column-setting";
+var dmTablePaginationClass = "dm-table-pagination";
+function getDmTableClasses({ className }) {
+  return cn(dmTableBaseClass, className);
+}
+
+// src/components/dm-table/DmTable.tsx
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function mapAndFilter(list, mapper) {
+  return list.map(mapper).filter((item) => item !== false && item != null);
+}
+function filterDmTableColumn(column) {
+  if (column.onlySearch || column.hideInTable)
+    return false;
+  if (Array.isArray(column.children)) {
+    const children = mapAndFilter(column.children, filterDmTableColumn);
+    return children.length > 0 ? { ...column, children } : null;
+  }
+  return column;
+}
+function filterSearchColumn(column) {
+  if (Array.isArray(column.children)) {
+    const children = mapAndFilter(column.children, filterSearchColumn);
+    return children.length > 0 ? { ...column, children } : null;
+  }
+  return column.search ? column : false;
+}
+function flattenSearchColumns(column) {
+  return Array.isArray(column.children) ? column.children.flatMap(flattenSearchColumns) : [column];
+}
+function searchItems(columns) {
+  return mapAndFilter(columns, filterSearchColumn).flatMap(flattenSearchColumns).map((column) => ({
+    key: String(column.key ?? column.dataIndex),
+    title: column.title,
+    dataIndex: String(column.dataIndex ?? column.key),
+    search: column.search || {
+      type: "input",
+      extraProps: {},
+      formProps: {}
+    }
+  }));
+}
+function DmTable({
+  name,
+  extra,
+  indicators,
+  pagination,
+  columns: inputColumns,
+  columnSettingVisible = true,
+  onColumnsChange,
+  columnState,
+  searchProps,
+  tableExtra,
+  className,
+  dataSource,
+  rowSelection,
+  ...props
+}) {
+  const tableColumns = useMemo7(() => mapAndFilter(inputColumns, filterDmTableColumn), [inputColumns]);
+  const [columns, setColumns] = useState8(tableColumns);
+  const [columnSettingsOpen, setColumnSettingsOpen] = useState8(false);
+  const items = searchProps?.items?.length ? searchProps.items : searchItems(inputColumns);
+  const paginationObj = typeof pagination === "object" ? pagination : undefined;
+  const paginationProps = paginationObj ? Object.fromEntries(Object.entries(paginationObj).filter(([key]) => key !== "ref")) : {};
+  const total = paginationObj?.total ?? dataSource?.length ?? 0;
+  const selectedTotal = rowSelection?.selectedRowKeys?.length ?? 0;
+  function resetColumns() {
+    setColumns(tableColumns);
+    onColumnsChange?.(tableColumns);
+    if (columnState?.persistenceKey) {
+      globalThis.localStorage?.removeItem(columnState.persistenceKey);
+    }
+  }
+  return /* @__PURE__ */ jsxs9("div", {
+    className: getDmTableClasses({ className }),
+    children: [
+      items.length > 0 || searchProps?.fastFilterItem ? /* @__PURE__ */ jsx10(Card, {
+        className: dmTableSearchClass,
+        padding: "md",
+        children: /* @__PURE__ */ jsx10(DmSearch, {
+          ...searchProps,
+          items
+        })
+      }) : null,
+      indicators ? /* @__PURE__ */ jsx10("div", {
+        className: dmTableIndicatorsClass,
+        children: indicators
+      }) : null,
+      /* @__PURE__ */ jsxs9(Card, {
+        className: dmTableCardClass,
+        padding: "md",
+        children: [
+          name || extra || columnSettingVisible ? /* @__PURE__ */ jsxs9("div", {
+            className: dmTableHeaderClass,
+            children: [
+              /* @__PURE__ */ jsx10("div", {
+                className: dmTableTitleClass,
+                children: name
+              }),
+              /* @__PURE__ */ jsxs9("div", {
+                className: dmTableExtraClass,
+                children: [
+                  extra,
+                  columnSettingVisible ? /* @__PURE__ */ jsx10(Button, {
+                    type: "button",
+                    color: "secondary",
+                    appearance: "outline",
+                    className: dmTableColumnSettingClass,
+                    onClick: () => setColumnSettingsOpen((open) => !open),
+                    children: "Columns"
+                  }) : null
+                ]
+              })
+            ]
+          }) : null,
+          columnSettingsOpen ? /* @__PURE__ */ jsx10("div", {
+            role: "dialog",
+            "aria-label": "Column settings",
+            children: /* @__PURE__ */ jsx10(Button, {
+              type: "button",
+              onClick: resetColumns,
+              children: "Reset columns"
+            })
+          }) : null,
+          tableExtra ? /* @__PURE__ */ jsx10("div", {
+            className: dmTableTableExtraClass,
+            children: tableExtra
+          }) : null,
+          /* @__PURE__ */ jsx10(Table, {
+            ...props,
+            dataSource,
+            rowSelection,
+            size: props.size ?? "small",
+            scroll: props.scroll ?? { x: 680 },
+            columns,
+            pagination: pagination ? {
+              current: paginationObj?.current,
+              defaultCurrent: paginationObj?.defaultCurrent,
+              pageSize: paginationObj?.pageSize,
+              defaultPageSize: paginationObj?.defaultPageSize,
+              total,
+              onChange: paginationObj?.onChange
+            } : false
+          }),
+          pagination ? /* @__PURE__ */ jsx10(DmPagination, {
+            ...paginationProps,
+            className: dmTablePaginationClass,
+            total,
+            selectedTotal,
+            showSizeChanger: true
+          }) : null
+        ]
+      })
+    ]
+  });
+}
+DmTable.displayName = "DmTable";
+export {
+  filterDmTableColumn,
+  DmTable
+};